*, *::before, *::after {
	box-sizing:border-box;
	margin:0;
	padding:0;
}
b{
	color:#080832;
	font-weight:bolder;
}

html, body {height:100%;}
body {
	font:12px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#8a8a8a;
	background:#fff;
}

img {border-style:none;}
a {
	color:#8a8a8a;
	text-decoration:none;
}
a:hover {text-decoration:none;}
input,
textarea,
select {
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#000;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}

/************************/
/***
/**
/*Loading 
*************************/
.loading{
	overflow: hidden;
}
.loading__overlay{
	display:none;
}
.loading .loading__overlay{
	height: 100%;
	z-index: 999999999999999;
	background: white;
	position: fixed;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3em;
	flex-direction: column;
}
.loading__text{	
    font-size: .5em;
    margin-top: 1em;
}








#wrapper {
	position:relative;
	overflow:hidden;
	background-color: #fff;
}

.main-header {
	display:flex;
	justify-content: center;
	flex-direction: column;
	align-items:center;
	overflow:hidden;
	padding:2em;
}
.links {
	display:flex;
	justify-content:center;
}
.links ul {
	list-style:none;
	margin:0;
	padding:0;
	display: flex;
	justify-content:flex-start;
}
.links li {
	position:relative;

}

.links a {
	float:left;
	border:1px solid #dde2e8;
	background:#fff;
	-webkit-border-radius: 1px 1px 0 0;
	-moz-border-radius: 1px 1px 0 0;
	border-radius: 1px 1px 0 0;
	color:#1f252a;
	font-size:1.2em;
	line-height:15px;
	text-decoration:none;
	padding:1em;
}
.links a:hover {text-decoration:underline;}
.links .num {
	position:absolute;
	right:-3px;
	top:-8px;
	color:#fff;
	font:bold 10px/18px Arial, Helvetica, sans-serif;
	width:20px;
	height:20px;
	background: #4c95cd;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTVjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzc4YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4c95cd 0%, #3c78ba 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c95cd), color-stop(100%,#3c78ba));
	background: -webkit-linear-gradient(top,  #4c95cd 0%,#3c78ba 100%);
	background: -o-linear-gradient(top,  #4c95cd 0%,#3c78ba 100%);
	background: -ms-linear-gradient(top,  #4c95cd 0%,#3c78ba 100%);
	background: linear-gradient(to bottom,  #4c95cd 0%,#3c78ba 100%);
	text-align:center;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.links .ico1 {background:#fff url(../images/sprite.png) no-repeat 14px -445px;}
.links .ico2 {background:#fff url(../images/sprite.png) no-repeat 13px -528px;}
.links .ico3 {background:#fff url(../images/sprite.png) no-repeat 11px -637px;}
.profile-box {
	position: absolute;
	right:0;
	top:0;

	display:flex;
	justify-content: center;
	align-items: center;

}

.btn-on {
	margin:0 0 0 7px;

	display: inline-block;
	width:35px;
	height:39px;

	border-radius:5px;

	background-color:#FBCC1F;
	color:#22299A;	

	font-size: 2em;
	line-height: 1.75;
	text-align: center;
	overflow:hidden;

	
}
.profile-box .profile {
	display:inline-block;
	height:37px;
	border:1px solid #dde2e8;
	background:#fff;
	-webkit-border-radius: 1px 1px 0 0;
	-moz-border-radius: 1px 1px 0 0;
	border-radius: 1px 1px 0 0;
	
}
.profile-box .profile .image {
	float:left;
	margin:1px 12px 0 0;
}
.profile-box a {text-decoration:none;}
.profile-box .text-box {
	float:left;
	overflow:hidden;
	color:#a0a0a0;
	font-size:10px;
	line-height:12px;
}
.profile-box .section {
	padding:4px 33px 0 7px;
	float:left;
}
.profile-box a.section {cursor:pointer;}
.profile-box .name {
	display:block;
	font-size:12px;
	line-height:15px;
	color:#4f5f6f;
	font-weight:normal;
}
.profile-box .opener {
	float:left;
	background:url(../images/sprite.png) no-repeat -39px -58px;
	width:32px;
	height:37px;
	overflow:hidden;
	text-indent:-9999px;
	border-left:1px solid #dde2e8;
}

@media(max-width: 420px){
	.profile-box .profile{
		display:none;
	}
}


.tab{
	display:none;
}

.tab--active{
	display:block;
}

.tab .tab__text-section {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
	padding:2em;
	text-align: left;
	background-color:#003;
	background-image:url('../images/pattern-3.png');
	background-position:right, center;
	background-repeat: repeat;
	font-size:1.5em;
	line-height:1.5;
	position: relative;
}
.btn-cta{
	padding: .5em;
    background: #fff;    
    border-radius: 10px;
    color: #003;
    cursor: pointer;
}
a.btn-cta:hover {
    background-color: #BD1013;
    color: #fff;
}

.tab .tab__title{
	color:#fff;
	font-size:1.5em;
}
.tab .tab__subtitle {
	font-size:18px;
	line-height:20px;
	margin:0 0 8px;
	color:#2b333b;
}
.tab .tab__paragraph {
	margin:0 0 20px;
	color: rgba(255,245,104,.9);
}
.admin-panel{
	margin-bottom:1em;
}
.admin-panel__btn{
    color: white;
    border-radius: 5px;
    font-size: .7em;
    padding: 0 .5em;
    margin: 0 .5em;
	
}

.admin-panel__btn:first-child{
	margin-left:0;
}
.admin-panel__btn--red{
	background: rgba(255, 0, 0, 0.59);
}
.admin-panel__btn--blue{
	background: rgba(0, 126, 255, 0.48);
}
.admin-panel__btn--green{
	background: rgba(65, 175, 46, 0.48);
}


.states {
	list-style:none;
	margin:0;
	padding:0;
}


@media(min-width: 992px){
	.btn-cta{
		position: absolute;
    	right: 1em;
		top: 37%;
	}
	.tab .tab__paragraph{
		margin-bottom:0;
	}
	.admin-panel{
		margin-bottom:0;
	}
}










.states li {
	vertical-align:top;
	margin:0 0 1px;
	padding:9px 5px 12px 55px;
}
.states .error {
	background:#ffdede url(../images/sprite.png) no-repeat 17px -712px;
	color:#be0000;
}
.states .warning {
	color:#dc6200;
	background:#fff6de url(../images/sprite.png) no-repeat 18px -975px;
}
.states .succes {
	color:#3f5a04;
	background:#dfedc0 url(../images/sprite.png) no-repeat 15px -841px;
}
#menu-trigger{
	
	display: none;
	
}
#toggle-menu{
	display: block;
	width:35px;
	height:24px;
	position: fixed;
	top: 7px;
	left: 2em;
	background-image: -webkit-linear-gradient(#22299A 0%, #22299A 4px, transparent 0%, transparent 9px, #22299A 0%, #22299A 13px, transparent 0%, transparent 18px, #22299A 0%, #22299A 22px, transparent 0%);
	background-image: -moz-linear-gradient(#22299A 0%, #22299A 4px, transparent 0%, transparent 9px, #22299A 0%, #22299A 13px, transparent 0%, transparent 18px, #22299A 0%, #22299A 22px, transparent 0%);
	background-image: -o-linear-gradient(#22299A 0%, #22299A 4px, transparent 0%, transparent 9px, #22299A 0%, #22299A 13px, transparent 0%, transparent 18px, #22299A 0%, #22299A 22px, transparent 0%);
	background-image: linear-gradient(#22299A 0%, #22299A 4px, transparent 0%, transparent 9px, #22299A 0%, #22299A 13px, transparent 0%, transparent 18px, #22299A 0%, #22299A 22px, transparent 0%);;
	z-index: 20;
	cursor: pointer;
	border:1px solid transparent;
	transition:all .3s ease;
}

#menu-trigger:checked + #toggle-menu{
	background-image:-webkit-linear-gradient(left, transparent 0%, transparent 45%, #fff 0%, #fff 50%, transparent 0%),
			   -webkit-linear-gradient(transparent 0%, transparent 45%, #fff 0%, #fff 50%, transparent 0%);
	background-image:-moz-linear-gradient(left, transparent 0%, transparent 45%, #fff 0%, #fff 50%, transparent 0%),
			   -moz-linear-gradient(transparent 0%, transparent 45%, #fff 0%, #fff 50%, transparent 0%);
	background-image:-o-linear-gradient(left, transparent 0%, transparent 45%, #fff 0%, #fff 50%, transparent 0%),
			   -o-linear-gradient(transparent 0%, transparent 45%, #fff 0%, #fff 50%, transparent 0%);
	background-image:linear-gradient(to right, transparent 0%, transparent 45%, #fff 0%, #fff 50%, transparent 0%),
			   linear-gradient(transparent 0%, transparent 45%, #fff 0%, #fff 50%, transparent 0%);;;;
	background-color:#BD1001;
	border:1px solid #BD1001;
	border-radius: 50%;
	width:32px;
	height:32px;
	border-radius:50%;
	transform:rotate(45deg);
}
#menu-trigger:checked ~ .main-menu-wrapper{
	left:0;
	background-color:rgba(255,255,255,1);
	
}
.main-menu{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
}
.main-menu__item{
	vertical-align:top;
	position:relative;

}
.clearfix{
	clear: both !important;
	display: block !important;
	font-size: 0 !important;
	line-height: 0 !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}
.main-menu__item .main-menu__link{
	display: flex;
	justify-content:center;
	align-items:center;
	width:100%;
	padding-top:1em;
	padding-bottom:1em;
	border-bottom:1px solid transparent;
	background: #fff;
	color:#22299A;
	text-align: center;
	font-size:2em;
	overflow:hidden;
	cursor:pointer;
	text-decoration: none;
	transition:all .5s ease;
	
}
.main-menu__item.active .main-menu__link{
	background-color:#BD1013;
	color:#fff;
}
.main-menu__item:not(.active):hover .main-menu__link{
	border-bottom-color:#22299A;
}
.main-menu-wrapper {
	position:fixed;
	display: flex;
	top:0;	
	left:-250px;
	min-width:150px;
	padding-top:6.6em;
	height: 100%;
	background:rgba(255,255,255,255.8);
	z-index: 10;
	transition: all 1s ease;
	border-right: 1px solid #1F2F8B;
    box-shadow: 5px 0px 0px #1F2F8B;
	
}

.main-menu .tooltip {
	position:absolute;
	bottom:0;
	left:-100%;
	width:100%;
	height:24px;
	color:#3b414d;
	white-space:nowrap;
	font-size:.5em;
	text-align: center;
	transition:all .3s ease-out;
}

.main-menu-wrapper:hover .tooltip {
	display:block;
	left:0;	
}
.main-menu-wrapper:hover .main-menu__item.active .tooltip{
	color:#fff;
}


/***
/**
/*Proficolor
////////////**/
.table-wrapper{
	padding:2em;
	margin:0 auto;
}

.main-header .main-header__title{
	font-size: 1.5em;
	margin-top:.5em;
	color: #22299A;
}




/***
/**
/*Section edit-customers
////////////**/
.form{
	max-width:600px;
	margin:2em auto;
	border-radius:1em 1em 0 0;
	box-shadow:0px 0px 15px rgba(0,0,0,.2);
	background-color: rgba(255,245,104,.1);
	overflow:hidden;
}
.wrapper-controls{
	padding-top:1em;
}
.wrapper-form-control{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom:2.3em;

}
.form__title{
	padding:2em;
	background-color:#080832;
	color:#fff;
	text-align:center;
}
.form__label{
	display: block;
	width:100%;
	height:100%;
	color:#000;
	text-align:center;
	font-weight:bold;
	line-height:2.5;
}
.input-wrapper{
	position: relative;
	display:flex;
	justify-content: center;
	align-items:center;
	flex-wrap:nowrap;
	width:100%;
}
.form__input{
	display:block;
	width:100%;
	height:100%;
	padding:.8em 3.5em;
	border:none;
	border-radius:.5em 0 0 .5em;
	box-shadow: 0px 0px 1px rgba(0,0,0,.5);
	text-align:left;
}
.form__error{
	position: absolute;
    bottom: -1.5em;
    color: red;
}
.form__top-message{
	text-align: center;
	margin: 1em 0;
}
.form__top-message--success{
	color:green;
}
.form__top-message--fail{
	color:red
}

.input-icon{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	left:0;
	padding:.5em;
	width:35px;
	height: 100%;
	background-color:#FBDC6C;
	color:#22299A;
	align-items: center;
	font-size: 1.5em;
	line-height: 1.5;


}
.form__input:focus, .form__input:active{
	outline:none;
}

.wrapper-submit{
	width:100%;
	text-align: right;
}
.form__submit{
	border:none;
	padding:1em;
	border-radius:10px 0 0 10px;
	background-color:#083209;
	color:#fff;
	
	cursor:pointer;
}

@media(min-width: 768px){
	.form__label{
		width:30%;
		text-align: right;
		padding-right: 2em;
		font-size: 1.1em;
	}
	.input-wrapper{
		
		width:70%;
		text-align:left;
	}
	.form__input{

	}
}































/***
/**
/*Custom Bill Request
//////////////////////**/
.custom-bill{
	width:80%;
	margin: 0 auto 2em ;
}
.custom-bill__form{
	position: relative;
    padding-bottom: 3em;
}
.custom-bill__title{
	text-align: center;
}
.custom-bill-form{
	margin-top:2.3em;
	position:relative;
}
.custom-bill-form:hover .custom-bill-form__close{
	display: flex;
}
.custom-bill-form__close{
	content:'X';
	display:none;
	justify-content:center;
	align-items:center;
	font-size:2em;
	position:absolute;
	border-radius:50%;
	width:30px;
	height:30px;
	top:0;
	right:0;
	background-color:rgba(255,0,0,.5);
	color:#FFF;
}
.custom-bill-form__close:hover{
	background-color:rgba(255,0,0,1);
	cursor: pointer;
}

.custom-bill__textarea{
	width:100%;
	min-height:250px;
	border:1px solid rgba(34,41,154,.5);
	border-radius:10px;
	margin:0 auto;
	display: block;
	padding:2em;
	font-size:1.5em;
}
.custom-bill__submit-btn{
	font-size: 1.5em;
    border: 1px solid rgba(34,41,154,1);
    padding: .3em;
    border-radius: 5px;
    color: #fff;
    background-color: rgba(34,41,154,1);
    position: absolute;
    right: 0;
    bottom: 0;
}
.custom-bill__submit-btn:hover{
	cursor:pointer;
}
.custom-bill-form--hidden{
	display: none;
}
.custom-bill-form--visible{
	display: block;
}

.add-bill{
	width:70px;
	height:70px;
	display:flex;
	justify-content: center;
	align-items:center;
	font-size:40px;
	border-radius:50%;
	background-color:rgba(0,168,196,1);
	color:#fff;
	margin:1em auto;
	transition:all .5s ease;
}

.add-bill:hover{
	transform:scale(1.15);
	font-weight:bold;
	cursor:pointer;
}


.custom-bill__final-message{
	min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 1.5em;
    line-height: 2;
    color: green;
}

.custom-bill-max-works{
	background-color:rgba(246,56,35,1);
	color:#fff;
	padding: 1.2em;
    text-align: center;
    font-size: 1.1em;
    margin-top: 2em;
    border-radius: 10px;
}






/***
/**
/*Bill Details
//////////////////////**/
.detail-bill, .detail-workprod{
	max-width: 600px;
    margin: 2em auto 6em;
    border-radius: 1em 1em 0 0;
    box-shadow: 0px 0px 15px rgba(0,0,0,.2);
    background-color: rgba(241, 241, 241,1);
    overflow: hidden;
	font-size:1.2em;
}
.detail-bill__title, .detail-workprod__title{
	padding: 2em;
    background-color: #080832;
    color: #fff;
    text-align: center;
}
.detail-bill__number, .detail-workprod__number, .detail-workprod__receipt-date{
	padding:.5em;
	padding-top:1em;
	color:#000;
	
}

.detail-workprod__date{
	border:none;
	outline:none;
	background: transparent;
	max-width:80px;
}

.detail-bill__main-content, .detail-workprod__main-content{
	height:500px;
	overflow-y:auto;
	display:flex;
	justify-content: center;
	align-items: center;
	line-height: 2;
	text-align: center;
}
#detail-workprod__main-content-froala-editor{
	padding-top:1.5em;
	max-height: 100%;
    width: 100%;
    align-self: flex-start;
    overflow: auto;
	z-index:0;
	background:#fff;
}
	/**** fix ****/
	.fr-counter{
		top:43px;
		bottom:auto;
	}
.detail-workprod__wrapper{
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.detail-workprod__wrapper-column{
	display:flex;
	flex-direction:column;
}

.detail-bill__users-buttons, .detail-bill__admin-buttons, .detail-workprod__users-buttons, .detail-workprod__admin-buttons{
	display: flex;
	padding:.2em;
	margin-top:1em;
	margin-bottom:1em;
}
.detail-bill__admin-buttons, .detail-workprod__admin-buttons{
	justify-content: space-between;
}


.detail-bill__button{
	display: block;
    margin: 0 auto;
    border: none;
    outline: none;
	padding: 1em .8em;
	border-radius:.5em;
	transition:all .3s ease;
	border:1px solid transparent
}
.detail-bill__button:hover{
	cursor:pointer;
}

.detail-bill__button--blue{
	background: #080832;
	color: white;
	
}
.detail-bill__button--blue:hover{
	background: white;;
	color: #080832;
	border-color:#080832;
}

.detail-bill #fine-uploader-manual-trigger{
	height: 500px;
	width:100%;
}
.detail-bill #fine-uploader-manual-trigger .qq-uploader-selector.qq-uploader{
	height: 100%;
	overflow: hidden;
}
/*fix*/
.qq-upload-button{
	cursor: pointer;
}
.qq-alert-dialog-selector{
	margin:0 auto;
}

.popup-btn{
	border: none;
    color: #080832;
    text-decoration: underline;
    padding: .5em;
    background: none;
	cursor:pointer;
}
.popup-btn:focus{
	outline:none;
}
.detail-bill__pdf{
	height:500px;
}


/********************/
/*Visor de imagenes*/
/*******************/

.visor-images{
	max-width:500px;
	min-height:700px;
	margin:0 auto 8em;
	
}
.visor-images__title, .visor-images__subtitle{
	text-align:center;
	line-height:2;
}
.work-box, .workprod-box{
	display:flex;
	flex-direction:column;
	background-color:#f1f1f1;
	color:#000;
	box-shadow:0px 0px 5px rgba(0,0,0,.2);
	margin:2em auto;
}
.work-box__number, .workprod-box__type-file{
	font-size:.9em;
	font-weight:bold;
}
.work-box__number, .workprod-box__type-file span{
	border-bottom: 1px solid #e01b1b;
}
.work-box-wrapper, .workprod-box-wrapper{
	display:flex;
	justify-content:space-between;
	align-items:center;
	align-content:flex-start;
	flex-wrap: wrap;
}
.workprod-box-wrapper--center{
	justify-content: center;
}
.work-box__thumbnail{
	min-height:250px;
	min-width:250px;
}
.workprod-box__box-links{
	min-height:100px;
	padding:1em;
	display:flex;
	justify-content: space-around;
	align-items:center;
}
.workprod-box__link{
	margin:0 3px;
}
.workprod-box__thumbnails{
	min-height:100px;
	padding:1em;
	width:100%;
}
.workprod-box__thumbnail img{
	max-width:120px;
	float:left;
	margin-left:4px;
	vertical-align: top;
}
.workprod-box__upload{
	min-height:100px;
	width:100%;
}
.worksprod-box__link{
	display:block;
	padding:.5em .8em;
}
.work-box__description{
	min-height:250px;
	width:50%;
	text-align:left;
	padding:.8em;
	line-height:1.5;
}



/******************/
/**Accept bill*****/
/******************/
.accept-bill{
	max-width:500px;
	margin: 0 auto 6em;
}
.accept-bill__title{
	text-align:center;
}


.wrapper-option{
	display: flex;
	flex-wrap:wrap;
	position:relative;
	min-height: 250px;
	justify-content: center;
	align-items: center;
	flex-direction: row-reverse;
	margin:2em auto;
}
.wrapper-option__item{
	margin: 0 1em;
}
.wrapper-option__subcontainer{
	width:100%;
}
.accept-bill__buttons{
	display:flex;
	justify-content:space-between;
}
	











/***
/**
/*Overwrite datatables
//////////////////////**/
.datatable{
	border-bottom:1px solid #666;
}
.datatable .odd, .datatable .even{
	background-color: #fff;
    color: #8a8a8a;
	
}
.datatable th{
	color:#000;
}
table.dataTable tbody th, table.dataTable tbody td{
	padding:20px 30px !important; /*overrides table.dataTable tbody th, table.dataTable tbody td*/
	transition:all .5s;
}
tr:hover td {
    background-color: rgba(255,245,104,.1);
    color: #000;
}



input[type="search"]{
	border-radius: 8px;
    outline: none;
    border: 1px solid #666;
    height: 24px;
	text-align: center;
}













/***
/**
/*Custom buttons
//////////////////////**/
.btn, .label{
	display: inline;
    text-decoration: none;
    padding: .5em .8em;
	border-radius: 9px;
	text-align: center;
	transition: all .3s ease;
}
.label{
	font-weight: bold;
}

.btn:hover{
	background-image:linear-gradient(to bottom, transparent 0%, hsla(0, 100%, 100%, .3) 100%);
	cursor:pointer;
	
}
.btn-view{
    background-color: #22299A;
	color: #fff;
	font-size:1.1em;
}
.btn-view:hover{
	background-color:#fff;
	background-image:linear-gradient(to bottom, transparent 0%, hsla(237, 64%, 37%, .3) 100%);
	color:#22299A;
}

.label--block{
	display:block;
}
.label--inactive{
	color:#DB3844;
}
.label--active{
	color:#41AF2E;
}


/***
/**
/*Utility classes
//////////////////////**/
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
.hidden{
	display:none;
}

/***
/**
/*Forms
/////////////////////**/
.formRegister {
  padding: 2em;
  text-align: center; }

/******************************************/
/*****************************************/
.form-register__title, .form-advice {
  background-color: #FFF;
  color: #080832;
  text-transform: uppercase;
  font-family: arial, 'Satisfy';
  text-align: center;
  font-size: 1rem;
  padding: .5em 0em;
  line-height: 1.5;
  font-weight: lighter; }

.form-register__group {
  position: relative; }

.form-register__label {
  font-family: arial, 'Satisfy';
  color: #000;
  font-weight: bold; }

.form-register__label--movil {
  position: absolute;
  left: -6em;
  top: 1em; }

.form-register__label--base {
  padding: 1em .5em 0em; }

.form-register__text-input {
  width: 100%;
  margin-top: .5em;
  padding: .5em; }

.field-required {
  color: red; }

.error-advices {
  text-align: center;
  font-size: .8em;
  color: red; }

.form-register__btn--submit {
  margin-top: .5em;
  background-color: #2D9EEC;
  color: #fff;
  padding: .5em 1em;
  font-size: 1.1em;
  font-family: arial, 'Satisfy';
  border: none;
  outline: none; }
  .form-register__btn--submit:hover {
    background-color: #1385d3;
    cursor: pointer; }
.message-success{
	text-align:center;
	color:green;
}
.center{
	text-align: center;
}


#insertImage-1, #insertVideo-1, #insertFile-1, 
#subscript-1, #superscript-1, #specialCharacters-1, 
#emoticons-1, #outdent-1, #indent-1, #quote-1, #help-1,
#html-1, #selectAll-1, #insertLink-1, #fontFamily-1, #inlineStyle-1, #formatOL-1,
#paragraphStyle-1{
	color:red;
	display: none;
}






/***********************************/
/************Fast setup*************/
/***********************************/
.color-red{
	color:#e01b1b;
}

.color-green{
	color: #65e01b;
}
.margin-1em{
	margin:1em;
}