.highlight {
    background-color: #FFFF88;
}

hr {
    border-top: 1px solid #aaa;
}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    padding: 5px 15px;
}

/* Nav Messages */
.messages-dropdown .dropdown-menu .message-preview .avatar,.messages-dropdown .dropdown-menu .message-preview .name,.messages-dropdown .dropdown-menu .message-preview .message,.messages-dropdown .dropdown-menu .message-preview .time
{
    display: block;
}

.messages-dropdown .dropdown-menu .message-preview .avatar {
    float: left;
    margin-right: 15px;
}

.messages-dropdown .dropdown-menu .message-preview .name {
    font-weight: bold;
}

.messages-dropdown .dropdown-menu .message-preview .message {
    font-size: 12px;
}

.messages-dropdown .dropdown-menu .message-preview .time {
    font-size: 12px;
}

/* Nav Announcements */
.announcement-heading {
    font-size: 50px;
    margin: 0;
}

.announcement-text {
    margin: 0;
}

/* Table Headers */
table.tablesorter thead {
    cursor: pointer;
}

table.tablesorter thead tr th:hover {
    background-color: #f5f5f5;
}

/* Flot Chart Containers */
.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

.the-icons {
    padding: 40px 10px;
    font-size: 18px;
    line-height: 2;
    color: gray;
    text-align: center;
}

.the-icons .glyphicon {
    padding-left: 15px;
    padding-right: 15px;
}

.container-min {
    margin-left: 20px;
    margin-right: 20px;
}

#rc_notify {
    position: fixed;
    left: 0%;
    top: 55px;
    display: none;
    margin: 3px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

span>div#rc_notify {
    position: fixed;
    z-index: 99;
}

#rc_error {
    position: fixed;
    left: 0%;
    top: 55px;
    display: none;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

span>div#rc_error {
    position: fixed;
    z-index: 99;
}

.login-icon {
    display: inline-block;
    line-height: 50px;
    width: 64px;
    height: 64px;
    margin-right: 15px;
}

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

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

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

.down-20 {
    padding-bottom: 20px;
}

.down-100 {
    padding-bottom: 100px;
}


.tam-400 {
    min-height: 400px;
}

.tam-400-fixed {
    min-height: 400px;
    max-height: 400px;
    overflow-y:auto;
}

.tam-300 {
    min-height: 300px;
}

.tam-300-fixed {
    min-height: 300px;
    max-height: 300px;
    overflow-y:auto;
}

.tam-200 {
    min-height: 200px;
}

.tam-200-fixed {
    min-height: 200px;
    max-height: 200px;
    overflow-y:auto;
}

.red {
    color: #e74c3c;
}

.blue {
    color: #0191d8;
}

.green {
    color: #93b559;
}
.yellow{
    color:#FFFF1F; 
}


.mithgreen {
    color: #16A085;
}

.pointerMao {
    cursor: pointer;
}

.dir-20 {
    margin-right: 20px;
}

.esq-20 {
    margin-left: 20px;
}

.invisible {
    display: none;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.powered {
    margin-right: 20px;
    margin-top: 40px;
    font-size: 12px;
    float: right!important;;

}
.powered a {
    color: #999;
    cursor: pointer;
}

.powered a:hover {
    color: #777;
    cursor: pointer;
}

@media ( min-width :768px) {

    /* Wrappers */
    #wrapper {
        padding-left: 225px;
    }
    #page-wrapper {
        padding: 15px 25px;
    }

    /* Side Nav */
    .side-nav {
        margin-left: -225px;
        left: 225px;
        width: 200px;
        position: fixed;
        top: 50px;
        height: 100%;
        border-radius: 0;
        border: none;		
        overflow-y: auto;
    }


    /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */
    /*.side-nav>li.dropdown>ul.dropdown-menu {
            position: relative;
            min-width: 225px;
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0;
            background-color: transparent;
            box-shadow: none;
            -webkit-box-shadow: none;
    } */
    /* .side-nav>li.dropdown>ul.dropdown-menu>li>a {
            color: #fff; 
            padding: 15px 15px 15px 25px;
    }
    .side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,.side-nav>li.dropdown>ul.dropdown-menu>li>a.active,.side-nav>li.dropdown>ul.dropdown-menu>li>a:focus{
             color: #fff; 
            background-color: #154770 !important;
    }
    */

    .side-nav>li>a {
        width: 225px;
    }

}

.panel{
    background-color: #F0F0F0;
}



.consulperMenu{
    color:#3399FF;
}


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 10px;
    border: 1px solid #888;
    border-radius: 9px;
    width: 60%; /* Could be more or less, depending on screen size */
    height:250px;
}

.modal-content-small {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 10px;
    border: 1px solid #888;
    border-radius: 12px;
    width: 60%; /* Could be more or less, depending on screen size */
    height:125px;
}