﻿html {
    /*height: auto;*/

}

body {
    font-family: 'Open Sans' !important;
    height: auto;
    font-size: 14px!important;
    /*background-color: white !important;*/
}

a:not(.btn):not(.menu-link):not(.CybotCookiebotDialogBodyButton):not(.page-link) {
    text-shadow: none;
    color: #337ab7!important;
}

.stickyTop {
    position: sticky;
    top: 0;
    z-index: 2;
}

.hotelCalendar-bg {
    background-color: #dedede;
}

.centered {
    position: fixed !important; /* or absolute */
    top: 50%;
    left: 50%;
}

.flatpickr-day.selected {
    background-color: #4b8df8 !important;
}


.flatpickr-day:hover {
    background-color: #ffffff !important;
    color: lightblue !important;
}

.simplemodal-container {
    -moz-border-radius: 6px 6px 6px 6px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 500px;
    left: 556.5px;
    padding: 10px;
    position: fixed;
    top: 47.5px;
    width: 530px;
    z-index: 1002;
}

.page-boxed {
    background-color: white !important;
}

.page-boxed .page-container {
    border-left: none !important;
    border-bottom: none !important;
    background: none !important;
}
/***
Page header
***/
/*.header {
	 background-color: #fff !important;
	 height:42px!important;
	 min-height:42px!important;
	 
}*/
.header .navbar-brand img {
    margin-left: 0px;
}

.event-page-header {
    /***background-color:#87b32d !important;***/
    background-color: rgba(255, 255, 255, 0.90) !important;
}


    .event-page-header a:hover {
        color: #000000 !important;
    }

.header .btn-navbar {
    background-color: #f1f1f1 !important;
}



.btn {
    text-transform: none !important;
}

.header .navbar-nav .dropdown-toggle:hover,
.header .navbar-nav .dropdown.open .dropdown-toggle {
    background-color: #f1f1f1 !important;
}

.header .navbar-nav li.dropdown .dropdown-toggle i {
    color: #f1f1f1 !important;
}


.navbar-brand {
    padding: 3px 30px !important;
}

.header .hor-menu ul.nav li a {
    color: #111;
}

.header .navbar-nav .dropdown-toggle:hover,
.header .navbar-nav .dropdown.open .dropdown-toggle {
    background-color: #f1f1f1 !important;
}

.navbar-inverse {
    border-color: #f3f3f3 !important;
}


    .navbar-inverse .navbar-nav > li > a {
        color: #111;
    }


.navbar-brand {
    border-bottom-color: #efefef !important;
    border-bottom-width: 0px;
}

/*.page-container {
	background-color: #f1f1f1; 
}*/

/*.page-sidebar {
  background-color: #f1f1f1;
}

.page-sidebar-closed .page-sidebar {
width: 60px;
}

.page-sidebar-closed .page-sidebar-menu {
	width: 60px !important;
}

.page-sidebar-menu li a i {
	font-size: 30px;
}

ul.page-sidebar-menu > li > a {
border-top: 0px solid #e2e2e2 !important;
color: #000 !important;
font-weight: 400;
padding: 20px 15px;
}*/

.event-margin {
    margin-left: 20px !important;
}

.page-content {
    border-top: 0px solid #e2e2e2 !important;
    border-left: 0px solid #e2e2e2 !important;
    border-bottom: 0px solid #e2e2e2 !important;
    padding-top: 0px !important;
}

.page-sidebar-closed .page-content {
    margin-left: 60px !important;
}



.portlet.box.light-grey > .portlet-title {
    background-color: #bbbbbb;
}

.portlet.box.light-grey {
    border: 1px solid #bbbbbb;
    border-top: 0;
}

.footer {
    padding: 0px 20px 0px 20px !important;
    font-size: 12px;
    background-color: #fff;
}



@media (max-width: 767px) {
    body {
        background-color: transparent !important;
    }

    #mainEventDataDiv {
        padding-left: 20px!important;
    }
}

.page-sidebar { /*position:fixed;*/
    z-index: 9999;
}

.pricing-head {
    background-color: #87b32d !important;
}


    .pricing-head h4 {
        background: #ffffff;
    }

.pricing-content li {
    font-size: 14px;
    padding: 7px 15px;
    border-bottom: solid 1px #f5f9e7;
}

    .pricing-content li i {
        top: 2px;
        color: #87b32d;
        font-size: 16px;
        margin-right: 5px;
        position: relative;
    }



