.step3hidden .step3, .step3hidden .step4, .step3hidden .step5, .step3hidden .step6, .step3hidden .step7 {
    display: none;
}
.vicky {
    min-height: 510px;
    background-color: #22A6DE;
    background-image: linear-gradient(to right, #25a7df , #7ad3f9);
    border: 0px;
}
.vicky-wrap {
    min-height: 510px;
    background-color: #22A6DE;
    background-image: linear-gradient(to right, #25a7df , #7ad3f9);
}
.tagline {
    font-size: 18px !important;
    color: #ffffff;
    padding: 10px 20px 0 20px;
}

.steptab .invalid {
	color: red;
    font-size: 14px;
    vertical-align: middle;
    position: absolute;
    left: 12px;
    top: 20px;
}
#doc2 .modal-dialog { top: 13%;}
#doc2 .scrollable {max-height: 50vh;}

.acceptcok {
    color: #fff;
    background: #333;
    text-decoration: none;
}
a.button {
  background-color: red;
  box-shadow: 0 5px 0 darkred;
  color: white;
  padding: 0.35em 3em;
  position: relative;
  text-decoration: underline;
  font-weight: bold;
}

a.button:hover {
  background-color: #ce0606;
}

a.button:active {
  box-shadow: none;
  top: 5px;
}


/* Agreements Hausfeld styles */
#agreements iframe {height: 500px; width: 100%;}
#agreements .card-body { padding: 0; }
#agreements .card-header { background-color: #fff; }
#agreements .card-header button { white-space: initial; width: 100%; background-color: #fff; text-align: left; color: #000; position: relative;}
#agreements .card-header button i { background-color: #fff; text-align: left; color: #CDCDCD; position: absolute; font-size: 20px; top: 50%; transform: translate(-50%,-50%);}
#agreements .card-header button[aria-expanded="true"] i:before {content: "\f068";}
#agreements .card-header button[aria-expanded="false"] i:before {content:"\f067";}
#agreements .larger-version { position: absolute; width: 100%; color: cornflowerblue; z-index: 20; cursor: pointer; text-decoration: underline; padding-right:10px; text-align: right;}
#agreements .agreement-link-text {
    padding-left: 25px;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
}

body {counter-reset: h2-counter; }
.agreement * {margin:0; padding:0; text-indent:0; font-family:Calibri, sans-serif; font-style: normal; color: black; }
.agreement h1 { text-align: left; color: black;  font-weight: bold; text-decoration: underline; font-size: 11pt; }
.agreement h2 { font-size: 11pt; color: black; font-weight: bold; text-decoration: underline; counter-increment: h2-counter; }
.agreement h2:before { content: counter(h2-counter, upper-roman) ". "; display: inline-block; margin-right: 70px;}	
.agreement h3 { color: black; font-weight: bold; text-decoration: none; font-size: 11pt; }
.agreement .p, .agreement p { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 11pt; margin:0pt; }
.agreement .s3 {text-decoration: underline;}
.agreement .italic {font-style: italic;}

.agreement .s4 { color: black; font-family:Calibri, sans-serif; font-style: italic; font-weight: normal; text-decoration: none; font-size: 11pt; }
.agreement .a { color: #00F; font-family:Calibri, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline; font-size: 11pt; }
.agreement .s5 { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 11pt; }
.agreement ul {list-style-position: outside; padding-left: 14px;}
.agreement ul > li {padding-left: 10px; }
/*.agreement ul > li::before {content: " "; color: black; font-family: Symbol, serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 11pt;}*/
.agreement ul > li > p {display: inline;}
.agreement .card-text.textcont {padding: 0 8px 0 1px;}
.links-to-read i {font-family: FontAwesome;  font-size: 14px; position: absolute; top: 0px; left: 5px;}
.links-to-read .read i:before {content: "\f00c"; color: #28a745;}
.links-to-read .not-read i:before {content: "\f00d"; color: red;}
ul.links-to-read > li > div {position: relative; padding-left: 33px; }


.mx-auto {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.mySlides {
    padding: 0;
    text-align: center;
}

/* Add an italic font style to all quotes */
q {
    color: #ffffff;
    background-color: transparent;
    font-size: 40px;
    font-weight: 600;
    text-transform: none;
    border-color: transparent !important;
    padding: 10px 20px 0 20px;
}

/* Add a blue color to the author */
.author {
    color: #ffffff;
    font-size: 28px !important;
    padding: 0 20px 0 20px;
    font-style: italic;
}

.scandal {
    max-width: 75% !important;
    height: auto !important;
    margin-top: 15px !important;
}

.cd-timeline-item-title {
    font-size: 25px !important;
    color: black !important;
}

.agree-btn {
    padding: 12px 16px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
}

#uploadedDocs {
	width: 100%;
	display: inline-block;
}

#uploadedDocs > div{
	float: left;
	padding-right: 10px;
	width: 134px;
}

#uploadedDocs img {
	width: 124px;
}


div#notCompleted {
  border: 5px red solid;
  padding: 15px 25px;
}
div#notCompleted p {
	text-align: center;	
}
div#notCompleted a {
	text-decoration: underline;
	text-color: red;
	font-weight: bold;
}

.hidden {display: none;}

.drift-frame-controller {
    bottom: 120px !Important;
}
.drift-frame-chat {
    bottom: 180px !Important;
}


.circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    font-size: 50px;
    color: #fff;
    line-height: 150px;
    text-align: center;
    background: #22A6DE;
    margin-left: 0px;
}

