/*Home Page Slide background Image desktop and mobile*/

@media screen and (min-width:768px) {
 .homeMobBanner { display: none; }
}

@media screen and (max-width:767px) {
 /*.homeMobBanner { max-width: 98%; margin-top: 2%; margin-bottom: 20px; }
    .homeMobBanner + .loginTxt { margin-bottom: 2%; }
    .home_style3 .homeMobBanner { margin-top: 80px; }
    .home_style10 .homeMobBanner { margin-top: 45px; }*/

 .homeMobBgShown .ucHome [class*='fix-'],
 .homeMobBgShown .ucHome .fix-12-12 { max-width: 100% !important; }
 .homeMobBgShown .ucHome .container .wrap { padding: 0px!important; padding-bottom: 30px !important; vertical-align: top; }
 .homeMobBgShown .ucHome .fade-3 .content { background: transparent; }
 .homeMobBgShown .ucHome .homeMobBanner { max-width: 100%; margin-top: 0px; margin-bottom: 0px; font-size: 0px; }
 .homeMobBgShown .ucHome .homeMobBanner img { width: 100%; }
 .homeMobBgShown .ucHome .loginTxt,
 .homeMobBgShown .ucHome .editorDiv { margin-bottom: 0px; max-width: 100% !important; margin-left: 0% !important; border: none; padding: 30px; }
 .homeMobBgShown .ucHome .editorDiv { padding-top: 20px; padding-bottom: 0px; }
 .homeMobBgShown .ucHome .fix-5-12 .button { margin-top: 15px; margin-left: 30px; }
}


