/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
	font-family: 'Open Sans', sans-serif;
}
/*
 * Typography
 */
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(webfonts/OpenSans-Italic.ttf) format('Truetype');
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(webfonts/OpenSans-SemiBoldItalic.ttf) format('Truetype');
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(webfonts/OpenSans-Regular.ttf) format('Truetype');
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(webfonts/OpenSans-SemiBold.ttf) format('Truetype');
}
h1 {
	padding-bottom: 9px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}
/*
 * Sidebar
 */

.sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	padding: 0 0 20px 0;
	border-right: 1px solid #eee;
    background-image: url(../images/social-thinking-image.png);
    background-repeat: no-repeat;
	background-size: auto 100%;
}

.sidebar-vb {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	padding: 0 0 20px 0;
	border-right: 1px solid #eee;
	background: url(../images/vbc_registration.png) no-repeat center;
	background-size: 100%;
}
.title-tag {
    color: #fff;
    text-align: center;
    font-size: 22px;
    padding: 0 20px 20px 20px;
    margin: 0;
}
h2 {
	text-align: center;
	color: #fff;
	padding: .75rem
}
h2 span {
	display: block;
	color: #ffd870;
}
.table td, .table th {
	padding: .5rem;
	vertical-align: middle;
}
.time-table td, .time-table th {
	border: 0;
	color: #fff;
}
.time-table td.grade {
	color: #ffd870;
	font-size: 2em;
	text-transform: uppercase;
}
.time-table td.grade .time {
	display: block;
	color: #fff;
	font-size: .6em;
	text-transform: none;
}
.time-table td.fee {
	color: #ffd870;
	font-size: 3em;
	text-align: right;
	vertical-align: middle;
}
.time-table td.fee span {
	display: block;
	color: #fff;
	font-size: .4em;
	margin-top: -10px;
	text-align: right;
}
a.help-link {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	display: block;
	font-size: 1.2em;
}
a.help-link:hover {
	text-decoration: none;
}
.navbar-brand {
	display: block;
	text-align: center;
	padding-top: 0;
	margin: 0;
}
.main-section {
    margin: 0 15px 15px 15px;
}
.main-nav li {
	padding: .5rem 1rem;
}
.main-nav li:first-child {
	padding-left: 0;
}
.main-nav .nav-link {
	padding: 0;
	border-radius: 0;
	color: #000075;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.2em;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #000075;
	background-color: transparent;
	border-bottom: 3px solid #000075;
}
h3 {
	font-size: 1.40rem;
	margin: 2rem 0 1rem 0;
	color: #000075;
}
h4 {
	color: #000075;
	font-weight: 600;
	margin: 2rem 0 1rem 0;
}
.field-name {
	font-weight: 600 !important;
	margin-bottom: 10px !important;
	display: block;
}
.field-name-inline {
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
}
.help {
	border: 10px solid #000075;
	border-top: 0;
	padding-bottom: .75rem;
}
.help .list-group-item:first-child {
	border-radius: 0;
	background: #000075;
	color: #ffd870;
	text-transform: uppercase;
	padding: 1rem .75rem;
	font-size: 18px;
	line-height: 30px;
}
.help .list-group-item {
	border: 0;
	padding: .50rem 1.25rem;
}
.help .text-italic {
	font-style: italic;
	padding: 1rem 1.25rem !important;
}
.btn-primary {
    background: #000075;
    border-radius: 0!important;
    color: #ffd870!important;
    text-transform: uppercase;
    border: 0;
    padding: 12px 10px!important;
}
.btn-primary:hover {
    background: #000054;
}
.option-group {
	margin-top: 15px;
}
.icon-only {
	color: #ffd870 !important;
	background: none;
	border: 0;
	outline: 0;
	font-size: 1.5em !important;
	cursor: pointer;
}
.btn-warning {
	border: 0;
	border-radius: 0;
	color: #000075;
	padding: .5rem 1.75rem;
	font-weight: 600;
	text-transform: uppercase;
}
.pay-now .card-header {
	background: #f3f3f3 url(../images/cross-lines.jpg) repeat-x center bottom;
	border-bottom: 0;
}
h5 {
	color: #000075;
	font-weight: 600;
	margin: .5rem 0 1rem 0;
}
.card-header .table td {
	padding: .3rem;
	border-top: 0;
}
.table .fa {
	color: #000075;
}
.time .fa {
	color: #fff;
}
ul.tc {
    list-style: none;
    padding: 0;
    margin: 0;
}
h6 {
    color: #000075;
}
.condition {
    height: 300px;
    overflow-y: scroll;
}
.error {
    display: block;
}
.scroll-me {
    overflow-y: scroll;
}
@media (min-width: 1100px) {
    .VPcustom{padding-top:150px}
}

