@import url("../fonts-ms/webfonts/Montserrat.css");
@import url("../fonts-os/open-sans.css");

/* 
    font-family: "Montserrat";
    font-weight: 100 = Thin
    font-weight: 200 = Extra-light
    font-weight: 300 = Light
    font-weight: 400 = Regular
    font-weight: 500 = Medium
    font-weight: 600 = Semi-bold
    font-weight: 700 = Bold
    font-weight: 800 = Extra-bold
    font-weight: 900 = Black
*/

.main-panel > .content {
    padding: 10px 10px;
}
.card .card-body {
    padding: 15px 15px;
}
.alert {
    z-index: 50000 !important;
}
.hide {
    display: none;
}

.red {
    color: red;
}
.orange {
    color: orange;
}
.green {
    color: green;
}

.nmb {
    margin-bottom: 0px;
}
.nmt {
    margin-top: 0px;
}

.mt-0 {
    margin-top: 0px;
}
.mt-40 {
    margin-top: 40px;
}

.pRelative { position: relative; }

.w100 {
    width: 100%;
}
.btm-small {
    padding: 3px 5px !important;
}

.btn-group-sm .btn,
.btn-group-sm > .btn,
.btn.btn-sm {
    padding: 0.2rem 0.5rem;
}
.sidebar-mini .sidebar .sidebar-wrapper {
    overflow: hidden;
}

.justify-right {
    justify-content: right !important;
}

.dataTables_filter,
.dataTables_length {
    float: right;
}
#page-send .dataTables_filter,
#page-send .dataTables_length {
    float: none;
}

.note-popoverSN,
.popoverSN {
    display: none !important;
}

table.dataTable tbody tr:hover td,
.table.table-hover tbody tr:hover td {
    background-color: #fff7a0 !important;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
    background-color: #ffbd5c !important; /*ffa726*/
}
table.dataTable tbody > tr.selected:hover,
table.dataTable tbody > tr > .selected:hover {
    background-color: #56bfd8 !important; /*9c27b0*/
}
table.dataTable tbody td.selected,
table.dataTable tbody th.selected,
table.dataTable tbody tr.selected {
    color: #000;
}
table.dataTable tbody td.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody tr.selected a {
    color: #fff;
}
table.dataTable .select-checkbox {
    color: #56bfd8; /* 9c27b0 */
}

table.dataTable tr.rowIsDisabled { background-color:#b79382 ;}

.bootstrap-tagsinput input {
    background-color: #ddd;
    max-height: 25px;
    margin-top: 10px;
}
.btn-addKeyword {
    display: none;
}
.ajust-row {
    margin-left: 0px;
    margin-right: 0px;
}

#cnt-view .row .col-md-4 div {
    margin-bottom: 20px;
}

