@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
    html {
        overflow-y: initial!important;
    }
    
    body {
        background-color: #f4f5fa;
        color: rgb(0, 0, 0);
        font-family: 'Open Sans', sans-serif;
        overflow: auto;
    }
    /*login, register css*/
    
    .login-page {
        /* background-image: url(../../assets/images/log_in_bg.png); */
        background-position: bottom;
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;
        background-color: gray;
    }
    
    .login-box-body,
    .register-box-body {
        background: rgba(255, 255, 255, 0.8);
        padding: 20px;
        border-top: 0;
        color: #666;
        border-radius: 10px;
        box-shadow: 0 0 20px 0px #000000;
        border: 1px solid #fff;
    }
    
    .login-page .has-feedback .form-control {
        padding: 10px 10px 10px 36px;
        border-radius: 4px;
        border: 1px solid #4c9eea;
        height: auto;
        color: #060e14;
    }
    
    .login-page .form-control-feedback {
        line-height: 42px;
        font-size: 20px;
        color: #4c9eea!important;
        right: inherit;
    }
    /*admin css*/
    
    .sidebar-mini.sidebar-collapse .logo-lg {
        display: none;
    }
    
    .sidebar-mini .logo-mini {
        display: none;
    }
    
    .sidebar-mini.sidebar-collapse .logo-mini {
        display: block;
    }
    
    .logo-lg img {
        max-width: 100px;
    }
    
    a.logo {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .main-sidebar {
        padding-top: 10px;
        bottom: 0;
        float: none;
        height: 92%;
        left: 0;
        position: fixed;
        top: 0;
         overflow: auto;      /* menu overflow*/
        /*background-image: url(../../assets/images/left_nav_bg.png);*/
        background-position: bottom;
        background-size: cover;
        
        /* background-color: #1488cc;
    background-color: -moz-linear-gradient(-45deg, #1488cc 1%, #2b32b2 100%);
    background-color: -webkit-linear-gradient(-45deg, #1488cc 1%, #2b32b2 100%);
    background-color: linear-gradient(135deg, #1488cc 1%, #2b32b2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1488cc', endColorstr='#2b32b2', GradientType=1); */
        /*box-shadow: 2px 10px 10px 0 rgba(0, 0, 0, .42), 0 4px 10px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);*/
    }
    
    

	.main-sidebar, .left-side {
    /* position: absolute; */
    top: 0;
    left: 0;
    padding-top: 10px;
    min-height: 94%;
    width: 230px;
    z-index: 810;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}
    
    /* .main-sidebar img {
        -webkit-filter: drop-shadow(5px 5px 5px #5f5e14d8);
        filter: drop-shadow(5px 5px 5px #5f5e14d8));
    } */
    .skin-blue .wrapper {
        background: none;
        height: inherit;
        /* overflow: hidden; */
    }
	.wrapper{
	min-height: 0;
	}
    
    .content-wrapper,
    .right-side {
		min-height: 0!important; /* auto height 3p*/
        background-color: #f4f5fa;
    }
    
	
    ::selection {
        background-color: rgb(24, 26, 26);
        color:#fff;
      }
        
    .skin-blue .main-header .logo {
        background: none;
    }
    
    .sidebar-menu>li {
        font-size: 14px;
    }
    
    .skin-blue .sidebar a {
        color: #fff;
        padding: 2px;
    }
    
    .skin-blue .sidebar-menu>li:hover>a,
    .skin-blue .sidebar-menu>li.active>a {
        color: #fff;
        background: rgba(255, 255, 255, 0.2);
        border-left-color: #5f5e14d8;
        border-radius: 20px 0px 0px 20px;
     }
    
    .skin-blue .main-header .navbar {
        background-color: #222d33;
        padding: .5rem 1.5rem .5rem 0;
        box-shadow: 0 6px 0 0 #5f5e14d8, 0 15px 32px 0 #5f5e14d8;
    }
    
    /* toggle three - button on heading side*/
    .skin-blue .main-header .navbar .sidebar-toggle {
        color: #fff;
    }
    
    .titleTop {
        padding: 10px;
        font-size: 22px;
        color: #fff;
        
           
        
    }
    
    .skin-blue .main-header .navbar .nav>li>a {
        color: #b1a9a9;
    }
    
    .skin-blue .main-header .navbar .nav>li>a:hover {
        color: rgb(26, 39, 221);
    }
    
    .skin-blue .main-header .navbar-static-top .nav>li>a:hover {
        color: #fff;
        background: none;
    }
    
    .sidebar .sidebar-menu .treeview .treeview-menu li a:hover {
        color: #fff;
        background: rgba(255, 255, 255, 0.2);
        border-left-color: #3c8dbc;
        border-radius: 20px 0px 0px 20px;
        padding: 7px;
    }
    
    .box {
        border-radius: 8px;
        border-top: 0px solid #d2ded6;
        box-shadow: 0 6px 0 0 rgba(0, 0, 0, .01), 0 15px 32px 0 rgba(0, 0, 0, .06);
        
    }
    
    .skin-blue .main-header .logo:hover {
        background: none;
    }
    
    .mrgR10 {
        margin-right: 10px;
    }
    
    .form-control.topSelect {
        box-shadow: none;
        border-color: #d2d6de;
        border-radius: 4px;
        margin-top: 8px;
    }
    
    .table-bordered {
        border: 1px solid #cecece;
    }
    
    .table-bordered>thead>tr>th,
    .table-bordered>tbody>tr>th,
    .table-bordered>tfoot>tr>th,
    .table-bordered>thead>tr>td,
    .table-bordered>tbody>tr>td,
    .table-bordered>tfoot>tr>td {
        border: 1px solid #e8e8e8;
    }
    
    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after {
        top: 12px;
        right: 8px;
    }
    
    .form-inline .form-control {
        border-radius: 4px;
    }
    
    .btnDelete {
        background: none;
        color: #d73925;
        padding: 4px;
    }
    
    .btnEdit {
        background: none;
        color: #00a65a;
        padding: 4px;
    }
    
    .box-header {
        color: inherit;
    }
    
    .box-header .box-title {
        font-size: 24px;
        font-weight: 600;
    }
    
    .box-header {
        padding: 1rem;
    }
    
    .btn-primary {
        background: #c0b412!important;
        border: 1px solid #aea413;
        border-radius: 4px;
    }
    
    .btn-primary.active.focus,
    .btn-primary.active:hover {
        background: #8d8511!important;
        border: 1px solid #c0b412!important;
        box-shadow: initial;
    }
    
    .btn-secondary {
        background-color: #2a4491;
        color: #fff;
    }
    
    .btn-secondary:hover {
        background-color: #c0b412;
        color: #fff;
    }
    
    .pagination>.active>a {
        background-color: #2a4491;
        color: #fff;
        border: 1px solid #2a4491!important;
        box-shadow: initial;
    }
    
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {
        background-color: #c0b412;
        color: #fff;
    }
    
    .inlineBlock {
        display: inline-block;
    }
    
    .form-control {
        border-radius: 4px;
    }

    
    
    .skin-blue.sidebar-collapse .sidebar-menu>li:hover>a,
    .skin-blue.sidebar-collapse .sidebar-menu>li.active>a {
        color: #fff;
        background-color: #222d32;
        background-color: -moz-linear-gradient(-45deg, #222d28 1%, #222d32 100%);
        background-color: -webkit-linear-gradient(-45deg, #222d28 1%, #222d32 100%);
        background-color: linear-gradient(135deg, #222d28 1%, #222d32 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1488cc', endColorstr='#2b32b2', GradientType=1);
        border-left-color: #2158bb;
        border: 0;
        padding: 10px;
    }
    
    .skin-blue .sidebar-menu>li>.treeview-menu {
        background: initial;
    }
    
    .skin-blue.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        color: #fff;
        background-color: #222d32;
        background-color: -moz-linear-gradient(-45deg, #222d25 1%, #222d32 100%);
        background-color: -webkit-linear-gradient(-45deg, #222d25 1%, #222d32 100%);
        background-color: linear-gradient(135deg, #222d25 1%, #222d32 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1488cc', endColorstr='#2b32b2', GradientType=1);
        padding: 10px;
    }
    
    .skin-blue .treeview-menu>li>a {
        color: #fff;
        font-size: 12px
    }
    
    .skin-blue .main-header .navbar .sidebar-toggle:hover {
        background-color: rgb(32, 45, 82, 0.1);
        color: #5f5e14d8;
    }
    
    /* .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        width: auto;
    }
     */
    
    
    .stickyTable table thead>tr>th {
        padding-right: 2px;
		height:30px;
        position: sticky!important;
        background-color: #222d33;
        color:#fff;
        top: 0;
        /* font-size: 12px; */
        vertical-align: top;
        border-top: 1px solid #e8e8e8!important;
        text-align: center;
    }
    
    #jqueryslidemenu ul.nav>li {
        width: auto;
    }
    
    .stickyTable table tr th{
        /* display: inline-block; */
        /* font-size: 12px; */
        min-width: 80px;
        vertical-align: middle!important;
        
    }

    .stickyTable table tr .thWidth150 {
        /* width: 220px; */
        /* word-break: break-word;
        white-space: initial;
        vertical-align: top;
       
        text-align: left; */
        padding-right: 16px;
      
        
        /* background-color: #222d33; */
    }
    
    .stickyTable table tr td:last-child {
        min-width: 80px;
        
    }
    
    .aforlink {
        font-size: 14px;
    }
    
    .aforlink:hover {
        background-color: yellow;
        font-size: 14px;
        color: initial;
        font-weight: bold;
        text-decoration: none;
    }
    
    .headingBlue {
        background-color: darkblue;
        text-align: center;
        position: sticky;
        right: 0;
        top: 0;
        z-index: 1;
    }
    
    tr.totalInfo {
        background-color: #2a4491!important;
        color: #fff;
    }
    
    .stickyTable a {
        font-weight: bold;
    }
	
	/** screen height**/
    
    .tableStatement {
        overflow: auto;
    }
    
    .statementTable.tableFixHead {
        overflow: hidden;
    }
	
      
    hr{

        margin-top: 3px;
        margin-bottom: 3px;
        border: 0;
        border-top: 1px solid #eee;
    }

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
        cursor: pointer;
        position: relative;
        background: #222d32;
        color:#fff;
        vertical-align: middle;
        text-align: center;
        font-size: 12px;
        
    }

    .table > tbody > tr > td, 
    .table > tfoot > tr > td,
    .table > thead > tr > td {
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 1.20;
        vertical-align:middle;
        border-top: 1px solid #ddd;
        font-size: 12px;
        

    }
    
    .table > tbody > tr > th,
    .table > tfoot > tr > th, 
    .table > thead > tr > th {
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 1.20;
        vertical-align: middle;
        border-top: 1px solid #ddd;
        font-size: 12px;


    }
	
      /* .option1 {
        margin: 40px;
        background: rgba(0, 0, 0, 0.3)!important;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    } */

    select.option1 option:checked {
        box-shadow: 0 0 10px 100px #35a818 inset !important;
    }

	
	.main-footer {
		position: fixed; 
		bottom: 0px;
		background: #fff;
		padding: 15px;
		color: #444;
		border-top: 1px solid #d2d6de;
		width:100%;
	}
	
	.stickyTable {
        max-height: 600px;
        overflow-x: auto;
        border: 0;
    }
    
    .stickyTable table {
        position: relative;
    }
	
	.userListBody {
        height: 650px;
        overflow-x: auto;
        border: 0;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar{
        
        overflow:visible ;
        min-height: 94%;    

    }
    .sidebar-menu .treeview-menu > li > a {
        padding: 0px 1px 0px 6px;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        top: 33px;
        margin-left: 0;
        width: fit-content;
    }
	
	/*=====Resolution wise screen size================ 
	
	@media (min-width: 1800px) and (max-width: 2150px) {
        .stickyTable.stickyTablePopUp {
            min-height: 610px;
            max-height: 610px;
        }
        .tableFixHeadBlue.tableFixHead {
            height: 610px;
        }
        .boxFullBody {
            height: 610px;
        }
    }
    
    @media (min-width: 1600px) and (max-width: 1800px) {
        .stickyTable.stickyTablePopUp {
            min-height: 560px;
            max-height: 560px;
        }
        .tableFixHeadBlue.tableFixHead {
            height: 560px;
        }
        .boxFullBody {
            height: auto;
        }
    }
    
    @media (min-width: 1500px) and (max-width: 1600px) {
        .stickyTable.stickyTablePopUp {
            min-height: 470px;
            max-height: 470px;
        }
        .tableFixHeadBlue.tableFixHead {
            height: 470px;
        }
        .boxFullBody {
            height: 470px;
        }
    }
    
    @media (min-width: 1300px) and (max-width: 1400px) {
        .stickyTable.stickyTablePopUp {
            min-height: 460px;
            max-height: 460px;
        }
        .tableFixHeadBlue.tableFixHead {
            height: 400px;
        }
        .boxFullBody {
            height: auto;
        }
    }
    
    
    @media (max-height: 1600px) {
        .boxFullBody {
            height: 1350px;
        }
        .stickyTable {
            max-height: 1280px;
        }
        .tableStatement {
            max-height: 1280px;
        }
    }
    
    @media (max-height: 1440px) {
        .boxFullBody {
            height: auto;
        }
        .stickyTable {
            max-height: 1120px;
        }
        .tableStatement {
            max-height: 1120px;
        }
    }
    
    @media (max-height: 1080px) {
        .boxFullBody {
            height: auto;

        }
        .stickyTable {
            max-height: 760px;
        }
        .tableStatement {
            max-height: 760px;
            overflow: auto;
        }
        .userListBody {
            height: 700px;
        }
        .stickyTable.userListStick {
            height: 650px;
        }
    }
    
    @media (max-height: 900px) {
        .boxFullBody {
            height: auto;
        }
        .stickyTable {
            max-height: 590px;
        }
        .tableStatement {
            max-height: 590px;
        }
        .userListBody {
            height: 550px;
        }
        .stickyTable.userListStick {
            height: 470px;
        }
    }
    
    @media (min-height: 801px) and (max-height: 860px) {
        .boxFullBody {
            height: auto;
        }
        .tableFixHeadBlue.tableFixHead {
            height: 620px;
        }
        .tableStatement {
            max-height: 570px;
        }
    }
    
    @media (max-height: 800px) {
        .boxFullBody {
            height: auto;
        }
        .stickyTable {
            max-height: 500px;
        }
        .tableStatement {
            max-height: 500px;
        }
        .userListBody {
            height: 580px;
        }
        .stickyTable.userListStick {
            height: 520px;
        }
    }
    
    @media (max-height: 795px) {
        .tableStatement {
            max-height: 530px;
        }
        .userListBody {
            height: 540px;
        }
        .stickyTable.userListStick {
            height: 470px;
        }
    }
    
    @media (max-height: 750px) {
        .boxFullBody {
            height: auto;
        }
        .stickyTable {
            max-height: 460px;
        }
        .userListBody {
            height: 440px;
        }
        .stickyTable.userListStick {
            height: 380px;
        }
    }
    
    @media (max-height: 650px) {
        .boxFullBody {
            height: auto;
        }
        .stickyTable {
            max-height: 640px;
        }
        .tableStatement {
            max-height: 635px;
            overflow: auto;
        }
        .userListBody {
            height: 635px;
        }
        .stickyTable.userListStick {
            height: 620px;                 /*pp pc
        }
    }
    /**/ /*
    
    @media (max-width: 991px) {
        .navbar-custom-menu .navbar-nav>li>a {
            padding-top: 8px;
            padding-bottom: 8px;
        }
        .main-header .sidebar-toggle {
            padding: 5px 15px;
        }
        aside.main-sidebar {
            z-index: 1111;
        }
        .titleTop {
            padding: 0px;
            font-size: 16px;
        }
        .skin-blue .sidebar-menu>li>.treeview-menu {
            max-height: 300px;
            overflow: auto;
        }
        .content-wrapper {
            margin-top: 20px;
        }
        .main-sidebar {
            left: -10px;
        }
        nav.navbar.navbar-static-top {
            padding-right: 0!important;
            padding-left: 10px!important;
            
        }

        .navbar.navbar-static-top {
        /*background-image: url(../../assets/images/left_nav_bg.png);*/ /*
        background-position: bottom;
        background-size: cover;
        }

        .sidebar-mini.sidebar-collapse .main-header .navbar {
            margin-left: 40px;
        }
        .login-box,
        .register-box {
            margin-top: 40%;
        }
    }
    
    @media screen and (max-width: 768px) {
        .logo_container {
            padding: 10px 10px;
        }
        .logo_container img {
            max-width: 100px;
            height: auto;
        }
        #header {
            padding: 0 0px;
        }
        #jqueryslidemenu ul.nav>li>a {
            padding: 10px 8px;
        }
        .elementor-element-49a2a75 {
            margin-top: 0;
            padding: 30px 10px;
        }
        .elementor-374 .elementor-element.elementor-element-da6d398 {
            padding: 0px 0px 0px 0px;
        }
        .elementor-element.elementor-element-d64d724 {
            max-width: 650px;
            margin: 0 auto;
        }
        .elementor-374 .elementor-element.elementor-element-8641a5f .elementor-heading-title {
            line-height: normal;
        }
        .elementor-element.elementor-element-7c9a7eb {
            padding: 30px 0!important;
            background-size: cover;
        }
    }
	 */

.checkMarkAction{
font-size:18px;
color:#808080;
margin-left:10px;
cursor: pointer;
}

.checkMarkAction:hover{
color:#228B22 !important;
}

.rejectMarkAction{
font-size:18px;
color:#808080;
margin-left:10px;
cursor: pointer;
}

.rejectMarkAction:hover{
color:red !important;
}

.checkMarkDone{
font-size:18px;
color:#228B22;
margin-left:10px;
}