.speed-dial-box-container {
    border-color: #ecf0f1;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    margin-bottom: 25px;
    border-left-width: 6px;
    border-left-color: #95ecdb;
}

.speed-dial-action-box {
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 20px;
    z-index: 10;
}

.margin-5 {
    margin-top: -5px;
}

.btn-service {
    width: 100px;
}

.company-logo {
    padding: 0;
    padding-right: 10px;
}

.site-name-alert {
    /*background-color:#23B235;
    border-color:#23B235;*/
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/*body, h1, h2, h3, h4, h5, h6 {
    font-size: 13px;
}*/


.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    /*background-color: #11911D;*/
}

.btn-green {
    /*background-color:#11911D;
    border-color:#11911D;*/
}

    .btn-green:hover,
    .btn-green:focus,
    .btn-green.active {
        /*color: #ffffff;
  background-color: #0C6B15;
  border-color: #0C6B15;*/
    }

.row-green {
    /*background-color: #11911D;
    color: #ffffff;*/
}


.row-gray {
    /*background-color: #ecf0f1;
    color: #2c3e50;*/
}

h4 .header {
    /*color: #404244;*/
}

.well-bodytop {
    padding: 3px;
    margin-bottom: 3px;
}

#headPagename {
    margin-top: 1px;
}

.body-top-info {
    margin-top: 6px;
    margin-bottom: 6px;
}

.table-striped > tbody > tr:nth-child(odd) {
    /*background-color: #EEF9E7;*/
}

.navbar-brand {
    height: auto;
    padding: 10.5px 11px 0px;
}

.navbar-toggle {
    padding: 0;
}

.navbar {
    min-height: 0px;
    margin-bottom: 0px;
}


.row-striped:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.row-striped {
    border-top: 1px solid #ddd;
    padding: 5px;
}

.form-control-border {
    display: block;
    width: 100%;
    color: #2c3e50;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #dce4ec;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 3px;
}

.select2-container-multi .select2-choices {
    border: 0;
}

.can-edit {
    color: black;
}

.can-not-edit {
    color: lightgray;
}

/***** tt-dropdown ***********************************************************************************/

.tt-dropdown-menu, .gist {
    text-align: left;
}

.typeahead, .tt-query, .tt-hint {
    border: 2px solid #CCCCCC;
    border-radius: 8px 8px 8px 8px;
    font-size: 24px;
    line-height: 30px;
    outline: medium none;
    padding: 8px 12px;
}

.typeahead {
    background-color: #FFFFFF;
}

.tt-query {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.tt-hint {
    color: #999999;
}

.tt-dropdown-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 350px;
    height: 124px;
    overflow-y: auto;
}

.tt-suggestion {
    padding: 3px 20px;
}

    .tt-suggestion.tt-cursor {
        background-color: #0097CF;
        color: #FFFFFF;
    }

    .tt-suggestion p {
        margin: 0;
    }

.twitter-typeahead {
    display: inline !important;
}
/******* tt-dropdown *********************************************************************************/
.icon-animate {
    animation-name: rotateThis;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotateThis {
    from {
        transform: scale( 1 ) rotate( 0deg );
    }

    to {
        transform: scale( 1 ) rotate( 360deg );
    }
}
/****spinner**********************************************************************************************/
.spinner {
    width: 100px;
}

    .spinner input {
        text-align: right;
    }

.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

    .input-group-btn-vertical > .btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 8px;
        margin-left: -1px;
        position: relative;
        border-radius: 0;
    }

        .input-group-btn-vertical > .btn:first-child {
            border-top-right-radius: 4px;
        }

        .input-group-btn-vertical > .btn:last-child {
            margin-top: -2px;
            border-bottom-right-radius: 4px;
        }

    .input-group-btn-vertical i {
        position: absolute;
        top: 0;
        left: 4px;
    }
/****spinner**********************************************************************************************/

.truncate-text {
    max-height: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    display: block;
}

.truncate-text-1line {
    max-height: 1.7em;
    min-height: 1.7em;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    display: block;
}

.pagination-first-row {
    border-top-width: 5px;
}



.navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000000;
    background-color: #ecf0f1;
}

.navbar .navbar-toggle .icon-bar {
    background-color: #000000;
}


table.dataTable thead th, table.dataTable thead td {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/*********** M O R R I S *************************************************************************************/
.morris-hover {
    position: absolute;
    z-index: 1000;
}

    .morris-hover.morris-default-style {
        border-radius: 10px;
        padding: 6px;
        color: #666;
        background: rgba(255, 255, 255, 0.8);
        border: solid 2px rgba(230, 230, 230, 0.8);
        font-family: sans-serif;
        font-size: 12px;
        text-align: center;
    }

        .morris-hover.morris-default-style .morris-hover-row-label {
            font-weight: bold;
            margin: 0.25em 0;
        }

        .morris-hover.morris-default-style .morris-hover-point {
            white-space: nowrap;
            margin: 0.1em 0;
        }
/*********** M O R R I S *************************************************************************************/


/***************************** textbox with icon ******************************/
/* enable absolute positioning */
.inner-addon {
    position: relative;
}

    /* style icon */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
        pointer-events: none;
    }

/* align icon */
.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 0px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}
/***************************** textbox with icon ******************************/

.fa-1-3x {
    font-size: 1.3em;
}

.btn-company-consumption-export {
    margin-right: 10px;
    margin-top: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

input.date-moment {
    /*position: relative;
    color: white;*/
}

    input.date-moment:before {
        display: inline-block;
        color: black;
    }

    input.date-moment::-webkit-inner-spin-button, input.date-moment::-webkit-clear-button {
        display: none;
    }

    input.date-moment::-webkit-calendar-picker-indicator {   
        right: 0;
        color: black;
        opacity: 1;
    }