html,body {margin:0;padding:0;height:100%;font-family: 'Roboto' !important;letter-spacing: 1px;}
label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 100;}
.se-pre-con{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../images/loadertheclass.gif) center no-repeat #fff;background-color:#FAFAFA;opacity:.8}
.control-label{margin-top:5px;}
.required{color:#AA1818f7 /*#e02222*/;font-size: 16px;padding-left: 2px;vertical-align: top;}
.CustDisabled{pointer-events: none;cursor: default;}
.MarginLeft8P{margin-left:8% !important;}
.MarginTop0{margin-top:0 !important;}
.MarginTop10{margin-top:10px !important;}
.MarginTop20{margin-top:20px !important;}
.MarginBottom0{margin-bottom:0 !important;}
.MarginBottom10{margin-bottom:10px !important;}
.MarginBottom20{margin-bottom:20px !important;}
.NoMargin{margin:0 !important;}
.PaddingTop0{padding-top:0 !important;}
.PaddingBottom0{padding-bottom:0 !important;}
.NoPadding{padding:0 !important;}
.FontWeight600{font-weight:600;}
.FontWeight500{font-weight:500;}
.red{color: #fff;background-color: #e7505a !important;border-color: #e7505a !important;}
.TextBlack{color:#000000 !important;}
.TextLeft{text-align:left !important;}
.TextRight{text-align:right !important;}
.alert-warning {background-color: #f9e491;border-color: #f9e491;color: #c29d0b;}
.tsf-controls .CustBtn {background-color: #96c03d;color: #fff !important;padding: 5px 25px !important;font-size: 20px;}
.CustSagePayLogo{height:90px;}
.Width10P{width:10% !important;}
.Width40P{width:40% !important;}
.Width50P{width:50% !important;}
.Width90P{width:90% !important;}
.bg-default {background: #e1e5ec!important;}
.Pointer{cursor:pointer;}
.FontSize16{font-size:16px !important;}
.Success{color:#648028 /*#96c03d*/ !important;}
.Failure{color:#e02222 !important;}
.FooterPos{position: absolute;margin-top:10px;}
#Footer{bottom: 0;width: 100%;}
/*#lbh-footer .links {min-height: 80px;background: #333 none repeat scroll 0 0;padding-bottom: 1em;}*/
#lbh-footer .links {background: #333 none repeat scroll 0 0;padding-bottom: 1em;padding-top: 1em;}
#lbh-footer .links div a:hover, #lbh-footer .links div a:focus{color: #FFFFFF;}
#lbh-sub-footer .sub-links {padding-bottom: 1em;padding-top: 1em;}
#lbh-sub-footer .sub-links div a:hover, #lbh-sub-footer .sub-links div a:focus{color: #FFFFFF;}
.TextWhite{color: #FFFFFF;}
.SpnSeprator{margin-left:8px;margin-right:4px;}
.ImgBadge {border:5px solid #FFFFFF;border-radius: 5px;}
.CustFooterLabel{padding: 29px 0;margin-bottom: 0;font-size:16px;font-weight:500;}
.TextDecoUnderline {text-decoration: underline !important;}
.TextDecoNone {text-decoration: none !important;}
/*#lbh-mastTop #lbh-logo a {display: inline-block;height: 75px;margin-left: 0;overflow: hidden;text-indent: 200%;white-space: nowrap;width: 283px;float: left;}*/
.CustCouncilLogo{max-width:230px;}
.SagePayLogo{max-width:180px;}
.ChangeLanguage {color: #333 !important;font-size: 14px !important;font-weight: bold !important;cursor: pointer !important;text-decoration: underline !important;text-transform: uppercase;}
.CustHeader{margin-bottom:30px;margin-top:10px;border-bottom: 2px solid #e7e7e7;padding-bottom:10px;}
.CursorDefault{cursor:default;}
.tsf-wizard .tsf-nav-step label {cursor: default !important;}
.CustVertiMiddle{position: absolute;top: 50%;left: 0;-webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.CustSPVertiMiddle{position: absolute;top: 50%;right: 0;-webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.CustDivChngLang{height: 40px;padding-top: 10px;font-size: 13px;text-align:right;}
.CustBorderBottom{border-bottom:1px solid #e7e7e7;}
/*START - CUSTOME FILE UPLOAD DESIGN*/
.SupportingAttachments{padding: 5px 10px;background: #004990;display:table; color: #ffffff;cursor:pointer;border-radius:5px;}
.SupportingAttachments [type="file"] {display: none;}
/*END - CUSTOME FILE UPLOAD DESIGN*/
/*START - CHECKBOX DESIGN*/
.ChkContainer {position: relative;padding-left: 20px;margin-bottom: 15px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float: left;}
.ChkContainer input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;border: 2px solid #004990;border-radius: 2px;}
.ChkContainer input:checked ~ .checkmark {background-color: #004990;border-radius: 2px}
.checkmark:after {content: "";position: absolute;display: none;}
.ChkContainer input:checked ~ .checkmark:after {display: block;}
.ChkContainer .checkmark:after {left: 4px;top: -1px;width: 8px;height: 15px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/*END - CHECKBOX DESIGN*/
.VRScrollFileUpload{overflow-x: hidden;overflow-y: auto;max-height: 225px;}
.CustMainText{overflow: hidden;text-overflow: ellipsis;min-height : 40px;max-height : 40px;height : 40px;}
.CustMainText>span{display:table-cell !important;vertical-align: middle;line-height: 1.3;min-height : 40px;max-height : 40px;height : 40px;}
.MarginBottom5 {margin-bottom:5px !important}
.d-inline-block {display:inline-block !important}
.d-inline {display:inline !important}
.FontSize24 {font-size:24px !important;}
#tsf-heading {display: block;width: 100%;padding: 0;margin-bottom: 20px;font-size: 21px;line-height: inherit;color: #333;border: 0;border-bottom-width: 0px;border-bottom-style: none;border-bottom-color: currentcolor;border-bottom-width: 0px;border-bottom-style: none;border-bottom-color: currentcolor;border-bottom: 1px solid #e5e5e5;margin-top: 0px;}
.gsi-style-1 li .desc {padding-top: /*9px*/ 0 !important;}
#Reason{min-height:45px !important;}
.form-control {height:44px !important;}
@media (max-width: 1366px) {
    .FooterPos{position: relative;margin-top:10px;}
}
@media (max-width: 768px) {
    .Width40P{width:100% !important;}
    .Width50P{width:100% !important;}
    .h3, h3 {font-size: 20px;}
    .h2, h2 {font-size: 20px;}
    legend {font-size: 20px;}
    .tsf-controls .CustBtn {background-color: #96c03d;color: #fff !important;padding: 5px 25px !important;font-size: 16px;}
    .CustSagePayLogo {height: 65px;}
    /*.FooterPos{position: relative;margin-top:10px;}*/
    .MarginLeft8P{margin-left:0 !important;}
    .MarginBottom20R{margin-bottom:20px !important;}
    .CustCouncilLogo {max-width: 170px;}
    .SagePayLogo{max-width:170px;}
    .RespHeight{margin-top:30px;}
}
@media (max-width: 480px) {
    .Width40P{width:100% !important;}
    .Width50P{width:100% !important;}
    .h3, h3 {font-size: 20px;}
    .h2, h2 {font-size: 20px;}
    legend {font-size: 18px;}
    .tsf-controls .CustBtn {background-color: #96c03d;color: #fff !important;padding: 5px 25px !important;font-size: 16px;}
    .CustSagePayLogo {height: 70px;}
    /*.col-xs-6 {width: 100%;}*/
    .FooterPos{position: relative;margin-top:10px;}
    .MarginLeft8P{margin-left:0 !important;}
    .MarginBottom20R{margin-bottom:20px !important;}
    .CustCouncilLogo {max-width: 120px;}
    .SagePayLogo{max-width:120px;}
    .RespHeight{margin-top:30px;}
    .WSNormal{white-space:normal;}
}