/*

Custom Stylesheet for Registration page For Doccharge. 

*/

body{
	font-family: 'Roboto', sans-serif;
	color: #3d3d3d;
	font-size: 18px;
	overflow-x: hidden;
	background: #fff !important;
}

/*New Code*/

/* Universal Code*/

.form-group{margin:0;}

.text-white{color: #fff !important;}

.pt-4, .py-4 {
    padding-top: 1.5rem!important;
}
.mt-4, .my-4 {
    margin-top: 1.5rem!important;
}

.mt-5, .my-5 {
    margin-top: 3rem!important;
}

.pt-3, .py-3 {
    padding-top: 1rem!important;
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem!important;
}
.pt-2, .py-2 {
    padding-top: .5rem!important;
}

.pb-3, .py-3 {
    padding-bottom: 1rem!important;
}

.font-weight-em{
	font-size: 18px;
}

.pt-3, .py-3 {
    padding-top: 1rem!important;
}

/*Vertical Align*/

.jumbotron.vertical-center {
  margin-bottom: 0; /* Remove the default bottom margin of .jumbotron */
}


.vertical-center {
  min-height: 100%;  /* Fallback for vh unit */
  height: 58vh;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-box-align : center;
  -webkit-align-items : center;
  -moz-box-align : center;
  -ms-flex-align : center;
  align-items : center;
  -webkit-box-pack : center;
  -moz-box-pack : center;
  -ms-flex-pack : center;
  -webkit-justify-content : center;
  justify-content : center;
}

.container .jumbotron, .container-fluid .jumbotron{
	padding-left: 0px; 
    padding-right: 0px;
}

.para-res{text-align: center; margin:0 auto; float: none;}

.footer-copyright{height: 75px}


/*Universal Code*/

/* Logo & Navigation */

h1{
	font-size: 3rem;
}

.navbar-default{
	border: none;
}

.navbar{
	height: 100%;
	margin: 0;
	z-index: 99;
}

.navbar-brand{
	height: auto;
}

.doc_logo{
	width: 180px;
	height: auto;
}

.button_left{
	background: #0e92c1;
	color: #fff;
	border-radius: 40px 0 0 40px;
	border-right: 1px solid #fff;
	padding: 8px 38px !important;
}

.button_right{
	background: #0e92c1;
	color: #fff;
	border-radius: 0 40px 40px 0;
	border-left: 1px solid #fff;
	
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text{
	color: #fff;
	font-size: 16px;

}

.navbar-right{margin:0; margin-top: 38px; margin-right: 56px;}

.navbar-nav>li>a{
	padding:  8px 28px;
}

/* End Logo & Navigation */

sup.text-danger{
	color: #fff;
	padding-left: 5px;
}

.form-horizontal .form-group{
	margin: 0;
}

/*End New Code*/

.btn-white{
	background: #fff;
	color: #3d3d3d;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 600;
    padding: 6px 35px;
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.checkbox label, .radio label {
    min-height: 46px;
    padding-left: 12px;
}

.checkbox input[type=checkbox]{
	margin-top: 14px;
	margin-top: 9px;
    margin-left: -12px;
}

.btn-link:focus, .btn-link:hover{
	color: #fff;
}

.para-res h2{
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 33px;
    font-weight: 700;
}

.respo-left{
	width: 768px; 
	position: relative; 
	top: 110px;
}


 	li.valid {
      color: #1fd34a;
    }

    li.valid:before{
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    padding-right: 5px;
    }

    ul.helper-text{
   	margin: 0;
    background: #000;
    display: none;
    position: absolute;
    top: -94px;
    color: #fff;
    z-index: 999;
    padding: 10px 0;
    left: 16px;
    border-radius: 5px;
    }

   .password_validator:hover + .helper-text{display: block !important}

    ul.helper-text li{
    list-style: none;
    text-align: left;
    padding: 0 17px;
    margin: 0;
    font-size: 12px;
    }



/*Up-right pointing*/

.triangle-up-right {
    width: 57%;
	height: 0;
	border-top: 100px solid #c6123c;
	border-left: 60px solid transparent;
	margin-left: 20%;
}

.triangle-up-right-thanks{
	border-top: 100px solid #c6123c;
	border-left: 0px solid transparent;
	width: 100%;
	height: 0;
}

.red_stripe{
	background: #c6123c;
    position: absolute;
    width: 50%;
    height: 100px;
    z-index: -9;
    right: 0;
}

.doc_bg{
	background: red;
    position: relative;
    padding: 22px;
}

.doc-margin{
	margin-left: auto;
    margin-right: 0;
}

.doc_tool{
	color: #fff;
	cursor: pointer;
	padding-left: 10px;
}

a#triggerinvite, a#triggerpractice{
	color: #fff;
    font-size: 15px;
    border: 1px solid #fff;
    padding: 4px 12px;
    margin-top: 15px;
    border-radius: 4px;
}

.font-weight-normal{font-size: 15px;}


label{
	color: #fff;
	color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 0px;
	padding-top: 18px;
}

label span{
	color: #fff;
}

.tooltip{font-size: 12px;}

#errors pre{
	color: #fff;
}

/*Login*/

.jumbotron {
    background: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

strong{
	font-weight: 900;
}

/*End Login*/

.bg-reponsive{
	width: 780px;
    z-index: -99;
    left: -35px;
}

.force_title{
	font-size: 45px;
    margin-top: -77px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-align: center;
}

.force_title_login{
	margin-top: -80px;
    font-family: 'Roboto Condensed', sans-serif;
}

.tforce{
	margin-top: -75px;
    margin-left: 116px;
    font-family: 'Roboto Condensed', sans-serif;
}

.tcenter{
	margin-top: 7%;
    margin-bottom: 5%;
}

.doc_back{
	background: url(../images/1.png);
    background-origin: border-box;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 0;
    margin: 0;
    padding: 0;
}


p.terms_condition{
	color: #fff;
	text-align: left;
	font-weight: 700;
	font-size: 12px;
}

.doc_pass{
	list-style: none;
    padding: 0 0 0 6px;
    font-size: 12px;
    line-height: 15px;
}

/*form styles*/

.stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.stepwizard-row {
    display: block;
    float: right;
    position: relative;
    bottom: 31px;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#3d3d3d;
}

.stepwizard-step {
   display: inline-block;
}

.btn-success{
	background: #c7123d !important;
    color: #fff !important;
    border: 2px solid #c7123d !important;
}

.btn-circle {
    width: 28px;
    height: 28px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 13px;
    border-radius: 15px;
    background: #fff;
    color: #3d3d3d;
    border: 2px solid #fff;

}

.form_bg{
	background: #0e92c1;
	border-radius: 7px;
	padding-bottom: 1rem;
	padding-top: 1rem;
	padding-left: 5px;
    padding-right: 5px;
}

.page-footer{
	background: #0e92c1;
}

.app_button{
	width: 145px;
	height: auto;
}

.app_button2{
	width: 171px;
	height: auto;
}

@media (min-width: 1920px) {

.respo-left{
		 left: -200px;
	}
}

@media (min-width: 1601px) and (max-width: 1919px){
	.respo-left{
		 left: -21%;
	}
}

@media (min-width: 1367px) and (max-width: 1600px){

	.respo-left{
		 left: -18%;
	}

	.offset-md-3 {
    margin-left: 25%;
	}

}

@media (min-width: 1200px) and (max-width: 1366px){
.respo-left{
		 left: -23%;
	}

	.offset-md-3 {
    margin-left: 25%;
	}

	.doc-margin{
		margin-left: 26%;
	}
}

@media (min-width: 992px) and (max-width: 1199px){

	.respo-left{
		 left: -26%;
	}

	.col-offset-md-3 {
    margin-left: 25% !important;
	}

	.force_title{
		margin-left: 18%;
	}

	.col-md-10 {
    width: 66.333333%;
	}

}

@media (min-width: 769px) and (max-width: 992px){

	.respo-left{
		 left: -36%;
	}

	.triangle-up-right h1{
		font-size: 35px;
		text-align: center !important;
	}

	h2.responsive-title{
		font-size: 25px;
	}

	.force_title{
	margin-top: -71px;
	margin-left: 0;
	}
	.offset-md-3 {
    margin-left: 18%;
	}

	.para-res p{
	width: 385px;
    margin: 5px auto;
	}

}

@media (max-width: 768px){ 

	.centered{margin: 0 auto; text-align: center;}
	.navbar-brand {float: none;}
	.doc_logo{margin:0 auto; text-align: center;}
	.nav>li{display: inline-block; margin-right: -5px;}
	.navbar-right{margin-top: 0; text-align: center; margin-right: 0; padding-bottom: 1.5rem!important;}
	.form_bg{ padding-bottom: 0; padding-top: 0;}
	.app_button{width: 136px;}
	.app_button2 {width: 166px;}
	.foo_button a{padding: 3px;}
	.respo-left{display: none}
	.triangle-up-right{border-left: 0; margin-left: 0;}
	.triangle-up-right h1{font-size: 25px; text-align: center !important;}
	.force_title{margin-top: -65px;}
	h2.responsive-title{font-size: 25px;}
	.jumbotron {height: 50vh; background: #fff;}
	.tforce {margin-top: -66px; margin-left: 0;}
	.triangle-up-right {width: 100%;}
	.btn-white{margin: 23px auto;}
	.stepwizard-row {display: table; float: right; position: relative; bottom: 0; right: 8px}
	.stepwizard-step{display: table-cell; width: 0;}
	.stepwizard-step p{position: relative; right: 15px;}


}



/**********CUSTOM CHECKBOX*********************/
.alex_custom_checkbox_label{
top:-3px;
}
/* Base for label styling */
.alex_custom_checkbox_checkbox:not(:checked),
.alex_custom_checkbox_checkbox:checked {
  position: absolute;
  left: -9999px;
}
.alex_custom_checkbox_checkbox:not(:checked) + .alex_custom_checkbox_label,
.alex_custom_checkbox_checkbox:checked + .alex_custom_checkbox_label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
.alex_custom_checkbox_checkbox:not(:checked) + .alex_custom_checkbox_label:before,
.alex_custom_checkbox_checkbox:checked + .alex_custom_checkbox_label:before {
  content: '';
  position: absolute;
  left: 0; top: 9px;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.alex_custom_checkbox_checkbox:not(:checked) + .alex_custom_checkbox_label:after,
.alex_custom_checkbox_checkbox:checked + .alex_custom_checkbox_label:after {
  content: '✔';
  position: absolute;
  top: 9px;
  left: 0.155em;
  font-size: 1.4em;
  line-height: 0.8;
  color: #2579a9;
  transition: all .2s;
  font-family: Helvetica, Arial, sans-serif;
}
/* checked mark aspect changes */
.alex_custom_checkbox_checkbox:not(:checked) + .alex_custom_checkbox_label:after {
  opacity: 0;
  transform: scale(0);
}
.alex_custom_checkbox_checkbox:checked + .alex_custom_checkbox_label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.alex_custom_checkbox_checkbox:disabled:not(:checked) + .alex_custom_checkbox_label:before,
.alex_custom_checkbox_checkbox:disabled:checked + .alex_custom_checkbox_label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.alex_custom_checkbox_checkbox:disabled:checked + .alex_custom_checkbox_label:after {
  color: #999;
}
.alex_custom_checkbox_checkbox:disabled + .alex_custom_checkbox_label {
  color: #aaa;
}
/* accessibility */
.alex_custom_checkbox_checkbox:checked:focus + .alex_custom_checkbox_label:before,
.alex_custom_checkbox_checkbox:not(:checked):focus + .alex_custom_checkbox_label:before {
  border: 2px solid #2579a9;
}

/* hover style just for information */
.alex_custom_checkbox_label:hover:before {
  border: 2px solid #4778d9!important;
}

.nav-register{
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav-register li{
    display: inline-block;
}
.nav-register li a{
    padding: 8px 38px !important;
}
.nav-register li a.active, 
.nav-register li a.active:link, 
.nav-register li a.active:hover, 
.nav-register li a.active:visited, 
.nav-register li a.active:active, 
.nav-register li a:not(.active2):hover{
    background-color: #fff !important;
    color: #333;
}

.nav-register li a.active2{
	background: #0e92c1;
    color: #fff;
	box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
	border-color: none;
}
.nav-register li a.active2:hover{
	background: #0e92c1;
    color: #fff;
	box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}
.nav-register li a.active2:not(.button_right):hover{
	border-right: 1px solid #fff;
}
.nav-register li a.active2.button_right:hover{
	border-color: #2a88bd !important;
	border-left: 1px solid #fff  !important;
}
.nav-register li a.inactive2{
	background-color: #fff;
    color: #333;
	border-color: #1f648b;
}
.nav-register li a.inactive2:hover{
	background: #0e92c1 !important;
    color: #fff  !important;
	box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}
.nav-register li a.inactive2:not(.button_left):hover{
	border-left: 1px solid #fff;
}

/*hide debugbar*/
.phpdebugbar{
	display: none !important;
}