/*div.dataTables_wrapper {
    width: 800px;
    margin: 0 auto;
}
#dataTables_Filter {
    float: left;
}*/
.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.select2-container{
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: auto !important;
}

.select2-container--default .select2-selection--single, .select2-dropdown {
    border: 1px solid #dce7f1 !important;
}

.select2-container--default .select2-selection--single {
    padding: 6px 12px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered{
        color: #607080 !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow{
        height: auto !important;
        top: 45% !important;
        width: 30px !important;
    }

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none;
    border: 1px solid #607080 !important;
}

/*============ MODAL IMAGE =============*/
.modalImage {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

    .modalImage .modal-content {
        margin: auto;
        display: block;
        width: auto;
        height: 80vh;
    }

#modalImage-caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 500px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

.modalImage .modal-content, #modalImage-caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.modalImage .rotate-image {
    display: flex;
    justify-content: center
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.close-modalImage {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .close-modalImage:hover,
    .close-modalImage:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

@media only screen and (max-width: 700px) {
    .modalImage .modal-content {
        width: 100%;
    }
}

 /*SECTION: customize card header on the dashboard page*/

.dashboard-card-header-bg {
    background-color: #153dea;
    padding: 10px;
    color: #ffffff
}

.card-no-rounded {
    border-radius: 0 !important
}

.my-db-card-header, .my-db-card-body {
    padding: 0 !important
}

.my-table-card-header {
    padding: 0.6rem !important;
    font-weight: bold;
    color: #fff;
    border-radius: 0 !important;
    font-size: 1rem !important;
    background: #153dea;
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 60px !important;
    }
}
.chart_box {
    background-color: #262D47;
    padding: 25px 25px;
    border-radius: 4px;
    max-height: 333px;
    margin-bottom: 60px;
}
.ez_cal_editor {
    font-size: 0.8rem !important;
}

/*===================== Custom table sticky =======================*/
.custom-table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    height: 600px;
}

.custom-table-scroll table {
    width: 100%;
    min-width: 1280px;
    margin: auto;
}

.custom-table-scroll thead th {
    min-width: 300px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #435ebe;
    color: white;
}

.custom-table-scroll th,
.custom-table-scroll td {
    padding: 10px;
    vertical-align: top;
}

    .custom-table-scroll th:first-child {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 2;
        min-width: 300px;
        background-color: #435ebe;
        color: white;
    }

    .custom-table-scroll thead th:first-child {
        z-index: 5;
    }

.custom-table-scroll tbody tr th {
    background-color: #f9f9f9 !important;
    color: #818182 !important;
}
.col-md-2_4 {
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-lg-2_4 {
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.alert-primary {
    background-color: #153dea !important;
}
.alert-danger {
    background-color: #FF1902 !important;
}
.uffcalculation {
    border-top: 1px dotted blue;
}

#canvas {
    display: none
}

#image {
    transform-origin: center;
    width: 60%;
    height: auto
}

#imageHidden {
    display: none
}