/* ============================================
* Samksha.com v1.0 (http://samiksha.co/)
* Copyright 2020-2021 Twitter, Inc.
* Licensed under MIT (http://samiksha.co/)
  ============================================ */

/********************* nave color bule change *********************/
.skin-purple-light .main-header .navbar {
    background-color: #cc3348;
    min-height: 60px;
   line-height: 30px;
}

.skin-purple-light .main-header .logo {
    background-color: #143255;
    min-height: 60px;
   line-height: 60px;
}
.skin-purple-light .text-purple{
    color: #2f6dc4 !important;
}
.skin-purple-light .main-header .logo:hover{
    background-color: #9c2636;
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover{
    background-color: #9c2636;
}
.skin-purple-light .sidebar-menu>li:hover>a,
.skin-purple-light .sidebar-menu>li.active>a {
    color: #fff;
    background: #cc3348;
    border-left-color: #fff;
}
.skin-purple-light .sidebar-menu>li>.treeview-menu{
    color: #fff;
    background: #0b1d33;
}
.skin-purple-light .sidebar a,
.skin-purple-light .sidebar-menu .treeview-menu>li.active>a, .skin-purple-light .sidebar-menu .treeview-menu>li>a:hover{
    color:#fff;
}
.skin-purple-light .main-header .user-header{
    background-color: #cc3348;
}

.skin-purple .main-header .user-header{
    background-color: #605ca8;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
    background-color: #2f6dc4;
    border-color: #2f6dc4;
}

/******************** menu ********************/
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{
    background-color: #1f2f42;
}
.skin-blue .sidebar-menu>li>.treeview-menu{
    background-color: #122235;
}

.skin-blue .sidebar-menu>li.header{
    color: #e66030;
    background: #001d3f;
}
.skin-blue .navbar{
    background-color: #2f6dc4;
    /* background-image: linear-gradient(to right, #404a8d 3%,#605ca8 20%,#605ca8 40%, #605ca8 90%,  #404a8d 100%); */
}
/******************** end menu ********************/

/******************** table ********************/
.skin-purple-light .table .table-success tr th{
    border-bottom: none;
}
/******************** end table ********************/

/******************** btn ********************/
.skin-purple-light .btn.btn-success {
    background-color: #11af6d;
    border-color: #11af6d;
}
.skin-purple-light a{
    color: #cc3348;
}
.skin-purple-light a:hover,
.skin-purple-light a:active,
.skin-purple-light a:focus{
    color: #cc3348;
}

.skin-purple-light .treeview a:hover,
.skin-purple-light .treeview a:active,
.skin-purple-light .treeview a:focus{
    color: #fff;
    /* background-color: #cc3348; */
}

.skin-purple-light .btn.btn-default:hover{
    background-color: #fff;
    border-color: #999;
}
.skin-purple-light .btn-label{
    border-radius:0;
}
.skin-purple-light .btn-sm .btn-label{
    left:-10px;
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {

}
.skin-purple-light .btn-warning{ 
    background-color: #e66030;
    border-color: #d6592c;
}
.skin-purple-light .btn-success.active.focus, .skin-purple-light .btn-success.active:focus, .skin-purple-light .btn-success.active:hover,
.skin-purple-light .btn-success.active.focus, .skin-purple-light .btn-success.active:focus, .skin-purple-light .btn-success:hover,
.skin-purple-light .btn-success:active.focus, .skin-purple-light .btn-success:active:focus, .skin-purple-light .btn-success:active:hover, .skin-purple-light .open>.dropdown-toggle.btn-success.focus,
.skin-purple-light .open>.dropdown-toggle.btn-success:focus, .skin-purple-light .open>.dropdown-toggle.btn-success:hover{
    background-color: #11af6d;
    border-color: #11af6d;
}
.skin-purple-light a.btn, .fc-event-container a {
    color: #fff;
}
.skin-purple-light a.btn.btn.btn-default{
    color:#333;
}
.skin-purple-light .btn:hover{
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
}
.skin-purple-light .btn.btn-primary{
    background-color: #193759;
    border-color: #002147;
}
/******************** end btn ********************/

/******************** start bg ********************/
.skin-purple-light .bg-green{
    background-color:#11af6d !important;
}
.skin-purple-light .bg-yellow{
    background-color:#e66030 !important;
}
.skin-purple-light .bg-red{
    background-color:#cc3348 !important;
}
.skin-purple-light .bg-aqua{
    background-color:#1aa0a0 !important;
}
/******************** end bg ********************/

/******************** start box panel ********************/
.skin-purple-light .box.box-primary {
    border-top-color:#324d6b;
}
.box.box-solid.box-primary>.box-header{
    background-color: #002147;
    padding: 15px 20px;
}
.skin-purple-light .box.box-success{
    border-top-color:#11af6d !important; 
}
.skin-purple-light .box.box-info {
    border-top-color:#1aa0a0;
}
.skin-purple-light .box.box-warning {
    border-top-color:#e66030;
}
.skin-purple-light .box.box-danger {
    border-top-color:#cc3348;
}
.skin-purple-light .breadcrumb li>a{
    color:#cc3348;
}
/******************** end box panel ********************/

/******************** start label ********************/
.skin-purple-light .label.label-info{
    background-color:#1aa0a0 !important;
}
.skin-purple-light .label.label-success{
    background-color:#11af6d !important;
}
.skin-purple-light .label.label-warning{
    background-color:#e66030 !important;
}
.skin-purple-light .main-sidebar.bg-yellow,.skin-purple-light .user-panel>.info,
.skin-purple-light .user-panel>.info>a,
.skin-purple-light .sidebar-menu .treeview-menu>li>a{
    color:#fff !important;
}
.skin-purple-light .sidebar-menu>li.header{
    background-color: #002147 !important;
    color: #fff;
}
.skin-purple-light .label.label-danger{
    background-color:#cc3348 !important;
}
.skin-purple-light .main-sidebar.bg-yellow{
    padding-top: 60px;
    background-color:#143255 !important;
}
.bg-white {
    background: #fff;
}

.skin-purple .bg-filter {
    background-color: #605ca8 !important;
}

.skin-purple .box {
    border-top: 5px solid #605ca8 !important;
}

.skin-purple .modal-header,.skin-purple .table .table-success tr th {
    background-color: #605ca8 !important;
}

.skin-yellow .modal-header,.skin-yellow .table .table-success tr th{
    background-color: #f39c12 !important;
}
.skin-yellow .box{
    border-top: 2px solid #f39c12;
}

.skin-purple .pagination>.active>a,
.skin-purple .pagination>.active>a:focus,
.skin-purple .pagination>.active>a:hover,
.skin-purple .pagination>.active>span,
.skin-purple .pagination>.active>span:focus,
.skin-purple .pagination>.active>span:hover {
    background-color: #605ca8 !important;
}
.skin-purple span.glyphicon,.skin-purple span.fa {
    color: #605ca8 !important;
}

.skin-purple .select2-container--default .select2-selection--multiple .select2-selection__choice,.skin-purple .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color : #605ca8 !important;
    color: #fff;
}
.form-control:focus, .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #605ca8;
    border-color: #605ca8;
}
/******************** end label ********************/