/* CUSTOM */
.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text) {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),
        0 7px 10px -5px rgba(42, 158, 187, 0.4);
}
.card.bg-primary,
.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-primary .back,
.card.card-rotate.bg-primary .front {
    background: linear-gradient(60deg, #56bfd8, #2a9ebb);
}
a {
    color: #56bfd8;
}
.sidebar .logo a.logo-mini img {
    width: 100%;
}
.suggestion-pagination .pageEnCours {
    color: #56bfd8 !important;
}
.text-primary {
    color: #56bfd8 !important;
}
.srch-res-line .hlight.hlighdetect {
    background: linear-gradient(60deg, #184a9a, #143e80) !important;
}
.btn.btn-primary {
    color: #0a1f40;
    background-color: #fed92c;
    border-color: #fed92c;
    box-shadow: 0 2px 2px 0 rgba(254, 217, 44, 0.14),
        0 3px 1px -2px rgba(254, 217, 44, 0.2),
        0 1px 5px 0 rgba(254, 217, 44, 0.12);
}
.btn.btn-primary.focus,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    color: #0a1f40;
    background-color: #dcbc26;
    border-color: #dcbc26;
}
.btn.btn-primary.active,
.btn.btn-primary:active,
.open > .btn.btn-primary.dropdown-toggle,
.show > .btn.btn-primary.dropdown-toggle {
    color: #0a1f40;
    background-color: #dcbc26;
    border-color: #dcbc26;
    box-shadow: 0 2px 2px 0 rgba(254, 217, 44, 0.14),
        0 3px 1px -2px rgba(254, 217, 44, 0.2),
        0 1px 5px 0 rgba(254, 217, 44, 0.12);
}
.btn.btn-primary.active.focus,
.btn.btn-primary.active:focus,
.btn.btn-primary.active:hover,
.btn.btn-primary:active.focus,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover,
.open > .btn.btn-primary.dropdown-toggle.focus,
.open > .btn.btn-primary.dropdown-toggle:focus,
.open > .btn.btn-primary.dropdown-toggle:hover,
.show > .btn.btn-primary.dropdown-toggle.focus,
.show > .btn.btn-primary.dropdown-toggle:focus,
.show > .btn.btn-primary.dropdown-toggle:hover {
    color: #0a1f40;
    background-color: #dcbc26;
    border-color: #dcbc26;
}
.open > .btn.btn-primary.dropdown-toggle.bmd-btn-icon {
    background-color: #fed92c;
}
.open > .btn.btn-primary.dropdown-toggle.bmd-btn-icon:hover {
    background-color: #dcbc26;
}
.btn.btn-primary.disabled.focus,
.btn.btn-primary.disabled:focus,
.btn.btn-primary.disabled:hover,
.btn.btn-primary:disabled.focus,
.btn.btn-primary:disabled:focus,
.btn.btn-primary:disabled:hover {
    background-color: #fed92c;
    border-color: #fed92c;
}
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(254, 217, 44, 0.42),
        0 4px 23px 0 rgba(0, 0, 0, 0.12),
        0 8px 10px -5px rgba(254, 217, 44, 0.2);
}
.btn.btn-primary.btn-link,
.btn.btn-primary.btn-link:active,
.btn.btn-primary.btn-link:focus,
.btn.btn-primary.btn-link:hover {
    color: #fed92c;
}
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu a:active,
.dropdown-menu a:focus,
.dropdown-menu a:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),
        0 7px 10px -5px rgba(254, 217, 44, 0.4);
    background-color: #fed92c;
    color: #0a1f40;
}

.dataTables_wrapper .btn.btn-primary,
.dataTables_wrapper .btn.btn-primary.disabled.focus,
.dataTables_wrapper .btn.btn-primary.disabled:focus,
.dataTables_wrapper .btn.btn-primary.disabled:hover,
.dataTables_wrapper .btn.btn-primary:disabled.focus,
.dataTables_wrapper .btn.btn-primary:disabled:focus,
.dataTables_wrapper .btn.btn-primary:disabled:hover,
.dataTables_wrapper .btn.btn-primary.btn-link,
.dataTables_wrapper .btn.btn-primary.btn-link:active,
.dataTables_wrapper .btn.btn-primary.btn-link:focus,
.dataTables_wrapper .btn.btn-primary.btn-link:hover {
    color: #fff;
    background-color: #2a9ebb;
    border-color: #2a9ebb;
}
.dataTables_wrapper .btn.btn-primary.focus,
.dataTables_wrapper .btn.btn-primary:hover,
.dataTables_wrapper .btn.btn-primary.active,
.dataTables_wrapper .btn.btn-primary.active.focus {
    color: #fff;
    background-color: #56bfd8;
    border-color: #56bfd8;
}