/*JqGrid overwrite*/
.myAltRowClassEven {
    background: #e9e9e9 !important;
    border-color: #79B7E7 !important;
    color: black !important;
}

.myAltRowClassOdd {
    background: #FFF !important;
}

.ui-state-hover.myAltRowClassEven {
    background: #d0e9c6 !important;
}

.ui-state-hover.myAltRowClassOdd {
    background: #d0e9c6 !important;
}

.ui-state-highlight.myAltRowClassEven {
    background: #d0e9c6 !important;
}

.ui-state-highlight.myAltRowClassOdd {
    background: #d0e9c6 !important;
}

.ui-pg-input {
    height: 20px !important;
}


.acceptBackGround {
    background: #CEFFD8 !important;
}

.rejectBackGround {
    background: #FFCECE !important;
}

.finalBackGround {
    background: #F0F8FF !important;
}
/*JqGrid overwrite*/



#draggableEmailReport {
    width: 1px;
    height: 1px;
    /*padding: 0.5em;*/
    position: absolute;
    top: 250px;
    left: 650px;
    z-index: 9999;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    /*   btriad  */
    font-family: 'Open Sans' !important;
    /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-weight: 300 !important;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle .username {
    color: none;
}

.page-title {
    font-family: 'Open Sans' !important;
    float: none !important;
    display: inherit !important;
    padding-bottom: 20px;
    padding-top: 20px;
}

.page-head {
    background: #fff !important;
}

.icon-btn div {
    font-family: 'Open Sans' !important;
}

.icon-btn .badge {
    font-family: 'Open Sans' !important;
}


.dropdown-menu.tasks .task .percent {
    font-family: 'Open Sans' !important;
}


.header .hor-menu ul.nav li a {
    color: white !important;
}

    .header .hor-menu ul.nav li a:hover {
        background-color: transparent !important;
    }

.form-body {
    padding: 10px !important;
}


/*.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar {
    background-color: #e9edef !important;
}*/



.simplemodal-container {
    z-index: 9999 !important;
}

.popover {
    z-index: 99999;
    position: fixed;
}


body.page-header-fixed {
    padding-top: 0px !important;
}


.page-header.navbar .page-logo .logo-default {
    margin-top: 22px !important;
}


.field-validation-error {
    text-shadow: none !important;
    font-size: 13px;
    font-weight: 300;
    padding: 3px 6px 3px 6px;
    color: #F3565D;
    font-family: "Open Sans", sans-serif;
    /*background-color: #F3565D;*/
    display: inline;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}


.signin-error-message .field-validation-error {
    color: red !important;
    background: none !important;
    text-align: inherit !important;
    white-space: inherit !important;
    font-weight: 600 !important;
    padding: 0px 0px 0px 0px !important;
}



.mce-fullscreen {
    z-index: 10000 !important
}


.input-group {
    max-width: 100% !important
}

.input-medium {
    max-width: 100% !important
}

.MvcFieldWrapper {
    margin-left: 0px !important;
    margin-right: 0px !important
}

.count-message {
    font-size: smaller;
    font-style: italic
}

.page-header.navbar .top-menu {
    display: inherit !important;
}

.page-header {
    background-color: transparent;
}

.hands {
    cursor: pointer !important;
    /*cursor: hand;*/
}


.mainBackGround {
    background-color: #f5f6f6;
}


.forceWordWrap {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}





.vertical-center {
    display: inline-flex;
    align-items: center;
}



.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: url('/Content/images/ajax-loader.gif') 50% 15% no-repeat rgb(249,249,249);
}



.meetingsTable tr.even {
    background-color: whitesmoke;
}


.datePickerIsEnabled {
    background-color: lightblue;
}


.datePickerIsFoolyBooked {
    background-color: lightpink;
}


#ui-datepicker-div {
    z-index: 19999 !important;
}

.langSelectClass {
    list-style-type: none;
    margin: 0;
    float: left;
    margin-right: 10px;
    background: white;
    padding: 5px;
    width: 90%;
}

    .langSelectClass li {
        margin: 5px;
        padding: 5px;
        font-size: 1.2em;
        width: 97%;
        z-index: 0;
    }

.radio {
    padding-top: 0px !important;
}

.page-header .page-header-top.fixed {
    background-color: transparent !important;
    box-shadow: none;
}


.poweredAtIframe {
    margin-top: -30px !important;
}