/******************** start custome ********************/
.content-header h1{
    margin: 0px;
}

.skin-purple-light::-webkit-scrollbar-thumb,
.skin-purple-light ::-webkit-scrollbar-thumb {
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.3) !important;
    background-color: #002147 !important;
}

.skin-purple::-webkit-scrollbar-thumb,
.skin-purple ::-webkit-scrollbar-thumb {
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.3) !important;
    background-color: #2f6dc4 !important;
}
.skin-purple-light .content-header{
    padding:0;
    margin: 15px 15px 0 15px; 
}
/* body.skin-purple-light .navbar-nav>li>a {
    padding: 20px 15px;
} */
.navbar-nav>.user-menu .user-image{
    width:30px;
    height:30px;
}
.navbar a>i.fa,.navbar .icon-bar{
    font-size: 18px;
}
body.skin-purple-light .main-header {
    position: fixed;
    width: 100%;
}
/* .box{
    box-shadow: 0 2px 10px 2px rgba(0,0,0,0.2), 0px 2px 10px 2px rgba(0,0,0,0.19);
} */

@media (max-width: 767px) {
    .content {
        padding: 0px;
    }
    .main-header {
        position: fixed;
        width: 100%;
    }
    .content-header,.box.box-widget.widget-user{
        margin-top: 48px; 
    }
    .box.mob-box .nav-tabs-custom .nav{
        background: #2f6dc4ba;
    }
    .box.mob-box .nav-tabs-custom>.nav-tabs>li>a .status_name {
        color: #fff;
    }
    /* table {
        border-collapse:separate; 
        border-spacing: 0 1em;
    } */
    /* table tr {
        background: #FFF;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    } */
    /* .table>tbody>tr>td{
        border-top: 3px solid #6373f6;
    } */
    .content-header h1,.content-header .fa,.main-footer,
    .content-header small,.dataTables_length,.dataTables_info {
        display: none;
    }
    .content-header{
        padding: 0px;;
    }
    
    .content-wrapper .box .box-header {
        padding-top: 0px;
    }
    .content-wrapper {
        background-color : #ecf0f5;
    }
    .dataTables_info {
        padding: 0 0 5px 0 !important;
    }
    
    div.dataTables_filter label, div.dataTables_length label {
        display: block;
    }

    div.dataTables_filter input {
        width : 83.33333334% !important;
    }

    .main-header .logo, .widget-user.box.box-widget .widget-user-image {
        display: none !important;
    }

    .btn.btn-sm {
        padding: 6px 12px;
        font-size: 14px !important;
        line-height: 1.42857143;
        border-radius: 4px;
    }
    .btn.btn-sm i{
        font-size: 14px !important;
    }

    .mob-p-0 {
        padding: 0px;
    }
    .mob-hide{
        visibility: collapse;
    }
    
    .swal2-container.swal2-shown {
        background-color: rgba(0,0,0,.5) !important;
    }
}