@media (min-width: 768px) and (max-width: 991px) {
h2 {
	font-size: 1.5rem;
}
.title-tag {
	font-size: 1em;
}
.time-table td.grade {
	font-size: 1.5em;
}
.time-table td.fee {
	font-size: 2em;
}
.main-section {
	margin: 10px;
}
.main-nav .nav-link {
	font-size: 1em;
}
}

@media (min-width: 600px) and (max-width: 768px) {
}

@media (min-width: 480px) and (max-width: 600px) {
	.sidebar, .sidebar-vb {
    position: inherit;
	}
	h2 {
	font-size: 1.5rem;
}
.title-tag {
	font-size: 1em;
}
.time-table td.grade {
	font-size: 1.5em;
}
.time-table td.fee {
	font-size: 2em;
}
.main-section {
	margin: 10px;
}
.main-nav .nav-link {
	font-size: 1em;
}
	.smart-forms .section {
    margin-bottom: 12px;
}
}

@media (min-width: 320px) and (max-width: 480px) {
	.sidebar, .sidebar-vb {
    position: inherit;

    background-size: cover;
    background-position: 100% 100%;
	}
	h2 {
	font-size: 1.5rem;
}
.title-tag {
	font-size: 1em;
}
.time-table td.grade {
	font-size: 1.5em;
}
.time-table td.fee {
	font-size: 2em;
}
.main-section {
	margin: 10px;
}
.main-nav .nav-link {
	font-size: 1em;
}
	.smart-forms .section {
    margin-bottom: 12px;
}
}

@media (min-width: 480px) and (max-width: 600px) {
	.sidebar, .sidebar-vb {
    position: inherit;
    background-size: cover;
    background-position: 100% 100%;
	}
}

@media (min-width: 600px) and (max-width: 800px) {
	.sidebar, .sidebar-vb {
    position: inherit;
    background-size: cover;
    background-position: 100% 100%;
	}
}
.sidebar-dcp {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	padding: 0;
	border-right: 1px solid #eee;
	/*background: url(../images/social-thinking-image.png) no-repeat center;*/
    background-size: cover;
    background-repeat: no-repeat;
}