.forceDisplayBlock {
    display: block !important;
}

.ev_h3 {
    font-weight: 300;
    font-size: 20px;
}

.ui-state-default {
    color: black !important;
    background: #e6e6e6 !important;
}


.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: black !important;
}

.MvcDynamicFieldError {
    /*margin-top: 0px;*/
    width: 95%;
}



.input-icon-right > i {
    color: #c0c0c0;
    display: block;
    position: absolute;
    margin: 12px 5px 5px 10px;
    z-index: 3;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
    right: 10px;
}

.input-icon-right {
    position: relative;
    right: 0;
}

.input-icon-left > i {
    color: #c0c0c0;
    display: block;
    position: absolute;
    margin: 13px 5px 5px 10px;
    z-index: 3;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
    left: 5px;
}

.input-icon-left > input {
    padding-left: 40px;
}

.input-icon-left {
    position: relative;
    right: 0;
}


#contentTerms h1 {
    font-size: 18px !important;
    font-weight: bold !important;
}

#contentTerms h2 {
    font-size: 16px !important;
    font-weight: bold !important;
    margin-top: 50px !important;
}

#contentTerms h3 {
    font-size: 14px !important;
    font-weight: bold !important;
    margin-top: 30px !important;
}

#contentTerms {
    font-size: 12px !important;
}




#eventora-logo-bottom {
    position: fixed;
    left: 0px;
    bottom: 1px;
    height: 35px;
    width: 100%;
    text-align: center;
    font-size: 8px;
}

.eventora-disable {
    pointer-events: none;
    opacity: 0.5;
    cursor: wait !important;
}


.bgWhite {
    background-color: white !important;
}



@media print {
    .no-print, .no-print * {
        display: none !important;
    }

    .print-force {
        display: inherit !important;
    }

    .print-margin-170 {
        margin-top: 170px !important;
    }
}

/*nick event 26810*/
@font-face {
    font-family: Gotham Black;
    src: url("/Content/fonts/Gotham-Black.otf") format("opentype");
}

@font-face {
    font-family: Gotham Black;
    src: url("/Content/fonts/Gotham-BlackItalic.otf") format("opentype");
    font-style: italic;
}

@font-face {
    font-family: Gotham;
    src: url("/Content/fonts/Gotham-Bold.otf") format("opentype");
    font-weight: bold;
}

