html{
    font-size: 100%;
 
}
@media screen and (max-width:768px) {
    html{
        font-size: 90%;

    }
}
body{
    background-color: #f0f1f6;
}

input,select,textarea{
    font-size: 14px !important;
}


form label{
    align-self : center !important;
}

.fa-pencil-alt:hover{
    color: green;
}
.fa-comment-dots:hover{
    color: #007bff;
}
.fa-eye:hover{
    color: #a57213;
}
.fa-trash:hover{
    color: red;
}
.stat-widget-five .stat-text{
    font-size: 18px;
}
.font-18{
    font-size: 18px;
}
.font-17{
    font-size: 17px;
}
.font-16{
    font-size: 16px;
}
.font-15{
    font-size: 15px;
}
.font-14{
    font-size: 14px !important;
}
.font-13{
    font-size: 13px !important;
}
.font-12{
    font-size: 12px;
}
.font-11{
    font-size: 11px;
}
.font-10{
    font-size: 10px;
}
.dropdown-menu .nav-link:hover{
    background-color: rgba(233, 236, 239, 0.5);
}
.cross{
    color: #fff;
    opacity: 0.75;
    text-shadow: none;
}
.cross:hover{
    color: #fff !important;
    opacity: 1;

}
.btn-tempcolor{
    color: #fff;
    background-color: #01D2AA;
    border-color: #01D2AA;
}
.btn-tempcolor:hover{
    color: #fff;
    background-color: #07ad9d;
    border-color: #07ad9d;
}
.btn-size{
    border-radius: 30px;
    width: 122px;
}
.btn-size:hover{
    background-color: #0abe9b;
}
.input-group-addon-login{
    height: 38px;
    padding: 5px 12px;
    border-radius: 0px;
    background-color: #01D2AA;
}
.bg-login-img{
    background-image: url("../../images/bg.png");
}

.dept-icon-pos{
    border-radius: 30px;
    padding: 15px;
    position: absolute;
    left: 16px;
    top: 20px;

}
.margin-left-50{
    margin-left: 66px;
    }
.box_shadow{
    transition: all .35s;
}

.box_shadow:hover{

    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    /*box-shadow: 1px 1px 31px #e2e2 !important;*/
}

.bg-yellow{
    /*background-color: #FFC107;*/
    background-color: #a8b1b8;
}
.bg-blue{
    /*background-color: #03A9F3;*/
    background-color: #afd775;
}
.bg-green{
    /*background-color: #01D2AA;*/
    background-color: #efd279;
}
.bg-green-login{
    background-color: #01D2AA;

}

.bg-red{
    background-color: #FA7000;
}
.bg-light-gray{
    background-color: #F8F9FF;
}
.bg-purple{
    /*background-color: #6d98ab;*/
    background-color: #95cbe9;
}
/*.bg-white{*/
/*    background-color: white;*/
/*}*/
.bg-total{
    background-color: #9573E8;
}
.bg-approved{
    background-color: #3AC47D;
}
.bg-pending{
    background-color: #FA7000;
}
.bg-rejected{
    background-color: #D92550;
}
.bg-delivered{
    background-color: #66CCFF;
}
.bg-reschedule{
    background-color: #ADADAD;
}
.font-white{
    color: white !important;
}
.font-blue,footer.site-footer .footer-inner .font-blue{
    color: #03a9f3 ;
}
.font-gray{
    color: #607d8b;
}
.temp_bgcolor{
    background-color: #01D2AA;
}
.bg-chat-name{
    background-color: #878787;
}
.temp_color{
    color: #01D2AA;
}
.border-radius-30{
    border-radius: 30px;
}
.padding-16-15{
  padding:16px 15px;
}
.modal-dialog{
 max-width: 550px;
}

   /**********  CSS FOR OVER-RIDING THE DEFAULT STYLE.CSS STYLES   *************/
.right-panel .navbar-brand{
    width:175px;
}
/*.right-panel .top-left{*/
/*    width: 260px;*/
/*    float: left;*/
/*}*/
/**********  CSS FOR OVER-RIDING THE DEFAULT STYLE.CSS STYLES ENDS   *************/

/**********  CSS FOR OVER-RIDING THE CHAT DIALOG BOX   *************/
.msg-send-btn {
    background: #03a9f3;
    color: #fff;
    font-size: 28px;
    border-radius: 7px;
    padding: 0;
    text-align: center;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 0;
    top: 0;
}
.ui-widget-header{
    background-color: #01D2AA;
    color: white;
}
.ui-dialog{
    padding: 0px;
}
.ui-dialog .ui-dialog-content{
    padding: 0px;
}
.ui-dialog .ui-dialog-titlebar{
    border: 0px;
}
.chat-color{
    color: #878787;
}


/**********  CSS FOR FOOTER   *************/
.fixed_bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0px;
    z-index: 1030;
}
/**********  CSS FOR FOOTER ENDS   *************/


/**********  CSS FOR GRAPHS   *************/
#chartdiv {
    width: 100%;
    height: 500px;
}



/* width */
.list_of_chat::-webkit-scrollbar,.list_of_app::-webkit-scrollbar,.chat_history::-webkit-scrollbar {
    width: 7px;
}
.list_of_chat::-webkit-scrollbar,.list_of_app::-webkit-scrollbar{
    width: 4px;
}

/* Track */
.list_of_chat::-webkit-scrollbar-track,.list_of_app::-webkit-scrollbar-track,.chat_history::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(141, 192, 77, 0.22);
    border-radius: 4px;
}

/* Handle */
.list_of_chat::-webkit-scrollbar-thumb,.list_of_app::-webkit-scrollbar-thumb,.chat_history::-webkit-scrollbar-thumb {
    /*background: rgba(144, 144, 144, 0.8);*/
    background: rgba(158, 158, 158, 0.71);
    border-radius: 4px;
}

/* Handle on hover */
.list_of_chat::-webkit-scrollbar-thumb:hover,.list_of_app::-webkit-scrollbar-thumb:hover,.chat_history::-webkit-scrollbar-thumb:hover {
    background: #7E7E7E;
}
.user_name{
    width: 36px;
    /*background-color: #03A9F3;*/
    height: 36px;
    color: white;
    line-height: 36px;
    border-radius: 18px;
    /*padding-top: 8px;*/
}
.dropdown-menu{
    padding: 0px;
}
.notifications-heading{
    background-color: #10d2bf;
    height: 50px;
    line-height: 50px;
}
.height-110{
    height: 110px;
}
.height-115{
    height: 115px;
}

.user-area .user-menu{
    min-width: 190px;
    max-width: 240px;
}


      /************* MEDIA QUERIES ****************************/

@media screen and (max-width: 768px) {


}