/***************************************/
/***************************************/
/***************************************/
/***************************************/
/***************************************/
/***************************************/

/* enZo Super Css */

/* 1.5em = 1.5 * font-size */

/* media query include */
/*<link rel="stylesheet" media="screen and (min-width:300px)" href="over300.css">*/
/*<link rel="stylesheet" media="screen and (max-width:300px)" href="below300.css">*/
/* Flex */

/* font-size: 16-18px; */
/* line-height: 1.2em; */

body {
    height: 100%;
    background-color: transparent;
}

/* Avoid pixelation */
img, embed, object, video {
    max-width: 100%;
}

textarea {
    resize: vertical;
}

.form-control-no-padding {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

#inline-btn {
    -moz-appearance: textfield; /* Firefox */
}

.clickable-tr {
    cursor: pointer;
}

.no-padding {
    padding: 0;
}

.no-padding-f {
    padding: 0 !important;
}

.no-margin {
    margin: 0;
}

.no-margin-f {
    margin: 0 !important;
}

.full-width {
    width: 100%;
}

.full-width-f {
    width: 100% !important;
}

.half-width {
    width: 50%;
}

.quarter-width {
    width: 25%;
}

.full-height {
    height: 100%;
}

.auto-width {
    width: auto;
}

.no-corners {
    border-radius: 0;
}

.no-borders {
    border: 0;
}

