.main-header{
    background-color: rgba(14,161,235,1) !important;
}
.skin-blue .main-header .navbar
{
   background-color: rgba(14,161,235,1) !important; 
}
.main-sidebar{
    background-color: rgba(14,161,235,1) !important; 
}
.side_span{
    color: #fff;padding-left: 15px;cursor: pointer;
}
#sheet_name{
    background-color: #fff;
}
.search-btn{
    background-color: #367fa9 !important;color:#fff !important;
}
.side_li{
    height:30px;
}
.sh_detailsdiv{
    height:450px;
}
.content-wrapper{
    background-color: #fff !important;
   
}
.tot_amt{
    float: right;
    font-size: 26px;
}
.div_margin{
  margin-top:30px;  
}

#credit{
    width:49%
}
#debit{
    width:49%;float:right;
}
.sub_det{
    background-color: rgba(14,161,235,1);
    color:#fff;
    height:40px;
    font-size:24px;
    padding-top: 0px;
}
.sub_det:hover {
    color:#fff;
    font-size:27px;
}
#sh_listing{
    height:550px;overflow-y: auto;
}
.div_bor{
    border: 1px solid rgba(14,161,235,1);
}
.div_bottom{
    margin-bottom:30px;
}
.des{
    width:100%;
    resize: none;
    padding: 0px 5px 0px 15px;
    border: none !important;
}
.span_green{
    color: #00a65a;
    font-size: 16px;
    font-weight: bold;
}
.span_red{
    color:red;
    font-size: 16px;
    font-weight: bold;
}
.reg_div{
    background-color: rgba(14,161,235,1);border-radius: 5px;
}
.con_top{ margin-top:10%;}

.form-control{
   border-color: rgba(14,161,235,1) !important;   
}
.month{
 border: 1px solid #fff;background-color: rgba(14,161,235,1);color:#fff;width:90%;height:20px;text-align: center;border-radius: 6px 6px 0px 0px;   
}
.year{
  border: 1px solid #fff;background-color: rgba(14,161,235,1);color:#fff;width:90%;height:20px;margin-top: -30px;text-align: center;border-radius: 0px 0px 6px 6px;  
}
.s_date{
  background-color: #fff;border: 1px solid #fff;width:90%;height:20px;margin-top: -30px;text-align: center;color:rgba(14,161,235,1);  
}
.input-group-addon{
    border-color: rgba(14,161,235,1) !important;
}
#description{
    resize: none;
}
.bt_del{
   width:85%;margin-top: 12px;background-color: rgba(14,161,235,1) !important;color:#fff;padding:0px;border-radius:5px !important;
}
.bt_ed{
    width:85%;margin-right: 15px;margin-top: 12px;background-color: rgba(14,161,235,1) !important; color:#fff;padding:0px; border-radius:5px !important;
}@media only screen and (max-width: 767px) {
    .bt_ed{
        width:30px;
    }
    .bt_del{
        width:30px;
    }
}

.export_pdf{
    float:right;margin-right: 16px;background-color: rgba(14,161,235,1);
}
.skin-blue .main-header .logo{
    background-color: #fff !important;
}
.nav_total{
   width:100%;height: 35px;background-color: #fff !important;
}
.s_tot{
    color:#00a65a;float: right;font-weight:bold;font-size:16px;
}
.navtotal_green{
    margin-right: 20px;color:#00a65a;float: right;font-weight:bold;font-size:16px;
}
.navtotal_white{
    margin-right: 20px;color:#fff;float: right;font-weight:bold;font-size:16px;
}
.navtotal_red{
    margin-right: 20px;color:red;float: right;font-weight:bold;font-size:16px;
}
.navtotal_black{
    margin-right: 45px;color:#000;float: right;font-weight:bold;font-size:16px;
}
.p_total{
    color:#000;
}
.nav-btn{
    margin: 7px 2px !important;padding-bottom: 7px !important;padding-top: 7px !important;color: #000 !important;background-color: #fff !important;
}
#side-togg{
        display: none;
    }