@font-face {
    font-family: Gotham;
    src: url("/Content/fonts/Gotham-BoldItalic.otf") format("opentype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: Gotham Book;
    src: url("/Content/fonts/Gotham-Book.otf") format("opentype");
}

@font-face {
    font-family: Gotham Book;
    src: url("/Content/fonts/Gotham-BookItalic.otf") format("opentype");
    font-style: italic;
}



@font-face {
    font-family: Gotham Light;
    src: url("/Content/fonts/Gotham-Light.otf") format("opentype");
}

@font-face {
    font-family: Gotham Light;
    src: url("/Content/fonts/Gotham-LightItalic.otf") format("opentype");
    font-style: italic;
}

@font-face {
    font-family: Gotham Medium;
    src: url("/Content/fonts/Gotham-Medium.otf") format("opentype");
}

@font-face {
    font-family: Gotham Medium;
    src: url("/Content/fonts/Gotham-MediumItalic.otf") format("opentype");
    font-style: italic;
}

@font-face {
    font-family: Gotham Thin;
    src: url("/Content/fonts/Gotham-Thin.otf") format("opentype");
}

@font-face {
    font-family: Gotham Thin;
    src: url("/Content/fonts/Gotham-ThinItalic.otf") format("opentype");
    font-style: italic;
}

@font-face {
    font-family: Gotham Ultra;
    src: url("/Content/fonts/Gotham-Ultra.otf") format("opentype");
}

@font-face {
    font-family: Gotham Ultra;
    src: url("/Content/fonts/Gotham-UltraItalic.otf") format("opentype");
    font-style: italic;
}



@font-face {
    font-family: Gotham XLight;
    src: url("/Content/fonts/Gotham-XLight.otf") format("opentype");
}

@font-face {
    font-family: Gotham XLight;
    src: url("/Content/fonts/Gotham-XLightItalic.otf") format("opentype");
    font-style: italic;
}






@font-face {
    font-family: "CorpoAMed";
    src: url("/Content/fonts/corpoAMed.ttf") format("truetype");
}



@font-face {
    font-family: "CorpoS";
    src: url("/Content/fonts/corpoS.ttf") format("truetype");
}


.registration-photo-preview {
    max-width: 50px;
    max-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

#CybotCookiebotDialog {
    border: 3px !important
}

/* kt-datatable */
/*.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #5867dd !important;
    background-color: transparent !important;
    cursor: pointer !important;
    border: none !important;
    margin: 0.3em;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: white !important;
        background: #5867dd !important;
        border: none !important;
        transition: all 0.3s;
    }


    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        color: white !important;
        background: #5867dd !important;
        font-weight: bold !important;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: white !important;
            background: #5867dd !important;
            transition: all 0.3s;
        }


.dataTables_wrapper .dataTables_paginate .next {
    color: #5867dd !important;
    background: #f0f3ff !important;
    cursor: pointer !important;
    border: none !important;
    margin: 0.3em;
}

    .dataTables_wrapper .dataTables_paginate .next:hover {
        color: white !important;
        background: #5867dd !important;
        transition: all 0.3s;
    }


    .dataTables_wrapper .dataTables_paginate .next.disabled {
        color: #93a2dd !important;
        background: #f0f3ff !important;
        opacity: 0.3;
        transition: all 0.3s;
    }


.dataTables_wrapper .dataTables_paginate .last.disabled {
    color: #93a2dd !important;
    background: #f0f3ff !important;
    opacity: 0.3;
    transition: all 0.3s;
}


.dataTables_wrapper .dataTables_paginate .previous {
    color: #5867dd !important;
    background: #f0f3ff !important;
    cursor: pointer !important;
    border: none !important;
    margin: 0.3em;
}

    .dataTables_wrapper .dataTables_paginate .previous:hover {
        color: white !important;
        background: #5867dd !important;
        transition: all 0.3s;
    }


    .dataTables_wrapper .dataTables_paginate .previous.disabled {
        color: #93a2dd !important;
        background: #f0f3ff !important;
        opacity: 0.3;
        transition: all 0.3s;
    }


.dataTables_wrapper .dataTables_paginate .first.disabled {
    color: #93a2dd !important;
    background: #f0f3ff !important;
    opacity: 0.3;
    transition: all 0.3s;
}*/

.paginate_button {
    color: white !important;
    background-color: #e5eaee !important;
    border-color: #e5eaee !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}





div.dataTables_length + div.dataTables_info {
    margin-left: 0rem!important;
}

.hidden {
    display: none;
}

.accordion-button {
    background-color: #F5F5F5;
}

.accordion-button:not(.collapsed) {
    color: #181C32;
    background-color: #F5F5F5;
    border-bottom: 1px #EFF2F5 solid;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
}

.position-label {
    padding-top: 10px;
}

.form-check-input {
    border-color: #B5B5C3 !important;
    position: static;
}

.username {
    color: #8ea3b6;
}

.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #2C9AFF!important;
    background-color: #F1F4FF!important;
}

.help-inline {
    font-size: 13px;
    color: #737373;
    display: inline-block;
    padding: 5px;
}

.help-block {
    margin-top: 5px;
    margin-bottom: 5px;
}

.leftBtnColor, .leftBtnColor:hover, .leftBtnColor:active, .leftBtnColor:focus-visible, .page-item.active .page-link, .page-link:hover {
    color: #ffffff !important;
    border-color: #3598dc !important;
    background-color: #3598dc !important;
}

#mainEventDataDiv {
    background-color: rgba(255, 255, 255, 1);
    padding-left: 40px;
    padding-right: 20px;
}

.hotelRoomSearchBtn {
    display: flex;
    align-items: flex-end;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.stickyReservation, .stickyDaysRangeInfo {
    position: sticky;
    top: 20px;
    z-index: 2;
}

.hotelCardBGColor {
    background-color: #F9F7F7;
}

@media (min-width: 993px) {
    .hotelRoomSearchBtn {
        padding-left: 0px!important;
    }
}

@media (max-width: 993px) {
    .hotelRoomSearchBtn {
        padding-top: 15px !important;
    }
}

@media (min-width: 768px) {
    .position-label {
        text-align: right;
    }
}


@media (max-width: 575px) {
    .signature-pad {
        width: 230px;
    }

    .container.event-page-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    /*Start Booking*/
    .hotelCard {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    .roomCard {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    
    /*End Booking*/
}

@media (min-width: 1400px) {
    .event-page-container {
       max-width: 1185px!important;
    }
}