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

/* 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 */

.flex-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

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


/* inner div that scrolls and the bg[body] remains fixed */
html {
    background: rgb(135,206,250);
    background: -moz-radial-gradient(circle, rgba(135,206,250,1) 0%, rgba(30,144,255,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(135,206,250,1) 0%, rgba(30,144,255,1) 100%);
    background: radial-gradient(circle, rgba(135,206,250,1) 0%, rgba(30,144,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#add100",endColorstr="#7b920a",GradientType=1);
    height: 100%;
}

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

.container-wrapper {
    width: 100%;
    height: auto;
    padding: 25px 0px;
    min-height: calc(100vh - 50px - 56px);
}

/* Avoid pixelization */
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: 0px;
}

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

.no-margin {
    margin: 0px;
}

.no-margin-f {
    margin: 0px !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: 0px;
}

.no-borders {
    border: 0px;
}

.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-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.btn-white-fill:hover,
.btn-white-fill:focus,
.btn-white-fill:active {
    color: rgb(0, 110, 102) !important;
    background-color: #fff;
}

.btn-white-fill:hover i,
.btn-white-fill:focus i,
.btn-white-fill:active i {
    color: rgb(0, 110, 102);
}

/*********/
/* 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-white:hover,
.font-white:focus,
.font-white:active {
    color: #fff;
}

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

.font-black {
    color: #000;
}

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

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

.bold {
    font-weight: 600;
}

.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: 0px;
}

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

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

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

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


.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-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: 0px;
    border: 0px;
}

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

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

.panel-custom {
    font-family: 'Open Sans';
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid transparent;
    border-radius: 0px !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: 0px !important;
    border-radius: 0px;
}

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

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

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

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

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

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


.panel-black {
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0px !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: 0px !important;
    border-radius: 0px;
    background-color: #f5f5f5;
}

.panel-black > .panel-heading {
    font-family: 'Open Sans';
    border-radius: 0px;
    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-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: 0px;
}

.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-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-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-320 {
    width: 320px;
}

.w-768 {
    width: 768px;
}

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

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

.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;
}

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

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

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

.button-panel-left .btn {
    margin-right: 15px;
    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-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;
}

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

/*
 * Select2
 */
.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: 0px;
}

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


.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 .select2-container {
    width: 65%;
    display: inline-block;
    float: right;

}

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

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

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

form label.error {
    margin-top: 10px;
    color: #f31111;
}

.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.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: 0px;
    padding-right: 5px;
}

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

@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: 0px;
    }

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

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

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

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

.wide-table-wrapper {
    padding: 0px;
    overflow-x: auto;
    margin-bottom: 20px;
}

.wide-table-wrapper table {
    margin-bottom: 0px;
}

.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.63);
    border-color: rgb(90, 177, 70);
}

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: 0px;
    margin-right: 0px;
}

.w-80 {
    width: 80px !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;
}

#pac-container {
    padding: 12px;
}

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

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

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    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-blue {
    color: blue;
}

.text-green {
    color: limegreen;
}
.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: 0px;
}

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

.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: 7.5px;
}

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

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

.bg-project{
    color: white;
    background-color: #0c2231;
}

.form-control-xs {
    height: calc(1em + .45rem + 7px) !important;
    padding: .125rem .25rem !important;
    font-size: .75rem !important;
    line-height: 1.5;
    border-radius: .2rem;
}