@media only screen and (max-width: 767px) {
    #side-togg{
        display: block;
    }
}
.cre_deb{
    font-size: 23px;
padding-top: 0px;

}
.verticalLine {
  border-left: 1px solid rgba(14,161,235,1);padding-left:3px !important;padding-right:0px !important;
}
.div_right{
    margin-top:10px;
    padding-left:0px !important;
    padding-right:0px !important;
}
.user-panel > .image > img {
    height: 45px !important;
    width: 45px !important;
}
.file_css{
    margin-bottom: 10px;
}
.dash_inner{
    height:90px;
}
.amt_back{border-radius: 5px;background-color: #fff;padding: 4px;}
.btn-color{ background-color: #fff !important; color:#000 !important;   }
a {  color: #fff !important;  }
.padding_zero{ padding-left: 0px; padding-right: 0px;  }
.alert{background-color:#00a65a;}
.total_green{color:#00a65a;font-weight:bold;}
.total_white{color:#fff;font-weight:bold;}
.total_red{color:red;font-weight:bold;}
.total_black{color:black;font-weight:bold;}
.div_textarea{padding-left:0px !important;padding-right:0px !important;}
.div_amount{padding-left:15px;padding-right:0px;padding-top: 10px;}
.btn_action{padding-right: 0px !important;padding-left: 0px !important;}
.btn_class{padding-left:0px;padding-right:0px;float: right;}
.empty_sheet{text-align:center;font-size:30px;color:rgba(14,161,235,1);margin-top: 120px;}
.horizontalline{border-top: 2px solid #C0C0C0;margin:0px auto !important;}
.date_display{padding-left:0px;color:#C0C0C0;}
.div_date{margin-top:0px;margin-bottom:0px;}
.display_log{width:100%;height: 400px;overflow: auto;}
.td_sheetname{width:80%;padding: 6px;}
.td_delete{}
.td_edit{width:10%;padding: 6px;}
.sheet_list{border:1px solid #eee;text-align: center;}
/*.search_sheet{margin: 5px 2px;}*/
.msg_success{text-align: center; margin: 20px 50px;padding: 10px; background-color: #38da38; color: rgb(255, 255, 255);font-size: 18px;}
.msg_block{text-align: center; margin: 20px 50px;padding: 10px; background-color: red; color: rgb(255, 255, 255);font-size: 18px;}
.btn_submit{float:right;}
.user-panel > .info {
    padding: 14px 5px 5px 15px !important;}
.pagination > .disabled > a{
    color: #000 !important;
    background-color: #eee !important;}
.pagination > li > a {
    background: #eee  !important;
    color: #000 !important;}
.pagination > .active > a {
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
}
.div_status{
    padding-right: 0px !important;
}
.span_status{
    font-size: 25px;padding-right: 0px;
}
 .chosen-container-active{
            color:#000 !important;
        }
        .chosen-single{
             color:#000 !important;
        }
/*.click_add{
    background-color: #367fa9 !important;
}*/
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    color: #fff !important;
    background: #1e282c !important;
    border:1px solid #fff !important;
}
.skin-blue .sidebar-menu > li > a, .skin-blue .sidebar-menu > li > a {
    color: #fff !important;
    background: rgba(14,161,235,1) !important;
    border:1px solid #fff !important;
}
.title{
    color:rgba(14,161,235,1);
}
.btn-back{
    color: #fff;
    background: rgba(14,161,235,1);
    border:1px solid #fff;
}
.success_class{
   background-color: #38da38!important;
    color: #fff  !important;
    margin-top:200px;
    position: absolute;
    z-index: 100;
    margin-left:10%;
   width: 80%;
}
.danger_class{
   background-color: red!important;
    color: #fff  !important;
    margin-top:200px;
    position: absolute;
    z-index: 100;
    margin-left:10%;
    width: 80%;
}
.navbar-nav > .user-menu .user-image {
    width: 40px !important;
    height: 40px !important;
    margin-top: -8px !important;
    
}
.header_sheetdetails{
    float: left;
padding-left: 14px;
padding-top: 8px;
font-size: 22px;
}
.navbar .nav > li > a:hover { background: #fff !important;}
.day_div{ background-color: rgba(14,161,235,1);border-radius: 7px;margin: 0px 10px 0px 10px;}
.form-control[readonly]{background-color: #fff !important;}
#txtReportDate{border: 1px solid rgba(14,161,235,1) !important;}
.date_format{font-size:18px;color:#fff;}
@media screen and (max-width: 480px) and (min-width: 320px) {
    .date_format{font-size:16px;color:#fff;}
    .header_sheetdetails{font-size: 12px;padding-left: 0px;padding-top: 12px;}
    .nav > li > a {padding: 0px 7px; }
    .black_font{font-size:16px !important;}
    .red_font{font_size:16px !important;}
    .green_font{font-size: 16px !important;}
}
.dropdown-menu > li > a:hover { background-color: transparent !important;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 100px !important;
}
.slideimg{
	height: 100%;
	width: 100%;
}
#ImageslideDiv{
    width: 100%;
    overflow-x: auto;
    white-space: nowrap; 
    font-size: 0;
}
.sildeimgdiv{
	width: 40px;
	height: 40px;
	display: inline-block;
        margin:10px;
}
    .side_btn{width:80%;margin:10px 10%;}
    input[type="file"] {color:transparent;}
    .black_font{background-color:#fff;color:black;padding:5px;font-size:20px;border-radius: 10px;}
    .red_font{background-color:#fff;color:red;padding:5px;font-size:20px;border-radius: 10px;}
    .green_font{background-color:#fff;color:green;padding:5px;font-size:20px;border-radius: 10px;}
    .cat_image{margin-top: 5px;}