@font-face {
    font-family: CorisandeBold;
    src: url(corisandeFont/CorisandeLight.ttf);
}
body {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-family: CorisandeBold !important;
}
#ingresar{
/* 	background-color: #00131D26 !important; */
    border: none;
    border-radius: 8px !important;
    color: #00131DCC;
    font-size: 14px;
}
#ingresar:hover{
	background-color:#072776 !important;
	color:white;
}

/* ELEMENTS */
select,input,textarea {
	font-family: CorisandeBold;
	font-size: 12px;
	color: #484848;
	border-radius: 10px !important;
}

fieldset {
	padding-top: 10px;
	width: 30%;
	border: none;
}

.required {
	color: #8DBE22;
	font-weight: bold;
}

.form {
	width: 100%;
	left: 0px;
	margin-bottom: 5px;
}

.form tr {
	height: 25px;
}

.form label {
	width: 100%;
}

.form input,.form textarea,.form select,.form input[type=file] {
	border: 1px solid #bfbfbf;
	width: 30%;
}

.form input,.form textarea,.form select,.form input[type=file] .value {
	border: 1px solid #bfbfbf;
	width: 85%;
}

select {
	background: #f5f5f5;
}

.form .property {
	width: 30%;
}

.form .value {
	width: 70%;
}

.form_button {
	text-align: right;
	margin-right: 0px;
	width: 117px;
	align: right;
	right: 0
}

.spinner {
	width: 83px;
	text-align: right;
	padding-bottom: 5px
}

.form_button input[type="submit"],.form_button button,.form_button input[type="button"] {
	color: white;
	font-size: 12px;
	font-weight: bold;
	margin-right: 0px;
	padding: 5px 15px;
	width: 117px;
	height: 31px;
	background: url(../images/sign_up.png) no-repeat 0 0;
	background-color: none;
	border: none;
}

.btnStandard{
	background-color:#00131D26 !important;
	border:none !important;
	border-radius:8px !important;
	color:#00131DCC !important;
	font-size:14px !important;
}
		
.btnStandard:hover{
	background-color:#1B9CD9 !important;
	color:white !important;
}

.form_button input[type="submit"]:hover,.form_button button:hover,.form_button input[type="button"]:hover {
	background: url(../images/sign_up_hover.png) no-repeat 0 0;
}

#buttons {
	margin-top: 10px;
}

.search_buttons {
	margin-left: 10px;
}

input[type=submit],button,input[type=button] {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F5F5F5 !important;
	border: 1px solid #bfbfbf;
	color: #4d4d4d;
	font-weight: bold;
	margin-right: 5px;
	font-size: 11px;
}

button:hover,input[type=submit]:hover,input[type=submit]:focus,input[type=button]:hover {
	cursor: pointer;
}

button:focus,input[type=submit]:focus,input[type=submit]:focus,input[type=button]:focus {
	cursor: pointer;
}

input,select,textarea {
	border: 1px solid #c3c3c4;
	margin: 2px 0;
	padding: 2px 4px;
	background: white;
	margin-bottom: 10px;
}

textarea {
	width: 250px;
	height: 150px;
	vertical-align: top;
}

input:focus,select:focus,textarea:focus {
	border: 1px solid #bfeafa;
}

input {
	margin-bottom: 10px;
}

.sign_up input[type=text],.sign_up input[type=password],.sign_up select {
	height: 30px;
	width: 200px;
}

.login_button input[type="submit"],.login_button button,.login_button input[type="button"] {
	margin-right: 0px;
	padding: 0px;
	display: block;
	width: 19px;
	height: 18px;
	background: url(../images/ok.png) no-repeat 0 0;
	background-position: top !important;
	background-color: none;
	border: none;
	margin-top: 4px;
}

.login_button input[type="submit"]:hover,.login_button button:hover,.login_button input[type="button"]:hover {
	margin-right: 0px;
	display: block;
	width: 19px;
	height: 18px;
	background-position: bottom !important;
}

.spinner {
	width: 83px;
	text-align: right;
	padding-bottom: 5px
}

.float_right {
	float: right;
}