.terms-dcp {padding-left: 0px;}
.terms-dcp li {list-style: none; padding: 10px 15px 0px 15px;}
.childInnerSection {
    border: 2px dashed #ccc;
    padding: 15px;
    margin-bottom: 15px;
}
.goog-logo-link {
    display: none !important;
}
.time-table td.grade {
    color: #ffd870;
    font-size: 2em;
    text-transform: uppercase;
}
.time-table td.grade .time {
    display: block;
    color: #fff;
    font-size: .6em;
    text-transform: none;
}
.time .fa {
    color: #fff;
        margin-right: 5px;
}
.time-table td.fee {
    color: #ffd870;
    font-size: 3em;
    text-align: right;
    vertical-align: middle;
}
.time-table td.fee span {
    display: block;
    color: #fff;
    font-size: .4em;
    margin-top: -10px;
    text-align: right;
}
.time-table td, .time-table th {
    border: 0;
    color: #fff;
}
.terms-dcp ul{padding-left: 0}
.datepicker-dropdown{    z-index: 999!important;}
.deleteIcon {
    width: 100%;
    text-align: right;
}
.deleteIcon .removeChildInfo {
    background: #ec3b67;
    padding: 2px 6px;
    color: #fff;
    border-radius: 2px;
}
.moreDetail {
    font-size: 14px!important;
    font-style: italic;
}
.noDetail {
    text-transform: none!important;
    font-size: 1.1em!important;
}
.link-yellow {
    color: #ffd870;
}
.link-yellow:hover {
    color: #fff;
}
.bgOverlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.navbar-brand {
    padding-top: 25px;
    padding-bottom: 35px;
}
.navbar-brand img {
    max-height: 300px;
    width: auto;
}
.login {
    color: #626262;
    margin-top: 0px;
}
.loginLogo img {
    max-height: 50px;
}
.login p {
    margin-top: 5px;
    margin-bottom: 30px;
}
.forget-pswd {
    line-height: 30px;
}
.account-nav .nav-link {
    color: #000075;
}
.account-nav .nav-link i {
    font-size: 13px;
}
.registerNow {
    margin-top: 100px;
}
.text-scroll {
   position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.upSell input[type="checkbox"], .upSell input[type="radio"] {
    display: none;
}
.upSell .price {
    display: block;
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    padding-top: 5px;
}
.singPrice {
    
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    padding-top: 5px;
}
.smart-forms .upSell .checkbox{
    top: 22px;
}


/*hide left-side on gc login*/
@media (min-width: 320px) and (max-width: 768px) {
.hideOnLogin {
	display:none!important;
    }
}
    
    
@media (min-width: 320px) and (max-width: 768px) {
    .sidebar-dcp {
	position: relative;
    }
    .text-scroll {
   position: relative;
   height: auto;
   overflow: visible;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .payment-info-main .form-row>.col, .payment-info-main .form-row>[class*=col-] {
        display: contents;
    }
    .upsellInput {
        width:100%;
    }
    .optionRow {
        width:auto;
    }
    .optionField {
        max-width:40%;
    }
}
    
@media (min-width: 480px) and (max-width: 600px) {
   .optionRow {
        width:auto;
    }
    .optionField {
        max-width:25%;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
   .optionRow .img-fluid{
        margin-left:8px;
    }
   
}
.no-mobile {
    display: block;
}
.no-desktop {
    display: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .no-mobile {
        display: block;
    }
    .no-desktop {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .no-mobile {
        display: block;
    }
    .no-desktop {
        display: none;
    }
}
@media (min-width: 600px) and (max-width: 768px) {
    .no-mobile {
        display: none;
    }
    .no-desktop {
        display: block;
    }
}
@media (min-width: 480px) and (max-width: 600px) {
    .no-mobile {
        display: none;
    }
    .no-desktop {
        display: block;
    }
}
@media (min-width: 320px) and (max-width: 480px) {
    .no-mobile {
        display: none;
    }
    .no-desktop {
        display: block;
    }
}

/*.................front-end page UI correction........*/

.appealsRendering h3.mainTitle {margin: 1rem 0px 1rem; font-size: 1.8rem;}
.appealsRendering h5.subTitle {font-size: 1.4rem;}
.appealsRendering .panel-heading {margin:10px 0 20px; background-color: #000075;color: #fff;}
.appealsRendering h3.panel-title {
        margin: 0;
        font-size: 16px;
        color: #fff;
        padding: 10px 5px;
        font-weight:700;
    }
    
    .appealsRendering .htmlSection p {color:#454546;}
    .appealsRendering .termsConditions {padding-right:0 !important; padding-left:0 !important; margin-bottom: 10px;}
    .appealsRendering .help {border: 10px solid #e2e8ef; border-top-width: 0px;}
    .appealsRendering .help .list-group-item:first-child {background: #e2e8ef; color: #34495e; line-height: 20px; font-weight: 700;}
    .appealsRendering .htmlSection ul li {margin-bottom:10px;}
    .appealsRendering .termsConditions .termsText ul li {list-style-type: disc; margin-left: 20px; padding-left: 5px;}
    .appealsRendering .addMoreBtnn {margin-top:31px;text-transform: capitalize;border-radius:4px;padding:.4rem .8rem;color:#212529;}
    .appealsRendering .delBtnn {margin-top:30px; color:#ff0000; padding:.5rem; display: block;}
    .appealsRendering .footer-block { background-color: #fff; padding: 12px 0; margin-top: 0; display: table; border-top: 1px solid #ddd;}
    .appealsRendering .footer-block .htmlSection {font-size:.8rem; display: table-cell; vertical-align: middle;}
    .appealsRendering .footer-block .htmlSection p {margin-bottom:0;color:rgba(0, 0, 0, .9);}
    .appealsRendering .footer-block .pciImg{text-align:right;}
    .appealsRendering .footer-block .pciImg a{display:inline-block; background-color:#fff;padding:4px;}
    .appealsRendering .footer-block .pciImg a img{max-width: 120px; height: auto;}
    .appealsRendering .oneofMultiEvent {border-bottom:1px dotted #ddd; margin-bottom: 15px;position:relative;}
    .appealsRendering .oneofMultiEvent:first-child {margin-top:10px;}
    .appealsRendering .oneofMultiEvent label.error{position:absolute;margin-bottom:30px;white-space: nowrap;} 
    .appealsRendering .matchSize {height: 70px; width:auto;}
    .appealsRendering .ticketPrice {font-weight: 600;float:right; line-height: 1.9rem;}    
    .appealsRendering .ticketPrice span {font-weight:400;margin-left:5px;}
    
    .modal-body .table td {color: #212529;}
    .sidebar-dcp a {word-break: break-all;}

    div.appealsRendering .oneofMultiEvent + .oneofMultiEvent {
        border-top: 1px solid #777 !important;
        margin: 0px 0 15px!important;
        padding-top: 30px;
        border-bottom: 0!important;
    }
    div.appealsRendering .oneofMultiEvent {
        border: 0!important;
    }
    .theme2-form .row .oneofMultiEvent + .oneofMultiEvent {
        border-top: 1px solid #777;
        padding-top: 15px;
        margin-top: 10px;
    }
    
/*    -------------CMAA custom page class----------*/
/*  .CMAAcustom .leftPanel {background-color:#000075!important;}
    .CMAAcustom .navbar-brand {padding:0!important; margin-top:0!important;margin-bottom:0!important;}
    .CMAAcustom .CMAAcol {color:#fff;margin-top:10px;font-size:.9rem;padding:20px;}*/