#drift-widget-container {
    z-index: 1000 !important;
}
.attorna-copyright-left.attorna-item-pdlr small, .attorna-copyright-left.attorna-item-pdlr small a {
    color: #ffffff;
}
.attorna-copyright-left.attorna-item-pdlr small a:hover {
    color: #c3c0c0;
}
.backcl{
text-decoration: underline;
    color: #fff;
}
.backcl a{
    color: #fff;
}
.home p, .home p span {
    font-family: "Lato", sans-serif !important;
    font-size: 14px !important;
}
.modal-backdrop.darkop.show {
    opacity: 0.9;
}
img.maillogo
{
	width:150px;
}
a.clpopup
{
    border-bottom: 1px solid;
	margin-left: 0;
}
.clpopupopen {
	position: absolute;
    top: 30px;
    background: #666;
    padding: 10px;
    cursor: pointer;
    font-weight: normal;
    font-size: 12px;
    width: 190px;
    right: 0;
	display:none;
}
.langswitch.mview {
    margin-left: 0;
    padding-top: 10px;
    display: inline-block;
}
.modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 26%;
    margin: 0 auto;
}
table td.doc {
    cursor: pointer;
}
.email-cover a { 
    text-decoration: underline;
}
.reloopimg {
    padding: 10px 0;
}
p.errormsg {
    color: #ff0000;
	margin:0;
}
.editprofile
{
    padding: 0.5rem 1rem;
}
.buttoncus
{
    padding: 0.375rem 0.75rem;
}
.preloader {
    right: 0;
    margin: 0 auto;
    background: url(../images/ajax-loader.gif) center center no-repeat rgba(255,255,255,0.6);
    top: 0;
	position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.successgr
{
background-color: green;
color: #fff;
padding: 8px 16px;
}
p.loggedin span {
    white-space: nowrap;
    /*width: 275px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    float: left;
    font-family: "Lato", sans-serif !important;
    font-size: 12px !important;"
}
.imgblock img {
  display: inline-flex;
  width:100%;
  cursor: pointer;
} 
.lowblock
{
	display:none;
}
.icontick
{
color: #28a745;min-width: 50px;font-size: 50px;vertical-align: middle;
}
.vehicledetails li span
{
	font-weight:normal;
}
.wpcf7-form .error {
    color: #ff0000;
}
div.wpcf7 .ajax-loader{
    text-align: center;
    margin: 0 auto;
    height: 26px;
    background-repeat: no-repeat;
    width: 28px;
}
.invalid-feedback
{
	color:#ff0000;
    font-size: inherit;
}
#document-form span {
    margin-top: 2px;
    margin-left: 3px;
    display: inline-block;
}
.attorna-navigation .sf-menu > li {
    max-width: 230px;
}
.grecaptcha-badge {
    display: none;
}
/*for browsers which support object fit */
[data-object-fit='cover'] {
  object-fit: cover
}
[data-object-fit='contain'] {
  object-fit: contain
}
.homeicon{font-size: 24px;}
.highlightlang.lnblock {
    font-size: 16px;
    font-weight: bold;
} 
.hideMe {
    display: none;
}
.anchordisabled {
  pointer-events: none;
  cursor: default;
}
.gridblock
{
	z-index:1;
}
/*.gdlr-core-tab-item-content.gdlr-core-active {
    min-height: 254px;
}*/
.gdlr-core-tab-item-content.gdlr-core-active {
    min-height: 304px;
    padding: 23px 50px 14px;
}
.attorna-body input, .attorna-body select, .attorna-body textarea, .woocommerce form .select2-selection {
    color: #22A6DE;
    font-size: 1em;
}
.gdlr-core-text-box-item.gdlr-core-item-pdlr.gdlr-core-item-pdb.gdlr-core-left-align li {
    padding-bottom: 10px;
}
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li a:hover, ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li.current-menu-item a, ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li.current-menu-ancestor a {
    color: #22A6DE;
}
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li:hover:before, ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li.current-menu-item:before, ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li.current-menu-ancestor:before {
    border-color: #22A6DE;
}
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list li a:before {
    color: #22A6DE;
}
.privacyright .gdlr-core-title-item-title-wrap {
    margin-right: 10px;
}
.ticksteps{
	color: #28a745;
    font-size: 14px;
    vertical-align: middle;
    position: absolute;
    left: 12px;
    top: 20px;
}	
.gdlr-core-tab-style1-vertical.gdlr-core-left-align .gdlr-core-tab-item-title.gdlr-core-active {
    margin-right: -2px;
}
.gdlr-core-tab-item .gdlr-core-tab-item-title
{
	font-weight: normal;
    pointer-events:none;
    font-size: 13px;
}
.btn.disabled, .btn:disabled {
	background: #e9ecef;
    color: #aaa !important;
    opacity: 1;
	/*padding: 5px 0;*/
}
button#sdisabled:disabled:hover {
    background: #e9ecef;
}
.attorna-body, .btn {
    font-size: 14px;
}
.gdlr-core-tab-item-title.gdlr-core-active {
    color: #000;
}
select.form-control:disabled, select.form-control[readonly] {
    cursor: auto;
}
select.form-control, .subscription, #customFile, #exampleInputFile, .findvin{
    cursor: pointer;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}
