.home_input{
    padding: 15px 20px;
    background: rgba(255,255,255,.1) !important; 
    border-radius: 25px !important;
 }
 .my_color{
    background: #e3714d !important;
    color:#fff;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
 }
 #logo_btn{
    margin-right: 0;
    margin-bottom: 0;
 }
 .site_title, .profile_img, #crop-avatar{
    display: flex;
    align-items: center;
 }
 #crop-avatar{
    height: 55px;
    /*margin-left: auto;*/
    margin-right: auto;
 }
 .site_title{
    padding-left: 0;
 }
.site_title img, #crop-avatar img{
    max-height: 55px;
    width: auto;
}
 #bill_table{
    margin-bottom: 1px;
 }

 img{
    margin-left: auto;
    margin-right: auto;
 }

 .input-group[class*=col-] {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}

#datatable1, #datatable2{
    width: inherit !important;
}

 #invoice_body{
    background: #fff;
 }

@media (min-width: 1200px){
#invoice_body .container {
    width: 1170px;
}
}
@media (min-width: 992px){
#invoice_body .container {
    width: 970px;
}
}
@media (min-width: 768px){
#invoice_body .container {
    width: 750px;
}
}
#invoice_body .container {
    padding-right: 15px;
    padding-left: 15px;
}

 #bill_table thead, #notes_table thead{
    background: #ff6700;
    color: #fff;
 }

 #bill_table td{
    height: 100px;
 }

 /*.tax_amt{
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
 }*/

 .total_amt th{
    padding: 5px 15px;
 }

 .total_amt td{
    background: #00000030;
    /*padding: auto;*/
    /*padding: 5px 15px;*/
 }

 .date_text, .bill_to{
    text-decoration: underline;
 }

 .bill_to {
    width: 50%;
 }

 #invoice_doc{
    color: #000;
 }

 .time_dropdown{
    width: auto;
 }

 #category_text, #highlight_text, #p_category_text, #bg_text, #b1_text, #b2_text, #b3_text{
    cursor: pointer;
    color: red;
    margin-top: 3px;
 }

 .btn_center{
    text-align: center;
 }

 #highlight{
    background: #000;
    color: #fff;
 }

 .btn-info {
    background-color: #22748c;
    border-color: #22748c;
    font-weight: bold;
}

 #total_box h4{
    float: left;
    padding-left: 5px;
 }

 #total_box p{
    float: right;
    margin-top: 10px;
    padding-right: 5px;
    font-size: 15px;
 }
 #total_box p:hover{
    background: #000;
    padding: 0 5px;
    color: #fff;

 }

 .flipInY{
    cursor: pointer;
 } 

 .profile_info {
    padding: 20px 20px;
    width: 100%;
}

 .color-white{
    color: white;
 }

 .tile-stats .count{
    font-size: 25px;
 }

.white{
    color: #fff;
}

.red{
    background: #ff0000;
}
.orange{
    background: #ff8000;
}
.mango{
    background: #ffbc34;
 }
 .green{
    background: #55ce63;
 }
 .blue{
    background: #009efb;
 } 
 .purple{
    background: #7460ee; 
 }
 .pink{
    background: #e718e7; 
 }

 .red:hover, .orange:hover, .mango:hover, .green:hover, .blue:hover, .purple:hover, .pink:hover{
    box-shadow: 0 0 11px rgb(42, 63, 84);
 }

 /*.green:hover{
    box-shadow: 0 0 11px rgb(42, 63, 84);
 }
 .blue:hover{
    background: #075c8e;
    box-shadow: 0 0 11px rgb(42, 63, 84);
 }
 .purple:hover{
    background: #3719f1;
    box-shadow: 0 0 11px rgb(42, 63, 84);
 }*/
 
 
 
/* .nav-sm #bar_toggle .fa-bars:before {
    content: "\f0c9";
}
.nav-md #bar_toggle .fa-bars:before {
    content: "\f00d";
}*/

 #login:hover{
    background: #2f4858 !important;
    color:#fff;
 }

 .login_content div .reset_pass{
    margin-right: 0;
 }

 .logo_box{
    margin: 0px 0px 20px;
 }
.nav-sm .container.body .col-md-3.left_col{
    display: none;
}
.nav-sm .main_container .top_nav, .nav-sm .container.body .right_col{
    margin-left: 0;
}
 .tile_stats_count{
    text-align: center;
 }
.tile-stats h3{
    color: #000;
}
 .login{ background-size: cover; 
    background:linear-gradient(0deg,rgba(16,16,16,0.46),rgba(16,16,16,0.46)), url(../../assets/images/login_bg.jpg) no-repeat;}

    #content form .submit, .login_content form input[type=submit]{
        margin-left: 0;
    }

    .login_content form{margin:20px 0;position:relative; padding:10%;background: #fff; border-radius: 24px;}

    #power{
        /*padding: 10px;*/
        text-align: right;
        font-weight: bold;
        color: #BAB8B8;
         margin: 0 0 0;
    }

    #power span{
        color: #fff;
    }

    #power span:hover{
        color: red;
        cursor: pointer;
    }

    #about_img{
        width: 300px;
        height: auto;
    }
    
    #loader_div{
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 20%;
        left: 47%;
    }

    .img_align{
        width:6%;
    }
    .nav-md .container.body .col-md-3.left_col.menu_fixed, 
    .nav-sm .container.body .col-md-3.left_col.menu_fixed{
        overflow-x: hidden;
    }

    .nav-sm ul.nav.child_menu {
     left: 0; 
     position: relative; 
     width: 58px; 
}
    .nav-md .container.body .col-md-3.left_col{
        width: 237px;
    }
    
    /* width */
    ::-webkit-scrollbar {
        width: 7px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1; 
    }
    
    /* Handle */
    ::-webkit-scrollbar-thumb {
        /*background: #e65008; */
        background: #f1f1f1; 
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555; 
    }

    footer{
        background: #2a3f54;
        padding: 9px 20px 9px 20px;
    }

@media (max-width: 991px){
.nav-md .container.body .col-md-3.left_col {
    display: block;
}
.nav-md .toggle{
    margin-left: 224px;
}
/*.nav-sm #bar_toggle .fa-bars:before {
    content: "\f0c9";
}
.nav-md #bar_toggle .fa-bars:before {
    content: "\f00d";
}*/
}