.message {
	background: url("../images/skin/information.png") no-repeat scroll 8px
		50% #F0F7E8;
	border: 1px solid #CEE7B3;
	color: #6CAA28;
	margin: 10px 0 5px;
	padding: 5px 5px 5px 30px;
}

.errors {
	background: url("../images/skin/exclamation.png") no-repeat scroll 8px
		50% #FFEBE8;
	border: 1px solid #E1A0A0;
	margin: 0px 0px 5px;
	padding: 5px 5px 5px 30px;
	font-weight: bold;
}

.login_message {
	color: #6caa28;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

/* ELEMENTS */
.header {
	background: transparent;
	padding: 5px;
    color: #4D4D4D;
    left: 0;
    position: fixed;
/*     right: 0; */
}

.header_wrapper {
	width: 980px;
	margin: 0 auto;
}

#logo {
	float: left;
	margin-left: 22px;
	margin-right: 30px;
	left: 0px;
	width: 133px;
	height: 63px;
	background: url(../images/independent/logo.png) no-repeat 0 0;
	background-size: 132px 60px;
}

.logo {
	float: left;
	margin-left: 22px;
	margin-right: 30px;
	left: 0px;
	width: 133px;
	height: 63px;
	background: url(../images/independent/logo.png) no-repeat 0 0;
	background-size: 132px 60px;
}

#logoCast {
	float: left;
	margin-left: 22px;
	margin-right: 30px;
	left: 0px;
	width: 133px;
	height: 63px;
	background: url(../images/cast_mzate/logo.png) no-repeat 0 0;
	background-size: 132px 60px;
}

.logoCast {
	float: left;
	margin-left: 22px;
	margin-right: 30px;
	left: 0px;
	width: 133px;
	height: 63px;
	background: url(../images/cast_mzate/logo.png) no-repeat 0 0;
	background-size: 132px 60px;
}

#partnerlogo {
	float: right;
	width: 193px;
	height: 58px;
	background: url(../images/partner/partnerlogo.png) no-repeat 0 0;
	margin-top: 3px;
}

.login_area {
	right: 0px;
	height: 58px;
	float: right;
	padding-top: 3px;
	align-text: right;
}

.content_left_centered {
	width: 77%;
	float: left;
	padding-left: 27%;
	text-align: center;
	height: 100%
}



.content_left {
	width: 50%;
/* 	float: left; */
	height: 70%;
	min-height: 500px !important;
	min-width: 50%;
	max-height: 80%;
}

.content_right {
	width: 50%;
/* 	float: right; */
	height: 70%;
	min-height: 500px !important;
	min-width: 50%;
	max-height: 80%;
	
}

.content_center table,.content_center input[type='text'],.content_center select {
	width: 100%;
}

.footer_wrapper {
	background: transparent !important;
}

.footer {
	padding: 5px;
	background: none repeat scroll 0 0 #EFEFEF;
	bottom: 0;
	color: #4D4D4D;
	left: 0;
	position: fixed;
	right: 0;
}

.footer_content {
	text-align: center;
	bottom: 0;
}

.title {
	margin: 10px;
	font-weight: bold;
	margin-left: 0px;
	color: #277491;
	font-size: 14px;
	padding-left: 1px;
	margin-bottom: 15px;
}

.titleAccount{
	color:#8DBE22;
	margin: 10px;
	font-weight: bold;
	margin-left: 0px;
	font-size: 20px;
	margin-bottom: 15px;
}

.accountLabel{
	color:#767676;
	margin-bottom: 0px;
	width: 100%;
}

.titleColorBlack{
	color:#333
}

#tab_controls {
	bottom: 40px;
	left: 0;
	overflow: auto;
	right: 0;
	top: 0;
	max-height: 72%;
}

.birthDate_day {
	width: 55px !important;
}

.birthDate_month {
	width: 80px !important;
}

.birthDate_year {
	width: 59px !important;
}

.forgot_your_pass {
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}

.forgot_your_pass p:hover {
	color: #8B8B8B;
	cursor: pointer;
}