.attorna-body a:hover, .loggedin a:hover
{
	text-decoration:none;
	color:#c7c7c7;
}
.dark_blue a:hover {
    text-decoration: none;
}
.btn-round-none {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.c_status_date, .c_status_resubmit {font-size:13px;}
.dark_blue{
	background:#153446;
}.dark_blue:hover{
	background:#405c6d;
}
.light_blue{
	background:#22A6DE;
}
.light_blue:hover{
	background:#79bcb8;
}
.navy_blue{
	background:#92cece;
}
.yellow_cl{
	background:#f7e867;
}
.grey_cl{
	background:#f1f1ef;
}
.floating-form {
  width:100%;
}
.floating-label { 
  position:relative; 
}
.floating-input , .floating-select {
  font-size:14px;
  padding:4px 4px;
  display:block;
  width:100%;
  background-color: transparent;
}

.floating-input:focus , .floating-select:focus {	
     outline:none;
	 box-shadow:none;	 
}

.floating-label label {	
  color:#999; 
  font-size: 1em;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:15px;
  top:7px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  left:0;
	top: -20px;
	font-size: 11px;
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
	top: -20px;
	font-size: 11px;
	color:#000;
}


.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-textarea {
   min-height: 30px;
   max-height: 260px; 
   overflow:hidden;
  overflow-x: hidden; 
}


.highlight {
  position:absolute;
  height:50%; 
  width:100%; 
  top:15%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}
.gdlr-core-input-wrap.gdlr-core-large input:not([type="button"]):not([type="submit"]):not([type="file"]), .gdlr-core-input-wrap.gdlr-core-large select
{
	padding: 10px 18px;
}
.gdlr-core-input-wrap.gdlr-core-no-border input:not([type="button"]):not([type="submit"]):not([type="file"]), .gdlr-core-input-wrap.gdlr-core-no-border textarea, .gdlr-core-input-wrap.gdlr-core-no-border select
{
	border-color: #e0e0e0;
	border: 1px solid;
}
.gdlr-core-input-wrap.gdlr-core-no-border select
{
	-webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
} 
/*Header section*/
.attorna-top-bar-right-social a {
    margin-left: 6px;
	color: #ffffff;
}
.attorna-top-bar-right-social.original a, .gdlr-core-social-network-item a {
    margin-left: 18px;
    color: #ffffff;
}
.attorna-body .attorna-top-bar .attorna-top-bar-right-button {
    background: #2a2a2a;
}
.attorna-top-bar-background {
    background-color: #2a2a2a;
}
.attorna-header-background, .attorna-sticky-menu-placeholder, .attorna-header-style-boxed.attorna-fixed-navigation {
    background-color: #051920;
}
.sf-vertical > li > a, .attorna-top-bar, .attorna-body .attorna-top-bar a {
    color: #fff;
}
li.menu-item.current-menu-item.current-menu-ancestor a {
    /* color: #fff; */
    color: #c1c1c1;
}
.sf-menu > li > a:hover, .sf-menu > li.current-menu-item > a, .sf-menu > li.current-menu-ancestor > a, .sf-vertical > li > a:hover, .sf-vertical > li.current-menu-item > a, .sf-vertical > li.current-menu-ancestor > a {
    /* color: #fff; */
    color: #c1c1c1;
}
.attorna-main-menu-search i, .attorna-main-menu-cart i {
    color: #fff;
}
.gdlr-core-body .gdlr-core-load-more, .gdlr-core-body .gdlr-core-button, .attorna-body .attorna-button, .attorna-body input[type="button"], .attorna-body input[type="submit"] {
    background-color: #22A6DE;
    border-radius: 3px;
	text-transform: none;
}
input.floating-input.disabled {
    background: #f1f1ef;
}
.attorna-top-bar .attorna-top-bar-right-social a:hover {
    color: #999999;
    text-decoration: none;
}

/*.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus,
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}*/
.invoice .btn-light.active
{
	background-color: #153446 !important;
    color: #fff !important;
}
.btn-light {
    color: #212529;
    background-color: #dee1e4;
}
.attorna-top-bar-left .fa
{
	color:#ffffff !important;
}
.fa.fa-envelope-open-o
{
	font-size:15px !important;
}
.attorna-body .attorna-main-menu-right-button {
    border-color: #333333;
    background: #153446;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
}
.bordertop
{
	border-top: 1px solid #e6e6e6;
}
.leftmargin_30
{
	margin-left:30px;
}
.bottom_margin_20{
	margin-bottom: 20px !important;
}
.no_margin_bottom{
	margin-bottom: 0 !important;
}
.classic_pad
{
	padding: 100px 75px 100px 75px!important;
}
.gdlr-core-tab-item-title  
{
	text-transform: none !important;
}
.gdlr-core-column-55{ float: left; width: 92.3333%; }
.gdlr-core-tab-style1-vertical.gdlr-core-left-align .gdlr-core-tab-item-content-wrap {
    border-width: 1px;
    border-style: solid;
}
.linkline.decorate, .maincons p a{text-decoration: underline !important;}
.linkline{text-decoration: none !important;}
.linkline:hover {
    opacity: 0.8;
}
.floatright{float:right !important;}
.card-header
{
	background-color: #22A6DE;
	color:#ffffff;
	padding: 0.5rem 1.25rem;
}
#invoice{
    padding: 30px;
}

.invoice {
    position: relative;
    background-color: #FFF;
    padding: 15px
}

.invoice header {
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #22A6DE
}

.invoice .company-details {
    text-align: right
}

.invoice .company-details .name {
    margin-top: 0;
    margin-bottom: 0
}

.invoice .contacts {
    margin-bottom: 20px
}

.invoice .invoice-to {
    text-align: left
}

.invoice .invoice-to .to {
    margin-top: 0;
    margin-bottom: 0
}

.invoice .invoice-details {
    text-align: right
}

.invoice .invoice-details .invoice-id {
    margin-top: 0;
    color: #22A6DE
}

.invoice main {
    padding-bottom: 50px
}

.invoice main .thanks {
    margin-top: -100px;
    font-size: 2em;
    margin-bottom: 50px
}

.invoice main .notices {
    padding-left: 6px;
    border-left: 6px solid #22A6DE
}

.invoice main .notices .notice {
    font-size: 1.2em
}

.invoice table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px
}

.invoice table th {
    padding: 5px;
    background: #eee;
    border-bottom: 1px solid #fff
}

.invoice table th {
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
	background:#22A6DE;
	color:#fff;
}
.invoice table td {
    padding: 0.5rem;
	color:#000;
}
.attorna-body h5 {
    font-size: 16px;
    font-weight: normal;
}
.leftpan h5 {
    font-weight: normal;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 0;
	font-size:21px;
	color: #000;
}
.leftpan h5.nl {
    font-size: 18px;
}
.leftpan p {
    margin-left: 20px;
    color: #000;
    margin-right: 20px;
    text-align: justify;
}
.leftpan.submitplus p {
    margin-left: 0px;
    color: #000;
}
.leftpan.submitplus h5 {
    margin-left: 0px;
	margin-bottom: 10px;
}
.mt-4_5, .my-4_5 {
    margin-top: 2rem !important;
}
.relativediv
{
	position:relative;
}
.absolutediv {
    position: absolute;
    bottom: -21px;
    width: 100%;
    left: 0;
    z-index: 1000;
    background: #153446;
    padding: 0;
    background-color: #153446;
    border-color: #153446;
    font-size: 13px;
}  
.lf-b-none-border-radius {
    border-radius: 0px 0px 3px 3px;
}
.table th {
    color: #fff;
}
.table th, .table td {
    color: #000;
}
.absolutediv:hover {
	background-color: #405c6d;
    border-color: #405c6d;
}
.invoice table td h3 {
    margin: 0;
    font-weight: 400;
    color: #22A6DE;
    font-size: 1.2em
}

.invoice table .qty,.invoice table .total,.invoice table .unit {
    text-align: right;
    font-size: 1.2em
}

.invoice table .no {
    color: #fff;
    font-size: 1.6em;
    background: #22A6DE;
}

.invoice table .unit {
    background: #ddd
}