.pagination > .page-item.active > a,
.pagination > .page-item.active > a:focus,
.pagination > .page-item.active > a:hover,
.pagination > .page-item.active > span,
.pagination > .page-item.active > span:focus,
.pagination > .page-item.active > span:hover {
    background-color: #56bfd8;
    border-color: #56bfd8;
    color: #fff;
    box-shadow: 0 4px 5px 0 rgba(42, 158, 187, 0.14),
        0 1px 10px 0 rgba(42, 158, 187, 0.12),
        0 2px 4px -1px rgba(42, 158, 187, 0.2);
}
.form-check .form-check-input:checked + .form-check-sign .check {
    background: #56bfd8;
}
.togglebutton label input[type="checkbox"]:checked + .toggle {
    background-color: rgba(42, 158, 187, 0.7);
}
.togglebutton label input[type="checkbox"]:checked + .toggle::after {
    border-color: #56bfd8;
}
.bootstrap-tagsinput.info-badge .tag {
    background-color: #184a9a;
}
.badge.badge-primary {
    background-color: #56bfd8;
}
.navbar .navbar-brand {
    color: #0a1f40;
    font-weight: 400;
    text-transform: capitalize;
}
#page-login .navbar .navbar-brand {
    color: #fff;
}
.card .card-header.card-header-icon .card-title,
.card .card-header.card-header-text .card-title {
    color: #0a1f40;
    font-weight: 400;
}
.btn.btn-danger {
    background-color: #c2160a;
    border-color: #c2160a;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover {
    color: #0a1f40;
}
.logo-login {
    padding-left: 15px;
}
.logo-login img {
    max-width: 100%;
}
#btn-identif {
    color: #56bfd8;
}
#btn-identif:hover {
    color: #0a1f40;
    border: none;
    box-shadow: none;
}

.form-control,
.is-focused .form-control {
    background-image: linear-gradient(
            0deg,
            #56bfd8 2px,
            rgba(86, 191, 216, 0) 0
        ),
        linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);
}
.is-focused [class*=" bmd-label"],
.is-focused [class^="bmd-label"] {
    color: #56bfd8;
}

.nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #56bfd8;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),
        0 7px 10px -5px rgba(42, 158, 187, 0.4);
}

/* FONTS */
body {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.5;
    font-size: 1rem;
}

.tooltip {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 0.875rem;
}

.popover {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 0.875rem;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
    font-family: "Montserrat", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    line-height: 1.5em;
}

.serif-font {
    font-family: "Montserrat", "Roboto Slab", "Times New Roman", serif;
}

.dataTables_processing {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 5000;
    padding: 0 !important;
}

.fileinput .thumbnail {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1),
        0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -10px rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.btn-loadAutoTxt {
    float: right;
    top: -38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dglist {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.dglist__item {
    display: flex;
    align-items: center;
    position: relative;
    will-change: transform;
}
.dglist__item.over {
    background-color: #000;
}

.dgdrag-handle {
    position: absolute;
    bottom: 0;
    right: 100px;
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.8);
}
.dgdrag-handle::after {
    content: "⠿";
    font-size: 20px;
    color: #000;
}

.dglist__item.dgis-idle .dgdrag-handle {
    cursor: grab;
}
.dglist__item.dgis-idle {
    transition: 0.25s ease transform;
}
.dglist__item.dgis-draggable,
.dglist__item.dgis-draggable .dgdrag-handle {
    cursor: grabbing;
}
.dglist__item.dgis-draggable {
    z-index: 10;
}
#card-autoclip {
    background: linear-gradient(60deg, #56bfd8, #2a9ebb) !important;
}
#ratio_min,
#ratio_value,
#ratio_max {
    width: 80px;
}

.isTitle {
    position: absolute;
    bottom: 0;
    right: 125px;
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.8);
}

.isTitle input {
    cursor: pointer;
}

.sidebar .nav li .dropdown-menu a, .sidebar .nav li a {
    margin: 0px 15px 0 !important;
}

.sidebar-divider {
    content: "";
    height: 1px;
    width: calc(100% - 30px);
    background-color: hsla(0, 0%, 71%, 0.3);
}

.text-end {
    text-align: right !important;
}
.ms-auto {
    margin-left: auto !important;
}

.badge-notif { position:absolute; 
    background-color: red;
    top: 0px;
    right: 0px;
    padding: 5px;
    color: white;
    font-weight: bold;
    border-radius: 30px;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center; }

#page-myprofil .form-group input[type=file] {
    z-index: 0;
}