.forgot_your_pass a,label {
	color: silver;
	text-decoration: none;
}

.small_title {
	font-size: 10px;
	color: #277491;
	font-weight: bold;
}

#user {
	float: right;
    color: #8b8b8b;
}

@media (max-width:1024px){
	#user {
		right: 0px;
		position: absolute;
	}
}

#user div {
	text-align: center;
	display: inline-block;
	margin-right: 14px;
}

#user #user_name {
	margin-top: 0px;
}

#logout {
	margin-top: 15px;
	height: 25px;
	width: 20px;
}

#logout a:hover {
/* 	background-position: bottom !important; */
	color:#85c440
}

#logIn_header {
	float: right;
	width: 160px;
	height: 50px;
	margin-top: 5px;
	background-color: #CEE7B3;
	color: #6CAA28;
	border: none;
	cursor: pointer;
	font-size: large;
	text-align: center;
	padding-top: 16px;
}

#logIn:hover {
	opacity: 0.8;
}

.markable {
	float: left;
	font-weight: bold;
	color: #797979;
	font-size: 12px;
	text-align: left;
}

.markable:hover {
	background-color: #8DBF2673;
}

div .markable.selected {
	background-color: #8DBF2673;
}

.parentDepend {
	background-color: #D6D6D6;
}

.parentDepend:hover {
	background-color: #1B9CD94D;
}

#createButton {
	height: 40px;
	margin: 5px;
	cursor: pointer;
	text-align: center;
	background-color: #8DBE22 !important;
	border: 1px solid #8DBE22;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	font-size:14px;
	min-width: 90px;
	max-width: 90px;
}

#createButton:hover {
	background-color: #01afef !important;
}

#cancelButton {
	height: 40px;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid #8DBE22;
	border-radius: 3px;
	color: #484848;
	font-weight: bold;
	font-size:14px;
	min-width: 90px;
	max-width: 90px;
}

#cancelButton:hover {
	background-color: #01afef !important;
}

.contentCreateCenter {
	width: 50%;
	margin: 0 auto;
}

.selectableUser {
	background-color: #3CA1C7;
	cursor: pointer;
}

div.usersDivForModules div.selectableUser.userSelected {
	background-color: #1B9CD9;
	border-radius: 10px;
	height: auto;
	padding: 1px;
}

div.usersDivForModules div.selectableUser div.inlineUserDiv {
	display: inline-block;
	margin: 5px;
	font-size: 12px;
}

div.usersDivForModules div.selectableUser div.inlineUserDiv img:hover {
	opacity: 0.8;
}

div.usersDivForModules div.selectableUser {
	background-color: #CDCCD2;
	overflow: auto;
	height: auto;
	width: 98%;
	margin: 1%;
	cursor: pointer;
}

div.usersDivForModules div.selectableUser div.inlineUserDiv label {
	color: white;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}

label.totalRed {
	color: #578FA4
}

div.usersDivForModules div.selectableUser div.modulesUserDiv {
	padding: 5px 15px 1px 15px;
	margin: 0px 5px 5px 5px;
	background-color: #8DBF26;
	border-radius: 2px;
	cursor: pointer;
	font-size: 12px;
}

div.usersDivForModules div.selectableUser div.modulesUserDiv div {
	margin: 0px 10px 10px 10px;
	color:white;
	font-size: 15px;
}

div.usersDivForModules div.userSelected div.modulesUserDiv {
	background-color: #83B127;
	border-radius: 10px;
}

ul.creationDetailUl {
	width: 35%;
	margin-top: -15px;
	margin-left: 37%;
}

li.creationDetail {
	text-align: center;
	display: inline-block;
	position: relative;
	margin-right: 47px;
}

.modulePriceTitle {
	color: #2c3e50;
}

.modulePriceSubTitle {
	font-weight: 500;
	color: #FFF;
}

.price {
	text-align: center;
	margin-top: 10px;
	font-size: 17px;
}

.displayNone {
	display: none !important;
}

