body {  color: #666; font-family: "Oxygen", sans-serif; font-size: 14px; line-height: 20px; border-top: 8px solid ;}

p { line-height: 20px; }

/* HEADING */
h1, h2, h3, h4, h5, h6 { color: ; font-weight: bold; font-family: Arial, Verdana, sans-serif;}

h5 { font-size: 18px; }

h1.default, h1.default, h3.default, h4.default, h5.default, h6.default { color: #666; }

.highlight { color: #f47b20; }
.highlight-heading { color: #f47b20; font-weight: bold; font-size: 18px; }
.highlight-red { color: #DC1A22 }
.text-processing { font-weight: bold; color: ; }

/* CSS-BUTTON */
.btn-primary	{ background-color: ; color: ;}
button.secondary{ background-color: ; color: ; }
button.tertiary	{ background-color: ; color: ; }

button.white{ background-color: white; 	color:  !important; }
button.call-to-action:hover { color: ; !important; background-color: white;  }
button .fa-lock { color:white !important; }

button.ghost:hover span { color:  !important; }
button.rounded-ends i {  margin: 0 0 0 7px;  }

/* COLORS */
.color-primary, .text-color-primary span{ color:  !important;}
.color-secondary { color: ; }
.color-tertiary { color:  !important; }
.color-white{ color: #FFFFFF; }

/* TEXT */
.small-font { font-size: 12px; }
.medium-font { font-size: 16px; }
.large-font { font-size: 20px; }

.text-align-center { text-align: center; }

/* UL & LI */
a:link, a:visited { color: ; text-decoration: none; }

/* HEADING */
.page-title { margin: 0px 0px 20px 0px; font-size: 18px; font-variant:small-caps; color: ; }
.page-title-img { margin: 0px 0px 15px 0px; }

/* PAGE */
#page {  }

/* HEADER */
#header {  height: 120px; border-bottom: 3px solid #adadad;  ;}

/* FOOTER */
#footer {   background-color: ; color: #fff; padding-top: 12px; clear: both; position: relative; height: auto; overflow: visible;}
#footer .footer-links ul {padding-left: 0;}
#footer .footer-links li { margin: 0; padding: 0; list-style: none; display: inline; font-size: 11px; padding-left: 0;}
#footer .footer-links li a { font-size: 12px; text-decoration: none; color: #FFFFFF; }
#footer .copyrights { float: right; font-size: 11px;}

/* COLUMN RIGHT */
#column-right {  }

/* COLUMN MIDDLE */
#column-middle {  }
#column-middle p { text-align:justify;}

/* WRAPPER */
.wrapper { padding: 10px 20px 0 20px; margin: 0;   margin: auto; overflow: hidden; }
#content-wrapper {height: 520px; background: url(/templates/login/images/_common/img_login_33.jpg); background-repeat: no-repeat; background-size: 100% auto;}
#content-wrapper { ; }
#cbx-wrapper { margin: 0 auto; padding: 8px; }


.logo{margin-top: 3px;overflow: hidden;max-height: 110px;}

.login-box{padding: 0 20px 10px 20px; border: 1px solid #eaeaea; border-radius: 10px; box-shadow: -3px 10px 9px -3px #d6d6d6; background: #fff; margin: 20px auto;min-width: 320px;}
input{margin-bottom: 10px;}
@media(max-width:767px){
.login-box{margin-top: 70px; width: 100%;}
#footer .copyrights { text-align: center; font-size: 11px; float: none;}
.footer-links ul{text-align: center;}
#content-wrapper {height: auto;}
}
#closeErrorBox{cursor: pointer; text-align: right;}

.phone-number .col-xs-3::after{content: "-"; position:absolute; right: 5px; color: black; border: 0px solid; top: 5px;}
.phone-number .col-xs-3{ width:30%;}
.phone-number .col-xs-4{ width:40%;	padding-right: 0;}
.phone-number .col-xs-3, .phone-number .col-xs-4{ padding-left:0;}

.form-hint {
    background-color: #EEE9E9;
    border: 1px solid #666666;
	border-radius: 5px;
    font-size: 11px;
    height: auto;
    padding: 10px;
}

	.loader {
	z-index: 1;
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 200px auto;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid ;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
		
.required{color: #e82525;}
		
body { padding-right: 0 !important }
		
.modal {color: #3c3c3c;}
.modal #closeModal{position: fixed;opacity: 0.7;z-index: 99999;right: 15px; top: 10px;}
.modal .modal-content{max-height: 835px; overflow-y: auto;}
modal.modal({ show:true, backdrop: false });