.invoice table .total {
    background: #22A6DE;
    color: #fff
}

.invoice table tbody tr:last-child td {
    border: none;
	padding:0;
}

.invoice table tfoot td {
    background: 0 0;
    border-bottom: none;
    white-space: nowrap;
    text-align: right;
    padding: 10px 20px;
    font-size: 1.2em;
    border-top: 1px solid #aaa
}

.invoice table tfoot tr:first-child td {
    border-top: none
}

.invoice table tfoot tr:last-child td {
    color: #22A6DE;
    font-size: 1.4em;
    border-top: 1px solid #22A6DE
}

.invoice table tfoot tr td:first-child {
    border: none
}
.invoice table tr:nth-child(odd) {
    background: #eee;
}
.invoice footer {
    width: 100%;
    text-align: center;
    color: #777;
    border-top: 1px solid #aaa;
    padding: 8px 0
} 
.row.vdivide [class*='col-']:not(:last-child):after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  /*min-height: 70px;*/
}
.m-custom-login {
    margin-left: 0px;
    padding: 8px 10px 8px 10px;
    position: relative;
    background: #22A6DE;
    margin-top: 0px;
	cursor: pointer;
    border-radius: 3px;
    height: 40px;
    width: 100px;
    font-size: 16px;
    font-weight: 500 !Important;
}
.m-custom-join {
    margin-left: 0px;
    padding: 5px 10px 5px 10px;
    position: relative;
    background: #22A6DE;
    margin-top:-7px;
    cursor: pointer;
    border-radius: 0px;
    height: 30px;
}
/*.m-custom-login
{
	margin-left:15px;
	margin-top:-7px;
	position: relative;
	background: #22A6DE;
}
*/
.m-custom-join:hover
{
    background: #89c7c4;
}
.m-custom-login:hover
{
	    background: #89c7c4;
}
.loggedin
{
	position: absolute;
    width: 380px;
    /*bottom: -47px;*/
    z-index: 1000;
    left: -180px;
	color:#ffffff;
	cursor: default;
	text-align: right;
}
.claim-frm-left {
     background: #051920;
 }
.claim-frm-right {
    /*background: #000000;
    padding: 20px;*/
}
.contact-frm-left {
    background: gainsboro;
}
.contact-frm-right {
    background: gainsboro;
    padding: 20px;
}
.contact-frm-right button:disabled, button[disabled] {
    background: silver !important;
    border-radius: 3px;
}
.contact-frm-right button:not(:disabled) {
    background: #22A6DE;
    border-radius: 3px;
}
.claim-frm-right button:disabled, button[disabled] {
    background: silver !important;
    border-radius: 3px;
}
.claim-frm-right button:not(:disabled) {
    background: #22A6DE;
    border-radius: 3px;
}
.join-claim-heading {
    padding: 60px 0px 0px 30px;
}
.findvin small {
    color: white;
}
.claim-frm-left p {
    padding: 20px;
    font-family: "Martel", sans-serif;
    font-size: 14px!important;
    color: white;
}
.claim-frm-left h5 {
    padding: 20px 20px 0px 20px;
    font-family: "Lato", sans-serif;
    font-size: 20px!important;
    color: white;
}
.contact-frm-left p {
    padding: 20px;
    font-family: "Martel", sans-serif;
    font-size: 14px!important;
    color: #22A6DE;
}
.contact-frm-left h5 {
    padding: 20px 20px 0px 20px;
    font-family: "Lato", sans-serif;
    font-size: 20px!important;
    color: #22A6DE;
}
.loggedin a
{
color:#ffffff;
text-decoration:none;
float: left;
font-family: "Lato", sans-serif !important;
font-size: 12px !important;"
}
.custom-file-label::after
{
background-color:#153446;
color:#fff;
}
.dark_bluetab {
background: silver;
box-shadow: none;
}
.dark_bluetab.active {
background: #153446;
box-shadow: none;
}
.dark_bluetab:hover {
    background: #22A6DE;
    box-shadow: none;
}
.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
content: "";
display: inline-block;
background: #fff;
width: 0;
height: 0.2rem;
position: absolute;
transform-origin: 0% 0%;
}

.chiller_cb {
position: relative;
display: flex;
align-items: normal;
}
.chiller_cb input {
display: none;
}
.chiller_cb input:checked ~ span {
background: #153446;
border-color: #153446;
}
.chiller_cb input:checked ~ span:before {
width: 1rem;
height: 0.15rem;
transition: width 0.1s;
transition-delay: 0.3s;
}
.chiller_cb input:checked ~ span:after {
width: 0.4rem;
height: 0.15rem;
transition: width 0.1s;
transition-delay: 0.2s;
}
.chiller_cb input:disabled ~ span {
background: #ececec;
border-color: #dcdcdc;
}
.chiller_cb input:disabled ~ label {
color: #dcdcdc;
}
.chiller_cb input:disabled ~ label:hover {
cursor: default;
}
.chiller_cb label {
padding-left: 2rem;
position: relative;
z-index: 2;
cursor: pointer;
margin-bottom:0;
/*margin-top:-5px;*/
}
.chiller_cb span {
display: inline-block;
width: 1.2rem;
height: 1.2rem;
border: 2px solid #ccc;
position: absolute;
left: 0;
transition: all 0.2s;
z-index: 1;
box-sizing: content-box;
}
.chiller_cb span:before {
transform: rotate(-55deg);
top: 1rem;
left: 0.37rem;
}
.chiller_cb span:after {
transform: rotate(35deg);
bottom: 0.35rem;
left: 0.2rem;
}
.skew5{
-moz-transform: skew(-5deg, 0deg);
-webkit-transform: skew(-5deg, 0deg);
-o-transform: skew(-5deg, 0deg);
-ms-transform: skew(-5deg, 0deg);
transform: skew(-5deg, 0deg);
}
.skewnone {
-moz-transform:none;
-webkit-transform:none;
-o-transform:none;
-ms-transform:none;
transform:none;
}
button#sdisabled {
height: 44px;
margin-top: 6px !important;
margin-bottom: 6px;
}
.flexpad
{
/*position: absolute;
left: 50%;
top: 50%;
padding:0px 25px 0px 45px;
width: 100%;
transform: translate(-50%, -50%);	*/
}
.img_cover
{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);	
}