.titleOfPrice {
	width: 106%;
	height: 30%;
	margin-left: -5px;
	margin-top: -10px;
	background: #16a085;
	border-bottom: 10px solid #14937a;
	color: #ffff;
	line-height: 20px;
	padding-top: 10px;
	text-align: center;
}

.boxContent {
	font-weight: lighter;
	margin: 12px 4px 0 2px;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	padding-top: 5px;
	min-height: 150px;
}

.boxLower {
	border: 1px solid #14937a;
	width: 100%;
	padding-left: 10px;
	background: white;
    font-size: 12px;
    color: #484848;
}

.waitMessage {
	font-size: 16px;
	color: #277491;
	padding: 10px 10 10 10;
	text-align: center
}

.login-title {
	color: #072776;
	font-weight: bold;
	font-size: 20px;
}

.login-title-div {
	text-align: center;
	vertical-align: super;
	padding-bottom: 0px;
}

.content_bottom {
	position: inherit;
    top: -35px;
    text-align: -webkit-center;
}

#createCompany {
	background-color: #8DBE22;
	color: white;
	font-size: large;
	padding: 5px;
	border-radius: 20px;
	font-weight: bold;
}

#createCompany:hover {
	opacity: 0.8;
}

.progressBar {
	width: auto;
	font-weight: bold;
	border-radius: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.principalModule {
    width: 30%;
	cursor: pointer;
	text-align: center;
	color: white;
	font-weight: bold;
	line-height: 15px;
	font-size: 16px;
	font-family: CorisandeBold;
	margin-bottom: 5px;
    margin-top: 5px;
}

.principalDescription {
	background-color: #ffffff;
	overflow: auto;
	width: 98%;
	cursor: pointer;
	border: 1px solid #072776;
	border-bottom: 1px solid #072776;
	border-radius: 0 0 10px 10px;
	padding-left: 10px;
	margin: 1%;
	height: 70px;
	max-height: 50px;
	margin-top: 0px;
	margin-bottom: 2%;
	min-height: 70px;
}

.moduleComplement {
	display:none;
	cursor: pointer;
	text-align: center;
	color: white;
	font-weight: bold;
	line-height: 15px;
	font-size: 16px;
	font-family: CorisandeBold;
	margin-bottom: 5px;
    margin-top: 5px;
}

.descriptionComplement {
	overflow: auto;
	width: 89%;
	cursor: pointer;
	margin: 1%;
	margin-left: 10%;
	margin-top: 0px;
	margin-bottom: 3%;
	padding-left: 2%;
	height: 52px;
	min-height: 52px;
	max-height: 52px;
}

.insidePrincipalModule {
	background-color: #072776;
	border-radius: 10px;
	width: 100%;
	padding-top: 10px;
	height: 100%;
}

.insidePrincipalModuleActive {
	background-color: #8DBE22 !important;
}

.insidePrincipalDescription {
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding-top: 2%;
	color: #888;
	font-size: 13px;
}

.insideModuleComplement {
	width: 100%;
	padding-top: 10px;
	text-align: center;
	border-radius: 10px;
    background: #007bff;
    padding-bottom: 5px;
}

.classToHover label{
	display:none
}

.insideDescriptionComplement {
	width: 100%;
	padding-top: 2%;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
}

.moduleAvailable {
	background-color: #1B9CD9;
}

/*Agrega las clases a los botones de los dialogs*/
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
	height: 25px;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:last-child {
	background-color: transparent !important;
	cursor: pointer;
	border: 1px solid #8DBE22;
	border-radius: 3px;
	color: #484848;
	font-weight: bold;
	font-size: 12px;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:last-child:hover {
	background-color: #BFEAFA !important;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:not(:first-child):not(:last-child) {
	background-color: #46BDD0 !important;
	cursor: pointer;
	border: 1px solid #46BDD0;
	border-radius: 3px;
	color: #484848;
	font-weight: bold;
	text-transform: uppercase;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:not(:first-child ):not (:last-child ):hover {
	background-color: #BFEAFA !important;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:first-child {
	background-color: #8DBE22 !important;
	cursor: pointer;
	border: 1px solid #8DBE22;
	border-radius: 3px;
	color: #484848;
	font-weight: bold;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:first-child:hover {
	background-color: #BFEAFA !important;
}

.principal-hover {
	background-color: #b6ffff !important;
}

.complement-hover {
	background-color: #C9C9C9 !important;
}

.div-complement {
	float: right;
	background: white;
	height: 100%;
	width: 11%;
}

.div-principal {
	float: right;
	background: white;
	height: 100%;
	width: 10%;
}

.password-list-valid-content {
	width: 100%;
	float: left;
	border: 1px solid;
	border-color: lightgray;
	margin-left: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.password-title-valid {
	display: inline-block;
	width: 220px;
	margin-right: 5px;
}

.password-title-without-inline-block {
	width: 220px;
	margin-right: 5px;
}

.labelForModulePrice {
	float: right;
	margin-top: -4px;
	color: white;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 0px;
}

.passwordLabelColor {
	color: #545454
}

.resendLinkMessage{
	color: #6caa28;
	font-size: 12px;
	width: 85%;
	margin-bottom: 2px;
}

.input_search {
  margin: -3px;
  position: relative;

}
.searchButtonSeparator + .input_search{
	border-right: 1px solid silver;
}

.input_search i#search_icon {
  position: absolute;
  transition: 0.3s;
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  margin-left: 5px;
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.input_search i#search_icon>img {
  width: 20px;
  height: 19px;
  margin-top: 2px;
}

.input_search input {
  text-align: right;
  width: 82px;
  margin-top:1px;
}

.secondaryAction {
	background-color: #46BDD0 !important;
	cursor: pointer;
	border: 1px solid #46BDD0;
	border-radius: 3px;
	color: #484848;
	font-weight: bold;
}

.secondaryAction:hover {
	background-color: #BFEAFA !important;
}

.tooltip {
	padding-bottom: 1px;
	cursor: pointer;
}

#tt {
	z-index: 999999;
}

#tttop {
	height: 5px;
	margin-left: 5px;
	overflow: hidden;
}

#ttcont {
	margin-left: 5px;
	display: inline-block;
	color: #6c6c6c;
	border: 1px solid #b9b9b9;
	padding: 0.3em 1em;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.1);
}

