@font-face {
    font-family: "Ubuntu Medium";
    src: url('police/Ubuntu-Medium.ttf');
}

@font-face {
    font-family: "Ubuntu Light";
    src: url('police/Ubuntu-Light.ttf');
}

@font-face {
    font-family: "Ubuntu Bold";
    src: url('police/Ubuntu-Bold.ttf');
}

* {
    font-family: 'Ubuntu Light ', sans-serif;
    font-size: 16px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Ubuntu Medium', sans-serif;
}

body {
    font-family: 'Ubuntu Light', sans-serif;
    background-image: url("../images/layout/background.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

#errmsg {
    color: red;
}

.navbar {
    background-image: url("../images/layout/fondCRM-bandeBLU.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.titleSpan {
    font-weight: bold;
    font-size: 1rem;
}

.container .img {
    text-align: center;
}

.container .details {
    border-left: 3px solid #ded4da;
}

.container .details p {
    font-size: 15px;
    font-weight: bold;
}

.imgUser {
    max-width: 80%;
    height: auto;
}

.scrollClass {
    height: 600px;
    overflow-y: scroll;
}

.withoutDecoration:link {
    text-decoration: none;
}

.modal {
    text-align: center;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

label.required:after {
    content: " *";
    color: red;
    font-weight: bold;
}

.hugeModal {
    max-width: 70% !important;
    width: 70% !important;
}

.hugeHugeModal {
    max-width: 90% !important;
    width: 90% !important;
}

.btn-purple {
    color: #fff;
    background-color: darkviolet;
    border-color: darkviolet;
}

.btn-purple:hover {
    color: #fff;
    background-color: darkviolet;
    border-color: darkviolet;
}

.btn-purple:focus, .btn-purple.focus {
    color: #fff;
    background-color: darkviolet;
    border-color: darkviolet;
    box-shadow: 0 0 0 0.2rem darkviolet;
}

.btn-purple.disabled, .btn-purple:disabled {
    color: #fff;
    background-color: darkviolet;
    border-color: darkviolet;
}

.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: darkviolet;
    border-color: darkviolet;
}

.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem darkviolet;
}

.btn-orange {
    color: #fff;
    background-color: darkorange;
    border-color: darkorange;
}

.btn-orange:hover {
    color: #fff;
    background-color: darkorange;
    border-color: darkorange;
}

.btn-orange:focus, .btn-orange.focus {
    color: #fff;
    background-color: darkorange;
    border-color: darkorange;
    box-shadow: 0 0 0 0.2rem darkorange;
}

.btn-orange.disabled, .btn-orange:disabled {
    color: #fff;
    background-color: darkorange;
    border-color: darkorange;
}

.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: darkorange;
    border-color: darkorange;
}

.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem darkorange;
}

.color-sample {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.icon {
    width: 8%;
    margin-right: 3%;
}

li {
    list-style: none;
}

/* Rotation */
.rotate img {
    border-radius: 50%;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

.rotate:hover img {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.centerForm {
    min-width: 500px;
    position: absolute;
    text-align: center;
    top: 20%;
    bottom: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.withoutArrow .dropdown-toggle::after {
    content: none;
}

.important {
    font-weight: bold;
    color: red;
}

.content-lighten {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);
}

.hoverBlue:hover {
    background-color: #33FFCA !important;
}

.submitRight {
    margin-right: 0;
    margin-left: auto;
    display: block;
}

.dashboardContainer {
    width: 50%;
}

.large-table-container-1 {
    max-width: 200px;
    overflow-x: scroll;
    overflow-y: auto;
}

.colDashboard {
    width: 50%;
}

/* DOUBLE SCROLL */
.wrapper1, .wrapper2 {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.hidden{
    display: none
}

.disabled {
    pointer-events: none;
    cursor: default;
}

@media (max-width: 500px) {
    .centerForm {
        min-width: 90%;
    }
}
@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .select2 {
        width: 100% !important;
    }
}

@media screen and (max-width: 1080px) {
    .colDashboard {
        width: 100%;
    }
}