/* Custom */

h4{color: var(--color-white)}
hr{height: 3px;background: var(--color-yellow-dark); width: 10%;}
.notification-success-custom{color: var(--color-blue) !important}
.text-margin{margin-left:30px;margin-right: 30px;}
.table tbody tr:hover td {background-color: var(--color-yellow-dark) !important;}
.bootstrap-table .fixed-table-container .table tbody tr.no-records-found td {color: var(--color-yellow);font-weight: bold;}
.bootstrap-table .fixed-table-pagination>.pagination-detail .pagination-info {color: var(--color-yellow);font-weight: bold;}

/* Navbar */
.navbar{height: 92px;padding: 20px 10px;}
.navbar-text{padding: .5rem 1rem;font-weight: 500;color: var(--color-white); font-size: 17px;}
.navbar-text:hover {text-decoration: none; color: var(--color-yellow-dark)}
.text-border{font-weight: bold;background: var(--color-yellow);color:var(--color-blue-dark);border-radius: 20px;padding: 8px 25px;margin-right: 20px;}
.activecurrent{ color:var(--color-white)}
.active{color: var(--color-yellow);}
.active-filters {color: var(--color-blue-dark);background: var(--color-yellow);padding: 10px 20px;border-radius: 20px;margin-top: -4px;}
.active-filters i{color: var(--color-blue-dark);margin-left: 5px}
.nav-item i{margin-left: 5px}
.nav-item:hover i{ color: var(--color-yellow-dark)}
/* END Navbar */

/* Form */
.form-check-label {color: var(--color-white)}
.form-front {background: var(--color-blue-dark);width: 100%;max-width: 550px;padding: 70px;border-radius: 15px;margin: 0 auto;}
.form-front .checkbox {font-weight: 400;}
.form-front .form-control {position: relative;box-sizing: border-box;height: auto;padding: 10px;font-size: 20px;}
.form-front .form-control:focus {z-index: 2;}
.showHiddenPassword-toggle {color: var(--color-yellow) !important;}
.form-front input[type="text"],.form-front input[type="email"],.form-front input[type="password"],.form-front input[type="datetime-local"],.form-front input[type="text"]::placeholder,.form-front input[type="email"]::placeholder,.form-front input[type="password"]::placeholder,.form-front select::placeholder,.form-front select {background: var(--color-black-light);border-radius: 20px;border: none;color: var(--color-white);margin-right: 13px;}
.form-front input[type="datetime-local"]::-webkit-calendar-picker-indicator {filter: invert(1);}
.form-success {margin: 0 auto;color: var(--color-yellow);background: var(--color-blue-dark-light);width: 100%;max-width: 550px;border-radius: 20px;padding: 40px;margin-bottom: 20px;}
/* END Form */

/* Connexion Page */
.form-signin {width: 100%;max-width: 450px;padding: 70px;margin: 0 auto;border-radius: 15px;}
.form-signin .checkbox {font-weight: 400;}
.form-signin .form-control {position: relative;box-sizing: border-box;height: auto;padding: 10px;font-size: 20px;}
.form-signin .form-control:focus {z-index: 2;}
.form-signin input[type="email"] {margin-bottom: -1px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.form-signin input[type="password"] {margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}
/* END Connexion Page */
.container-custom{width: 900px !important;position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);}
/* Error M.container-custom{width: 500px !important}essage */
.message-error{padding: 10px 20px; background: var(--color-blue-dark);color: var(--color-white);border-radius: 5px;}
/* END Error Message */

/* Popups */
.overlay {position: fixed;top: -40px;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;padding-bottom: 15px;}
.overlay:target {visibility: visible;opacity: 1;}
.popup {margin: auto;padding: 70px;border-radius: 20px;width: 36%;position: relative;top:25%;}
.popup h2 {margin-top: 0;color: #333;text-align: center;}
.popup .close {position: absolute;top: 10px;right: 30px;transition: all 200ms;font-size: 30px;text-decoration: none;color: var(--color-yellow);}
.popup .close:hover {color: var(--color-white);transition: 0.5s ease-in-out;}
.popup .users{padding: 10px 10px; border-radius: 20px;}
.popup input[type="text"],.popup input[type="datetime-local"],.popup select{background: var(--color-black-light);border-radius: 20px;border: none;color: var(--color-white)}
.popup input[type="text"]::placeholder{color: var(--color-white);border-radius: 20px;}
/* END Popups */

/* Mobile Menu */
.mobile-bottom-nav {margin-top:50px;position: fixed;bottom: 0;left: 0;right: 0;z-index: 1000;will-change: transform;transform: translateZ(0);display: flex;height: 50px;box-shadow: 0 -2px 5px -2px #333;background: var(--color-blue-dark);}
.mobile-bottom-nav__item {flex-grow: 1;text-align: center;font-size: 18px;display: flex;flex-direction: column;justify-content: center;}
.mobile-bottom-nav i{font-size: 20px !important;}
.mobile-bottom-nav__item-content {display: flex;flex-direction: column;font-size: 12px;color: var(--color-white);}
.mobile-bottom-nav__item a:hover, .mobile-bottom-nav__item-content:hover{color: var(--color-yellow)}
.mobile-bottom-nav__item a{color: var(--color-white)}

[type="checkbox"]:not(:checked),[type="checkbox"]:checked {position: absolute;}
[type="checkbox"]:not(:checked),[type="checkbox"]:checked {position: relative;cursor: pointer;margin-bottom: 4px;display: inline-block;font-size: 20px;margin-right: 13px;}
[type="checkbox"]:not(:checked):before,
[type="checkbox"]:checked:before {content: '';position: absolute;width: 20px;height: 20px;background: var(--color-white);border-radius: 4px;}
[type="checkbox"]:checked:after {content: '\2714';position: absolute;font-size: 20px;line-height: 22.2px;transition: all .2s;left: 2px}
[type="checkbox"]:not(:checked):after {opacity: 0;transform: scale(0);}
[type="checkbox"]:checked:after {opacity: 1;transform: scale(1);}

/* END Mobile Menu */

/* Forms */
.label-form {color: var(--color-yellow) !important;}
.form-general {width: 100%;max-width: 550px;padding: 70px;margin: 0 auto;border-radius: 20%;}
.form-general .checkbox {font-weight: 400;}
.form-general .form-control {position: relative;box-sizing: border-box;height: auto;padding: 10px;font-size: 17px;}
.form-general .form-control:focus {z-index: 2;}
.form-general input[type="email"] {margin-bottom: -1px;border-radius: 20px;color: #939090;padding-left: 30px;}
.form-general input[type="password"] {margin-bottom: 10px;border-radius: 20px;color: #939090;padding-left: 30px;}
.form-general input[type="submit"] {font-size: 20px;}
.form-check {padding: 7px 0 3px 30px;}
..form-check-label {color: var(--color-white) !important;}
/* END Forms */