#ttcont.info {
	background: #f5f5f5;
}

#ttcont.info img {
	vertical-align: middle;
	margin-right: 5px;
}

#ttcont.error {
	background: #FFEBE8;
	border-color: #ee5858;
}

#ttcont.error img {
	vertical-align: middle;
	margin-right: 5px;
}

#ttcont.warning {
	background: #FFFBE6;
	border-color: #c6af2f;
}

#ttcont.warning img {
	vertical-align: middle;
	margin-right: 5px;
}
#ttcont.warningRed{
	background: red;
	border-color: red;
}

#ttbot {
	height: 5px;
	margin-left: 5px;
	overflow: hidden;
}

.sombra {
	text-shadow: 0.1em 0.1em 0.1em silver;
	-moz-text-shadow: 0.1em 0.1em silver;
}

/*Todos los que usan display block*/
#tt,#tttop,#ttbot {
	display: block;
}

#footer, #tt{
    position: absolute;
}

input[type=submit], button, input[type=button] {
	padding: 5px 15px 6px 15px;
	border: 1px solid #bfbfbf;
	color: #4d4d4d;
	margin-right: 5px;
	font-size: 12px;
	border-radius:3px;
}

.container {
	background: url(../images/independent/flechas.png) no-repeat scroll center center transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.containerCast {
	background: url(../images/cast_mzate/flechas.png) no-repeat scroll center center transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.card {
	margin-top: auto;
	margin-bottom: auto;
	width: 250px;
	background-color: transparent !important;
	border: none !important;
}

.modalheaderBootstrap{
	background: #072776;
    border: 1px solid #072776;
    border-radius: 20px 20px 0 0 !important;
    color: /*#eaf5f7;*/ white;
    font-weight: bold;
    display: block !important;
}

.principalButtonModalBootstrap{
	background-color: #8DBE22 !important;
    cursor: pointer;
    border: 1px solid #8DBE22 !important;
    border-radius: 8px !important;
    color: #00131DCC !important;
    font-weight: bold;
}

.modalBackColor {
    background: #f0f7e8 !important;
}

.modalBottom-primary{
	background-color:#8DBF26 !important;
	border:none;
	border-radius:8px;
	color:#00131DCC;
	font-size:14px;
}

.modalBottom-primary:hover{
	background-color: #1B9CD9 !important;
}

.modalBottom-secondary{
    background-color: #1B9CD9 !important;
    cursor: pointer;
    border:none;
	border-radius:8px !important;
	color:#00131DCC !important;
	font-size:14px !important;
}

.modalBottom-secondary:hover{
	background-color: #1B9CD9 !important;
}

.modalBottom-default{
    border: 1px solid #acdd4a !important;
    background-color: transparent !important;
    font-weight: normal;
    color: #484848 !important;
    font-size: 14px;
}

.modalBottom-default:hover {
	background-color: #1B9CD9 !important;
}

.modalBorderTop {
	border-top: 1px solid #1B9CD9 !important
}

/* para la seccion de creacion de cuenta */
div > input, select {
	border-radius: 10px !important;
}

td > input, select{
	border-radius: 10px !important;
}

.header-sticky {
	position: sticky !important;
    top: 0px;
    z-index: 5;
}

#form_tab li {
	display: inline;
	cursor: pointer;
}

#form_tab li.active,#form_tab li.inactive {
	font-weight: bold;
}