.image {
   position: relative;
}
.image .thumb{
width:980px;
height:400px;
}
.image h2 {
   position: absolute;
   top: 200px;
   left: 0;
   width: 100%;
}
.image h4 {
   position: absolute;
   top: 250px;
   left: 0;
   width: 100%;
}
.image h2 span {
   color: white;
   font: bold 24px/45px "Poppins", sans-serif;
   letter-spacing: -1px;
   background: transparent; /* fallback color */
   background: transparent;
   padding: 10px;
}
.image h4 span {
   color: white;
   font: bold 14px "Poppins", sans-serif;
   letter-spacing: -1px;
   background: transparent; /* fallback color */
   background: transparent;
   padding: 10px;
}
.image h2 span.spacer {
   padding:0 5px;
}
td.col-1, th.col-1 {
  width: 10%; }

td.col-2, th.col-2 {
  width: 16.66667%; }

td.col-3, th.col-3 {
  width: 25%; }

td.col-4, th.col-4 {
  width: 33.33333%; }

td.col-5, th.col-5 {
  width: 41.66667%; }

td.col-6, th.col-6 {
  width: 50%; }

td.col-7, th.col-7 {
  width: 58.33333%; }

td.col-8, th.col-8 {
  width: 66.66667%; }

td.col-9, th.col-9 {
  width: 75%; }

td.col-10, th.col-10 {
  width: 83.33333%; }

td.col-11, th.col-11 {
  width: 91.66667%; }

td.col-12, th.col-12 {
  width: 100%; }

td.col-sm-1, th.col-sm-1 {
  width: 8.33333%; }

td.col-sm-2, th.col-sm-2 {
  width: 16.66667%; }

td.col-sm-3, th.col-sm-3 {
  width: 25%; }

td.col-sm-4, th.col-sm-4 {
  width: 33.33333%; }

td.col-sm-5, th.col-sm-5 {
  width: 41.66667%; }

td.col-sm-6, th.col-sm-6 {
  width: 50%; }

td.col-sm-7, th.col-sm-7 {
  width: 58.33333%; }

td.col-sm-8, th.col-sm-8 {
  width: 66.66667%; }

td.col-sm-9, th.col-sm-9 {
  width: 75%; }

td.col-sm-10, th.col-sm-10 {
  width: 83.33333%; }

td.col-sm-11, th.col-sm-11 {
  width: 91.66667%; }

td.col-sm-12, th.col-sm-12 {
  width: 100%; }

td.col-md-1, th.col-md-1 {
  width: 8.33333%; }

td.col-md-2, th.col-md-2 {
  width: 16.66667%; }

td.col-md-3, th.col-md-3 {
  width: 25%; }

td.col-md-4, th.col-md-4 {
  width: 33.33333%; }

td.col-md-5, th.col-md-5 {
  width: 41.66667%; }

td.col-md-6, th.col-md-6 {
  width: 50%; }

td.col-md-7, th.col-md-7 {
  width: 58.33333%; }

td.col-md-8, th.col-md-8 {
  width: 66.66667%; }

td.col-md-9, th.col-md-9 {
  width: 75%; }

td.col-md-10, th.col-md-10 {
  width: 83.33333%; }

td.col-md-11, th.col-md-11 {
  width: 91.66667%; }

td.col-md-12, th.col-md-12 {
  width: 100%; }

td.col-lg-1, th.col-lg-1 {
  width: 8.33333%; }

td.col-lg-2, th.col-lg-2 {
  width: 16.66667%; }

td.col-lg-3, th.col-lg-3 {
  width: 25%; }

td.col-lg-4, th.col-lg-4 {
  width: 33.33333%; }

td.col-lg-5, th.col-lg-5 {
  width: 41.66667%; }

td.col-lg-6, th.col-lg-6 {
  width: 50%; }

td.col-lg-7, th.col-lg-7 {
  width: 58.33333%; }

td.col-lg-8, th.col-lg-8 {
  width: 66.66667%; }

td.col-lg-9, th.col-lg-9 {
  width: 75%; }

td.col-lg-10, th.col-lg-10 {
  width: 83.33333%; }

td.col-lg-11, th.col-lg-11 {
  width: 91.66667%; }

td.col-lg-12, th.col-lg-12 {
  width: 100%; }

td.col-xl-1, th.col-xl-1 {
  width: 8.33333%; }

td.col-xl-2, th.col-xl-2 {
  width: 16.66667%; }

td.col-xl-3, th.col-xl-3 {
  width: 25%; }

td.col-xl-4, th.col-xl-4 {
  width: 33.33333%; }

td.col-xl-5, th.col-xl-5 {
  width: 41.66667%; }

td.col-xl-6, th.col-xl-6 {
  width: 50%; }

td.col-xl-7, th.col-xl-7 {
  width: 58.33333%; }

td.col-xl-8, th.col-xl-8 {
  width: 66.66667%; }

td.col-xl-9, th.col-xl-9 {
  width: 75%; }

td.col-xl-10, th.col-xl-10 {
  width: 83.33333%; }

td.col-xl-11, th.col-xl-11 {
  width: 91.66667%; }

td.col-xl-12, th.col-xl-12 {
  width: 100%; }
