/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

h1,h2,h3,h4,h5,h6{
    margin-top: 0px;
}

.hide-fields {
    display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: table-cell;
}

.paginate_button {
    padding: 0px !important;
    margin-left: 0px !important;
}

.required:before {
    content:" *";
    color: red;
}

label.error {
    margin-bottom: 0px;
}
.button-subsection{
    display: inline-block;
}
.button-section-view{
    position:absolute;
    top: 0px;
    right: 15px;
}

@media (max-width: 1200px) {
    .panel-article .panel-heading-edit-go, .panel-heading-backtolist, .panel-heading-edit-language, .panel-heading-edit-newtab{
        margin-top: 20px;
    }
    .panel-article .button-section{
        width:100%;
        margin-bottom: 20px;
    }

    .panel-article .button-subsection{
        display: block;
        text-align:center;
    }
}

@media (max-width: 991px) {
    .panel-heading-edit-go, .panel-heading-backtolist, .panel-heading-edit-language, .panel-heading-edit-newtab{
        margin-top: 20px;
    }
    .panel-heading-backtolist, .panel-heading-edit-newtab{
        margin-right: 0px !important;
    }
    .button-subsection{
        display: block;
        text-align:center;
    }
    .btn-translation {
        margin-bottom: 1em !important;
    }
    .button-group-mobile {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-wrap: wrap;
        gap: 10px 5px;
    }
    .button-section{
        width:100%;
        margin-bottom: 20px;
    }
    .button-section-title{
        width:100%;
    }
    .button-section-view{
        position:relative;
        top: 0px;
        right: 0px;
    }
}
@media screen and (max-width: 768px) {
    .mb-xs-5 {
        margin-bottom: 5px!important;
    }
    .mb-xs-10 {
        margin-bottom: 10px!important;
    }
    .mb-xs-15 {
        margin-bottom: 15px!important;
    }
    .mb-xs-20 {
        margin-bottom: 20px!important;
    }
}
body.with-header {
    padding-top: 70px;
}
.loader-wrapper {
    position: absolute;
    width: 100%;
    left: 0px;
}
.loader-wrapper > div{
    margin-right:60px;
}
.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid black; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: relative;
    left: 50%;
}
.tableWrapper{
    visibility:hidden;

}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.panel-body{
    position:relative;
}
.dataTables_processing{
    border:none !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
}
.fstElement{
    width:100%;
    height: 100%;
}
.fstControls{
    width:100% !important;
}
.fstChoiceItem, .fstNoResults{
    height: 30px;
    font-size: 14px !important;
    line-height: 18px;
    margin-right: 5px !important;
}
.fstChoiceItem{
    margin: 1px 5px 1px 1px !important;
}
.fstNoResults{
    padding: 6px 0.71429em !important;
}
.fstMultipleMode .fstControls {
    padding: 0px !important;
}
.fstResultItem, .fstQueryInput{
    height: 30px;
    font-size: 14px !important;
    line-height: 18px;
}
.fstMultipleMode .fstQueryInput {
    margin: 0px !important;
    min-height: 32px !important;
}
.analyst-section .title{
    width: 100px;
    float: left;
    text-align: left;
    padding-left: 15px;
}
.analyst-section .radio{
    display: inline-block;
    padding-left:15px;
    padding-right:15px;
}
.fstResultItem {
    border-top: none !important;
    height: 22px !important;
    padding: 2px .71429em !important;
}
.fstResults {
    max-height: 150px !important;
}
.timepickerinput .bootstrap-datetimepicker-widget table td,
.timepicker-group .bootstrap-datetimepicker-widget table td{
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.timepickerinput .bootstrap-datetimepicker-widget.dropdown-menu,
.timepicker-group .bootstrap-datetimepicker-widget.dropdown-menu{
    width: 130px;
    min-width: 130px;
}
.timepickerinput .bootstrap-datetimepicker-widget table td span,
.timepicker-group .bootstrap-datetimepicker-widget table td span{
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 2px;
}
.timepickerinput .bootstrap-datetimepicker-widget a[data-action],
.timepicker-group .bootstrap-datetimepicker-widget a[data-action]{
    padding: 0px;
}
.timepickerinput .bootstrap-datetimepicker-widget .table-condensed>tbody>tr>td,
.timepicker-group .bootstrap-datetimepicker-widget .table-condensed>tbody>tr>td{
    padding: 0px;
}
.list-image {
    height:200px;
    -o-object-fit: contain;
    object-fit: contain;
}
.fstElement[disabled], .fstElement[disabled] .fstControls{
    background-color: #eee;
    cursor: not-allowed;
}
.fstElement[disabled] .fstChoiceItem, .fstElement[disabled] .fstChoiceRemove{
    cursor: not-allowed;
}
.fstElement[disabled].fstActive .fstResults{
    display: none;
}


/* MULTIDATEPICKER */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #337ab7;
    color: white;
    border-radius: 4px;
    padding-right: 6px;
    border: 0.4px solid white;;
    border-bottom: 0.6px solid white;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: inherit;
    background: inherit;
    color: inherit;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border-radius: 4px;
    padding-right: 6px;
    border: 0.4px solid white;;
    background: none;
    color: #454545;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    width:35px;

}
.ui-datepicker td {
    border: 0;
    padding: 0px;
}
.ui-datepicker {
    width: 18em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker.ui-datepicker-multi {
    width: auto !important;
}
.ui-datepicker-group-middle, .ui-datepicker-group-last{
    border-left: 1px solid #ddd;
}
.ui-icon-circle-triangle-w{
    font-family: 'Glyphicons Halflings';
    text-indent: 0px !important;
    color: transparent;
}

.ui-icon-circle-triangle-w:before {
    content: "\e079";
    color: black;
}
.ui-icon-circle-triangle-e{
    font-family: 'Glyphicons Halflings';
    text-indent: 0px !important;
    color: transparent;
}
.ui-icon-circle-triangle-e:before {
    content: "\e080";
    color: black;
}
.ui-widget-header {
    border: none;
    background: none;
    color: #333;
    font-weight: bold;
}
.ui-datepicker-row-break{
    border-top:1px solid #ddd;

}
.ui-datepicker-group{
    min-height: 255px;

}

.ui-datepicker .ui-datepicker-calendar .ui-state-booked a,
.ui-datepicker .ui-datepicker-calendar .ui-state-accepted a{
    background: #e36c0a;
    color: white;
    border-radius: 4px;
    padding-right: 6px;
    border: 0.4px solid white;;
    border-bottom: 0.6px solid white;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-rejected a {
    background: #1fc600;
    color: white;
    border-radius: 4px;
    padding-right: 6px;
    border: 0.4px solid white;;
    border-bottom: 0.6px solid white;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-available a {
    background: #063b00;
    color: white;
    border-radius: 4px;
    padding-right: 6px;
    border: 0.4px solid white;;
    border-bottom: 0.6px solid white;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-confirmed a {
    background: rgb(0, 176, 80);
    color: white;
    border-radius: 4px;
    padding-right: 6px;
    border: 0.4px solid white;;
    border-bottom: 0.6px solid white;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-pending-action a {
    background: rgb(255, 0, 0);
    color: white;
    border-radius: 4px;
    padding-right: 6px;
    border: 0.4px solid white;;
    border-bottom: 0.6px solid white;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-waiting-action a {
    background: rgb(0, 0, 0);
    color: white;
    border-radius: 4px;
    padding-right: 6px;
    border: 0.4px solid white;;
    border-bottom: 0.6px solid white;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-third-party a {
    background: rgb(0, 112, 192);
    color: white;
    border-radius: 4px;
    padding-right: 6px;
    border: 0.4px solid white;;
    border-bottom: 0.6px solid white;
}
/* end MULTIDATEPICKER */
.checkbox-input{
    width: 20px; height: 20px;
}
.checkbox-label{
    top: -5px;
    position: relative;
}

.performer-title{
    color: #e36c0a;
}
.performer-location{
    color: #5f497a;
}
.performer-genre{
    color: #ff0000;
}
.socmed-icon{
    height: 100px; min-height: 100px;
    margin-right:50px;
}
.socmed-icon.off{
    cursor: not-allowed;
}
fieldset {
    margin-top: 30px;
}
legend-top {
    display: block;
    width: 100%;
    padding: 0;
    padding-top: 10px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-top: 1px solid #e5e5e5;
    margin-top:20px;
}
legend-noborder {
    display: block;
    width: 100%;
    padding: 0;
    padding-top: 10px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-block!important;
}
.dataTables_paginate .paginate_input {
    width: 60px;
}
.dataTables_paginate.paging_input .paginate_button {
    margin-left: 5px!important;
    margin-right: 5px!important;
    padding: 5px!important;
}
.mb-0{
    margin-bottom: 0px !important;
}
.mt-0{
    margin-top: 0px !important;
}
mt-4 {
    margin-top: 4px!important;
}
mb-4 {
    margin-bottom: 4px!important;
}
.mr-0{
    margin-right: 0px !important;
}
.ml-0{
    margin-left: 0px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.pt-0{
    padding-top: 0px !important;
}
.ml-30{
    margin-left: 30px !important;
}
.ml-60{
    margin-left: 60px !important;
}
.mb-20{
    margin-bottom: 20px!important;
}
.mb-40 {
    margin-bottom: 40px!important;
}
.mb-65 {
    margin-bottom: 65px!important;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-5{
    margin-bottom: 5px;
}
.mt-0 {
    margin-bottom: 0!important;
}
.mt-5{
    margin-top: 5px;
}
.mt-10{
    margin-top: 10px;
}
.pl, .pl-0{
    padding-left: 0px;
}

.pl-53{
    padding-left: 53px;
}
.pt-4 {
    padding-top: 4px!important;
}
.pb-4 {
    padding-bottom: 4px!important;
}
.pr-0{
    padding-right: 0px;
}
.pl-5{
    padding-left: 5px;
}
.pr-5{
    padding-right: 5px;
}
.pb-15 {
    padding-bottom: 15px;
}
.pt-15 {
    padding-top: 15px;
}
.pl-20{
    padding-left: 20px;
}
.pr-20{
    padding-right: 20px;
}
.ml-5{
    margin-left: 5px;
}
.mr-5{
    margin-right: 5px!important;
}
.mr-10{
    margin-right: 10px!important;
}
.mr-20{
    margin-right: 20px!important;
}
.lh-16{
    line-height: 16px;
}
.mt-4 {
    margin-top: 4px!important;
}
.form-control {
    height: 28px;
    padding: 3px 4px;
}
.form-group {
    margin-bottom: 5px;
}
.fullwidth{
    width: 100% !important;
}
.pl-0{
    padding-left: 0px !important;
}
.pr-0{
    padding-right: 0px !important;
}
.w-245{
    width:250px !important;;
}
.w-90{
    width: 90px !important;;
}
.h-28{
    height: 28px !important;;
}
.pt-5{
    padding-top: 5px;
}
.pt-10{
    padding-top: 10px;
}
.pt-7{
    padding-top: 7px;
}
.pb-5{
    padding-bottom: 5px;
}
.bottom-right{
    position:absolute;
    bottom: 0px;
    right:0px;
}
.article-title{
    font-size: 16px;
    font-weight: bold;
}
.article-icon{
    width: 70px;
    margin-right: 10px;
}
.socmed-icon.small{
    height: auto;
    min-height: auto;
    width: calc(25% - 6px);
    margin-right:3px;
}
.imagePreview{
    max-height:100px;
    cursor: pointer;
}
.filebutton{
    height: 22px;
    font-size: 14px;
    line-height: 16px;
}
.filecontrol {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-left-color: rgba(51, 51, 51);
    margin-top: 6px;
    margin-right: -10px;
}
.checkbox {
    width: 20px;
    height: 20px;
    display: inline-block;
}
.imagePreview{
    max-height:100px;
    text-align: center;
}
.imagePreview.empty{
    height:100px;
    width:100px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group.copy .input-group-addon{
    padding:0px;
}
.input-group.copy .input-group-addon button{
    height:26px;
}
.check-input{
    width: calc(100% - 25px);
    width:    -moz-calc(100% - 25px);
}
.check-text-input{
    width: calc(100% - 60px);
    width:    -moz-calc(100% - 60px);
}
.evo-cp-wrap{
    padding-top: 7px;
}
.evo-cp-wrap .evo-colorind, .evo-cp-wrap .evo-colorind-ie, .evo-cp-wrap .evo-colorind-ff{
    float:left;
}
.text-right{
    text-align: right;
}

.category-image-wrapper {
    position: relative;
}

.category-image-wrapper > .category-image-container {
    position: absolute;
    right: 139px;
}

@media screen and (max-width: 968px) {
    .category-image-wrapper > .category-image-container {
        position: relative;
        right: unset;
    }
}
@media screen and (max-width: 500px) {
    .index-description {
        word-break: break-all;
    }
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pointer-none {
    pointer-events: none;
}

.center-placeholder::-webkit-input-placeholder {
    text-align: center;
}

.center-placeholder::-webkit-input-placeholder:-moz-placeholder { /* Firefox 18- */
    text-align: center;
}

.center-placeholder::-webkit-input-placeholder::-moz-placeholder {  /* Firefox 19+ */
    text-align: center;
}

.center-placeholder::-webkit-input-placeholder:-ms-input-placeholder {
    text-align: center;
}

.qr-code img {
    height: 91px;
}

select.bold-text {
    font-weight: bold;
}

select.bold-text > option{
    font-weight: bold;
}

.time-config {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 15px;
    -ms-grid-columns: 260px 15px 320px 15px auto;
    grid-template-columns: 260px 320px auto;
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.custom-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.timepicker-group {
    width:110px;
}

.custom-form-control {
    display: block;
    height: 28px;
    padding: 3px 4px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.custom-input-group .custom-form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.custom-input-group .custom-form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.border-1px-solid-grey {
    border: 1px solid #ccc;
}

.btn-facebook {
    background-color: #4267B2!important;
}

.btn-facebook > img {
    border-right: none!important;
    width: 27px!important;
    margin-left: 7px!important;
    margin-top: 8px!important;
}

.btn-social > :first-child {
    border-right: none;
}

.btn-272 {
    width: 272px;
}

.border-grey {
    border-color: #9B9B9B;
}

input[type=checkbox] {
    margin-top: 7px;
}

.calendar-color-key {
    display: inline-block;
    width: 220px;
}

@media screen and (max-width: 768px){
    .d-flex-direction-column-xs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .justify-flex-start-xs {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important;
    }
    .justify-flex-end-xs {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important;
    }

    .align-items-start-xs {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .pl-xs-5 {
        padding-left: 5px!important;
    }
    .pr-xs-5 {
        padding-right: 5px!important;
    }
    .pl-xs-15 {
        padding-left: 15px!important;
    }
    .pr-xs-15 {
        padding-right: 15px!important;
    }
    .pl-xs-28 {
        padding-left: 28px!important;
    }
    .label-container {
        width: 50px;
    }
    .ml-xs-0 {
        margin-left: 0!important;
    }
    .ml-xs-10 {
        margin-left: 10px!important;
    }
    .ml-xs-15 {
        margin-left: 15px!important;
    }
    .mr-xs-10 {
        margin-right: 10px!important;
    }

    .time-config {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (max-width: 500px) {
    #selectTncModal .modal-content {
        height: 75vh;
        overflow: scroll;
    }
    #selectTncModal #mainForm {
        height: 100%;
        overflow: scroll;
    }
}

@media screen and (max-width: 365px) {
    .socmed-icon {
        margin-right: 45px;
    }
    .panel-heading-edit-language {
        width: 120px;
    }
}

@media screen and (max-width: 360px) {
    .input-date-campaign .form-control{
        font-size: 12px;
    }
}

.select2-selection {
    width: auto;
    border-radius: 2px;
    padding: 0px 15px;
    height: 30px;
    font-size: 1em;
    border: 1px solid #c8d1d3;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 10px;
}
.select2-selection.select2-selection--single .select2-selection__rendered {
    top: 0px;
    position: absolute;
    line-height: 30px;
    padding: 0px;
    padding-right: 50px;
}
.select2-selection {
    margin-bottom: 0px !important;
}

.select2 *, .select2 {
    max-width: 100%;
}
.select2 {
    width: 100% !important;
}
.select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
}
.select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    line-height: 30px;
    height: 30px;
    top: 0;
}
.select2-container {
    margin-bottom: 10px;
}
.select2-container.select2-container--default.select2-container--open {
    z-index: 200000;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #333;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #8fe0a2;
    border: 1px solid #999;
    color: #333;
    margin-top: 4px;
}
select.form-control, .select2-selection {
    height: auto;
    padding: 5px 10px;
}

.collapse-header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 21px;
    padding-right: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.collapse-header .cursor-pointer{
    font-size: 30px;
}

.collapse-header > span[aria-expanded=true] .plus-label {
    display: none;
}
.collapse-header > span[aria-expanded=false] .min-label {
    display: none;
}
.cursor-pointer{
    cursor: pointer;
}

.cursor-pointer:hover{
    opacity: 0.8;
}

.inline-checkbox{
    display: inline-block; width: 20px; height: 20px;
    margin-top: -2px!important;
    margin-right: 10px!important;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    vertical-align: middle;
}

.inline-radio {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -2px !important;
    margin-right: 10px !important;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    vertical-align: middle;
    border: 1px solid #000; /* You can change the color */
    border-radius: 50%; /* Makes it round for radio */
    outline: none;
    cursor: pointer;
    position: relative;
}

/* Styling for when the radio button is checked */
.inline-radio:checked {
    background-color: cornflowerblue; /* Change color as needed */
}

/* Optional: add hover effects */
.inline-radio:hover {
    border-color: #666; /* Darken border on hover */
}

/* Optional: add focus outline */
.inline-radio:focus {
    outline: 1px solid #333; /* Change focus outline color */
}

.flex-grow{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.align-center{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.img-dummy img[src=""] {
    display: block;
    height: 28px;
    width: 80px;
    opacity: 0;
}    

.img-dummy{
    width: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    max-width: 80px;
    display: inline-block;
}

.img-dummy img{
    margin: -1px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 80px;
    max-height: 90px;
    height: auto;
    -o-object-position: top;
    object-position: top;
}

.img-dummy.allow-overf {
    max-height: 80px;
}


.def-input-color{
    width: 30px; height:30px; vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}

.no-wrap{
    white-space: nowrap;
}

.def-label{
    white-space: nowrap;
    margin-bottom: 0;
    margin-right: 5px;
}

.layout-img{
    cursor: pointer;
    border: 2px solid black;
    opacity: 0.6;
    width: 122px;
    height: 32px;
    padding: 3px 1.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.layout-img .block{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 2px solid black;
    height: 100%;
    margin: 0 1.5px;
}

.flex-grow-2{
    -webkit-box-flex: 2!important;
    -ms-flex-positive: 2!important;
    flex-grow: 2!important;
}



.layout-img:hover{
    opacity: 0.2;
}

.dummy-rect{
    border: 2px solid black;
    width: 60px;
    height: 60px;
    opacity: 0.6;
}

.dummy-rect.landscape{
    width: 80px;
    height: 40px;
}

.table-bordered{
    border-collapse: collapse;
}

.table-bordered thead td{
    font-weight: bold;
}

.table-bordered td{
    text-align: center;
    vertical-align: middle!important;
}

.width-24{
    width: 24.5%;
}

.va-middle{
    vertical-align: middle!important;
}

.def-radio{
    width: 20px;
    height: 20px;
    margin: 0 8px!important;
}

.control-label.pt-5{
    padding-top: 5px!important;
}

.w-95{
    width: 95px;
}

.w-50{
    width: 50px;
}

.label-mb-0 label{
    margin-bottom: 0;
}

.label-mb-0 input[type=checkbox] {
    margin-top: 0!important;
    padding-top: 2px;
}

.modal-dialog.wide{
    max-width: 900px;
    width: 100%!important;
}

.w-200{
    width: 200px;
}

.mod-label{
    text-align: right;
    margin: 0;
    margin-top: 3px;
}

.filebutton label{
    font-weight: normal;
    margin-bottom: 0;
}

.lined{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid black;
    line-height: 0.1em;
    margin: 10px 0 20px;
    max-width: 150px;
    padding-top: 8px;
}

.lined span{
    background:#fff;
    padding:0 3px;
}

.btn-group .checkbox-btn{
    float: left;
}
.btn-group > .checkbox-btn:not(:first-child):not(:last-child):not(.dropdown-toggle) .btn{
    border-radius: 0;
}
.btn-group > .checkbox-btn:first-child .btn{
    margin-left: 0;
}
.btn-group > .checkbox-btn:first-child:not(:last-child):not(.dropdown-toggle) .btn{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .checkbox-btn:last-child:not(:first-child) .btn{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group .btn {
    margin-left: -2px;
}

.pt-3{
    padding-top: 3px;
}

.checkbox-btn{
    display: inline-block
}

.checkbox-btn img{
    width: 14px;
    height: 100%;
    max-height: 14px;
}

.py-4{
    padding-top: 4px;
    padding-bottom: 4px;
}

.x-btn{
    opacity: 1  ;
    float: right;
    height: 21px;
    width: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.x-btn:after {
    display: inline-block;
    content: "\00d7";
    font-size: 24px;
    /* margin-top: 2px; */
}
.input-float{
    position: absolute;
    right: 19px;
    opacity: 1;
}

.checkbox-btn label{
    margin: 0;
}

.checkbox-btn input{
    display: none;
}

.checkbox-btn .btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    width: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.checkbox-btn input:checked + span {
    background: #E6F3FE!important;
    color: #2A5D6F!important
}

.mx-5{
    margin-top: 0;
    margin-left: 2px!important;
    margin-right: 2px!important;
}

@media only screen and (max-width: 768px){
    .mobile-break{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .mobile-break > *{
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 5px;
    }

    input[color]{
        margin-right: 10px;
    }

    .mobile-scroll{
        overflow: hidden;
    }

    .mobile-scroll > *{
        min-width: 820px;
        overflow-x: auto;
    }

    .collapse-header {
        padding-right: 0 !important;
    }
}

.fs-11{
    font-size: 12px;
    font-weight: normal;
}

#collapse-location input.form-control{
    padding-left: 10px!important;
}

#collapse-location select.form-control{
    padding-left: 6px;
}

#collapse-location input::-webkit-input-placeholder{
    font-size: 13px;
}

#collapse-location input::-moz-placeholder{
    font-size: 13px;
}

#collapse-location input:-ms-input-placeholder{
    font-size: 13px;
}

#collapse-location input::-ms-input-placeholder{
    font-size: 13px;
}

#collapse-location input::placeholder{
    font-size: 13px;
}

#collapse-location .control-label{
    padding-top: 4px!important;
}

.pt-3{
    padding-top: 3px!important;
}

.label-pb-3 label{
    padding-bottom: 3px;
}

.dummy-qr{
    width: 80px;
    height: 80px;
    margin-top: -10px;
}

.bold-b{
    font-weight: bolder;
    font-size: 16px;
    padding-top: 2px;
}

.dummy-color-btn{
    display: inline-block;
    position: relative;
}

.dummy-color-btn.landscape label{
    width: 44px;
    height: 23px;
}
.dummy-color-btn.landscape input{
    width: 44px;
    height: 23px;
}

.dummy-color-btn label{
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    background-color:#EFEFEF;
    border: 1px solid #777777;
    border-radius: 2px;
    padding: 4px
}

.dummy-color{
    height: 100%;
    width: 100%;
}

.dummy-color img{
    -o-object-fit: fill;
    object-fit: fill;
    border: 1px solid #777777;
    display: block;
}

.dummy-color-btn input{
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    z-index: -1;
}

.mx-10{
    margin-left: 5px;
    margin-right: 5px;
}

.vertical-btn img{
    width: 18px;
    mix-blend-mode: multiply;
}

#sections-table tbody tr td {
    word-break: break-word;
}


/* fix header collapse breakpoint */
@media (min-width: 768px) and (max-width: 1166px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.custom-scrollbar{
    cursor: -webkit-grab;
    cursor: grab;
    overflow: auto;
}
.custom-scrollbar::-webkit-scrollbar {
    display: none;
}

.article-info{
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: -13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dragtable-sm td, .dragtable-sm th {
    padding: 4px!important;
} 

.btn .fa-circle-o-notch{
    display: none;
} 

.btn.show-spinner .fa-circle-o-notch {
    display: inline-block;
}

.btn:focus .fa-circle-o-notch{
    display: inline-block;
}

.modal-body > .form-group{
    margin-right: 0;
    margin-left: 0;
}

.modal-body .checkbox{
    width: unset;
    height: unset;
}

.modal-body input[type="checkbox"]{
    margin-top: 4px;
}

.modal-body .note-group-image-url{
    display: none;
}

.checkbox-3{
    font-size: 14px;
    margin-bottom: 0;
}

.checkbox-3 span{
    vertical-align: bottom;
}

.checkbox-3 input[type="checkbox"]{
    margin-top: 0;
    margin-bottom: 2px;
    vertical-align: middle;
}

.sort-button {
    padding-right: 24px !important;
}

.hidden-article-heading {
    visibility: hidden;
    width: 0;
    height: 0;
    margin-bottom: -8px;
}

.drag-drop-description {
    font-size: 12px !important;
    font-weight: 400;
    float: left;
    margin-top: -25px;
    margin-bottom: 18px;
}
.source-drag-table {
    margin-top: 27px;
}
.partner-checkbox {
    margin-top: 4px !important;
}

.hidden-article-heading {
    visibility: hidden;
    width: 0;
    height: 0;
    margin-bottom: -8px;
}

.code-validation-label {
    text-align: left !important;
    padding-left: 0 !important;
    padding-top: 3px !important;
    margin-left: -10px !important;
    color: #CB3D39;
    /* transition: fadeIn 1s;
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    -ms-animation: fadeIn 1s; */
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.hidden-validation {
    display: none;
}

.detail-partner-checkbox {
    width: 20px !important;
    height: 20px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    pointer-events: none;
}

.partner-checkbox-heading {
    width: 40px !important;
}

.drag-drop-description {
    font-size: 12px !important;
    font-weight: 400;
    float: left;
    margin-top: -25px;
    margin-bottom: 18px;
}

.source-drag-table {
    margin-top: 27px;
}

.navbar-nav {
    margin-left: -15px;
}

.nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

.section-partner-advert {
    margin-top: 40px;
}

.button-partner-advert {
    margin-top: 30px;
}

.form-partner-advert {
    margin-bottom: 7px;
}

.btn-back-partner-advert {
    min-width: 70px;
}

.img-section-partner-advert {
    margin-left: -15px;
}

.img-preview-partner-advert {
    max-height: 150px;
    max-width: 250px;
    margin-top: -90px;
}

.page-url-partner-advert {
    border-radius: 4px !important;
}

.view-partner-image {
    min-height: 150px;
    margin-top: 20px;
}

.row-partner {
    margin-right: 0;
}

.index-partner-title {
    font-size: 22px;
}

#partnerAdvertTable {
    margin-top: 20px;
    min-height: 100px;
}

.advert-cycle-name {
    padding-left: 36px;
}

.advert-content-title {
    font-size: 22px;
    font-weight: 500;
}

.form-advert-cycle-content {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.advert-content-section {
    margin-top: -35px;
}

.advert-content-config {
    margin-top: 105px;
}

.advert-content-table {
    margin-top: 57px;
}

.advert-cycle-button-end {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 10px;
}

.referred-header-note {
    font-size: 12px;
}

.referred-header-validation-label {
    margin-left: -30px;
}

.checkbox-template {
    margin-left: -35px !important;
}

.img-preview-wordmark {
    max-height: 150px;
    max-width: 250px;
    margin-top: -50px;
}

.index-description {
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.summary-article {
    word-wrap: break-word;
}
.filter-input-padding {
    padding: 1em !important;
}
.dropdown-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1em;
    padding-right: 0.9em;
}
.dropdown-gap {
    display: flex;
    align-items: center;
    gap: 5px;
}
.select-custom{
    background: url("data:image/svg+xml,<svg height='9px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    background-position: calc(100% - 0.8em) center !important;
    background-color: white;
    -moz-appearance:none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
    cursor: pointer;
}
.menu-card-wrapper{
    position: relative;
    padding: 0 10em;
}
.menu-card-title{
    position: absolute;
    font-weight: 400;
    top: 0;
    left: 0;
}
.menu-card{
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    transition-duration: 200ms;
}
.menu-card img{
    width: 110px;
    height: auto;
}
.menu-card p {
    text-align: center;
    font-weight: 500;
    color: #000;
}
.menu-card:hover {
    opacity: .7;
    text-decoration: none;
}