#form_tab li.inactive {
	color: #8b8b8b;
}

ul#form_tab {
	padding-left:15px
}

#form_tab li.active {
    list-style: none;
    border-bottom: 2px solid #277491;
    margin: 20px 20px 20px 0px;
}

#form_tab li.inactive {
    list-style: none;
    border-bottom: 2px solid #bfeafa;
    margin: 20px 20px 20px 0px;
}

.pagesSelectModules{
	text-align: center;
}

.modulesContentSelect {
	border: 1px solid #072776;
    border-radius: 20px;
	padding: 10px;
	height: auto;
}

#modulesContent{
	padding-left: 0px;
    padding: 0px;
}

#register_header{
	height: 68px;
	width:100%;
	top:0px;
	left:0px;
	position:fixed;
	z-index: 5;
	background: white;
    padding: 5px;
    color: #4D4D4D;
    left: 0;
    position: fixed;
}

.register_content  {
	box-sizing: border-box;
	padding-top: 66px;
	padding-bottom: 50px;
	overflow: auto;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background: url(../images/independent/flechas.png) no-repeat scroll center center transparent;
	width: 100%;
	height: 100%
}
.register_contentCast{
	box-sizing: border-box;
	padding-top: 66px;
	padding-bottom: 50px;
	overflow: auto;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background: url(../images/cast_mzate/flechas.png) no-repeat scroll center center transparent;
	width: 100%;
	height: 100%
}
#validate_header{
	height: 68px;
	width:100%;
	top:0px;
	left:0px;
	position:fixed;
	z-index: 5;
	background: transparent;
}

#validate_content  {
	box-sizing: border-box;
	padding-top: 160px;
	padding-bottom: 50px;
	overflow: auto;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background: url(../images/independent/flechas.png) no-repeat scroll center center transparent;
	width: 100%;
	height: 100%
}

#validate_contentCast  {
	box-sizing: border-box;
	padding-top: 160px;
	padding-bottom: 50px;
	overflow: auto;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background: url(../images/cast_mzate/flechas.png) no-repeat scroll center center transparent;
	width: 100%;
	height: 100%
}

#register_footer {
	height: 50px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	position: fixed;
	text-align: center;
	background: white;
}

.body_register{
	margin: 0;
    height: 100%;
    min-height: 100%;
    position: relative;
}

.content_register_centered {
	text-align: center;
	margin-left: 25%;
	margin-right: 25%;
}

.content_validate_centered {
	text-align: center;
	margin-left: 35%;
	margin-right: 35%;
}

.creationSteps {
	font-size: 12px;
}