.form input.error{
  border:1px solid red;
}  
.form label.error{
	right: 0 !important;
    left: initial;
    color: red !important;
	text-align:right;
}  
@media only screen and (max-width: 999px){
	.attorna-mobile-header .attorna-logo-inner {
		max-width: 250px;
	}	
	.attorna-logo-inner {
		max-width: 250px;
	}	
    .gdlr-core-tab-style1-vertical .gdlr-core-tab-item-title-wrap {
        max-width: 30%;
    }
}
.vbh-landing-form {
    min-height: 250px;
}
.home-form {
    min-height: 510px;
}
.home-featured-image {
    /*height: 475px;*/
    padding: 10px 0px 10px;
}
@media only screen and (max-width: 767px){
    .hide-on-mobile {
        display: none;
    }
    .vbh-landing-form {
        min-height: 500px;
    }
   .home-form {
        min-height: 85em;
    }
    .home-featured-image {
        height: 90px;
    }
    .mySlides {
        color: #000000;
        padding: 10px;
    }
    q {
        font-size: 1.5em;
        color: #000000;
        padding: 0;
        margin: 0;
    }
    .author {
        color: #000000;
        padding: 0;
        margin: 0;
        font-size: 1.5em !important;
    }
    .tagline {
        font-size: 18px !important;
        color: #000000;
        padding: 0;
        margin: 0;
    }
    .col-sm-12 {
        padding: 0;
    }
    .mobile-height {
        min-height: 750px;
    }
    .first-circle {
        padding-top: 20px;
    }
    .vicky {
        margin:0;
        padding: 1.25rem 0 1.25rem 0;
    }
    .vicky-wrap {
        min-height: 600px;
    }
form#register-form .btn , .complete-form .btn {
    width: 100%;
    margin: 10px 0;
}
.gdlr-core-pbf-sidebar-padding {
    padding-top: 0px;
    padding-bottom: 0px;
}
.imgmobile
{
    margin: 0px -15px;
}
.gdlr-core-pbf-wrapper-full-no-space {
    max-width: none;
}
.hangbox .gdlr-core-sync-height-content {
    padding: 0px 20px;
    margin: -20px 0px;
}
.gdlr-core-tab-item-title.steptab.relativediv {
    display: none;
    width: 99.85%;
    border: 1px solid #ccc;
    background: #eee;
    height: 75px;
}
.gdlr-core-tab-item-title.steptab.relativediv.gdlr-core-active {
    display: block;
    width: 99.85%;
    border: 1px solid #ccc;
    background: #fff;
}
.ticksteps {
    left: 6px;
    top: 20px;
}
.gdlr-core-tab-item-title.steptab.relativediv.lowblock {
    display: block;
}
.gdlr-core-tab-item .gdlr-core-tab-item-content {
    padding: 35px 10px 20px;
}
.icontick
{
color: #28a745;min-width: 50px;font-size: 50px;vertical-align: top;
}
.leftpan h5 {
    width: 80%;
}
.gdlr-core-item-pdlr {
    padding-left: 0px;
    padding-right: 0px;
}
.attorna-mobile-header .attorna-logo-inner {
    max-width: 75px;
}
.attorna-mobile-header .attorna-logo {
    padding: 0px;
}	
.gdlr-core-column-55{ width: 100%; }
.floatright{float:none !important;}
.flexpad
{
	padding: 0;
	position: relative;
}
.gdlr-core-pbf-wrapper-full-no-space .gdlr-core-pbf-column-content-margin {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.leftpan p {
    margin-left: 0px;
}
} 
@media only screen and (max-width: 999px) {
    #gdlr-core-column-1 .gdlr-core-pbf-column-content-margin {
        padding-top: 10px !important;
        padding-bottom: 80px !important;
    }
}
@media only screen and (max-width: 767px) {
    #gdlr-core-column-1 .gdlr-core-pbf-column-content-margin {
        padding-bottom: 50px !important;
    }
    .mr-auto-mobile {
        margin-right: auto !important;
    }
}

@media only screen and (max-width: 999px) {
    #gdlr-core-column-2 .gdlr-core-pbf-column-content-margin {
        padding-top: 10px !important;
        padding-bottom: 80px !important;
    }
	.flexpad {
		padding: 0px 25px 0px 20px;
		position: relative;
	}	
}
@media only screen and (max-width: 1024px) {
	.gdlr-core-tab-style1-vertical .gdlr-core-tab-item-title-wrap {
		max-width: 30%;
	}	
	.leftpan p {
		margin-left: 0;
	}
	.gdlr-core-tab-item-content.gdlr-core-active {
		min-height: 294px;
	}	
}

@media only screen and (max-width: 767px) {
    #gdlr-core-column-2 .gdlr-core-pbf-column-content-margin {
        padding-bottom: 50px !important;
    }
}

@media only screen and (max-width: 999px) {
    #gdlr-core-column-3 .gdlr-core-pbf-column-content-margin {
        padding-top: 10px !important;
        padding-bottom: 80px !important;
    }
}

@media only screen and (max-width: 767px) {
    #gdlr-core-column-3 .gdlr-core-pbf-column-content-margin {
        padding-bottom: 50px !important;
    }
}

@media only screen and (max-width: 767px) {
    #gdlr-core-wrapper-1.gdlr-core-pbf-wrapper {
        padding-top: 90px !important;
        padding-bottom: 50px !important;
    }
}

@media only screen and (max-width: 999px) {
    #gdlr-core-column-4 .gdlr-core-pbf-column-content-margin {
        padding-top: 10px !important;
        padding-bottom: 80px !important;
    }
}

@media only screen and (max-width: 767px) {
    #gdlr-core-column-4 .gdlr-core-pbf-column-content-margin {
        padding-bottom: 50px !important;
    }
}
@media only screen and (min-width: 1200px) {
.gdlr-core-tab-style1-vertical .gdlr-core-tab-item-title-wrap {
    max-width: 40%;
}
	.flexpad
	{
		/*padding: 60px 50px 95px 70px;*/
		position: absolute;
		left: 50%;
		top: 50%;
		padding:0px 25px 0px 45px;
		width: 100%;
		transform: translate(-50%, -50%);	
	}
}

/*
Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
*/
@media
  only screen 
