#black .login-box,
#black .login-box .white-box{
    background:#333f50;}

.btn-danger, .btn-danger.disabled{
    background: #e3371e;
    border: 1px solid #e3371e;}

.label-danger{
    background: #e3371e;}

.btn-danger.disabled.focus, 
.btn-danger.disabled:focus, 
.btn-danger.disabled:hover, 
.btn-danger.focus, 
.btn-danger:focus, 
.btn-danger:hover{
    background: #eb3014;
    border: 1px solid #eb3014;}

#black .login-box .white-box .form-material .form-control{
    color: #fff;}

.white{
    color: #fff;}

.login-register{
    background-position: top !important;}

h1, h2, h3, h4, h5, h6{
    color: #000;}

.pro-pic{
    width: 35px;}

table.dataTable.row-border tbody th, 
table.dataTable.row-border tbody td, 
table.dataTable.display tbody th, 
table.dataTable.display tbody td{
    vertical-align:middle;}

table.dataTable.stripe tbody tr.odd, 
table.dataTable.display tbody tr.odd{
    background-color: #f5f6fe;}

#black .dt-buttons,
#black .dataTables_filter{
    display: none;}

.logo b{
    line-height: 0;}

#side-menu > li > a i,
#side-menu > li > a.active i{
    color: #8497b0;}

#side-menu{
    padding-top: 1px;
    border-top: 1px solid #343540;}

.form-control.form-control-line{
    border:1px solid #e4e7ea;}

.form-control.form-control-line i{
    padding-left: 10px;}

.input-group-addon.btn.btn-default.btn-file{
    background:#000;
    color:#fff;}

.input-group-addon.btn.btn-default.fileinput-exists{
    background: #e3371e;
    color:#fff;
    width: 50%;
    float: left;
    position: absolute;
    right: 0;
    top: 38px;}

span.fileinput-exists{
    width: 50%;}

.title{
    font-weight: 500;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;}

.cpding{
    padding: 10px 25px 25px;}

.cpding h4{
    font-size: 15px;
    font-weight: 600;}

.border-bottom-1{
    border-bottom: 1px solid #eeeeee;
    margin-left: -25px;
    margin-right: -25px;
    padding: 0px 25px 10px;}

.details-navigate i{
    font-size: 15px;
    padding-left: 5px;}

.details-navigate i.fa-times{
    color:#e3371e;}

.default-color{
    color: #e3371e;}

.custome-table2 td{
    padding: 10px;
    color:#000;}

.custome-table2 td:first-child{
    color:#646464;}

.custome-table2 tr:first-child td{
    padding-top:0;}
.life{
    position: relative;
    display: inline-block;
}
.life:after{
    display: inline-block;
    content: '';
    background: none;
    position: absolute;
    height: 100%;
    width: 30px;
    border-right: 3px solid #e3371e;
    border-bottom: 3px solid #e3371e;
    right: -7px;
    top: 4px;}
.cd-horizontal-timeline .events-content li > *,
.cd-horizontal-timeline .timeline{
    max-width: 98% !important;
    width: 100%;}
.cd-horizontal-timeline .events-content li{
    padding: 0%;}
/**/
/*.card:nth-child(2n) .card-header{
    background: #e3371e;}*/
.card-header{
    background: #222;}
.card-header h4{
    padding: 5px;}
.card-header h4 a{
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    display: table;
    width: 100%;
    padding: .75rem 1.25rem;}
.card-header h4 .pull-right{
    color: #fff;
    font-size: 14px;
    font-weight: normal;}
.card-header{
    padding: 0;}
.table-perfomance,
.table-perfomance tr,
.table-perfomance td,
.table-perfomance th,
.table-perfomance2,
.table-perfomance2 tr,
.table-perfomance2 td,
.table-perfomance2 th{
    color: #000 !important;}
.table-perfomance tr td:first-child,
.table-perfomance tr th:first-child,
.table-perfomance2 tr td:first-child,
.table-perfomance2 tr th:first-child{
    background: #f7f7f7 !important;
    width: 60px;
    font-weight: 400;}
.table-perfomance i.fa-thumbs-o-down{
    margin-right: 10px;}
.table-perfomance2 td{
    line-height: 27px;}
.table-perfomance2 td span{
    margin-right: 15px;}
.rounded_img{
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;}
.rounded_img img{
    width: 100%;
    min-height: 100%;
}

.cd-horizontal-timeline .events ol li a{
    left: 220px !important;
}
.cd-horizontal-timeline .events ol li:nth-child(2) a{
    left: 600px !important;
}
.cd-horizontal-timeline .events ol li:nth-child(3) a{
    left: 900px !important;
}
.cd-horizontal-timeline .events{
    background: none !important;
}
.disableClick{
    pointer-events: none;
}
/*========== This for mobile max width 767px ==========*/
@media (max-width:767px){
    .container-fluid{
        padding-left: 15px;
        padding-right: 15px;}}

@media screen and (max-width: 1366px) and (min-width: 1024px) {
    .cd-horizontal-timeline .events ol li a{
        left: 100px !important;
    }
    .cd-horizontal-timeline .events ol li:nth-child(2) a{
        left: 400px !important;
    }
    .cd-horizontal-timeline .events ol li:nth-child(3) a{
        left: 700px !important;
    }
    .cd-horizontal-timeline .events{
        background: none !important;
    }
    .disableClick{
        pointer-events: none;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .cd-horizontal-timeline .events ol li a{
        left: 50px !important;
    }
    .cd-horizontal-timeline .events ol li:nth-child(2) a{
        left: 200px !important;
    }
    .cd-horizontal-timeline .events ol li:nth-child(3) a{
        left: 350px !important;
    }
    .cd-horizontal-timeline .events{
        background: none !important;
    }
    .disableClick{
        pointer-events: none;
    }
}

.text-white{
    color:white!important
}
.btn-custom-pl{
    background-color: #8497b0 !important;
    border: 0;
    box-shadow: 0;
    color: #333f50;
}

.sidebar, .top-left-part{
    background: #2d2e3a !important;
}
.navbar-header{
    background: #333f50 !important;
}

#example23 thead tr,#example23 tfoot tr{background:#636473;}#example23 thead tr th,#example23 tfoot tr th{color:#fff;}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after{color:#eee;}