.creation_status{   
    height: 22px;
    width: 22px;
    background-color: #277491;
    border-radius: 50%;
   	color:white;
    display: inline-block;
    font-size: 11px;
}

.creation_status > span{
	display: block;
    margin: 4px auto;
}

.text_status > span{
	font-size: 11px;
}

.div_linear {
	height: 13px;
	width: 35%;
	border-bottom: 3px solid #277491;
}

div.active ~ .creationSteps > .creation_status{
	background-color: lightblue !important;
}

div.active ~ .div_linear{
	border-bottom: 3px solid lightblue !important;
}

div.create_users div.usersDivForModules {
	width: 100%;
	height: 408px;
	min-height: 408px;
	border-style: groove;
	border-width: 1px;
	border: 1px solid #0082B8;
	border-radius: 10px;
}

div.usersDivForModules {
	overflow: auto;
	display: inline-block;
}

@media (max-width: 978px){
	div.usersDivForModules{
		overflow: hidden;
		height: auto !important;
	}
	
	.create_users, .select_modules{
		margin-left: 8% !important;
		margin-right: 8% !important;
	}
	
	.subModulesRow{
		display: contents !important;
	}
	
	.content_register_centered,.content_validate_centered{
		margin-right: 0%;
		margin-left: 0%;
	}
}

.create_users, .select_modules{
	margin-left: 26%;
	margin-right: 26%;
}

@media (max-width: 1000px) {
	.status_sub_content{
	    padding-left: 10% !important;
	    padding-top: 15px;
	}	    
	
	.status_text_linear{
		width: 28% !important;
	}
}

@media (max-width: 978px){
	div.usersDivForModules{
		overflow: hidden;
		height: auto !important;
	}
	
	.row .subModulesRow{
		margin-left: 1%;
		padding-left: 0px !important;
	}
	
	.content_register_centered, .content_validate_centered{
		margin-right: 0%;
		margin-left: 0%;
	}
	
	.create_users:not(.displayNone){
		flex-direction: row;
		display: flex;
    	flex-wrap: wrap;		    
	}
	
	.divOrder_1 {
		order: 1;
	}
	
	.divOrder_2 {
		order: 2;
	}
	
	.boxLower{
		margin-top:35px;
	}
}

@media (max-width: 360px) {
	.status_text_linear{
		width: 0% !important;
	}
}

#userList {
	padding: 0px;
}

#userList li {
	display: inline;
    float: left;
}

.password-list-valid-content{
	text-align: left;
}

/* Apartir de aca son clases para burbujas */
.bubble_content{
 	max-width: 300px;
	position: absolute;
    left: 39%;
}

.bubble_content .bubble_comment{

	margin-bottom: 20px;
	    border-radius: 20px;
	        text-align: center;
	            background-color: #01afef;
	                    border: 1px solid #85c440;
	
}

.bubble_content .bubble_comment:hover{
	background-color: #85c440;

}

.bubble_content .bubble_comment p{
	margin: 0 0 10px 0;
	    margin-top: 4px;
	    color: #fff;
	        font-size: 1rem;
  		font-weight: bold;
}

.bubbleText{
	position: relative;
	background-color: #fff;
	padding: 2%;
	color: #222;
	border-radius: 3px;
	margin-left: 20px;
}


.bubbleText:after{
	border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 15px solid #01afef;
	top: -15px;
    margin-left: 117px;
    content: "";
    display: block;
    position: absolute;
	width: 0;
    height: 0;
}

@media screen and (min-width: 980px) and (max-width: 1307px),(max-width: 660px) {
	
	.bubble_content{

		margin-top: -10px;
	}
		
	.bubbleText:after{

		border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
	    border-bottom: 15px solid #01afef;
	    top: -15px;
	    margin-left: 117px;
	}
   
}

.policy-text{
	font-size: 12px;
}

.bold{
	font-weight: bold;
}

#welcomeVideoMin{
	position:absolute; 
	right: 10%;
	top: 20%;
	z-index: 10;
  	cursor: pointer;
}