/*CUSTOM SIDEBAR (POPUP TO SIDEBAR) */
.sidebar.popSidebar { background: #FFF!important; width: 480px; max-width: 90%; }
.sidebar.popSidebar .popHead { display: none!important; }
.sidebar.popSidebar .grid [class*='col-'] { max-width: 100%!important; padding: 0px !important; }
.sidebar.popSidebar .popupContent .pad { padding: 0px!important; border: none !important; border-radius: 0px; }
.sidebar.popSidebar .form-group { margin-bottom: 9px; }
.sidebar.popSidebar h3 { margin: auto !important; margin-bottom: 7px !important; font-size: 18px; font-family: 'OCE Medium', sans-serif; }
.sidebar.popSidebar .close { right: 15px; }
.sidebar.popSidebar .close svg { width: 20px; height: 20px; fill: #3e3e3e; }
.sidebar.popSidebar input[type="text"],
.sidebar.popSidebar select,
.sidebar.popSidebar input[type="name"],
.sidebar.popSidebar input[type="email"],
.sidebar.popSidebar input[type="password"],
.sidebar.popSidebar input[type="tel"],
.sidebar.popSidebar textarea { background: #f4f4f4; padding: 10px 18px 10px; font-family: "OCE", sans-serif; border: none; font-size: 14px; text-align: left!important; color: #444444; border-radius: 3px; width: 100%; border: 1px solid #ccc !important; font-weight: normal; /*-webkit-box-shadow: 0 0 0 1px rgba(41,41, 41, 0.2) inset; box-shadow: 0 0 0 1px rgba(41,41, 41, 0.2) inset;*/ }

.sidebar.popSidebar select:focus,
.sidebar.popSidebar textarea:focus,
.sidebar.popSidebar input[type="text"]:focus,
.sidebar.popSidebar input[type="name"]:focus,
.sidebar.popSidebar input[type="email"]:focus,
.sidebar.popSidebar input[type="password"]:focus,
.sidebar.popSidebar input[type="tel"]:focus { outline: none; box-shadow: none; }

.sidebar.popSidebar label.formlabelmain { font-size: 12px; font-family: 'OCE ExtraBold',arial; opacity: .5; margin: 0px auto 6px; color: #303030!important; }
.sidebar.popSidebar select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-color: #f4f4f4; background-repeat: no-repeat; background-position: center right 0px; background-image: url(../images/arrow-down-small.png); padding-right: 30px; white-space: nowrap; text-overflow: ellipsis; }
.sidebar.popSidebar .form-group:after { content: ""; display: block; clear: both; }
.sidebar.popSidebar .button { text-align: center; }
.sidebar.popSidebar .button.inArrow { padding: 19px; border-radius: 0px; font-family: 'OCE Bold'; text-transform: uppercase; font-size: 14px; }
.sidebar.popSidebar .button.inArrow svg { vertical-align: middle; margin-left: 10px; display: none; }
.sidebar.popSidebar ul.cstmCheck,
.sidebar.popSidebar .cstmCheck ul { margin-bottom: 0px; }
.colHalf { /*width: 50%!important; float: left;*/ }
.sidebar.popSidebar .dateTime .colHalf { width: 50%!important; float: left; }
.sidebar.popSidebar .form-group.colHalf { width: 100%; float: none; }
.sidebar.popSidebar .grid.fixedSpaces { margin-left: 0px!important; margin-right: 0px!important; }

.sidebar.popSidebar .covidBox .cstmCheck li { min-width: calc(33.33% - 16px); }
.sidebar.popSidebar .covidBox .cstmCheck li:nth-child(3n) { margin-right: 0px; }
.sidebar.popSidebar .dvApptSubType { border-top: 1px dashed #ccc; margin-top: 5px; padding-top: 5px; }

.sidebar.popSidebar ul { line-height: normal; font-size: 0; }

.sidebar.popSidebar .grid.dateTime { margin-left: -8px; margin-right: -8px; }
.sidebar.popSidebar .grid.dateTime [class*='col-'] { padding-left: 8px !important; padding-right: 8px !important; }

.sidebar.popSidebar .grid.dateTime .cstmCheck { margin: auto; }
.sidebar.popSidebar .grid.dateTime .cstmCheck li { margin-top: 7px; margin-bottom: 7px; }

.sidebar.top { top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(0%); transform: translateY(-100%); width: 100%; max-width: 100%; height: auto; }
.sidebar.left { left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.sidebar.right { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.sidebarShown .sidebar.shown.top { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; visibility: visible; }
.sidebarShown .sidebar.shown.left { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; visibility: visible; }
.sidebarShown .sidebar.shown.right { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; visibility: visible; }
.sidebar.popSidebar .button svg { height: 20px; }
.sidebar.popSidebar .button { color: #FFF!important; text-align: center; }
.sidebar.popSidebar .content { padding: 28px !important; }
.sidebar.popSidebar .wrap { vertical-align: top!important; overflow: visible; }
.sidebar.popSidebar .popupContent > .left { padding-left: 0px; }

.sidebar.popSidebar .content,
.sidebar.popSidebar.right .content { padding-right: 86px!important; }
.sidebar.popSidebar.left .content { padding-left: 86px!important; padding-right: 28px !important; }



.sidebar.popSidebar .pad p { font-size: 14px; color: #5d5d5d; }
.popupContent .thnkPopup .thnkText { line-height: 1.8; }

/*CUSTOM SIDEBAR (POPUP TO SIDEBAR) */

.checkBlock { margin: 15px auto 10px; padding: 0px 10px; clear: both; }
.checkBlock:after,
.checkBlock .form-group:after { clear: both; display: block; content: ""; }
.checkBlock p { margin-bottom: 0px!important; font-size: 13px; text-align: center; font-family: 'OCE Bold', Arial; }
.checkBlock a { display: inline-block!important; font-size: 14px; }
.checkBlock .enqry-checkbox { margin: auto; text-align: center; }
.checkBlock .control-label { margin: 15px auto; margin-right: 20px; color: #2e2e2e; cursor: pointer; display: inline-block; font-size: 0px; text-align: left; }
.checkBlock .control-label:focus { outline: none; }
.checkBlock .control-label label { display: inline-block!important; margin: 0px; cursor: pointer; font-family: 'OCE Bold', Arial; font-size: 14px; vertical-align: middle; color: #303030; margin-top: 3px; }
.checkBlock .control-label input { margin: 0px 8px 0px 0px!important; display: inline-block!important; margin-left: 0px!important; cursor: pointer; vertical-align: middle; -webkit-appearance: none!important; -moz-appearance: none!important; -ms-appearance: none!important; -o-appearance: none!important; appearance: none!important; width: 20px!important; height: 20px!important; background-color: #fff; border: 1px solid #555; border-radius: 3px; font-size: 0; }
.checkBlock .control-label input::-ms-expand { display: none; }
.checkBlock .control-label input:focus { outline: none; }
.checkBlock .control-label input:checked { background-color: #fff; background-image: url(../../Content/images/form-check.png); background-repeat: no-repeat; background-position: center; }


.mdl_request .checkBlock p { /*font-size: 12px; margin-top: 10px!important;*/ }
.homePOP .checkBlock p { margin-bottom: 0px !important; font-size: 13px; }
.sidebarShown .panel.ucheader6, .sidebarShown .panel.ucheader6 .sections { opacity: 0!important; }

.sidebar.popSidebar .wrap { padding: 0px!important; }
.sidebar.popSidebar .cstmCheck li > label { color: #000!important; }

.popupContent .pad.thnkPopup .ultimateDiv { }

body .sidebar.popSidebar .errorCSS { border-color: #ffafaf !important; background-color: rgba(255, 0, 0, 0.08); }
.mandatory { font-size: 19px; display: inline-block; line-height: 0.5; vertical-align: bottom; color: #ff0000; text-align: center; }
.aspNetDisabled { cursor: not-allowed !important; }

.ucHomeBody .sidebar.popSidebar { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 1; visibility: visible; }
.ucHomeBody .sidebar.popSidebar.visible { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }


@media screen and (min-width:768px) and (max-width:1199px) {
 .popupContent .thnkPopup { padding: 15% 5% !important; }
 .popupContent .thnkPopup .formheader { font-size: 22px; }
 .popupContent .thnkPopup .thnkText { font-size: 20px; }
}

@media screen and (min-width:769px) and (max-width:1023px) {
 .sidebar.popSidebar .wrap { padding: 0px!important; }
}

@media screen and (max-width:767px) {
 .sidebar.popSidebar .wrap { padding: 0px!important; }
 .popupContent .pad.thnkPopup { background: #FFF!important; color: #303030!important; padding: 20px!important; border-radius: 4px!important; }
 .sidebar.popSidebar { max-width: 100%!important; }
}

@media screen and (min-width:320px) and (max-width:599px) {
 .sidebar.popSidebar .content, .sidebar.popSidebar.right .content { padding-right: 20px!important; }
 .sidebar.popSidebar .content { padding: 20px !important; padding-top: 55px !important; }
 .sidebar.popSidebar.left .content { padding-left: 20px!important; }


 .sidebar.popSidebar .covidBox .cstmCheck li:nth-child(3n) { margin-right: 20px; }
 .sidebar.popSidebar .interest-img img { width: 50%!important; }
}

@media screen and (min-width:320px) and (max-width:359px) {
 .checkBlock .control-label { margin-right: 10px!important; }
}

/*::-webkit-scrollbar { display: none; }
::-mozkit-scrollbar { display: none; }*/