.login-page {
    background-color: #e7eaec !important;
}
.login-page .bg-gradient-dark {background:#343A40 !important;}
.login-card-body .input-group .form-control, .register-card-body .input-group .form-control {
    background: transparent;
}
.login-card-body .input-group .form-control::placeholder,
.register-card-body .input-group .form-control::placeholder {
    color: #90989F;
}

.breadcrumb .breadcrumb-item a {
    color: #F7C032 !important;
}

.sidebar-dark-warning .nav-sidebar>.nav-item>.nav-link.active, .dark-mode .sidebar-light-warning .nav-sidebar>.nav-item>.nav-link.active{
    background-color: #374464 !important;
    color: #fff !important;
}

.page-item.active .page-link{
    background-color: #E6B375!important;
    border-color: #E6B375!important;
}
.page-item:not(.active):not(.disabled) a.page-link {
    color: #000000!important;
}

.card-warning:not(.card-outline)>.card-header {
    background-color: #E6B375;
    border-bottom: 1px solid #E6B375;
}
.dataTables_filter {
    display: flex;
    justify-content: flex-start; 
}

.dataTables_filter label {
    display: flex;
    align-items: center;
    font-size: 16px; 
    width:350px;
    max-width: 100%;
}

.dataTables_filter input {
    margin-left: 0px!important;
    width: 100% !important; 
    height: 40px!important; 
    font-size: 16px; 
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.custom-search{
    margin-left: 0px !important;
    width: 100% !important;
    height: 40px !important;
    font-size: 16px;
    padding: 8px;
    border-radius: 5px;
    margin-bottom: 8px;
    border: 1px solid #ccc;
    max-width: 400px;
}

.pe-disable{
    pointer-events: none;
}

/*
* Overriding default bootstrap
*/

.btn-primary{
    background-color: #3d4d71 !important;
    border-color: #3d4d71 !important;
}

.btn-primary:hover {
    background-color: #2c3752 !important;
    border-color: #2c3752 !important;
}

.app_logo_large{
    margin: auto;
    display: block;
    width: 210px !important;
    max-height: 100px !important;
}

.app_logo_small{
    margin: auto;
    display: block;
    width: 50px !important;
    margin: 15px 0px 0px !important;
}

.nav_logo_block{
    height: 100px !important;
}

.user-panel .info {
    padding: 5px 5px 5px 5px !important;
}

.bold-label{
    font-weight: bold !important;
}

    .photoRow .col-md-2{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;

    }
    .image-preview-wrapper,
    .image-container {
    aspect-ratio: 1 / 1;
    width: 100%;
    background: #fff;
    padding: 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
    .image-preview-wrapper img, .image-container img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    border: 0!important;
}

.image-preview-wrapper a, .image-container a {
    display: block;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1/0.6;
}
.image-container {
    justify-content: flex-end;
}
.image-preview-wrapper .image-preview-wrapper .btn-sm {
    float: right;
    margin: 10px 0 0 0;
    z-index: 10;
}
.spinner-border.text-primary{color: #2c3752!important}

.row.photoRow {
    margin-inline: -15px;
}

.row.photoRow .col-md-2 {
    padding-inline: 15px;
}

.note-editable {
    font-size: 16px;
 }

.custom-btn-user {
   background-color:#123e6e !important;
}

.bg-theme-1{
    background-color: #E1B57A;
}

 body.sidebar-loading #app {
    visibility: hidden;
  }

 .form-check-style label.form-check-label:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;    
    left: 0px;
    top: 5px;
    border-radius: 50%;
    background: red;
}
.form-check-style label.form-check-label.in-active{
	padding-left:0;
}
.form-check-style label.form-check-label.in-active:before {
   
    content: '\f057';
    display:inline-block;
    font-family: "Font Awesome 5 Free";
    color: red;
    margin-right: 5px;
	width:auto;
	height:auto;
	background:transparent;
	border-radius:0;	
	font-size:13px;
}
.form-check-style label.form-check-label.in-active:after{
	display:none;
}
.form-check-style input {
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 70px;
    opacity: 0;
}

.form-check-style {
    position: relative;
    padding-left: 20px;
}


.form-check-style label.form-check-label:after {
        content: '⨯';
    display: block;
    position: absolute;
    left: 1px;
    top: 0;
    color: #fff;
}

.form-check-style input:checked + label:before{
    background: green;
}
.form-check-style input:checked + label:after {
    content: '';
    top: 6px;
    left: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}  
.dataTables_wrapper .dataTables_info {
    float: left;
    padding-top: 10px;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    padding-top: 5px;
}

.dataTables_wrapper .row:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}