#welcomeVideoMin i{
	color: #072776;
}


 .modalResizeTrue{
	position: fixed;
	z-index: 2000;
	bottom: 150px;
	resize: both;
    overflow: hidden;
    width: 600px;
    height: auto;
    bottom: auto;
}

.modalResizeFalse{
	position: fixed;
	z-index: 2000;
	bottom: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 600px;
    height: auto;
    bottom: auto;
}

.resizeDragDialogHeader{
	background:#072776;
	height:30px;
	border-radius: 20px 20px 0px 0px;
	border: 1px solid gray;
    border-bottom: none;
}

.resizeDragDialogHeader .close{
	margin: 3px;
    background: transparent !important;
    color: white;
}

.resizeDragDialogHeader p{
	display: inline-block;
    color: white;
    margin-left: 20px;
    font-weight: bold;
    margin-top: 5px;
}

.resizeDragDialogContent{
	padding: 10px;
    background: white;
    border-radius: 0px 0px 20px 20px;
    border: 1px solid gray;
}

#rowDiv{
	height: 100%;
	padding-top: 13%;
}
#welcomePage{
	position: fixed;
	top: 0;
    padding: 3%;
	z-index: 1000;
	background: rgba(0,0,0,0.4);
}
#welcomePage #j4ssYqPYToJBsHXn{
	font-family: YACgEQNAr7w-3;
}
.btnStandardPrimary{
	background-color:#05cc02 !important;
	border:none !important;
	border-radius:8px !important;
	color:#072776 !important;
	font-size:14px !important;
	padding: 3%;
}
		
.btnStandardPrimary:hover{
	background-color:#072776 !important;
	color:white !important;
}
#background-video{
	width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    padding: 3%;
    top: 0;
    bottom: 0px;
    z-index: -1;
}
@font-face {  font-family: YACgEQNAr7w-1;  font-display: swap;  src: url(montserrat/Montserrat-Bold.ttf);  font-weight: 700;  font-style: italic;}
@font-face {  font-family: YACgEQNAr7w-3;  font-display: swap;  src: url(montserrat/Montserrat-Regular.ttf);  font-weight: 100;  font-style: italic;}

@media (min-width: 224px) and (max-width: 365px) {
	#rowDiv{
		overflow:auto;
	} 	
	#YyDbfU0CVLahgcMP{
		height: 75% !important;
	}
	.logoContainer{
		display:none !important;
	}
	.logoContainer2{
		display:block !important;
		text-align: center;
	}
	.titleContainer{
		text-align: center;
		display: block !important;
	}
	#BeUW48kiPZPXBvo2{
		padding: 3%;
	}	
	#WRvYVMKBn7pNjbnU{
		width: 206px;
		height: 408px !important;
	}
	#divSpinnerRegisterContent{
		left: 10% !important;
	}
}
@media (min-width: 366px) and (max-width: 499px) {
	#rowDiv{
		overflow:auto;
	} 
	#YyDbfU0CVLahgcMP{
		height: 70% !important;
	}
	.logoContainer{
		display:none !important;
	}
	.logoContainer2{
		display:block !important;
		text-align: center;
	}
	.titleContainer{
		text-align: center;
		display: block !important;
	}
	#BeUW48kiPZPXBvo2{
		padding: 3%;
	}
	#WRvYVMKBn7pNjbnU{
		width: 206px;
		height: 408px !important;
	}
	#divSpinnerRegisterContent{
		left: 10% !important;
	}
}
@media (min-width: 500px) and (max-width: 770px) {
	#rowDiv{
		overflow:auto;
	}  
	#YyDbfU0CVLahgcMP{
		height: 75% !important;
	}
	#divSpinnerRegisterContent{
		left: 10% !important;
	}
}
@media (min-height: 200px) and (max-height: 580px){
	#divSpinnerRegisterContent{
		left: 10%;
	}
	#rowDiv{
		padding-top: 4%;
	}            
}

li.nav-item.dropdown {
	position: fixed;
    right: 20px;
    list-style: none;
    top: 10px;
    background: white;
    z-index: 200;
}

#divSpinnerRegisterContent{
	left: 40%;
}