.btn-custom {
    /*
    color : #fff;
    background-color : #smthLight;
    border : 1px solid #smthDarker;
    */
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active {
    /*
    color : #fff;
    background-color : #smthDarker;
    */
}

.btn-white-fill {
    background: rgba(0, 131, 176, 0.25);
    border: 1px solid #fff;
    color: #fff;
}

/*********/
/* FONTS */
/*********/

/* <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> */
/* <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">    */

.open-sans {
    font-family: 'Open Sans', sans-serif;
}

.roboto {
    font-family: 'Roboto', sans-serif;
}

.font-white {
    color: #fff;
}

.font-project {
    color: rgb(0,180,219);
;
}

.font-project:hover {
    color: rgb(0,180,219);
;
}

.font-white:hover,
.font-white:focus,
.font-white:active {
    color: #fff;
}

.font-white-f {
    color: #fff !important;
}

.font-black {
    color: #000;
}

.fa, .fas, .fab, .far, .fad, .fal {
    margin-right: 6px;
}

.fa-right {
    margin-right: 0;
    margin-left: 6px;
}

.bold {
    font-weight: 600;
}

.bold-700 {
    font-weight: 700;
}

.font-normal {
    font-weight: 100;
}

.no-decor,
.no-decor:hover,
.no-decor:active,
.no-decor:focus {
    text-decoration: none;
    color: inherit;
}

.no-decor-white {
    color: #fff;
    text-decoration: none;
}

.no-decor-black {
    color: #000;
    text-decoration: none;
}

.no-decor-white:hover,
.no-decor-white:focus,
.no-decor-white:active {
    color: #fff;
    text-decoration: none;
}

.no-decor-black:hover,
.no-decor-black:focus,
.no-decor-black:active {
    color: #000;
    text-decoration: none;
}

.no-underline,
.no-underline:hover,
.no-underline:focus,
.no-underline:active {
    text-decoration: none;
}

/***************/
/* backgrounds */
/***************/

.bg-white {
    background-color: #fff;
}

.bg-black-70 {
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
}

.special-card {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

/*************/
/* alignment */
/*************/

.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}

.y-centerized {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.vertical-center {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.x-centerized {
    margin-left: auto;
    margin-right: auto;
}

.xy-centerized {
    position: absolute;
    width: 350px;
    height: 400px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.pos-abs {
    position: absolute;
}

.scroll {
    overflow: auto;
}

.scroll-y {
    overflow-y: auto;
}

.scroll-x {
    overflow-x: auto;
}

/*******************/
/* BOOTSTRAP MODAL */
/*******************/

.modal-header {
    border-radius: 0;
}

.modal-header h4 {
    text-align: center;
    width: 100%;
}

.modal-header button.close {
    color: #fff;
    opacity: 1;
    min-height: 24px;
}

.modal .modal-content {
    border: 0;
    border-radius: 0;
}

.modal .modal-body {
    padding: 20px 15px;
}

.modal-dark .modal-header {
    background-color: #343a40 !important;
    text-align: center;
    color: #fff;
}

.modal-danger .modal-header {
    background-color: #d9534f !important;
    text-align: center;
    color: #fff;
}

.modal-warning .modal-header {
    background-color: #ffc107 !important;
    text-align: center;
    color: #fff;
}

.modal-info .modal-header {
    background-color: #5bc0de !important;
    text-align: center;
    color: #fff;
}

.modal-primary .modal-header {
    background-color: #007bff !important;
    text-align: center;
    color: #fff;
}

.modal-success .modal-header {
    background-color: #2ca02c !important;
    text-align: center;
    color: #fff;
}

.modal-purple .modal-header {
    background-color: #cd38ea !important;
    text-align: center;
    color: #fff;
}

.modal-lime .modal-header {
    background-color: #8aca1e !important;
    text-align: center;
    color: #fff;
}

/*******************/
/* BOOTSTRAP PANEL */
/*******************/

.panel {
    background-color: transparent;
    border-radius: 0;
    border: 0;
}

.panel > .panel-heading {
    border-radius: 0;
}

.panel .panel-body {
    border-top: 0;
    border-radius: 0;
    background-color: #fff;
    padding: 15px;
}

.panel-custom {
    font-family: 'Open Sans', serif;
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid transparent;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    color: #fff;
}

.panel-custom .panel-body {
    border-top: 0 !important;
    border-radius: 0;
}

.panel-custom > .panel-heading {
    border-radius: 0;
    /*
    color: #333;
    background-color: #000;
    opacity : 0.8;
    border-color: #ddd;
    */
}

.panel-custom > .panel-body {
    padding: 15px;
}

.panel-lime {
    border-radius: 0;
    border: 0;
}

.panel-lime > .panel-heading {
    color: #fff;
    background-color: #96c71e;
    border-radius: 0;
}

.panel-lime .panel-body {
    border-left: 1px solid #96c71e;
    border-right: 1px solid #96c71e;
    border-bottom: 1px solid #96c71e;
    border-radius: 0;
}

.panel-lime > .panel-body {
    padding: 15px;
}


.panel-black {
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-black .panel-body {
    border-top: 0 !important;
    border-radius: 0;
    background-color: #f5f5f5;
}

.panel-black > .panel-heading {
    font-family: 'Open Sans', serif;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.9);
    border-bottom: 5px solid #8bc34a;
    color: #fff;
}

.panel-black > .panel-body {
    padding: 15px;
}

/************************************************************************************/
/* -------------------------- MARGINS AND PADDINGS ---------------------------------*/
/************************************************************************************/

.m-5 {
    margin: 5px;
}

.m-10 {
    margin: 10px;
}

.m-15 {
    margin: 15px;
}

.m-20 {
    margin: 20px;
}

.m-25 {
    margin: 25px;
}

/* margin-top */

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-t-100 {
    margin-top: 100px;
}

.m-t-150 {
    margin-top: 150px;
}

.m-t-200 {
    margin-top: 200px;
}

/* margin-right */

.m-r-0 {
    margin-right: 0;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-r-50 {
    margin-right: 50px;
}

.m-r-100 {
    margin-right: 100px;
}

.m-r-150 {
    margin-right: 150px;
}

.m-r-200 {
    margin-right: 200px;
}

/* margin-bottom */

.m-b-0 {
    margin-bottom: 0;
}

.m-b-0-f {
    margin-bottom: 0 !important;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-b-100 {
    margin-bottom: 100px;
}

.m-b-150 {
    margin-bottom: 150px;
}

.m-b-200 {
    margin-bottom: 200px;
}

/* margin-left */

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-25 {
    margin-left: 25px;
}

.m-l-50 {
    margin-left: 50px;
}

.m-l-100 {
    margin-left: 100px;
}

.m-l-150 {
    margin-left: 150px;
}

.m-l-200 {
    margin-left: 200px;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

.p-25 {
    padding: 25px;
}


/* padding-top */

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-15 {
    padding-top: 15px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-25 {
    padding-top: 25px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-t-100 {
    padding-top: 100px;
}

.p-t-150 {
    padding-top: 150px;
}

.p-t-200 {
    padding-top: 200px;
}

/* padding-right */

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-r-25 {
    padding-right: 25px;
}

.p-r-50 {
    padding-right: 50px;
}

.p-r-100 {
    padding-right: 100px;
}

.p-r-150 {
    padding-right: 150px;
}

.p-r-200 {
    padding-right: 200px;
}

/* padding-bottom */

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-15 {
    padding-bottom: 15px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-25 {
    padding-bottom: 25px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.p-b-100 {
    padding-bottom: 100px;
}

.p-b-150 {
    padding-bottom: 150px;
}

.p-b-200 {
    padding-bottom: 200px;
}

/* padding-left */

.p-l-0 {
    padding-left: 0 !important;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-25 {
    padding-left: 25px;
}

.p-l-50 {
    padding-left: 50px;
}

.p-l-100 {
    padding-left: 100px;
}

.p-l-150 {
    padding-left: 150px;
}

.p-l-200 {
    padding-left: 200px;
}


.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

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

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-21 {
    font-size: 21px;
}

.font-22 {
    font-size: 22px;
}

.font-23 {
    font-size: 23px;
}

.font-24 {
    font-size: 24px;
}

/* width & height */

.h15 {
    height: 15px;
}

.h25 {
    height: 25px;
}

.h50 {
    height: 50px;
}

.w-99 {
    width: 99px;
}

.w-320 {
    width: 320px;
}

.w-768 {
    width: 768px;
}

.w-72 {
    width: 72px !important;
}

.w-75 {
    width: 75px !important;
}

.min-w-50 {
    min-width: 50px;
}

.min-w-100 {
    min-width: 100px;
}

.min-w-125 {
    min-width: 125px;
}

.w25-f {
    width: 25% !important;
}

.w33-f {
    width: 33% !important;
}

.w50-f {
    width: 50% !important;
}

.w75-f {
    width: 75% !important;
}


.btn-round {
    border-radius: 4px;
}

.btn-round-f {
    border-radius: 4px !important;
}

.button-panel-right {
    text-align: right;
    margin-bottom: 5px;
}

.button-panel-right .btn {
    margin-left: 5px;
    margin-bottom: 15px;
}

.button-panel-left {
    text-align: left;
    margin-bottom: 5px;
}

.button-panel-left .btn {
    margin-right: 5px;
    margin-bottom: 15px;
}

.shadow {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

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

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
    background-color: #ffb300;
    color: #fff;
}

.btn-orange:disabled {
    background-color: #ff8f00 !important;
    cursor: not-allowed;
}

.btn-coral {
    background-color: #ea8470;
    color: #fff;
}

.btn-coral:hover,
.btn-coral:focus,
.btn-coral:active {
    background-color: #e88260;
    color: #fff;
}

.btn-fuchsia {
    background-color: #ff0087;
    color: #fff;
}

.btn-fuchsia:hover,
.btn-fuchsia:focus,
.btn-fuchsia:active {
    background-color: #dd0065;
    color: #fff;
}


.btn-excel {
    color: #fff;
    background-color: #178419;
}

.btn-excel:hover,
.btn-excel:focus,
.btn-excel:active {
    color: #fff;
    background-color: #157516;
}

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

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
    color: #fff;
    background-color: #c92ee8;
}


.btn-black {
    color: #fff;
    background-color: black;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active {
    color: #fff;
    background-color: black;
}

.table-form tr,
.table-form tr td {
    border-top: 0 !important;
}

/*
 * Select2
 */
.select2{
    width: 100%;
}

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

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ccc 1px;
    min-height: 34px;
    outline: 0;
}

.select2-container--default .select2-selection--multiple {
    min-height: 34px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f5f5f5;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #9b1f1f;
}

.select2-container .select2-selection--single {
    height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
}

.select2-container--default .select2-selection--single {
    border-color: #cbcbcb;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -7.5px;
    margin-top: 0;
}

.datepicker-condensed {
    display: inline;
    width: 150px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-bottom: 5px;
}

.btn-lime {
    background-color: #8aca1e;
    color: #fff;
}

.btn-lime:hover,
.btn-lime:focus,
.btn-lime:active {
    background-color: #85c515;
    color: #fff;
}

.fa-green {
    color: #73973f;
}

.fa-red {
    color: #bf4141;
}

.fa-orange {
    color: #f7931e;
}

.cursor-pointer {
    cursor: pointer;
}

.underline {
    border-bottom: 1px solid;
}

.uppercase {
    text-transform: uppercase;
}

.btn-icon {
    min-width: 38px;
    max-width: 38px;
}

.sortable-collection th > a {
    color: #000;
}

.modal-768 {
    width: 768px;
}

.label-25-input-75 .form-group > label {
    margin-top: 5px;
    width: 35%;
}

.label-25-input-75 .form-control,
.label-25-input-75 .time_pick,
.label-25-input-75 .select2-container {
    width: 65%;
    display: inline-block;
    float: right;
}

.label-25-input-75 .time_pick .form-control {
    width: 100%;
}

.label-25-input-75 .datepicker-condensed {
    display: inline;
    width: 160px;
}

.w-72 {
    width: 72px !important;
}

.form-control-cb {
    width: 12%;
}

form label.error {
    color: #fff;
    text-align: center;
    background-color: #dc3545;
    position: relative;
    padding: .5rem 1rem;
    margin-top: 1rem;
    border: 1px solid #bc202c;
    border-radius: .25rem;
    display: block;
}

.pill-form-controls a.pill-form-next {
    float: right;
}


/*
 * FILTERS
 */

form.enZo-filters {
    display: block;
}

.enZo-filters > div,
.enZo-filters > #extra-filters > div {
    margin-bottom: 10px;
}

.enZo-filters > div:last-child {
    margin-bottom: 0;
}

.enZo-filters div.col-sm-3,
.enZo-filters div.col-sm-6,
.enZo-filters div.col-sm-9,
.enZo-filters div.col-xs-9,
.enZo-filters label.col-xs-3,
.enZo-filters label.col-sm-3 {
    padding-left: 5px;
    padding-right: 5px;
}


.enZo-filters div.datepicker-condensed-left {
    padding-left: 0;
    padding-right: 5px;
}

.enZo-filters div.datepicker-condensed-right {
    padding-left: 5px;
    padding-right: 0;
}

/* Adjust the position of the datepicker */
/*#ui-datepicker-div {*/
/*    z-index: 19999 !important;*/
/*    top: 826px !important;*/
/*    left: 739.5px !important;*/
/*    position: fixed !important;*/
/*}*/

/* Adjust the position of ui-datepicker-div within SweetAlert */
.sweet-alert-datepicker {
        z-index: 19999 !important;
        top: 826px !important;
        left: 739.5px !important;
        position: fixed !important;
}

@media screen and (max-width: 767px) {
    .enZo-filters div.datepicker-condensed-left {
        margin-bottom: 5px;
    }

    .enZo-filters div.datepicker-condensed-right {
        margin-bottom: 5px;
    }

    .enZo-filters .form-group {
        margin-bottom: 10px;
    }

    .enZo-filters > div.row {
        margin-bottom: 0;
    }

    #btn-extra-filters {
        margin-bottom: 10px;
    }
}

.no-shadow {
    box-shadow: none;
}

.badge-orange {
    background-color: #ff8f00;
}

.badge-info {
    background-color: #0d9bdd;
}

.responsive-table-container {
    overflow-x: auto;
    margin-bottom: 20px;
}

.responsive-table-container > table {
    margin-bottom: 0;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}

.alert-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #bc202c;
}

.alert-primary {
    color: #fff;
    background-color: rgba(0, 123, 255, 0.65);
    border-color: rgba(0, 113, 235, 0.65);
}

.alert-success {
    color: #fff;
    background-color: rgba(71, 173, 68, 0.85);
    border-color: rgb(90, 177, 70);
}

.alert-navy {
    color: #fff;
    background-color: rgba(40, 94, 103, 0.63);
    border-color: rgb(60, 117, 90);
}

.alert-darkblue {
    color: #fff;
    background-color: rgba(0, 0, 153, 0.63);
    border-color: rgb(0, 0, 120);
}

a.link-white {
    color: #fff;
}

a.link-yellow {
    color: #ffed4a;
}

a.link-white:focus,
a.link-white:hover,
a.link-white:active {
    color: #fff;
}

.fa-icon {
    margin-left: 0;
    margin-right: 0;
}

.w-80 {
    width: 83px !important;
}

table.supergrid-sortable th > a.supergrid-sortfield {
    color: #fff;
}

/*
 * GMAPS AUTOCOMPLETE
 */

.pac-card {
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-family: Roboto, serif;
}

#pac-container {
    padding: 12px;
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px;
}

.pac-controls label {
    font-family: Roboto, serif;
    font-size: 13px;
    font-weight: 300;
}

#pac-input {
    background-color: #fff;
    font-family: Roboto, serif;
    font-size: 15px;
    font-weight: 300;
    /*margin-left: 12px;*/
    padding: 5px 15px;
    text-overflow: ellipsis;
    width: 100%;
}

#pac-input:focus {
    /*border-color: #4d90fe;*/
}

.pac-card #title {
    color: #fff;
    /*background-color: #4d90fe;*/
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px;
}

.text-yellow {
    color: yellow;
}
.text-dark-yellow {
    color: #f6993f;
}

.text-red {
    color: red;
}

.text-green {
    color: #32cd32;
}
.text-dark-green {
    color: #2ca02c;
}

a.text-yellow:hover,
a.text-yellow:active,
a.text-yellow:focus {
    color: yellow;
}

@media (min-width: 1500px) {
    .container-wide {
        max-width: 1500px;
    }
}

.btn-icon-circle {
    border-radius: 25px;
}

a.dev-label {
    font-weight: 500;
    border: 2px solid;
    border-radius: 4px;
    padding: 5px;
}

.btn-pdf {
    color: #f00;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 0;
}

.btn-pdf:focus,
.btn-pdf:hover,
.btn-pdf:active {
    color: #f00;
    background-color: #ddd;
}

.btn-pdf-yellow {
    color: #ffc107;
    background-color: #fff;
    border-color: #ffc107;
    border-radius: 0;
}

.btn-pdf-yellow:focus,
.btn-pdf-yellow:hover,
.btn-pdf-yellow:active {
    color: #fff;
    background-color: #ffc107;
}

.btn-pdf-coral {
    color: #ea8470;
    background-color: #fff;
    border-color: #ea8470;
    border-radius: 0;
}

.btn-pdf-coral:focus,
.btn-pdf-coral:hover,
.btn-pdf-coral:active {
    color: #fff;
    background-color: #ea8470;
}

.btn-pdf-blue {
    color: #007bff;
    background-color: #fff;
    border-color: #007bff;
    border-radius: 0;
}

.btn-pdf-blue:focus,
.btn-pdf-blue:hover,
.btn-pdf-blue:active {
    color: #fff;
    background-color: #007bff;
}

.btn-pdf-navy {
    color: #21535b;
    background-color: #fff;
    border-color: #285e67;
    border-radius: 0;
}

.btn-pdf-navy:focus,
.btn-pdf-navy:hover,
.btn-pdf-navy:active {
    color: #fff;
    background-color: #285e67;
}

.btn-pdf-darkblue {
    color: darkblue;
    background-color: #fff;
    border-color: #002752;
    border-radius: 0;
}

.btn-pdf-darkblue:focus,
.btn-pdf-darkblue:hover,
.btn-pdf-darkblue:active {
    color: #fff;
    background-color: darkblue;
}

.js-example-basic-multiple {
    width: 100%;
}

.btn-light-blue {
    background-color: #007bff;
}

.min-h-50 {
    min-height: 50px !important;
}

.min-h-70 {
    min-height: 70px !important;
}

.min-h-100 {
    min-height: 100px !important;
}

.min-h-200 {
    min-height: 200px !important;
}

.file-tile {
    margin-bottom: 10px;
}

.file-tile span.badge {
    white-space: normal;
}

.image-tile > div > img {
    margin-bottom: 8px;
}

.mm-input, .dd-input {
    display: inline;
    width: 78px !important;
}

.yyyy-input {
    display: inline;
    width: 85px !important;
}

/*
 * Prevents the show/edit/delete buttons from splitting on smaller screens
 */
.button-container {
    min-width: 153px;
    text-align: center;
}

.button-container-1 {
    min-width: 51px;
    text-align: center;
}

.button-container-2 {
    min-width: 102px;
    text-align: center;
}

.button-container-3 {
    min-width: 153px;
    text-align: center;
}

.button-container-4 {
    min-width: 204px;
    text-align: center;
}

.font-black {
    color: #000;
}

.font-light-green {
    color : #59d47e;
}

.font-cyan {
    color : #42d3ff;
}

.font-green {
    color : #35aa00;
}

.font-red-accent {
    color : #e92225;
}

.font-red {
    color : #db3c46;
}

.font-dark-red {
    color : #962408;
}

.font-warning {
    color : #ffc107;
}

.font-yellow {
    color : #ffff00;
}

.font-orange {
    color : orange;
}

.font-dark-orange {
    color : #a6652d;
}

.font-teal {
    color : #008080;
}

.font-gray {
    color : gray;
}

.font-light-gray {
    color : #99aabb;
}

.font-purple {
    color : #944dff;
}

.swal-button--deny{
    background-color: #dc3545;
}

.swal-button--deny:hover{
    background-color: #dc3545!important;
}

.swal-button--accept{
    background-color: #28a745;
}

.swal-button--accept:hover {
    background-color: #28a745 !important;
}

.badge-silver {
    background-color: silver;
}

.badge-white {
    background-color: #fff;
    color: #0d9bdd;
}

.badge-red {
    background-color: red;
    color: #fff;
}

span.color-circle {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

/*
.dropzone{
    border-style: dashed;
    border-color:  #0d9bdd;
    background-color: #d9f3ff;
}
*/

.btn-next {
    /* margin-top: 30px; */
    color: #fff;
    padding: 14px 12px 10px 12px;
    height: 50px;
    width: 100px;
    /* background-color: #686766; */
    background-color: #8aca1e;
}

.page-heading {
    margin: 20px 0;
    color: #666;
    -webkit-font-smoothing: antialiased;
    font-family: "Segoe UI Light", "Arial", serif;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.dashed {
    border-width: 1px;
    border-style: dashed;
}

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

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
    color: #fff;
    background-color: #c92ee8;
}

.btn-indigo {
    color: #fff;
    background-color: #6610f2;
}

.btn-indigo:hover,
.btn-indigo:focus,
.btn-indigo:active {
    color: #fff;
    background-color: #7923ff;
}

.btn-navy {
    color: #fff;
    background-color: #285e67;
}

.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active {
    color: #fff;
    background-color: #21535b;
}

.btn-darkblue {
    color: #fff;
    background-color: darkblue;
}

.btn-darkblue:focus,
.btn-darkblue:hover,
.btn-darkblue:active {
    color: #fff;
    background-color: #00007a;
}

.text-navy {
    color: #285e67;
}

.text-darkblue {
    color: darkblue;
}

.like-button{
    color: white;
    background-color: #ffc107;
    padding: 10px;
}

.like-button:hover{
    cursor: pointer!important;
    background-color: #eeb105;
}

.dropzone-ba .like-button{
    background-color: #19838a;
}

.dropzone-ba .like-button:hover {
    background-color: #09738a;
}

.max-w-200 {
    max-width: 200px;
}

.max-h-300 {
    max-height: 300px;
    overflow-y: auto;
}

.max-h-500 {
    max-height: 500px;
    overflow-y: auto;
}

tr.total {
    font-weight: bold;
    border-top: 2px solid #aaa;
}

div.table-responsive {
    margin-bottom: 1rem;
}

div.table-responsive > table {
    margin-bottom: 0;
}

.card-project .card-header.bg-warning {
    background: #ffc107 !important;
    color: #343a40!important;
}

.card-project .card-header.bg-success {
    background: #28a745!important;
}

.card-project .card-header.bg-primary {
    background: #007bff!important;
}

.card-project .card-header.bg-navy {
    background: #285e67 !important;
}

.card-project .card-header.bg-darkblue {
    background: darkblue !important;
}

@media only screen and (max-width: 892px) {
    th.collapsible, td.collapsible {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .modal-xl {
        max-width: 1000px;
    }

    .modal-xxl {
        max-width: 1200px;
    }
}

@media only screen and (max-width: 1140px) {
    th.luxury, td.luxury {
        display: none;
    }
}

a.modal-postback-btn-trigger.card-header-link {
    color: #fff !important;
}

a.modal-postback-btn-trigger.card-header-link:hover,
a.modal-postback-btn-trigger.card-header-link:focus,
a.modal-postback-btn-trigger.card-header-link:active {
    color: #dc3545 !important;
}

button.file-delete-on-the-fly:focus,
button.file-delete-on-the-fly:hover,
button.file-delete-on-the-fly:active {
    color: #f00;
}

.table-sm td, .table-sm th {
    padding: .25rem !important;
}

/* ----------------- *
 *   CONTENT STYLE   *
 * ----------------- */

#content {
    width: calc(100% - 250px);
    transition: all 0.3s;
}

#main-content {
    min-height: calc(100vh - 130px - 140px);
    /* Push footer to the bottom in case the sidebar goes crazy */
    height: calc(100% - 54px);
    padding-top: 25px;
    padding-bottom: 25px;
}

#content.active {
    width: 100%;
}

/* ----------------- *
 *   MEDIA QUERIES   *
 * ----------------- */

@media (max-width: 992px) {
    a.dev-label {
        border: 0 !important;
    }
}