/* Styles for validation helpers*/
.statChart {
    width: 100%;
    height: 500px;
}

.field-validation-valid {
    color: #f6a821;
    display: none;
}

.field-validation-error { color: #f6a821; }

.input-validation-error { border: 1px solid #f6a821 !important; }

.input-validation-error + .select2 { border: 1px solid #f6a821 !important; }

.validation-summary-errors { color: #f6a821; }

.validation-summary-errors ul {
    font-size: small;
    font-weight: normal;
    list-style: none;
    margin: 5px;
    padding: 10px;
}

.validation-summary-errors ul li { color: #f6a821; }

.validation-summary-errors ul li::before {
    -webkit-font-smoothing: antialiased;
    content: "\f071 \00a0 \00a0 \00a0";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    text-rendering: auto;
}

.validation-summary-valid { display: none; }

.navbar-default .navbar-brand, .navbar-default .navbar-brand:focus { letter-spacing: unset; }

.required:after { content: " *"; }

.view-header .header-icon { margin-right: 20px; }

.navbar-default { background-color: #24262d; }

.navbar-default .navbar-nav > li > a { color: #FFFFFF; }

.navbar-nav > li:last-child > a { padding: 20px; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #f6a821;
}

.navbar-default { box-shadow: unset; }

/* sweetalert.css */

.sweet-alert { background-color: #30333B; }

.sweet-alert h2 { color: #f6a821; }

.sweet-alert p {
    color: #f6a821;
    text-align: center;
    text-align: inherit;
}

.input-group-addon {
    background-color: #52555f;
    border: unset;
    color: unset;
}

.panel-heading { border-bottom: 1px solid #30333B; }

th { font-weight: normal; }

/*
    PACE PROGRESS OVERRIDES
*/

.pace {
    -moz-user-select: none;
    -webkit-pointer-events: none;
    -webkit-user-select: none;
    pointer-events: none;
    user-select: none;
}

.pace-inactive { display: none; }

.pace .pace-progress {
    background: #f6a821;
    height: 3px;
    position: fixed;
    right: 100%;
    top: 60px;
    width: 100%;
    z-index: 2000;
}

.view-header .header-title { margin-left: 90px; }

* { border-radius: 0 !important; }

.breadcrumb {
    background-color: unset;
    padding: 5px 0 0 0;
}

.table.table-bordered { border-top: 1px solid #484c5a; }

.content {
    margin-top: unset;
    transition: unset;
}

/* daterangepicker.css */

.daterangepicker {
    background-color: #484c5a;
    border: 1px solid #484c5a;
}

.daterangepicker .calendar-table { background-color: #484c5a; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #3A3C46; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #3A3C46; }

.abc-checkbox {
    cursor: default;
}

.radioGroup>.abc-radio {
    margin-bottom: 5px;
}

/* select2.css */

.select2-results { min-height: unset; }

.select2-container--default .select2-results > .select2-results__options { max-height: 400px; }

.select2-results__option { max-width: 99%; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: unset; }

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: unset; }

.upload-btn-wrapper {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}

/*SORTABLE LISTS*/

body.dragging, body.dragging * { cursor: move !important; }

.dragged {
    opacity: 0.5;
    position: absolute;
    z-index: 2000;
}

ul.sortable-list li.placeholder {
    position: relative;
    /** More li styles **/
}

ul.sortable-list li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}

ul.sortable-list li { cursor: move; }

ul.sortable-list {
    background-color: #32353E;
    border: 2px solid #32353E;
    height: 500px;
    list-style-type: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
}

/* Admin padding for checkbox vertical alignments */
.pad7 {
    padding-top: 7px !important;
}

.dark-link {
    color: #2E2E2E !important;
}

.control-label {
    text-align: right;
    padding-top: 8px;
}


@media (min-width: 1600px) {
    .modal-xlg {
        max-width: 1540px;
    }
}

.pt7 {
    padding-top: 7px;
}

.copyver {
    bottom: 20px;
    left: 25px;
    position: absolute;
    font-size: smaller;
}

.bg-trans {
    background-color: transparent !important;
}

.home-card{
    height:300px;
}



.fieldlink:hover {
    cursor: pointer;
}

.fieldlink {
    cursor: default;
    padding: 0.4rem;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.open > .dropdown-toggle.btn-primary {
    background-color: #0f83c9;
    border-color: #0f83c9;
    color: #ffffff;
}

/* Calendar css */
.fc-toolbar-title {color: black;}
.fc-scrollgrid-sync-inner {color: black;}
.fc-list-day-cushion {color: black !important;}
#calendar {
    height: 1000px;
    padding: 10px;
}

.mobile-preview {
    display: block;
    float: none;
    margin: 0 auto;
    width: 360px !important;
}


.validation-summary-float-errors li {
    float: left;
    margin-right: 20px;
}

.panel-filled.validation-summary-errors ul {
    padding-bottom: 30px;
}

.panel-filled.validation-summary-errors li {
    float: left;
    padding-right: 20px;
}



.previewTemplate {
    width: 250px;
    height: 500px;
}

.previewTemplate .btn{
    margin-top:20px;
}


.swiper {
    width: 100%;
    height: 100%;
}

.swiper-nav-buttons {
    width: 100%;
    color: #0b9eb1;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.swiper-nav-button-disable {
    opacity: 0.3;
}

.swiper-nav-button-next {
    cursor: default;
    margin-bottom: 8px;
}

    .swiper-nav-button-next:hover {
        cursor: pointer;
    }

.swiper-nav-button-prev {
    cursor: default;
    padding-right: 16px;
    margin-bottom: 8px;
}

    .swiper-nav-button-prev:hover {
        cursor: pointer;
    }

.swiper-nav-button-disable:hover {
    cursor: not-allowed;
}

.swiper-nav-button-next i.fa-chevron-circle-right,
.swiper-nav-button-prev i.fa-chevron-circle-left {
    font-size: 3em;
}

.swiper-nav-button-next, .swiper-nav-button-prev{
    margin: 10px 50px 0px 50px;
}

.swiper-slide {
    width: 25%;
}

#selectAvailableTemplate .modal-body{
    padding-bottom:0px;
}

#selectAvailableTemplate iframe {
    overflow: hidden !important;
    pointer-events: none !important;
}