table.dataTable > tbody > tr.child ul.dropdown-menu{
    display: none;
}
table.dataTable > tbody > tr.child .open>ul.dropdown-menu {
    display: block;
}
table.dataTable > tbody > tr.child:hover{
    background: white !important;
}
table.dataTable > tbody > tr.child {
	overflow-y: hidden;
	max-height: 500px; /* approximate max height */

	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.skin-purple .navbar{
    background-color: #605ca8;
    /* background-image: linear-gradient(to right, #404a8d 3%,#605ca8 20%,#605ca8 40%, #605ca8 90%,  #404a8d 100%); */
}
.text-purple {
    color: #fff !important;
}
.sidebar-menu>li>a:hover, .sidebar-menu>li>a>.glyphicon:hover, .sidebar-menu>li>a>.ion:hover{
    color: #fff !important;
}
/* .skin-purple .sidebar-menu>li.active>a{
    border-image: linear-gradient(to bottom, #e67c2f 3%,#605ca8 20%,#605ca8 40%, #605ca8 90%,  #e67c2f 100%) 30 stretch;
} */
.btn-grad {
    text-align: center;
    transition: 0.3s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    background-image: linear-gradient(to right, #ee0909 0%, #ff9900 51%, #ee0909 100%);
}
.btn-grad:active, .btn-grad:focus, .btn-grad:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
    background-image: linear-gradient(to right, #ee0909 0%, #ff9900 51%, #ee0909 100%);
}
.btn-grad.btn-round {
    border-radius: 100%;
    color: #fff;
    height: 52px;
    width: 52px;
    font-size: 24px;
    padding: 10px;
    margin-left: 5px;
    box-shadow: 0px 1px 20px #666;
}