/*-- Start Login Page --*/
.login-page {
    background-image: url('../dist/img/login_bg_img.jpg')!important;
    background-repeat: no-repeat!important;
    background-attachment: fixed!important;
    background-size: cover!important;
    background-size: 100% 100%!important;
    /*font-family: cursive!important;*/
}

.login-page .login-box .card{
    background-color: aliceblue;
}
/*-- End Login page --*/

/*-- Start home Page --*/
.wrapper{
    background-image: url('../dist/img/body_bg_img.jpg')!important;
    background-repeat: no-repeat!important;
    background-attachment: fixed!important;
    background-size: cover!important;
    background-size: 100% 100%!important;
}
.content-wrapper {
    background-color: transparent!important;
}
/*-- End home page --*/

/*table.dataTable {
    padding-right: 20px;
}*/

/********************  Preloader*******************/
.loader,.loader:after,.loader:before{width:150px;height:150px;border-radius:50%}
.loader .loader-inner,.loader:after,.loader:before{top:50%;transform:translate(-50%,-50%);position:absolute}
.loader{margin:0 auto;position:relative;animation:loading .8s infinite}
.loader:after,.loader:before{content:"";margin-left:50%;border:10px solid transparent;border-left:10px solid #e3b505}
.loader:after{border:10px solid transparent;border-right:10px solid #e3b505;position:absolute}
.loader .loader-inner{display:block;width:120px;height:120px;border-radius:50%;border:6px solid #f42b25;margin:0 auto 0 50%}
.loader .loader-inner:after,.loader .loader-inner:before{content:"";width:80px;height:80px;border-radius:50%;border:10px solid transparent;border-left:10px solid #0cb3ea;margin-left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
.loader .loader-inner:after{border:10px solid transparent;border-right:10px solid #0cb3ea}
@-webkit-keyframes loading{
    0%{transform:rotate(180deg)}
    100%{transform:rotate(360deg)}
}
@keyframes loading{
    0%{transform:rotate(180deg)}
    100%{transform:rotate(360deg)}
}
/******************** End Preloader*******************/

/*-- Datatable --*/
table.dataTable {
    width: 100%!important;
}

.datepicker-container {
  z-index: 1600 !important;
}
/*-- End Datatable --*/

.profile_model{
    padding-right: 2px;
    padding-left: 1040px;
    padding-top: 40px;
}

.modal .modal-content .modal-body .fa-caret-up{
    font-size: 50px;
    position: absolute;
    left: 260px;
    bottom: 296px;
    z-index: 2;
    color: white;
}

/*-- Profile Menu --*/
.main-header.navbar {
    padding: 8px;
}
.main-header .line-h-50 {
    line-height: 50px;
}
.main-header.navbar .fa-bars {
    margin-right: 15px;
}
.header-profile .nav-link {
    padding: 10px;
}
.navbar-expand .navbar-nav .nav-link {
    padding: 0!important;
}
.main-header .nav-link {
    height: 50px!important;
}
.profile-menu {
    padding: 20px;
    /*background-color: #dee2e6;*/
    background-color: #ced4da;
}
.profile-side-menu p {
    margin-bottom: 10px!important;
}
.profile-side-menu p:last-child {
    margin-bottom: 0px!important;
}
.profile-side-menu .fa-caret-up {
    font-size: 39px;
    color: #6d5c53;
    position: absolute;
    top: -21px;
    right: 10px;
    z-index: 1;
}
.dropdown-menu.dropdown-menu-lg.dropdown-menu-right {
    margin-top: 20px;
}
.profile-bg {
    background-image: url(../dist/img/bg-profile-img-sea.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.profile-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(34 34 34 / 70%);
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 5px 5px 0px 0px;
}
.dropdown-menu .profile-menu i:hover {
    color: rgb(26, 117, 255);
}
.dropdown-menu .profile-menu i{
    color: rgb(128, 128, 128);
}
.dropdown-menu p {
    text-align: justify;
}

.holiday{
    background-color: #bef7be!important;
}