and (max-width: 760px), (min-device-width: 768px) 
and (max-device-width: 991px)  {
.gdlr-core-tab-style1-vertical .gdlr-core-tab-item-title-wrap {
    max-width: 30%;
}
.invoice table {
    margin-bottom: 40px;
}
/*and (max-device-width: 1024px)  {*/
.invoice table tbody tr:last-child td.roled {
    padding-left: 50%; 
}
.invoice table tbody tr:last-child td.c_status_date, .invoice table tbody tr:last-child td.c_status_resubmit {
    /* padding: 0.5rem; */
	padding: 0 60px;word-break: keep-all;

}
.invoice table tbody tr.trgrid {
	width: 100%;
    display: inline-grid;
}
	/* Force table to not be like tables anymore */
	.invoice table.roled,.invoice thead.roled, .invoice tbody.roled, .invoice th.roled, .invoice td.roled, .invoice tr.roled {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.invoice thead tr.roled {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

.invoice tr.roled {
  margin: 0;
}
  
.invoice tr.roled:nth-child(odd) {
  background: #ccc;
}

	.invoice td.roled {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		text-align: left;
	}

	.invoice td.roled:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 8px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
	}
	/* .vin_id.roled:before {
		top: -3px !important;
	} */
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*responsive and alignment fix*/
@media only screen and (max-width: 1024px) and (min-width:768px) and (orientation:portrait){
	.gdlr-core-counter-item-number	{font-size: 3.5vw !important;}
	.gdlr-core-counter-item .gdlr-core-counter-item-prefix {  margin-right: 0px;}
    .circle {	width: 230px; height: 230px; }
	form#formLogin select{font-size: 1.6vw !important;}		
}
@media only screen and (max-width: 1024px) and (min-width:768px) and (orientation:landscape){
	form#formLogin select{/*font-size: 1.3vh;*/}	
	.gdlr-core-counter-item-number
	{font-size: 35px !important;}
	.gdlr-core-counter-item .gdlr-core-counter-item-prefix {
    margin-right: 0px;
}
}
@media only screen and (min-width: 1024px) and (max-width:1366px)and (orientation:portrait){
	form#formLogin select{font-size: 1.0vw !important;}	
	.gdlr-core-counter-item-number{font-size: 35px !important;}
	.gdlr-core-counter-item .gdlr-core-counter-item-prefix {
    margin-right: 0px;
}
}
.gdlr-core-pbf-sidebar-padding {
    padding-top:0px !important;
    padding-left:10px !important;
}
.policy-padding {
    padding-top:0px !important;
    padding-left:50px !important;
}
ul.gdlr-core-custom-menu-widget.gdlr-core-menu-style-list { padding-top: 30px;}
@media (min-width:1200px) {
 .email-cover{padding: 3rem 0 0 3rem!important;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
	.email-cover{padding: 3rem 0 0 0rem!important;}
	.gdlr-core-tab-style1-vertical .gdlr-core-tab-item-content {
    padding: 15px 36px 5px;
}

}


 /* @media only screen and (height: 1024px) and (width:1366px)and (orientation:landscape){
.flexpad{height: 510px !important;padding-top: 15px;}	
.gdlr-core-fluid-video-wrapper{padding-top: 74.25% !important;}
.gdlr-core-pbf-column-content-margin .gdlr-core-js .imgblock .video{height: 510px !important;}
} */  
@media (max-device-width:568px) and (min-device-width:320px) and (orientation:portrait){
	.email-cover{padding: 2rem 1rem 2rem 1rem !important;}
	button#sdisabled {height: 50px;}
	#register-form #password-error{left: 55px;line-height: 1.0;font-size: 3.1vw;}
	#register-form #cpassword-error{font-size: 3.1vw;}
    .invoice table tbody tr:last-child td.c_status_date, .invoice table tbody tr:last-child td.c_status_resubmit {padding: 0 17px;word-break: keep-all;}
}
@media (max-device-width:667px) and (min-device-width:375px) and (orientation:portrait){
#register-form #password-error {left: 75px;line-height: 0.9;font-size: 2.9vw;}
}
@media (max-device-width:736px) and (min-device-width:414px) and (orientation: portrait){
#register-form #password-error {left: 50px;font-size: 2.6vw;line-height: unset;} 
}	 
   /* @media (max-width:736px) and (min-width:414px) and (orientation:landscape){
	.flexpad{height: 450px !important;}	
}
 @media (max-width:667px) and (min-width:375px) and (orientation:landscape){
	.flexpad{height: 480px !important;}	
} 
@media only screen and (max-width:568px) and (min-width:320px) and (orientation:landscape){
	.flexpad{height: 580px !important;} 
}  */
@media (max-width:767px) and (orientation:portrait){
.privacy-policy tr td {font-size: 3.5vw;}
.privacy-policy ul li {font-size: 1.9vh;}
.invoice table tbody tr:last-child td.c_status_date, .invoice table tbody tr:last-child td.c_status_resubmit {padding: 0 37px;word-break: keep-all;}

}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
/* .flexpad{height: 460px !important;}  */ 
.attorna-footer-column.attorna-item-pdlr{padding-left:10px;}
} 
@media (max-width:767px){#countrycode,#languagecode{width:100% !important;}}
.lang-label, .country-label {
    min-width: 115px;
}
@media (max-width:1024px){
.gdlr-core-pbf-wrapper.gridblock {margin: 0px 0px 0px 0px !important;}
.gdlr-core-pbf-wrapper-container-inner { width: 100%; margin: 0;}
.hangbox {
    padding: 40px 40px 20px 45px;
    height: 550px;
}
.circle {
    margin-left: calc( (100% - 150px) / 2);
}
}
@media (min-width:768px),(min-device-width:768px){
.complete-form a:nth-child(1){width:45%; padding:5px;margin-bottom:5px;}		
.complete-form a:nth-child(2){width:50%; padding:5px;margin-bottom:5px;}
.back-to-vinfo,#register-btn{width:45%;}
.back-to-vinfo,#nextdisabled{width:45%;}
    .hangbox {
        padding: 20px 20px 20px 45px;
        height: 350px;
    }
}
/*.wp-block-table td{word-break:break-word;}*/
.leftpan.submitplus p {line-height:1.6;}
/*responsive and alignment fix*/
[class^=d-file-current-] .imgdoc, [class^=d-file-previous-] .imgdoc
{
width:90%;
}
.langswitch-preloader{
	background:url(../images/ld.gif) no-repeat center rgba(0,0,0,0.9);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: block;}
	/* @media (max-device-width:767px) and (orientation:landscape){
	#drift-widget {bottom: 90px !important;}} */
label#password-error, label#npass-error{
	position: relative;
    top: 2px;
	display: block;
}
.form label.error{right: 6px !important;}
.form .custom-radio label.error{position: absolute;}
@media (max-width: 767px){
label#password-error, label#npass-error{
	left: -5px !important;
	position: relative;
}
    .gridblock-box {
        padding: 0;
    }
}
@media (min-width: 767px){
    .gridblock-box {
        padding: 20px 280px 0 280px;
    }
}
.iefix label#password-error, .iefix label#npass-error{position: relative; display: block; left: 0px !important;top: 0 !important;}	
.scroll-popup{display:none;position:absolute;background: #22A6DE;color: #fff;padding: 20px 10px 0px 10px;bottom: 0;z-index: 9999;}
.scroll-close-btn{right: 10px;position: absolute;top: 5px;font-size: 16px;}
.scroll-popup:after {width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #22A6DE;position: absolute;content: "";right: 10px;}
.reds {background-color: #dc3545;}
.amber {background-color: #ffc107;}
.sitegreen {background-color: #22A6DE;cursor: pointer;}
.reds:hover{background-color: #dc3545;}
.amber:hover {background-color: #ffc107;}
.sitegreen:hover {background-color: #a9cfcd;}
.text-red{color:#dd4b39 !important}.text-yellow{color:#f39c12 !important}.text-aqua{color:#00c0ef !important}.text-blue{color:#0073b7 !important}.text-black{color:#111 !important}.text-light-blue{color:#3c8dbc !important}.text-green{color:#00a65a !important}.text-gray{color:#d2d6de !important}.text-navy{color:#001f3f !important}.text-teal{color:#39cccc !important}.text-olive{color:#3d9970 !important}.text-lime{color:#01ff70 !important}.text-orange{color:#ff851b !important}
small.smalltext {
    padding: 3px;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #fff;
}
.bgs-red{background:#dd4b39 !important}.bgs-yellow{background:#f39c12 !important}.bgs-aqua{background:#00c0ef !important}.bgs-blue{background:#0073b7 !important}.bgs-black{background:#111 !important}.bgs-light-blue{background:#3c8dbc !important}.bgs-green{background:#00a65a !important}.bgs-gray{background:#d2d6de !important}.bgs-navy{background:#001f3f !important}.bgs-teal{background:#background !important}.bgs-olive{background:#3d9970 !important}.bgs-lime{background:#01ff70 !important}.bgs-orange{background:#ff851b !important}
.errorbox .card-header{
    background: transparent;
    color: #dd4b39;
}
.errorbox .card-header h1,.errorbox .card-header h2,.errorbox .card-header h3,.errorbox .card-header h4, .errorbox .card-header h5{color: #dd4b39 !important;}
.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bsloader {
    margin-left: 50%;
}

.of-container {
    display: flex;
    align-items: center;
    color: #1e1e24 !important;
    background-color: #e9ecf0;
    border-radius: 100vw;
}
.of-list-container {
    display: flex;
    align-items: center;
    color: #1e1e24;
    background-color: #e9ecf0;
    border-radius: 50vw;
}
.ma-result-Voluntary {
    color: #fff !important;
    background-color: green;
}
.ma-result-Mandatory {
    color: #fff !important;
    background-color: green;
}
.ma-result-Not {
    color: #fff !important;
    background-color: red;
}
.ma-result-Mercedes {
    color: #fff !important;
    background-color: red;
}
.ma-result-Broad {
    color: #fff !important;
    background-color: orange;
}
.ma-result-Error {
    color: #fff !important;
    background-color: red;
}
.ma-diff {
    color: #fff !important;
    background-color: red;
    padding: 5px;
}
.ma-ok {
    color: #fff !important;
    background-color: green;
    padding: 5px;
}
.of-result-clear {
    color: #fff !important;
    background-color: #088732;
}
.of-result-clear .of-iconContainer {
    background-color: #12b347;
}
.of-result-clear .of-list-iconContainer {
    background-color: #12b347;
}
.of-result-consider {
    color: #fff !important;
    background-color: #c46b04;
}
.of-result-consider .of-iconContainer {
    background-color: #e38519;
}
.of-result-consider .of-list-iconContainer {
    background-color: #e38519;
}
.of-reportBadge {
    margin: auto;
    max-width: 50%;
}
.of-list-reportBadge {
    max-width: 50%;
}
.of-iconContainer {
    display: flex;
    align-items: center;
    margin-right: -12px;
    padding: 8px;
    background-color: #d5dae0;
    border-radius: 100vw;
}
.of-list-iconContainer {
    display: flex;
    align-items: center;
    margin-right: -4px;
    padding: 2px;
    background-color: #d5dae0;
    border-radius: 100vw;
}

.css-1rv58wz {
    background-color: currentcolor;
    position: relative;
    height: 24px;
    width: 24px;
    -webkit-mask: url(/img/of-check.svg) 0% 0% / 100% no-repeat;
}
.css-34hmpp {
    background-color: currentcolor;
    position: relative;
    height: 24px;
    width: 24px;
    -webkit-mask: url(/img/of-minus.svg) 0% 0% / 100% no-repeat;
}
.css-list-1rv58wz {
    background-color: currentcolor;
    position: relative;
    height: 14px;
    width: 14px;
    -webkit-mask: url(/img/of-check.svg) 0% 0% / 100% no-repeat;
}
.css-list-34hmpp {
    background-color: currentcolor;
    position: relative;
    height: 14px;
    width: 14px;
    -webkit-mask: url(/img/of-minus.svg) 0% 0% / 100% no-repeat;
}

.of-textContainer {
    flex: 1;
    padding: 8px 32px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.of-list-textContainer {
    flex: 1;
    padding: 2px 10px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
}
.popover-title {
    color: black;
}
.popover {
    color: black;
    /*width: 1000px;*/
    max-width: none;
    white-space: pre-wrap;
}
.popover-content {
    height: 200px;
    overflow-y: scroll;
}

tfoot {
    display: table-header-group;
}

tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

.tcenter {
    text-align: center;
}

.narrow-row>tbody>tr>td {
    padding: 3px;
    line-height: 1.1;
}

.dataTables_processing {
    z-index: 11000 !important;
}

#overlay {
    background: #ffffff;
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
    opacity: .80;
}
.spinner {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid firebrick;
    border-right-color: transparent;
    border-radius: 50%;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    font-size: 18px !important;
}

.mailbox-attachments {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mailbox-attachments li {
    float: left;
    width: 120px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    margin-right: 10px;
}
.mailbox-attachment-name {
    font-weight: bold;
    color: #666;
}
.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
    display: block;
}
.mailbox-attachment-info {
    min-height: 100px;
    padding: 10px;
    background: #f4f4f4;
    text-align: center;
}
.mailbox-attachment-size {
    color: #999;
    font-size: 12px;
}
.mailbox-attachment-icon {
    text-align: center;
    font-size: 45px;
    color: #666;
}
.mailbox-attachment-icon.has-img {
    padding: 0;
}
.mailbox-attachment-icon.has-img > img {
    max-width: 100%;
    height: auto;
}