html, body, #root {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  max-width: 100vw;
}
body{
	font-family: 'Questrial' !important;
}
body::-webkit-scrollbar {
    -webkit-appearance: none;
}

body::-webkit-scrollbar:vertical {
    width:10px;
}

body::-webkit-scrollbar-button:increment,body::-webkit-scrollbar-button {
    display: none;
} 

body::-webkit-scrollbar:horizontal {
    height: 10px;
}

body::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

body::-webkit-scrollbar-track {
    border-radius: 10px;  
}

.dashboard-content-card::-webkit-scrollbar {
    -webkit-appearance: none;
}

.dashboard-content-card::-webkit-scrollbar:vertical {
    width:5px;
}
.dashboard-content-card::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}
.product-card.category .searchable-option-values-container-list::-webkit-scrollbar {
    -webkit-appearance: none;
}

.product-card.category .searchable-option-values-container-list::-webkit-scrollbar:vertical {
    width:5px;
}
.product-card.category .searchable-option-values-container-list::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}
/* Por definicion */
.o-hidden{
	overflow:hidden;}
.o-hidden-x{
	overflow-x:hidden;}
.o-hidden-y{
	overflow-y:hidden;}
.o-hidden-x-auto{
	overflow-x:auto;}
.o-hidden-y-auto{
	overflow-y:auto;}
	
.m-auto{
	margin:0 auto;}

.wspace-nowrap{
	white-space:nowrap;}
.wspace-normal{
	white-space:normal;}
.wspace-pre{
	white-space:pre;}	
	
.display-ib{
	display:inline-block;}
/* Borders*/
.borderT{
	border-top:1px solid #ddd;}
.borderR{
	border-right:1px solid #ddd;}
.borderB{
	border-bottom:1px solid #ddd;}
.borderL{
	border-left:1px solid #ddd;}
	
.break-word{
	word-wrap: break-word;}

.borderTB{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;}
.borderLR{
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;}
	
/* Fonts*/	
.font10{
	font-size:10px !important;}
.font12{
	font-size:12px !important;}
.font14{
	font-size:14px !important;}
.font16{
	font-size:16px !important;}
	
.space-font-2{
	margin:2px 0 2px;}
	
.space-font-b-2{
	margin:0 0 2px;}
.space-font-b-5{
	margin:0 0 5px;}	
.space-font-b-10{
	margin:0 0 10px;}
	
a.link-unstyle{
	color:#333;
	cursor:pointer;}
	
/* labels read y unread*/

.label-read{
	background:#fff;
	color:#999;}
.label-unread{
	background:#fff;
	color:#d43f3a;}
	
.btn-info .label-read,
.btn-warning .label-read{
	background:none;
	color:#fff;}
	
.navbar-nav .label-read{
	background:none;
	color:#333;}
.navbar-nav .label-unread{
	background:#d43f3a;
	color:#fff;}

/* nav Pills Gray*/

ul.nav-gray li a{}
ul.nav-gray li.active a,
ul.nav-gray li.active a:hover{
	background:#ddd;
	color:#333;}
ul.nav-sm li a{
	font-size:12px;
	padding: 5px 10px;
	}

.text-gray{
	color:#666;}
.text-gray-ccc{
	color:#ccc;}
.text-gray-999{
	color:#999;}

/* ESPACIO TOP */
.space-t-2{padding-top:2px;}
.space-t-5{padding-top:5px;}
.space-t-6{padding-top:6px;}
.space-t-7{padding-top:7px;}
.space-t-8{padding-top:8px;}
.space-t-9{padding-top:9px;}
.space-t-10{padding-top:10px;}
.space-t-20{padding-top:20px;}
.space-t-30{padding-top:30px;}
.space-t-40{padding-top:40px;}
.space-t-50{padding-top:50px;}
/* ESPACIO BOTTOM */
.space-b-10{padding-bottom:10px;}
.space-b-15{padding-bottom:15px;}
.space-b-20{padding-bottom:20px;}
.space-b-30{padding-bottom:30px;}
.space-b-40{padding-bottom:40px;}
/* ESPACIOS TOP Y BOTTOM*/
.space-tb-3{padding-top:3px;padding-bottom:3px;}
.space-tb-4{padding-top:4px;padding-bottom:4px;}
.space-tb-5{padding-top:5px;padding-bottom:5px;}
.space-tb-8{padding-top:8px;padding-bottom:8px;}
.space-tb-10{padding-top:10px;padding-bottom:10px;}
.space-tb-20{padding-top:20px;padding-bottom:20px;}	
.space-tb-30{padding-top:30px;padding-bottom:30px;}
.space-tb-40{padding-top:40px;padding-bottom:40px;}
/* ESPACIO LEFT*/
.space-l-10{padding-left:10px;}
/* ESPACIO RIGHT*/	
.space-r-10{padding-right:10px;}	
.space-r-20{padding-right:20px;}	
/* ESPACIOS LEFT Y RIGHT*/	
.space-lr-10{padding-left:10px;padding-right:10px;}
.space-lr-20{padding-left:20px;padding-right:20px;}	
.space-lr-30{padding-left:30px;padding-right:30px;}	
.space-lr-40{padding-left:40px;padding-right:40px;}	
.space-lr-50{padding-left:50px;padding-right:50px;}	
/* ESPACIOS TOTALES*/
.space-10{padding:10px;}
.space-20{padding:20px;}
.space-30{padding:30px;}


/* GENERAL MARGIN */
.space-10m{margin:10px;}
.space-20m{margin:20px;}
.space-30m{margin:30px;}
/* MARGIN RIGHT*/	
.space-r-10m{margin-right:10px;}	
.space-r-20m{margin-right:20px;}	
/* MARGIN BOTTOM */
.space-b-10m{margin-bottom:10px;}
.space-b-15m{margin-bottom:15px;}
.space-b-20m{margin-bottom:20px;}
	
	
/* HEIGHTS */
.h10{height:10px !important;}
.h20{height:20px !important;}
.h30{height:30px !important;}
.h40{height:40px !important;}
.h50{height:50px !important;}
.h60{height:60px !important;}
.h70{height:70px !important;}
.h80{height:80px !important;}
.h90{height:90px !important;}
.h100{height:100px !important;}
.h110{height:110px !important;}
.h120{height:120px !important;}		
.h130{height:130px !important;}
.h140{height:140px !important;}
.h150{height:150px !important;}
.h160{height:160px !important;}
.h170{height:170px !important;}
.h180{height:180px !important;}
.h190{height:190px !important;}
.h200{height:200px !important;}
		
/* MIN HEIGHT */
.min-h-10{min-height:10px !important;}
.min-h-20{min-height:20px !important;}
.min-h-30{min-height:30px !important;}
.min-h-40{min-height:40px !important;}
.min-h-50{min-height:50px !important;}
.min-h-60{min-height:60px !important;}
.min-h-70{min-height:70px !important;}
.min-h-80{min-height:80px !important;}
.min-h-90{min-height:90px !important;}
.min-h-100{min-height:100px !important;}
.min-h-110{min-height:110px !important;}
.min-h-120{min-height:120px !important;}
.min-h-130{min-height:130px !important;}
.min-h-140{min-height:140px !important;}
.min-h-150{min-height:150px !important;}
.min-h-160{min-height:160px !important;}
.min-h-170{min-height:170px !important;}
.min-h-180{min-height:180px !important;}
.min-h-190{min-height:190px !important;}
.min-h-200{min-height:200px !important;}
	
/* MAX HEIGHT */
.max-h-10{max-height:10px !important;}
.max-h-20{max-height:20px !important;}
.max-h-30{max-height:30px !important;}
.max-h-40{max-height:40px !important;}
.max-h-50{max-height:50px !important;}
.max-h-60{max-height:60px !important;}
.max-h-70{max-height:70px !important;}
.max-h-80{max-height:80px !important;}
.max-h-90{max-height:90px !important;}
.max-h-100{max-height:100px !important;}
.max-h-110{max-height:110px !important;}
.max-h-120{max-height:120px !important;}
.max-h-130{max-height:130px !important;}
.max-h-140{max-height:140px !important;}
.max-h-150{max-height:150px !important;}
.max-h-160{max-height:160px !important;}
.max-h-170{max-height:170px !important;}
.max-h-180{max-height:180px !important;}
.max-h-190{max-height:190px !important;}
.max-h-200{max-height:200px !important;}


/* WIDTHS */
.w100p{width:100% !important;}
.w10{width:10px !important;}
.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}	
.w100{width:100px !important;}	
.w150{width:150px !important;}	
.w200{width:200px !important;}	
.w250{width:250px !important;}	
.w300{width:300px !important;}	
.w400{width:400px !important;}
.w500{width:500px !important;}
.w600{width:600px !important;}
.w700{width:700px !important;}
/* MIN WIDTH */	
.min-w-100{min-width:100px !important;}
.min-w-200{min-width:200px !important;}
.min-w-300{min-width:300px !important;}
.min-w-400{min-width:400px !important;}
/* MAX WIDTH */	
.max-w-30{max-width:30px !important;}
.max-w-40{max-width:40px !important;}
.max-w-50{max-width:50px !important;}
.max-w-60{max-width:60px !important;}
.max-w-100{max-width:100px !important;}
.max-w-150{max-width:150px !important;}
.max-w-200{max-width:200px !important;}
.max-w-250{max-width:250px !important;}
.max-w-300{max-width:300px !important;}
.max-w-400{max-width:400px !important;}
.max-w-100per{max-width:100% !important;}

/* CORRECCION EN THUMBNAILS PARA QUE PUEDAN CENTRARSE LAS IMAGENES*/
img.thumbcenter{
	display:inline-block;}			

/* CONTENEDOR TABS */	
.tab-content{
	padding:20px 10px;}	
/* TITULAR GRANDE */	
.page-header-osom{
	padding-top:20px !important;
	padding-bottom:20px !important;}
	
/* ITEMS EN LISTADO */	
.item-list{
	padding:5px;
	overflow:hidden;
	border-bottom:1px solid #ddd;}
.item-list p{
	margin:0 0 5px;}

.item-list-pending{
	background: #eee;
}
	
.item-list-user{
	padding:10px 5px;
	border-bottom:1px solid #ddd;}

/* ESTILOS DE JUMBOTRONS */	
.jumbotron-osom{
	padding-top: 20px !important;
	padding-bottom:30px !important;}
.jumbotron-osom-pad{
	padding-top: 20px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom:20px !important;}
.jumbotron-border-tb{
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	background:none !important;
	padding-top: 20px !important;
	padding-bottom:20px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-bottom:30px;}
.jumbotron-border-t{
	border-top:2px solid #ccc;
	background:none !important;
	padding-top: 20px !important;
	padding-bottom:20px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-bottom:30px;}
.jumbotron-gray15{
	background:#f1f1f1 !important;
	padding-top: 15px !important;
	padding-bottom:15px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;}
.jumbotron-gray20{
	background:#f1f1f1 !important;
	padding-top: 20px !important;
	padding-bottom:20px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;}
	
/* Elimina las lineas punteadas de los tabs al hacer click, normalizacion para el explorador mozilla. */	
.nav > li > a,
.navbar-small a{
	outline:0;}
	

/* Dropdown de menu pero con informacion */	
.dropdownInfo{
	padding:10px;}
/* Estos estilos son agregados para hacer la barra de navegacion con submenues infinitos */
.dropdown-submenu {
    position: relative;}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;}
.dropdown-submenu.pull-left {
    float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;}	
	
/* Navegador secundario de orisom */	
ul.subnav-orisom{
	padding:10px 0;
	border-bottom:1px solid #e9e9e9;}
ul.subnav-orisom li{}
ul.subnav-orisom li a{
	padding:5px 10px;
	color:#666;}
	
/* Listado de items */	
.cont-items-default{}
.list-item{
	padding:5px 0;
	border-bottom:1px solid #fff;}	
.list-item label{
	font-weight:normal;}
		
/* Loader en pantalla completa */	
.bg-loader-content{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -50px; /* half width of the spinner gif */
	margin-top: -50px; /* half height of the spinner gif */
	text-align:center;
	z-index:999999;
	overflow: auto;
	width: 100px; /* width of the spinner gif */
	height: 100px; /*hight of the spinner gif +2px to fix IE8 issue */}
.bg-loader{
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);        
	z-index: 9999999999999;
	display:none;}	
/* Arbol de carpetas utilizado para gestion de enlaces, categorias, archivos multimedia */	
.tree {
    min-height:20px;
    padding:10px 10px 20px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000}
.tree ul{
	margin-bottom:0;
	padding:0 0 0 10px;}
.tree ul ul{
	margin-bottom:0;
	padding:0 0 0 30px;}
	

.nav-pic-user img{
	max-width:20px;
	max-height:20px;}

.orisombg{
	background:#0d83dd;	
}

.orisombg i{	
	color:#fff;
}
.orisombg span{
		display:block;
		line-height:20px;
		padding:15px 10px;
		color:#fff;
}
	
.orisombg2{
	background:#0d83dd;		
}

.orisombg2 i, .orisombg2 span{
	color:#fff;
}
.orisombg2.open i, .orisombg2.open span{
		color:#000;
}
.orisombg2 span{
	padding:1px;
}
.list-group-flush .list-group-item:first-child {
    border-top-width: 0;
}
.list-group-flush .list-group-item {
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0;
}
.nav { margin-bottom: 0; }
.nav > li.dropdown-full.open { position: static; }
.nav > li.dropdown-full.open .dropdown-menu {display:block; width: 100%;  }
.dropdown-menu > li { display: block; }
	
.dropdown-menu>div>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	text-decoration: none;
}

.menu-mobile>div>a {
	color: #777;
	text-decoration: none;
}

.overflow{
	overflow-x: auto;
	display: none;
}

.body-a{
	padding-top: 60px;
}
.body-auth{
	padding-top: 86px;
}

@media (max-width:767px){
	.overflow{
		overflow-x: auto;
		display: block;
	}

	.body-a{
		padding-top: 120px;
	}

	.body-auth{
		padding-top: 172px;
	}
	.factura-text-lg{
		font-size: 1.5rem !important;
	}
	.factura-text{
		font-size: 1.4rem !important;
	}
	.factura-text-1{
		font-size: 1.4rem !important;
	}
	.factura-text-sm{
		font-size: 1.4rem !important;
	}
	.custom-h{
		height: 275px !important;
  }
  .background{
    background-size: cover !important;
  }
  .subtitle-text {
    font-size: 0.8;
    line-height: 16px;
  }
  .question-text-section-text {
    font-size: 1em;
  }
  .auto-size-text-area {
    font-size: 20px !important;
  }
  .div-section-container {    
    padding-left: 45px !important;
    padding-right: 21px !important;
  }

}

.lineal{
	display: flex;
}


.img-fluid {
	max-width: 100%;
	height: auto;
}

.img-ficha{
	max-width: 90%;
	width: auto;
	height: auto;
	max-height: 120px;
	margin-left: auto;
    margin-right: auto;
}

.img-album-list{
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 150px;
}

.align-items-center {
	-ms-flex-align: center!important;
	align-items: center!important;
}
.align-items-end {
	-ms-flex-align: flex-end!important;
	align-items: flex-end!important;
}

.justify-content-center {
		-ms-flex-pack: center!important;
		justify-content: center!important;
}
.justify-content-end {
		-ms-flex-pack: flex-end!important;
		justify-content: flex-end!important;
}
.justify-content-between {
		-ms-flex-pack: space-between!important;
		justify-content: space-between!important;
}

.d-flex {
	display: -ms-flexbox!important;
	display: flex!important;
}

.nolink{
	color: black;
}
.nolink:hover{
	color:black;
	text-decoration: none;
}

.factura-text-lg{
	font-size: 2.1rem;
}
.factura-text{
	font-size: 1.5rem;
}
.factura-text-1{
	font-size: 2rem;
}
.factura-text-sm{
	font-size: 1.5rem;
}

.separador{
	border-bottom: 3px solid #dfdddd;
}

.separador-1{
	border-bottom: 2px solid #dfdddd;
}
.separador-2{
	border-bottom: 1px solid #2a6496;
}
.border-custom{
	/* border: 1px solid #979090; */
	border: 1px solid #e1e1e1;
	-webkit-box-shadow: 10px 10px 5px -2px rgba(214,214,214,1);
	-moz-box-shadow: 10px 10px 5px -2px rgba(214,214,214,1);
	box-shadow: 10px 10px 5px -2px rgba(214,214,214,1);
	
}

.custom-h{
	height: 235px;
}

.comision-custom-h{
	height: 255px;
	max-height: 255px;
}

.plan-card-h{
	min-height: 140px;
    max-height: 140px;
}
.plan-card-text{
	overflow: hidden;
	max-height: 50px;
}
.module-card-text{
	overflow: hidden;
	max-height: 35px;
}
.module-card-text-2{
	overflow: hidden;
	max-height: 20px;
}

.module-card-h{
	min-height: 155px;
	max-height: 155px;
}
.precios-card-text{
	overflow: hidden;
	max-height: 50px;
}
.most-seller{
	min-height: 370px;
	max-height: 370px;
}

.most-seller-text{
	min-height: 30px;
    overflow: hidden;
    max-height: 30px;
}

.most-seller-code-text{
	overflow: hidden;
	width: 135px;
	max-width: 135px;
}

.items-sell{
	min-height:405px;
	max-height: 405px;
}
.form-card-h{
	min-height: 115px;
	max-height: 115px;
}
.form-input-card-h{
	min-height: 135px;
	max-height: 135px;
}

.servip-card-h{
	min-height: 195px;
	max-height: 195px;
}
.servip-card-text{
	overflow: hidden;
	height: 30px;
	margin-bottom: 10px;
}

.stock-card-h{
	min-height: 170px;
	max-height: 170px;
}

.stock-card-text{
	height: 51px;
	overflow: hidden;
}
/* .most-seller h3, .most-seller label{
	color:#2a6496;
}  */

.flex{
	flex: 0 0 100%
}


.bg-color-b{
	background-color: #2a6496 !important;
    color: #fff !important;
}

.bg-color-b2{
	background-color: #3e7db3 !important;
    color: #fff !important;
}
.bg-color-b3{
	background-color: #2a6496 !important;
    color: #fff !important;
}

.bg-color-g{
	background: #f7f7f7 !important;
}
.dropdown-right{
	left: auto;
	right: 0;
}

.filtros{
	left: auto; 
	right: 0; 
	overflow: hidden; 
	overflow-y: scroll; 
	height: 400px;
}

.precio-ficha{
	font-size: 40px;
}
.precio-ficha-2{
	font-size: 20px;
}
.title-list-ficha{
	font-size: 24px;
}

.compra-color{
	color: #d9534f;
}

.venta-color{
	color: green;
}

.btn-ficha{
	height: 31.979166px !important;
}

.detalles-ficha{
	border-bottom: 1px solid #ddd; 
	border-top: 1px solid #ddd;
}

.b-0{
	border: 0;
}
.b-00{
	box-shadow: 5px 5px 5px -2px rgba(0,0,0,.05);
	-webkit-box-shadow: 5px 5px 5px -2px rgba(0,0,0,.05);
	border-radius: 0
}

.ori-col-md-2, .ori-col-md-3{
	position: relative;
 	min-height: 1px;
  	padding-right: 15px;
  	padding-left: 15px;
}

.m-0{margin:0!important}
.mt-0,.my-0{margin-top:0!important}
.mr-0,.mx-0{margin-right:0!important}
.mb-0,.my-0{margin-bottom:0!important}
.ml-0,.mx-0{margin-left:0!important}
.m-1{margin:.25rem!important}
.mt-1,.my-1{margin-top:.25rem!important}
.mr-1,.mx-1{margin-right:.25rem!important}
.mb-1,.my-1{margin-bottom:.25rem!important}
.ml-1,.mx-1{margin-left:.25rem!important}
.m-2{margin:.5rem!important}
.mt-2,.my-2{margin-top:.5rem!important}
.mr-2,.mx-2{margin-right:.5rem!important}
.mb-2,.my-2{margin-bottom:.5rem!important}
.ml-2,.mx-2{margin-left:.5rem!important}
.m-3{margin:1rem!important}
.mt-3,.my-3{margin-top:1rem!important}
.mr-3,.mx-3{margin-right:1rem!important}
.mb-3,.my-3{margin-bottom:1rem!important}
.ml-3,.mx-3{margin-left:1rem!important}
.m-4{margin:1.5rem!important}
.mt-4,.my-4{margin-top:1.5rem!important}
.mr-4,.mx-4{margin-right:1.5rem!important}
.mb-4,.my-4{margin-bottom:1.5rem!important}
.ml-4,.mx-4{margin-left:1.5rem!important}
.m-5{margin:3rem!important}
.mt-5,.my-5{margin-top:3rem!important}
.mr-5,.mx-5{margin-right:3rem!important}
.mb-5,.my-5{margin-bottom:3rem!important}
.ml-5,.mx-5{margin-left:3rem!important}
.p-0{padding:0!important}
.pt-0,.py-0{padding-top:0!important}
.pr-0,.px-0{padding-right:0!important}
.pb-0,.py-0{padding-bottom:0!important}
.pl-0,.px-0{padding-left:0!important}
.p-1{padding:.25rem!important}
.pt-1,.py-1{padding-top:.25rem!important}
.pr-1,.px-1{padding-right:.25rem!important}
.pb-1,.py-1{padding-bottom:.25rem!important}
.pl-1,.px-1{padding-left:.25rem!important}
.p-2{padding:.5rem!important}
.pt-2,.py-2{padding-top:.5rem!important}
.pr-2,.px-2{padding-right:.5rem!important}
.pb-2,.py-2{padding-bottom:.5rem!important}
.pl-2,.px-2{padding-left:.5rem!important}
.p-3{padding:1rem!important}
.pt-3,.py-3{padding-top:1rem!important}
.pr-3,.px-3{padding-right:1rem!important}
.pb-3,.py-3{padding-bottom:1rem!important}
.pl-3,.px-3{padding-left:1rem!important}
.p-4{padding:1.5rem!important}
.pt-4,.py-4{padding-top:1.5rem!important}
.pr-4,.px-4{padding-right:1.5rem!important}
.pb-4,.py-4{padding-bottom:1.5rem!important}
.pl-4,.px-4{padding-left:1.5rem!important}
.p-5{padding:3rem!important}
.pt-5,.py-5{padding-top:3rem!important}
.pr-5,.px-5{padding-right:3rem!important}
.pb-5,.py-5{padding-bottom:3rem!important}
.pl-5,.px-5{padding-left:3rem!important}
.m-n1{margin:-.25rem!important}
.mt-n1,.my-n1{margin-top:-.25rem!important}
.mr-n1,.mx-n1{margin-right:-.25rem!important}
.mb-n1,.my-n1{margin-bottom:-.25rem!important}
.ml-n1,.mx-n1{margin-left:-.25rem!important}
.m-n2{margin:-.5rem!important}
.mt-n2,.my-n2{margin-top:-.5rem!important}
.mr-n2,.mx-n2{margin-right:-.5rem!important}
.mb-n2,.my-n2{margin-bottom:-.5rem!important}
.ml-n2,.mx-n2{margin-left:-.5rem!important}
.m-n3{margin:-1rem!important}
.mt-n3,.my-n3{margin-top:-1rem!important}
.mr-n3,.mx-n3{margin-right:-1rem!important}
.mb-n3,.my-n3{margin-bottom:-1rem!important}
.ml-n3,.mx-n3{margin-left:-1rem!important}
.m-n4{margin:-1.5rem!important}
.mt-n4,.my-n4{margin-top:-1.5rem!important}
.mr-n4,.mx-n4{margin-right:-1.5rem!important}
.mb-n4,.my-n4{margin-bottom:-1.5rem!important}
.ml-n4,.mx-n4{margin-left:-1.5rem!important}
.m-n5{margin:-3rem!important}
.mt-n5,.my-n5{margin-top:-3rem!important}
.mr-n5,.mx-n5{margin-right:-3rem!important}
.mb-n5,.my-n5{margin-bottom:-3rem!important}
.ml-n5,.mx-n5{margin-left:-3rem!important}
.m-auto{margin:auto!important}
.mt-auto,.my-auto{margin-top:auto!important}
.mr-auto,.mx-auto{margin-right:auto!important}
.mb-auto,.my-auto{margin-bottom:auto!important}
.ml-auto,.mx-auto{margin-left:auto!important}

@media (min-width:576px){

	.ori-col-md-2, .ori-col-md-3{
		float: left;
	}
	.ori-col-md-3{
		width: 20% !important;
	}

	.ori-col-md-2{
		width: 12% !important;
  }
  

	.m-sm-0{margin:0!important}
	.mt-sm-0,.my-sm-0{margin-top:0!important}
	.mr-sm-0,.mx-sm-0{margin-right:0!important}
	.mb-sm-0,.my-sm-0{margin-bottom:0!important}
	.ml-sm-0,.mx-sm-0{margin-left:0!important}
	.m-sm-1{margin:.25rem!important}
	.mt-sm-1,.my-sm-1{margin-top:.25rem!important}
	.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}
	.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}
	.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}
	.m-sm-2{margin:.5rem!important}
	.mt-sm-2,.my-sm-2{margin-top:.5rem!important}
	.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}
	.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}
	.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}
	.m-sm-3{margin:1rem!important}
	.mt-sm-3,.my-sm-3{margin-top:1rem!important}
	.mr-sm-3,.mx-sm-3{margin-right:1rem!important}
	.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}
	.ml-sm-3,.mx-sm-3{margin-left:1rem!important}
	.m-sm-4{margin:1.5rem!important}
	.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}
	.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}
	.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}
	.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}
	.m-sm-5{margin:3rem!important}
	.mt-sm-5,.my-sm-5{margin-top:3rem!important}
	.mr-sm-5,.mx-sm-5{margin-right:3rem!important}
	.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}
	.ml-sm-5,.mx-sm-5{margin-left:3rem!important}
	.p-sm-0{padding:0!important}
	.pt-sm-0,.py-sm-0{padding-top:0!important}
	.pr-sm-0,.px-sm-0{padding-right:0!important}
	.pb-sm-0,.py-sm-0{padding-bottom:0!important}
	.pl-sm-0,.px-sm-0{padding-left:0!important}
	.p-sm-1{padding:.25rem!important}
	.pt-sm-1,.py-sm-1{padding-top:.25rem!important}
	.pr-sm-1,.px-sm-1{padding-right:.25rem!important}
	.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}
	.pl-sm-1,.px-sm-1{padding-left:.25rem!important}
	.p-sm-2{padding:.5rem!important}
	.pt-sm-2,.py-sm-2{padding-top:.5rem!important}
	.pr-sm-2,.px-sm-2{padding-right:.5rem!important}
	.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}
	.pl-sm-2,.px-sm-2{padding-left:.5rem!important}
	.p-sm-3{padding:1rem!important}
	.pt-sm-3,.py-sm-3{padding-top:1rem!important}
	.pr-sm-3,.px-sm-3{padding-right:1rem!important}
	.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}
	.pl-sm-3,.px-sm-3{padding-left:1rem!important}
	.p-sm-4{padding:1.5rem!important}
	.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}
	.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}
	.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}
	.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}
	.p-sm-5{padding:3rem!important}
	.pt-sm-5,.py-sm-5{padding-top:3rem!important}
	.pr-sm-5,.px-sm-5{padding-right:3rem!important}
	.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}
	.pl-sm-5,.px-sm-5{padding-left:3rem!important}
	.m-sm-n1{margin:-.25rem!important}
	.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}
	.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}
	.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}
	.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}
	.m-sm-n2{margin:-.5rem!important}
	.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}
	.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}
	.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}
	.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}
	.m-sm-n3{margin:-1rem!important}
	.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}
	.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}
	.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}
	.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}
	.m-sm-n4{margin:-1.5rem!important}
	.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}
	.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}
	.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}
	.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}
	.m-sm-n5{margin:-3rem!important}
	.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}
	.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}
	.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}
	.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}
	.m-sm-auto{margin:auto!important}
	.mt-sm-auto,.my-sm-auto{margin-top:auto!important}
	.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}
	.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}
	.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}
}
@media (min-width:768px){

  .background {
    background-size: cover !important;
  }
	.ori-col-md-2, .ori-col-md-3{
		float: left;
	}
	.ori-col-md-3{
		width: 20% !important;
	}
	.ori-col-md-2{
		width: 12% !important;
	}
	.m-md-0{margin:0!important}
	.mt-md-0,.my-md-0{margin-top:0!important}
	.mr-md-0,.mx-md-0{margin-right:0!important}
	.mb-md-0,.my-md-0{margin-bottom:0!important}
	.ml-md-0,.mx-md-0{margin-left:0!important}
	.m-md-1{margin:.25rem!important}
	.mt-md-1,.my-md-1{margin-top:.25rem!important}
	.mr-md-1,.mx-md-1{margin-right:.25rem!important}
	.mb-md-1,.my-md-1{margin-bottom:.25rem!important}
	.ml-md-1,.mx-md-1{margin-left:.25rem!important}
	.m-md-2{margin:.5rem!important}
	.mt-md-2,.my-md-2{margin-top:.5rem!important}
	.mr-md-2,.mx-md-2{margin-right:.5rem!important}
	.mb-md-2,.my-md-2{margin-bottom:.5rem!important}
	.ml-md-2,.mx-md-2{margin-left:.5rem!important}
	.m-md-3{margin:1rem!important}
	.mt-md-3,.my-md-3{margin-top:1rem!important}
	.mr-md-3,.mx-md-3{margin-right:1rem!important}
	.mb-md-3,.my-md-3{margin-bottom:1rem!important}
	.ml-md-3,.mx-md-3{margin-left:1rem!important}
	.m-md-4{margin:1.5rem!important}
	.mt-md-4,.my-md-4{margin-top:1.5rem!important}
	.mr-md-4,.mx-md-4{margin-right:1.5rem!important}
	.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}
	.ml-md-4,.mx-md-4{margin-left:1.5rem!important}
	.m-md-5{margin:3rem!important}
	.mt-md-5,.my-md-5{margin-top:3rem!important}
	.mr-md-5,.mx-md-5{margin-right:3rem!important}
	.mb-md-5,.my-md-5{margin-bottom:3rem!important}
	.ml-md-5,.mx-md-5{margin-left:3rem!important}
	.p-md-0{padding:0!important}
	.pt-md-0,.py-md-0{padding-top:0!important}
	.pr-md-0,.px-md-0{padding-right:0!important}
	.pb-md-0,.py-md-0{padding-bottom:0!important}
	.pl-md-0,.px-md-0{padding-left:0!important}
	.p-md-1{padding:.25rem!important}
	.pt-md-1,.py-md-1{padding-top:.25rem!important}
	.pr-md-1,.px-md-1{padding-right:.25rem!important}
	.pb-md-1,.py-md-1{padding-bottom:.25rem!important}
	.pl-md-1,.px-md-1{padding-left:.25rem!important}
	.p-md-2{padding:.5rem!important}
	.pt-md-2,.py-md-2{padding-top:.5rem!important}
	.pr-md-2,.px-md-2{padding-right:.5rem!important}
	.pb-md-2,.py-md-2{padding-bottom:.5rem!important}
	.pl-md-2,.px-md-2{padding-left:.5rem!important}
	.p-md-3{padding:1rem!important}
	.pt-md-3,.py-md-3{padding-top:1rem!important}
	.pr-md-3,.px-md-3{padding-right:1rem!important}
	.pb-md-3,.py-md-3{padding-bottom:1rem!important}
	.pl-md-3,.px-md-3{padding-left:1rem!important}
	.p-md-4{padding:1.5rem!important}
	.pt-md-4,.py-md-4{padding-top:1.5rem!important}
	.pr-md-4,.px-md-4{padding-right:1.5rem!important}
	.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}
	.pl-md-4,.px-md-4{padding-left:1.5rem!important}
	.p-md-5{padding:3rem!important}
	.pt-md-5,.py-md-5{padding-top:3rem!important}
	.pr-md-5,.px-md-5{padding-right:3rem!important}
	.pb-md-5,.py-md-5{padding-bottom:3rem!important}
	.pl-md-5,.px-md-5{padding-left:3rem!important}
	.m-md-n1{margin:-.25rem!important}
	.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}
	.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}
	.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}
	.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}
	.m-md-n2{margin:-.5rem!important}
	.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}
	.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}
	.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}
	.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}
	.m-md-n3{margin:-1rem!important}
	.mt-md-n3,.my-md-n3{margin-top:-1rem!important}
	.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}
	.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}
	.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}
	.m-md-n4{margin:-1.5rem!important}
	.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}
	.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}
	.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}
	.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}
	.m-md-n5{margin:-3rem!important}
	.mt-md-n5,.my-md-n5{margin-top:-3rem!important}
	.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}
	.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}
	.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}
	.m-md-auto{margin:auto!important}
	.mt-md-auto,.my-md-auto{margin-top:auto!important}
	.mr-md-auto,.mx-md-auto{margin-right:auto!important}
	.mb-md-auto,.my-md-auto{margin-bottom:auto!important}
	.ml-md-auto,.mx-md-auto{margin-left:auto!important}
}
@media (min-width:992px){
	.ori-col-md-2, .ori-col-md-3{
		float: left;
	}
	.ori-col-md-3{
		width: 20% !important;
	}
	.ori-col-md-2{
		width: 12% !important;
	}
	.m-lg-0{margin:0!important}
	.mt-lg-0,.my-lg-0{margin-top:0!important}
	.mr-lg-0,.mx-lg-0{margin-right:0!important}
	.mb-lg-0,.my-lg-0{margin-bottom:0!important}
	.ml-lg-0,.mx-lg-0{margin-left:0!important}
	.m-lg-1{margin:.25rem!important}
	.mt-lg-1,.my-lg-1{margin-top:.25rem!important}
	.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}
	.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}
	.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}
	.m-lg-2{margin:.5rem!important}
	.mt-lg-2,.my-lg-2{margin-top:.5rem!important}
	.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}
	.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}
	.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}
	.m-lg-3{margin:1rem!important}
	.mt-lg-3,.my-lg-3{margin-top:1rem!important}
	.mr-lg-3,.mx-lg-3{margin-right:1rem!important}
	.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}
	.ml-lg-3,.mx-lg-3{margin-left:1rem!important}
	.m-lg-4{margin:1.5rem!important}
	.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}
	.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}
	.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}
	.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}
	.m-lg-5{margin:3rem!important}
	.mt-lg-5,.my-lg-5{margin-top:3rem!important}
	.mr-lg-5,.mx-lg-5{margin-right:3rem!important}
	.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}
	.ml-lg-5,.mx-lg-5{margin-left:3rem!important}
	.p-lg-0{padding:0!important}
	.pt-lg-0,.py-lg-0{padding-top:0!important}
	.pr-lg-0,.px-lg-0{padding-right:0!important}
	.pb-lg-0,.py-lg-0{padding-bottom:0!important}
	.pl-lg-0,.px-lg-0{padding-left:0!important}
	.p-lg-1{padding:.25rem!important}
	.pt-lg-1,.py-lg-1{padding-top:.25rem!important}
	.pr-lg-1,.px-lg-1{padding-right:.25rem!important}
	.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}
	.pl-lg-1,.px-lg-1{padding-left:.25rem!important}
	.p-lg-2{padding:.5rem!important}
	.pt-lg-2,.py-lg-2{padding-top:.5rem!important}
	.pr-lg-2,.px-lg-2{padding-right:.5rem!important}
	.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}
	.pl-lg-2,.px-lg-2{padding-left:.5rem!important}
	.p-lg-3{padding:1rem!important}
	.pt-lg-3,.py-lg-3{padding-top:1rem!important}
	.pr-lg-3,.px-lg-3{padding-right:1rem!important}
	.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}
	.pl-lg-3,.px-lg-3{padding-left:1rem!important}
	.p-lg-4{padding:1.5rem!important}
	.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}
	.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}
	.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}
	.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}
	.p-lg-5{padding:3rem!important}
	.pt-lg-5,.py-lg-5{padding-top:3rem!important}
	.pr-lg-5,.px-lg-5{padding-right:3rem!important}
	.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}
	.pl-lg-5,.px-lg-5{padding-left:3rem!important}
	.m-lg-n1{margin:-.25rem!important}
	.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}
	.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}
	.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}
	.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}
	.m-lg-n2{margin:-.5rem!important}
	.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}
	.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}
	.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}
	.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}
	.m-lg-n3{margin:-1rem!important}
	.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}
	.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}
	.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}
	.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}
	.m-lg-n4{margin:-1.5rem!important}
	.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}
	.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}
	.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}
	.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}
	.m-lg-n5{margin:-3rem!important}
	.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}
	.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}
	.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}
	.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}
	.m-lg-auto{margin:auto!important}
	.mt-lg-auto,.my-lg-auto{margin-top:auto!important}
	.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}
	.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}
	.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}
}

	@media (min-width:1200px)
	{.ori-col-md-2,.ori-col-md-3{float: left;}.ori-col-md-2{width: 12% !important;}.ori-col-md-3{width: 20% !important;}.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}
	/* @media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} */

/*Loader buscador de productos*/
.buscador_productos_loader,
.buscador_productos_loader:before,
.buscador_productos_loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.buscador_productos_loader {
  color: #80b3ff;
  font-size: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 45px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.buscador_productos_loader:before,
.buscador_productos_loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.buscador_productos_loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.buscador_productos_loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

 /* wizard */
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center !important;
  padding: 6px 0 !important;
  font-size: 12px !important;
  line-height: 1.428571429 !important;
  border-radius: 15px !important;
  opacity: 1 !important;
}
/* fin wizard */

.title h1 { 
    font-family: 'Oswald';  
    /* text-align: left; */
    font-size:40px;
    /* color: #000; */
    letter-spacing: 1.5px;
    font-weight:800;
    text-transform: uppercase;
    /* margin-top: 30px; */
}
.title h2 { 
    font-family: 'Oswald';  
    /* text-align: left; */
    font-size:24px;
    /* color: #000; */
    letter-spacing: 1.5px;
    font-weight:800;
    text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 20px;
	overflow: hidden;
	min-height: 50px;
	max-height: 50px;
}
.title h2 a{ 
    font-family: 'Oswald';  
    /* text-align: left; */
    font-size:24px;
    /* color: #000; */
    letter-spacing: 1.5px;
    font-weight:800;
    text-transform: uppercase;
    /* margin-top: 30px; */
}
    
.subtitle h1 {
    margin-top: 10px; 
    font-family: 'Oswald';  
    /* text-align: left; */
    font-size:22px;
    color: #000;
    letter-spacing: 1.5px;
    /* margin-bottom: 25px; */
    font-weight:800;
    text-transform: uppercase;
}

.subtitle h2 {
    margin-top: 10px; 
    font-family: 'Oswald';  
    /* text-align: left; */
    font-size:18px;
    /* color: #000; */
    letter-spacing: 1.5px;
    /* margin-bottom: 0px; */
    font-weight:800;
    text-transform: uppercase;
}

.subtitle h3 {
    margin-top: 5px; 
    font-family: 'Oswald';  
    /* text-align: left; */
    font-size:14px;
    /* color: #000; */
    letter-spacing: 1.5px;
    margin-bottom: 5px;
    font-weight:800;
    text-transform: uppercase;
}
.subtitle h4 {
    margin-top: 10px; 
    font-family: 'Oswald';  
    /* text-align: left; */
    font-size:12px;
    /* color: #000; */
    letter-spacing: 1.5px;
    /* margin-bottom: 25px; */
    font-weight:800;
    text-transform: uppercase;
}
.subtitle h4 a{
	text-decoration: none;
}

.subtitle h5 {
    /* margin-top: 20px;  */
    font-family: 'Oswald';  
    /* text-align: left; */
    font-size:10px;
    /* color: #000; */
    letter-spacing: 1.5px;
    /* margin-bottom: 25px; */
    font-weight:800;
    text-transform: uppercase;
}
.subtitle h5 a{
	text-decoration: none;
}

.subtitle label{
	margin-top: 10px; 
    font-family: 'Oswald';  
    /* text-align: left; */
    font-size:12px;
    /* color: #000; */
    letter-spacing: 1.5px;
    /* margin-bottom: 25px; */
    font-weight:800;
    text-transform: uppercase;
}

.subtitle th {
	font-family: 'Oswald';
	letter-spacing: 1.5px;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 12px;
}

.subtitle .text-chart{
	font-family: 'Oswald' !important;
}

/*Descripcion Post*/

.defpost1 .wdgViewPost .wdgPost .PostDescription{
    overflow:hidden;
    padding:5px 0;
    font-size:12px;
    letter-spacing: 1.2px;
    line-height: 1.3;
	color:#000;
	font-family: 'Questrial';  
}

.description h4{
    overflow:hidden;
    padding:5px 0;
    font-size:12px;
    letter-spacing: 1.2px;
    line-height: 1.3;
    font-weight: 800;
    color:#000;  
}
    
.description a{
    overflow:hidden;
    padding:5px 0;
    font-size:15px;
    letter-spacing: 1.2px;
    line-height: 1.3;
    font-weight: bold;
    color:#328789; 
    text-decoration: none; 
}

.description h1 a{    
    font-family: 'Oswald'; 
    overflow:hidden;
    font-size:10px;
    letter-spacing: 1.2px;
    font-weight: bold;
    color:#fff; 
    text-decoration: none; 
    text-transform: uppercase;
    background: #328789;
    padding: 10px 10px 10px 10px;
}

.description h3 a{    
    font-family: 'Oswald'; 
    overflow:hidden;
    font-size:10px;
    letter-spacing: 1.2px;
    font-weight: bold;
    color:#fff; 
    text-decoration: none; 
    text-transform: uppercase;
    background: red;
    padding: 10px 10px 10px 10px;
}


.description h6 a{    
    font-family: 'Oswald'; 
    overflow:hidden;
    font-size:7px;
    letter-spacing: 1.2px;
    font-weight: bold;
    color:#fff; 
    text-decoration: none; 
    text-transform: uppercase;
    background: #000;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
}

.btn-oswald{
	font-family: 'Oswald';
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 0 !important;
}
.btn-questrial{
	font-family: 'Questrial';
	font-size: 12px;
	border-radius: 0 !important;
	border: 0 !important;
}
.btn-questrial:focus{
	outline: none !important;
}
.btn-questrial-2{
	font-family: 'Questrial';
	border-radius: 0 !important;
	border: 0 !important;
}

.btn-white{
	color: #fff;
    display: inline-block;
    padding: 0px 0px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    /* vertical-align: middle; */
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 200px;
}
.btn-white:hover{
	background-color: #fff;
    display: inline-block;
    padding: 0px 0px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    /* vertical-align: middle; */
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 200px;	
}
.row-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
	margin-left: -15px;
}

.bg-color-y{
	background-color: #fdee93;
	color: #000 !important;
}

.bg-warning{
	background-color: #ec971f;
	color: #fff;
}
.oswald{
	font-family: 'Oswald';
	text-transform: uppercase;
}
.text-black{
	color: #000000 !important;
	padding-top: 20px;
}

.panel-heading.collapsed div h3:after {
	font-family: 'orisom-i';
	content: '\ed49';
	/* color: #000; */
	font-weight: bold;
	float: right;
	/* margin-left: 5px; */
}
.panel-heading div h3:after {
	font-family: 'orisom-i';
	content: '\ed4c';
	/* color: #000; */
	font-weight: bold;
	float: right;
	/* margin-left: 5px; */
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
	background-color: #2a6496 !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.container-img {
	position: relative;
	width: 100%;
	height: 150px;
	/* max-height: 135px;
	max-width: 135px; */
	border: 1px solid;
	border-radius: 6px;
	padding: 2px;
}
  
.image {
	display: block;
	height: 100%;
	height: -webkit-fill-available;
	height: fill-available;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .3s ease;
	background-color: rgba(255, 255, 255, 0.5);
}


.container-img:hover .overlay {
	opacity: 1;
}


.btn-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.modal-header{
	min-height: 16.43px;
	padding: 15px;
	background-color: #2a6496 !important;
	color: #fff !important;
	text-transform: uppercase;
	font-family: 'Oswald';
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .8;
}

.jumbotron {position:relative;}
#buttoncancel {
	position:absolute; 
	top:-10px; 
	left:-10px;
}
#cancel {
	border-radius: 50% !important;
	padding: 6px 5px;
}
.badge-white{
	color: #2a6496 !important;
	background-color: #ffffff !important;
}
.badge-primary{
	background-color: #3071a9;
	color: #fff;
}
.badge-danger{
	color: #fff !important;
	background-color: #d43f3a !important;
}
.badge-warning {
    color: #212529;
    background-color: #f7b924;
}
.badge-success {
    color: #fff;
    background-color: #3ac47d;
}
.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}
.badge-info {
    color: #fff;
    background-color: #16aaff;
}


.dashboard-card{
	height: 250px;
	overflow: hidden;
}
.dashboard-content-card{
	height: 225px;
	overflow: hidden;
}
.dashboard-content-card:hover{
	overflow: auto !important;
	
}
.dashboard-content a{
	color: #ffffff;
}
.card-content-circled{
	border-radius: 10px;
	background-color: #ffffff;
	color: #000000;
	margin: 0 15px;
	padding: 0;
}
.personas-card-h{
	height: 175px;
	min-height: 175px;
	max-height: 175px;
}
.logistic-card-h{
	min-height: 255px;
}

.container-as{
	width: 100%;
	height: 100%;
	vertical-align: top;
  display: table;
  background: url(/statics/images/form-background.png);
  background-position: top;
  background-attachment: fixed;
}

.bg-orisom{
	background-color: #f7f7f7;
	background-image: -webkit-linear-gradient(top,#2a6496 296px,#f7f7f7 0);
}

.container-as .header_container>.title-as{
	font-size: 22px;
    font-weight: 600;
    margin: 76px auto;
    width: 700px;
	height: 92px;
	font-family: 'Oswald';
	color: #f7f7f7;
}
.container-as .header_container>.title-as .title-as-group{
	display: table-cell;
	vertical-align: top;
}
.container-as .header_container>.title-as .title-as-group .title-as-title{
	margin: 0;
    width: 500px;
}
.body_container{
	text-align: center;
}
.box.card {
	padding: 0;
}
.card {
    font-family: 'Oswald';
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.25);
}
.card.selected {
    font-family: 'Oswald';
    border-radius: 4px;
    background-color: #2a6496;
		box-shadow: 0 0 1px 1px rgba(0,0,0,.07), 1px 20px 25px 0 rgba(0,0,0,.1);
		border: 2px solid #000;
}

@media (min-width: 768px){
	.card-animated {
		-webkit-transition: box-shadow .2s ease-in-out;
		transition: box-shadow .2s ease-in-out;
	}
	.card-animated:hover{
		box-shadow: 0 0 1px 1px rgba(0,0,0,.07), 1px 20px 25px 0 rgba(0,0,0,.1);
	}
}
.box{
	text-align: center;
}
.box {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 8px;
    padding: 30px 12px;
    height: 176px;
    width: 176px;
}
.box>.box-container{
	-webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
}
.box .box-image>i{
	background: #fff;
    display: block;
    /* height: 71px; */
    margin: 0 auto;
    position: relative;
    text-align: left;
	/* width: 85px; */
	font-size: 50px;
	color: #2a6496;
}
.box.selected .box-image>i{
	background: #2a6496;
    display: block;
    /* height: 71px; */
    margin: 0 auto;
    position: relative;
    text-align: left;
	/* width: 85px; */
	font-size: 50px;
	color: #fff;
}
.box .box-label {
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 24px 0 0;
}
.box.selected .box-label {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 24px 0 0;
}
.card-disabled{
	opacity: .25;
	pointer-events: none;
	cursor: none;
}
.product-card{
	margin: 32px auto 24px;
}
.product-card-b input[type="radio"]{
	display: none;
}
.product-card:after{
	content: '';
	display: table;
}
.product-card.category {
	margin-top: 32px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.product-card-b{
	width: 752px;
}
.product-card {
	background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.15);
    font-family: Proxima Nova,-apple-system,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    position: relative;
}
.product-card-open {
	box-shadow: 0 0 1px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.15);
    border: none;
}
.product-card.product-card.category>* {
	margin-left: 0;
	margin-right: 0;
}
.product-card-header-container {
	margin-right: 0 !important;
    margin-left: 0 !important;
    position: relative;
}
.product-card-header-container-separator {
	border-bottom: 1px solid #eee;
}
.product-card .product-card-header-title {
	overflow: hidden;
    _overflow: visible;
    zoom: 1;
    display: inline-block;
    width: 90%;
    vertical-align: middle;
}
.product-card .product-card-header-title .product-card-header-title-group{
	float: left;
}
.product-card-expandible .product-card-header-title-group{
	float: left;
    max-width: 450px;
    margin-right: 60px;
}
.product-card .product-card-header-title .product-card-header-title-t{
	margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #333;
    display: inline-block;
} 
.product-card .product-card-header-title p{
	color: rgba(0,0,0,.45);
    font-size: 16px;
}
.product-card .product-card-header-title p{
	padding: 0;
    line-height: 20px;
    color: #666;
    margin: 4px 0 0;
}
.product-card .product-card-header-title .product-card-header-title-group p{
	width: 480px;
}
.product-card .product-card-header-title-image{
	position: static;
}

.product-card.product-card-b .product-card-header-title{
	padding: 32px;
    text-align: left;
}
.product-card>*{
	margin-right: 32px;
    margin-left: 32px;
}
#products .product-card-body, #products .product-card.category .searchable-option-values-container {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.breadcrumb-orisom {
	min-height: 50px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: -12px 32px 24px;
    overflow-x: hidden;
}
.breadcrumb-orisom .breadcrumb-orisom-item {
	display: inline-block;
}
.breadcrumb-orisom .breadcrumb-orisom-link{
	color: #3483fa;
    text-decoration: none;
	cursor: pointer;
	font-size: 17px;
	font-family: 'Questrial';
}
.breadcrumb-orisom .breadcrumb-orisom-link{
	float: left;
}
.breadcrumb-orisom .breadcrumb-orisom-chevron{
	padding: 5px 12px 0;
    float: left;
}
.product-card.product-card.category > div:nth-child(2) {
	-webkit-flex: 1;
	flex: 1;
}

#products .searchable {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.product-carousel{
	-webkit-clip-path: inset(-280px 0);
    clip-path: inset(-280px 0);
    overflow: visible;
    margin-bottom: 24px;
}
.product-carousel{
	overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.product-carousel-buttons{
	border: 1px solid #e7e7e7;
    height: 416px;
    width: 50px;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
	justify-content: center;
}
.product-carousel-buttons:hover{
	-webkit-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 10px 20px -5px #ccc;
    border-color: #3483fa;
    cursor: pointer;
}
.product-carousel .product-carousel-buttons-left .icon{
	opacity: 1;
}
.product-carousel-buttons .icon{
	display: inline-block;
    opacity: 0;
	width: auto;
	position: absolute;
	top: 55%;
	left: 0;
}
.product-carousel-buttons .icon i{
	/* width: 35px;
	height: 35px; */
	font-size: 25px;
}

.product-carousel-buttons, .product-carousel-element{
	display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    border-radius: 6px;
    overflow: visible;
    min-height: 416px;
}
.product-carousel-buttons-left{
	margin-left: -10px;
    text-align: right;
    -webkit-clip-path: inset(-30px -30px -30px 10px);
    clip-path: inset(-30px -30px -30px 10px);
}
.product-carousel-buttons-right{
	text-align: left;
    -webkit-clip-path: inset(-30px 10px -30px -30px);
    clip-path: inset(-30px 10px -30px -30px);
}
.product-carousel-buttons-disabled{
	border-style: dashed;
    border-color: #d3d3d3;
    background-color: #f5f5f5;
    pointer-events: none;
}
.product-carousel-element{
	width: -webkit-calc(100% - 124px);
    width: calc(100% - 124px);
    border: 1px solid #e7e7e7;
}

#products .product-card.category .searchable-option-values-container{
	padding-bottom: 0;
}
.product-card.category .searchable-option-values-container{
	padding-bottom: 30px;
    min-height: auto;
    max-height: 416px;
}
.searchable-option-values-container-title{
	padding: 24px;
    margin: 0;
    font-size: 18px;
    color: #333;
	font-weight: 600;
	font-family: 'Oswald';
}
.product-card.category .searchable-option-values-container-list{
	max-height: 340px !important;
}
.product-card.category .searchable-option-values-container-list{
	max-height: 290px;
    overflow-y: scroll;
}
.searchable-option-values-container .values-option{
	width: 100%;
	margin: 0;
}

.searchable-option-values-container-no-filter-height .values-option {
    max-height: 340px;
}
.values-option {
    margin-top: -32px -32px 0 -32px;
    margin-top: -32px;
    margin-right: -32px;
    margin-left: -32px;
}
.searchable-option-values-container .orisom-list {
	max-height: 416px;
}
.orisom-list {
	font-family: 'Questrial';
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    background-color: #fff;
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}
.product-card.category .orisom-list-item:first-child {
	border-top: .0625em solid #e6e6e6;
}
.product-card.category .orisom-list-item:last-child {
	border-top: .0625em solid #e6e6e6;
}
.searchable-option-values-container .values-option .orisom-list-item {
	font-size: 16px;
    padding: 15px 24px;
    width: auto;
    position: relative;
}
.values-option .orisom-list-item {
	padding: 24px 32px;
}
.orisom-list-selectable .orisom-list-item{
	cursor: pointer;
}
.value-option-right.orisom-list-item {
	-webkit-justify-content: space-between;
    justify-content: space-between;
}
.value-option.orisom-list-item {
	-webkit-justify-content: inherit;
    justify-content: inherit;
}
.orisom-list-item-selected {
	position: relative;
}
.orisom-list-item{ 
	padding: 24px 32px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.orisom-list-item+.orisom-list-item{
	border-top: .0625em solid #e6e6e6;
}

.searchable-option-values-container .values-option .value-option.orisom-list-item-selected:before {
	content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    border-radius: 4px;
    left: 4px;
    border-left: 4px solid #3483fa;
}
.orisom-list-item-text-container{
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.searchable-option-values-container .values-option .value-option.orisom-list-item-selected .orisom-list-item-primary{
	color: #3483fa;
}
.searchable-option-values-container .values-option .value-option.orisom-list-item-selected .orisom-list-item-primary{
	display: inline-block;
}
.values-option .orisom-list-item-primary{
	text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 580px;
}
.orisom-list-item-primary{
	color: rgba(0,0,0,.8);
}
.searchable-option-values-container .orisom-list .orisom-list-item-arrow{
	position: absolute;
	right: 24px;
}
.value-option .orisom-list-item-arrow{
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.orisom-list-item-arrow{
	color: rgba(0,0,0,.8);
    -webkit-align-self: center;
    align-self: center;
}
.searchable-option-values-container .value-option-right .value-option-arrow .chevron-down{
	padding: 0;
	visibility: visible;
}
.searchable-option-values-container .value-option-right .value-option-arrow .chevron-down:focus{
	outline: 0;
}
.value-option .orisom-list-item-arrow .icon{
	visibility: hidden;
    width: 28px;
    height: 28px;
	margin: 4px auto 0;
}
.chevron-down{
	-webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
}
.searchable-option-values-container .value-option-right .value-option-arrow .chevron-down i {
    width: 20px;
    height: 20px;
}

@-webkit-keyframes slideInFromLeft {
	0% {
	  margin-left: -630px;
	}
	to {
	  margin-left: 0;
	}
  }
  @keyframes slideInFromLeft {
	0% {
	  margin-left: -630px;
	}
	to {
	  margin-left: 0;
	}
  }
  @-webkit-keyframes slideInFromRight {
	0% {
	  margin-left: 0;
	}
	to {
	  margin-left: -630px;
	}
  }
  @keyframes slideInFromRight {
	0% {
	  margin-left: 0;
	}
	to {
	  margin-left: -630px;
	}
  }
  @-webkit-keyframes completeOpacity {
	0% {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
  @keyframes completeOpacity {
	0% {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
.product-carousel-element-move-right {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-name: slideInFromLeft;
	animation-name: slideInFromLeft;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
  }
  .product-carousel-element-move-left {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-name: slideInFromRight;
	animation-name: slideInFromRight;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
  }
  .product-carousel-element-move {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .product-carousel-side .searchable-option-values-container {
	-webkit-animation-name: completeOpacity;
	animation-name: completeOpacity;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
  }

.atributes {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
}

.technical-specifications-atributes{
	margin-top: 10px;
}
.atributes>div{
	-webkit-flex: 0 1 -webkit-calc(50% - 32px);
    flex: 0 1 calc(50% - 32px);
	margin: 16px;
	
}
.apply{
	display: -webkit-flex;
    display: flex;
}
.apply .orisom-input{
	-webkit-flex-grow: 1;
    flex-grow: 1;
}
.orisom-input {
    position: relative;
}
.orisom-form-control {
    font-size: 18px;
    position: relative;
    padding-top: .66667em;
    font-weight: 400;
    display: block;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}
.atributes .orisom-form-control-control{
	/* display: -webkit-flex;
    display: flex; */
    overflow: visible;
}
.orisom-form-control-control{
	position: relative;
}
.orisom-form-control-control p{
	font-size: 18px;
	margin-top: 20px;
}
.orisom-form-control-border, .orisom-form-control-control, .orisom-form-control-field, .orisom-form-control-label{
    display: block;
	width: 100%;
}
.technical-specifications-atributes .orisom-form-control-textfield .orisom-form-control-label{ 
	text-overflow: unset;
    white-space: unset;
    overflow: unset;
}
.atributes .orisom-form-control-label {
	text-overflow: clip;
    white-space: normal;
    width: 130%;
}
.orisom-form-control-textfield .orisom-form-control-label{
	top: 0 !important;
}
.orisom-form-control-textfield .orisom-form-control-label{
	/* position: absolute; */
    top: 7px;
    left: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transform-origin: left 50% 0;
    transform-origin: left 50% 0;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    -webkit-transition-property: color,-webkit-transform;
    transition-property: color,-webkit-transform;
    transition-property: transform,color;
    transition-property: transform,color,-webkit-transform;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	cursor: text;
	font-size: 15px;
	font-family: 'Questrial';
}
.
.orisom-form-control-label-fixed{
    -webkit-transform: scale(.77778) translateY(-135%)!important;
    transform: scale(.77778) translateY(-135%)!important;
}
.orisom-form-control-label{
	font-size: 1em;
    line-height: 1;
    color: rgba(0,0,0,.45);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    -webkit-transition-property: color,-webkit-transform;
    transition-property: color,-webkit-transform;
    transition-property: transform,color;
    transition-property: transform,color,-webkit-transform;
}
.orisom-form-control-textfield .orisom-form-control-field {
	height: 24px;
}
.orisom-form-control-field {
	font-size: inherit;
    font-family: 'Questrial';
    color: rgba(0,0,0,.8);
    line-height: normal;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 8px 0 4px;
    resize: none;
    overflow: hidden;
}
.epa .form-control {
	display: block;
	width: 100%;
	height: auto;
	margin: 8px 0 2px;
	padding: 0;
	font-size: inherit;
	font-family: Questrial;
	line-height: 1.42857143;
	color: #000;
	background-color: #fff;
	background-image: none;
	border: 0;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.epa .ms-ctn-focus {
	border-color: transparent;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(0,0,0,0);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(0,0,0,0);
}
.epa .ms-ctn .ms-trigger {
	top: 0;
	width: 25px;
	height: 100%;
	position: absolute;
	right: 0;
	background: transparent;
	border-left: 0;
	cursor: pointer;
}
.epa .ms-ctn .ms-trigger:hover{
	background: transparent;
}
.epa .ms-ctn .ms-trigger .ms-trigger-ico{
	top: 50%;
	display: inline-block;
	width: 7px;
	height: 7px;
	background: transparent;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-left: 0;
	box-shadow: 0 0 0 lightgrey;
	transition: all 200ms ease;
	transform: translate3d(0, -50%, 0) rotate(135deg);
	right: 0;
	margin-left: 8px;
	margin-top: 15px;
}
.epa .ms-ctn .ms-trigger:hover .ms-trigger-ico{
	background-position: 0;
}
.orisom-form-control-field:focus{
	outline: 0;
}
.orisom-form-control-border {
	position: relative;
    background-color: rgba(0,0,0,.25);
    height: 1px;
    width: 100%;
}
.orisom-form-control-border:after{
	content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease,-webkit-transform .25s ease;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.orisom-form-control-field:focus .orisom-form-control-border:after{
	background-color: #3483fa !important;
}
.orisom-form-control:hover .orisom-form-control-border:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: rgba(0,0,0,.45);
}
.atributes .not-apply, .not-apply {
	padding: 10px 0;
    position: static;
}
.atributes .not-apply-2, .not-apply-2 {
	padding: 0;
    position: static;
}
.atributes .not-apply-3, .not-apply-3 {
	padding: 0;
    position: static;
}
.not-apply{
	box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: Proxima Nova,-apple-system,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-size: 12px;
    height: 35px;
    margin: auto 5px;
    opacity: 0;
    padding: 11px 8px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 35px;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
}
.not-apply-2{
	box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: Proxima Nova,-apple-system,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-size: 12px;
    height: 35px;
    margin: auto 5px;
    opacity: 0;
    padding: 11px 8px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 35px;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
}
.not-apply-3{
	box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: Proxima Nova,-apple-system,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-size: 12px;
    height: 35px;
    margin: auto 5px;
    opacity: 0;
    padding: 11px 8px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 35px;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
}

.not-apply-2{
	color: rgba(0, 141, 49,.7)!important;
    opacity: 1!important;
    border-radius: 50%;
}
.not-apply-2:hover{
	color: rgba(0, 141, 49, 1) !important;
    opacity: 1!important;
	border-radius: 50%;
}
.not-apply-3{
	color: rgba(215, 40, 40, 0.7) !important;
    opacity: 1!important;
    border-radius: 50%;
}
.not-apply-3:hover{
	color: rgba(215, 40, 40, 1) !important;
    opacity: 1!important;
	border-radius: 50%;
}
.not-apply{
	color: rgba(0,0,0,.45)!important;
    opacity: 1!important;
    border-radius: 50%;
}
.not-apply:hover{
	color: rgba(0,0,0,.70)!important;
    opacity: 1!important;
	border-radius: 50%;
}
.not-apply .orisom-tooltip-trigger{
	font-size: 25px;
}
.not-apply .orisom-tooltip-trigger{
	display: -webkit-flex;
    display: flex;
}
.not-apply-2 .orisom-tooltip-trigger-2{
	font-size: 20px;
}
.not-apply-2 .orisom-tooltip-trigger-2{
	display: -webkit-flex;
    display: flex;
}
.not-apply-3 .orisom-tooltip-trigger-3{
	font-size: 20px;
}
.not-apply-3 .orisom-tooltip-trigger-3{
	display: -webkit-flex;
    display: flex;
}
.product-card-body .product-card-footer {
	margin-top: 32px;
    margin-right: -32px;
    margin-left: -32px;
}
.product-card-footer{
	overflow: hidden;
    padding: 24px 32px;
    margin: 64px 0 0;
    border-top: 1px solid #eee;
}
.section-header-container>.section-card-header-title.section-header-page-step{
	margin: 54px auto 30px auto;
    width: 752px;
    height: unset;
}
.section-header-container>.section-card-header-title {
    font-size: 22px;
    font-weight: 600;
    margin: 76px auto;
    width: 700px;
    height: 92px;
}
.section-header-container>.section-card-header-title.section-header-page-step .section-card-header-title-group .section-card-header-title-pretitle {
    color: rgba(0,0,0,.45);
    font-size: 14px;
    font-weight: 600;
}
.section-header-container>.section-card-header-title.section-header-page-step .section-card-header-title-group .section-card-header-title-title {
    font-size: 28px;
    font-weight: 600;
	width: 480px;
	font-family: 'Oswald';
}
.section-header-container>.section-card-header-title .section-card-header-title-group .section-card-header-title-title {
    margin: 0;
    width: 500px;
}
.section-header-container>.section-card-header-title .section-card-header-title-image {
    width: 100%;
}
.section-header-container>.section-card-header-title .section-card-header-title-group,  .section-header-container>.section-card-header-title .section-card-header-title-image {
    display: table-cell;
    vertical-align: top;
}
.section-card-header-title-image {
	position: relative;
}
.section-header-container>.section-card-header-title .section-card-header-title-image img {
    display: block;
    margin: 0 24px 0 auto;
}
.section-header-container>.section-card-header-title .section-card-header-title-image i {
    display: block;
	margin: 0 24px 0 auto;
	font-size: 60px;
}
.orisom-pictures .product-photos-label {
    padding-bottom: 10px;
    padding-left: 0;
    display: block;
}
.product-photos .product-photos-label {
    color: #666;
    font-size: 14px;
    padding: 24px 0;
    display: block;
}
.orisom-pictures .product-image-uploader-default {
    width: 40%;
    padding: 0;
	/* margin-bottom: 60px; */
	margin: 0 35px 60px;
}
.orisom-pictures .product-image-uploader-default:hover {
    border: 2px solid #3483fa;
    margin-bottom: 59px;
    margin-top: -1px;
}
.product-image-uploader, .product-image-uploader-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.product-image-uploader {
    width: 100%;
    cursor: pointer;
    border: 1px dashed #3483fa;
    border-radius: 3px;
}
.orisom-pictures .product-image-uploader-container {
    width: 100%;
    height: 100%;
    outline: none;
    padding: 21px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product-image-uploader-container {
    -webkit-flex-direction: column;
    flex-direction: column;
}
.orisom-pictures .product-image-uploader-default .product-image-uploader-link {
    padding: 5px 0 0;
}
.product-image-uploader-hint {
    font-size: 13px;
    color: #666;
}
.orisom-pictures .orisom-thumbnails-carousel{
	padding: 0;
	overflow: auto;
}
.orisom-thumbnails-carousel{
	-webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.orisom-thumbnails {
    overflow: scroll;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    position: relative;
    margin-top: 8px;
}
.orisom-pictures .orisom-thumbnails-carousel .orisom-thumbnails-carousel-item {
    width: auto;
    border: 1px solid #f5f5f5;
    margin: 10px 10px 20px;
    min-width: 104px;
    overflow: hidden;
}
.oriom-pictures .orisom-thumbnails-carousel-item:first-child {
    margin-left: 0;
}
.orisom-pictures .orisom-thumbnails-carousel .orisom-thumbnails-carousel-item .orisom-thumbnail {
    overflow: hidden;
}
.orisom-thumbnail {
    height: 104px;
    width: 104px;
    position: relative;
}
.orisom-thumbnail, .orisom-thumbnails-item {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.orisom-thumbnail-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.orisom-specifications-container {
    display: -webkit-flex;
    display: flex;
    margin: 25px 0 40px;
}
.orisom-specifications-container .orisom-form-control {
    margin-right: 16px;
}
.quantity {
    width: 120px;
}
.orisom-specifications-container .attributes {
    display: inherit;
    margin-left: 0;
    margin-right: 0;
}
.attributes {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
}
.orisom-specifications-container .attributes .not-applys, .orisom-specifications-container .attributes>div {
	margin: 0;
}
.attributes>div.attribute-multivalue{
	-webkit-flex: 0 1 -webkit-calc(100% - 32px);
    flex: 0 1 calc(100% - 32px);
}
.not-applys {
    display: -webkit-flex;
    display: flex;
}
.multivalue-wrapper {
    width: 100%;
}
.orisom-specifications-container .attributes .orisom-form-control {
    margin-right: 0;
}
.multivalue-wrapper .multivalue-textfield {
    width: 240px;
}
.orisom-specifications-container .attributes .multivalue-tooltip, .orisom-specifications-container .attributes .multivalue-tooltip .orisom-form-control .orisom-form-control-control, .orisom-specifications-container .attributes .multivalue .multivalue-textfield{
	min-width: 280px;	
}
.multivalue-tooltip .orisom-form-control-textfield .orisom-form-control_control {
    max-width: 240px;
}

.tooltip {
	/* display: flex; */
	position: absolute;
	top: 0;
	left: 0;
	background: #efefef;
	border-radius: 5px;
	box-shadow: 5px 5px 50px rgba(0,0,0,.20);
	width: 37.25em;
	z-index: -1000;
	opacity: 0;

	transition: .3s ease all;
	transform: translateY(10px);
	border: 1px solid #a3a2a2
}

.tooltip::after {
	content: "";
	display: inline-block;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #fff;
	position: absolute;
	bottom:-15px;
	left: calc(50% - 15px);
}
.tooltip.activo {
	z-index: 1000;
	opacity: 1;
	transform: translateY(0px);
}
.dashboard-icon-filter{
    padding: 0;
	color: #fff !important;
	cursor: pointer;
}
.icono-dash{
	font-size: 30px;
}
.dashboard-icon-filter label{
	font-size: 15px;
}
.filtro-dashboard{
	display: none;
}
.d-flex-list-group{
	display: flex;
	flex-direction: column;

}
.orisom-widget-content{
	cursor: pointer;
}
.orisom-widget-content .orisom-widget-content-wrapper {
	display: flex;
	flex: 1;
	position: relative;
	align-items: center;
}
.orisom-widget-content .orisom-widget-content-left {
	white-space: nowrap;
    width: 75%;
    overflow: hidden;
}

.orisom-widget-content .orisom-widget-content-left .widget-header{
	font-weight: bold;
	font-family: 'Oswald';
	font-size: 1.14em;
	opacity: .8;
	text-transform: uppercase;
}
.orisom-widget-content .orisom-widget-content-left .widget-subheader{
	opacity: .7;
	text-transform: capitalize;
	text-overflow: ellipsis;
	overflow: hidden;
}
.orisom-widget-content .orisom-widget-content-left-l .widget-header-identificator{
	font-weight: bold;
	font-family: 'Oswald';
	text-transform: uppercase;
	font-size: 1.429em;
}

.orisom-widget-content .orisom-widget-content-right{
	margin-left: auto;
}

.orisom-badge{
	display: inline-block;
    padding: .25em .4em;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.orisom-badge {
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 10px;
    min-width: 19px;
}
.no-link{
	color: #333;
	text-decoration: none;
}
.no-link:hover{
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
.btn:focus{
	outline: none !important;
}
.link-product-edit:hover{
	text-decoration: none;
	cursor: pointer;
}

.btn-payment{
	font-family: 'Questrial';
	padding: 10px 20px;
	font-size: 14px;
	border-radius: 0 !important;
	border: 0 !important
  }
  
  /* loader */
  
  .lds-ripple {
	display: inline-block;
	position: relative;
	width: 160px;
	height: 160px;
  }
  .lds-ripple div {
	position: absolute;
	border: 4px solid #2a6496;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  .lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
  }
  @keyframes lds-ripple {
	0% {
	  top: 72px;
	  left: 72px;
	  width: 0;
	  height: 0;
	  opacity: 1;
	}
	100% {
	  top: 0px;
	  left: 0px;
	  width: 144px;
	  height: 144px;
	  opacity: 0;
	}
  }
  /* fin loader */

  /*INICIO VALORACIONES*/

  .content{
	max-width: 940px;
	margin: 40px auto;
  }
  .content-box {
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12), 0 1px 8px 0 rgba(0,0,0,0.2);
	background: #fff;
	border-radius: 2px;
	box-sizing: border-box;
	display: inline-block;
	margin: 5px;
	position: relative;
	text-align: left;
	vertical-align: top;
	white-space: normal;
  }
  .panel-content-comments {
	background-color: white;
	display: inline-block;
	padding-bottom: 40px;
	/* width: 720px; */
	vertical-align: top;
  }
  .panel-comments {
	background: #fff;
	display: block;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 0 50px 0 50px;
	position: relative;
	text-align: left;
  }
  .comment {
	display: table;
	table-layout: fixed;
	width: 100%;
  }
  .comments{
	display: table-cell;
	vertical-align: top;
  }
  .avatar-comment {
	width: 48px;
  }
  .avatar-comment-img {
	border-radius: 24px;
	box-shadow: 0 1px 2px #8d8d8d;
	background-size: contain;
	height: 48px;
	margin-top: 10px;
	width: 48px;
  }
  .image-avatar {
	vertical-align: middle;
  }
  .body-comment {
	padding-left: 9px;
  }
  .body-comment-header {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 55px;
	line-height: 24px;
	vertical-align: top;
  }
  .name-author {
	vertical-align: middle;
  }
  .author {
	font-weight: 500;
  }
  .calification{
	height: 18px;
	margin-top: -1px;
  }
  .star-container {
	display: inline-block;
	white-space: nowrap;
  }
  .star {
	/* margin: 0 2px; */
	display: inline-block;
	text-align: left;
	font-size: 10px;
  }
  .date-comment,
  .oppinions {
	color: #aaa;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	margin-left: 2px;
	vertical-align: middle;
	white-space: nowrap;
  }
  .comment-actions {
	border: 0;
	height: 55px;
	width: 100px;
	display: table-cell;
	vertical-align: top;
  }
  .response {
	border-left:4px solid #c4c3c3;
	margin-top: 12px;
	padding: 12px;
	position: relative;
  }
  .comments-title {
	color: #212121;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
  }
  .numbers {
	box-sizing: border-box;
	display: inline-block;
	padding: 20px;
	text-align: center;
	vertical-align: top;
	width: 160px;
  }
  .rating {
	color: #333;
	font-size: 64px;
	font-weight: 100;
	line-height: 64px;
  }
  .rating-stars{
	display: inline-block;
	margin: 5px 0;
  }
  .rating-total{
	color: #616161;
  }
  .bars {
	box-sizing: border-box;
	display: inline-block;
	padding: 20px 20px 20px 30px;
	vertical-align: top;
	width: 425px;
  }
  .bar-row {
	color: #737373;
	font-weight: 400;
	height: 20px;
	margin-bottom: 4px;
	position: relative;
	width: 100%;
  }
  .number-bar{
	font-size: 11px;
	left: -16px;
	letter-spacing: 1px;
	position: absolute;
  }
  .barra {
	transition: width 2s ease;
	display: inline-block;
	height: 100%;
	opacity: .8;
	border-radius: 50px;
  }
  .barra.amarillo{
	background: #e7711a;
  }

/*FIN VALORACIONES*/
.text-white{
	color: #fff!important;
}
.text-orisom{
	color:#2a6496!important;
}
.card-centered{
	margin: 32px auto 24px;
}
.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
}
.box-form.has-advanced-upload {
	outline: 2px dashed #2a6496;
	outline-offset: -10px;
	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
	text-align: center;
}
.box-form.is-dragover.has-advanced-upload {
	outline: 2px dashed #fff;
	outline-offset: -10px;
	
	text-align: center;
}
.box-form {
	font-size: 1.25rem;
	background-color: #c8dadf;
	position: relative;
	padding: 50px 20px;
}
.box-form.has-advanced-upload .box__icon {
	width: 100%;
	height: 80px;
	fill: #2a6496;
	display: block;
	margin-bottom: 40px;
}
.box-form.is-dragover.has-advanced-upload .box__icon {
	width: 100%;
	height: 80px;
	fill: #fff;
	display: block;
	margin-bottom: 40px;
}

.box__file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.box-form .box__file + label {
	max-width: 80%;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	font-size: 20px;
	font-weight: normal;
}
.box-form.is-dragover .box__file + label {
	max-width: 80%;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	font-size: 20px;
	color: #fff;
	font-weight: normal;
}
.box__file + label * {
	pointer-events: none;
}
.box-form.has-advanced-upload .box__dragndrop {
	display: inline;
}

.box-form .box__button {
	font-size: 20px;
	color: #e5edf1;
	background-color: #2a6496;
	padding: 8px 16px;
	margin: 10px auto 0;
	border: 0;
	outline: 0;
}

.box-form.is-dragover .box__button{
	font-weight: 700;
	color: #2a6496;
	background-color: #fff;
	padding: 8px 16px;
	margin: 10px auto 0;
	border: 0;
	outline: 0;
}

.btn__form{
	padding: 20px 20px;
	margin: 0 15px;
	border: 0;
	outline: 0;
	background: #2a6496;
	color: #fff;
	font-size: 15px;
}
.box-form .box__checkbox{
	font-size: 15px;
}
.box-form.is-dragover .box__checkbox{
	font-size: 15px;
	color: #fff;
}

.box-form.is-dragover {
  background-color: #2a6496;
}
.box__file + label:hover strong, .box__file:focus + label strong, .box__file.has-focus + label strong {
	color: #2a6496;
}

.sk-cube-grid {
  width: 110px;
  height: 110px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #2a6496;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

/* ---------------- sidebar -------------------- */

@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes sonar {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.orisom-p .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.orisom-p .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*----------------orisom-p----------------*/


.orisom-p .theme {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 4px;
  margin: 2px;
}

.orisom-p .theme.orisom-t {
  background: #1e2229;
}
.orisom-p.toggled .overlay{
	display: block;
}

/*----------------toggeled sidebar----------------*/

.orisom-p.toggled .sidebar-wrapper {
  left: 0px;
}

@media screen and (min-width: 768px) {
  .orisom-p.toggled .page-content {
    padding-left: 300px;
  }
  .orisom-p.toggled .overlay{
    display: block;
  }
}
/*----------------show sidebar button----------------*/
#show-sidebar {
  position: fixed;
  left: 0;
  /* top: 10px; */
  border-radius: 0 4px 4px 0px;
  width: 35px;
	transition-delay: 0.3s;
	z-index: 998;
}
.orisom-p.toggled #show-sidebar {
  left: -40px;
}
/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
	padding-top: 50px;
  width: 300px;
  height: 100%;
  max-height: 100%;
  position: fixed;
  top: 0;
  left: -300px;
  z-index: 999;
}
.sidebar-wrapper.sidebar-full {
	padding-top: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: relative;
  top: 0;
  left: 0px;
  z-index: 1;
}

.sidebar-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* .sidebar-wrapper ul li:first-child{
  margin-top: 5px;
} */

.sidebar-wrapper a {
  text-decoration: none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
  max-height: calc(100% - 30px);
  height: calc(100% - 30px);
  overflow-y: auto;
  position: relative;
}

.sidebar-content.desktop {
  overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
  padding: 10px 20px;
  display: flex;
  align-items: center;
}

.sidebar-wrapper .sidebar-brand > a {
  text-transform: uppercase;
  font-weight: bold;
  flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
  cursor: pointer;
  font-size: 20px;
}
/*--------------------sidebar-header----------------------*/

.sidebar-wrapper .sidebar-header {
  padding: 20px;
	overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
  float: left;
  width: 60px;
  padding: 2px;
  border-radius: 12px;
  margin-right: 15px;
  overflow: hidden;
}
.sidebar-wrapper .sidebar-header .sidebar-submenu-header .user-pic-t {
  float: left;
  width: 45px;
  padding: 2px;
  border-radius: 12px;
  margin-right: 5px;
  overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic-t img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info-t {
  /* float: left; */
}

.sidebar-wrapper .sidebar-header .user-info-t > span {
  display: block;
}

.sidebar-wrapper .sidebar-header .user-info-t .user-role {
  font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info-t .user-status {
  font-size: 11px;
  margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info-t .user-status i {
  font-size: 8px;
  margin-right: 4px;
  color: #5cb85c;
}
.sidebar-wrapper .sidebar-header .user-pic img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info {
  float: left;
}

.sidebar-wrapper .sidebar-header .user-info > span {
  display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
  font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
  font-size: 11px;
  margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
  font-size: 8px;
  margin-right: 4px;
  color: #5cb85c;
}

/*-----------------------sidebar-search------------------------*/

.sidebar-wrapper .sidebar-search > div {
	padding: 10px 20px;
	/* background-color: #626874; */
	background-color: #c0c0c0;
}

/*----------------------sidebar-menu-------------------------*/

.sidebar-wrapper .sidebar-menu {
  padding-bottom: 10px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
  font-weight: bold;
  font-size: 16px;
  padding: 15px 20px 5px 20px;
  display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding: 4px 30px 4px 20px;
  font-size: 14px;
  cursor: pointer;
}
.sidebar-wrapper .sidebar-menu .sidebar-submenu-t ul li a {
  display: inline-block;
  width: 95%;
  text-decoration: none;
  position: relative;
  padding: 4px 30px 4px 20px;
  font-size: 14px;
  cursor: pointer;
}
.sidebar-wrapper .sidebar-menu ul li.sidebar-link a {
  display: inline-block;
  width: 95%;
  text-decoration: none;
  position: relative;
  padding: 4px 20px 4px 20px;
}

.sidebar-wrapper .sidebar-menu ul li a i,
.sidebar-wrapper .sidebar-header ul li a i {
  margin-right: 10px;
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
  display: inline-block;
  animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-header .sidebar-dropdown-header > a:after {
  font-family: 'orisom-i';
	content: '\e8ae';
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background: 0 0;
  position: absolute;
  right: -25px;
  top: 16px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
  font-family: 'orisom-i';
	content: '\e8ae';
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background: 0 0;
  position: absolute;
  right: 15px;
  top: 14px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown-two > a:after {
  font-family: 'orisom-i';
	content: '\e8ae';
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background: 0 0;
  position: absolute;
  right: 15px;
  top: 8px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
  padding: 5px 0;
}
.sidebar-wrapper .sidebar-header .sidebar-dropdown-header .sidebar-submenu-header ul {
  padding: 5px 0;
}
.sidebar-wrapper .sidebar-header .sidebar-dropdown-header .sidebar-submenu-header li{
  padding: 7px 0;
  border-bottom: 1px solid #93929226;
}
.sidebar-wrapper .sidebar-header .sidebar-dropdown-header .sidebar-submenu-header li:last-child{
  border-bottom: 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown-two .sidebar-submenu-two li{
  padding-left: 7px;
  font-size: 13px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu-t li {
  padding-left: 15px;
  font-size: 13px;
}
/* .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a[href]:before,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu-t li a[href]:before {
  font-family: 'orisom-i';
	content: '\e920';
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  font-size: 8px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown-two .sidebar-submenu-two li a[href]:before {
  font-family: 'orisom-i';
	content: '\e91f';
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  font-size: 8px;
} */

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
  float: right;
  margin-top: 8px;
  margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
  float: right;
  margin-top: 0px;
}

.sidebar-wrapper .sidebar-header .sidebar-submenu-header {
  display: none;
}
.sidebar-wrapper .sidebar-menu .sidebar-submenu {
  display: none;
}
.sidebar-wrapper .sidebar-menu .sidebar-submenu-t {
  display: none;
}
.sidebar-wrapper .sidebar-menu .sidebar-submenu-two {
  display: none;
}

.sidebar-wrapper .sidebar-header .sidebar-dropdown-header.active > a:after {
  transform: rotate(90deg);
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
  transform: rotate(90deg);
  right: 17px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown-two.active > a:after {
  transform: rotate(90deg);
  right: 17px;
}

/*--------------------------side-footer------------------------------*/

.sidebar-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
}

.sidebar-footer > a {
  flex-grow: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  position: relative;
}
.sidebar-footer > a i{
	font-size: 15px;
}
.sidebar-footer > a i:before{
	padding-top: 5px;
}
.sidebar-footer > a .notification {
  position: absolute;
  top: 0;
}

.badge-sonar {
  display: inline-block;
  background: #980303;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 0;
}

.badge-sonar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #980303;
  opacity: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: sonar 1.5s infinite;
}

/*--------------------------page-content-----------------------------*/

.orisom-p .page-content {
  display: inline-block;
  width: 100%;
  padding-left: 0px;
  padding-top: 20px;
}

.orisom-p .page-content > div {
  padding: 20px 40px;
}

.orisom-p .page-content {
  overflow-x: hidden;
}

/*------scroll bar---------------------*/

::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #525965;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #525965;
}
::-webkit-scrollbar-thumb:active {
  background: #525965;
}
::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: transparent;
}
::-webkit-scrollbar-track:active {
  background: transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


.orisom-t .sidebar-wrapper {
    /* background: #31353D; */
    background: #f1f1f1;
}
.orisom-t .sidebar-wrapper.sidebar-transparent {
    /* background: #31353D; */
    background: transparent;
}

.orisom-t .sidebar-wrapper .sidebar-header,
.orisom-t .sidebar-wrapper .sidebar-search,
.orisom-t .sidebar-wrapper .sidebar-menu {
    border-top: 1px solid #3a3f48;
}
.orisom-t .sidebar-wrapper .sidebar-menu.no-border{
  border: 0;
}

.orisom-t .sidebar-wrapper .sidebar-search input.search-menu,
.orisom-t .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.orisom-t .sidebar-wrapper .sidebar-header .user-info .user-role,
.orisom-t .sidebar-wrapper .sidebar-header .user-info .user-status,
.orisom-t .sidebar-wrapper .sidebar-search input.search-menu,
.orisom-t .sidebar-wrapper .sidebar-search .input-group-text,
.orisom-t .sidebar-wrapper .sidebar-brand>a,
.orisom-t .sidebar-wrapper .sidebar-menu ul li a,
.orisom-t .sidebar-footer>a {
    color: #818896;
}

.orisom-t .sidebar-wrapper .sidebar-menu ul li:hover>a,
.orisom-t .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.orisom-t .sidebar-wrapper .sidebar-menu .sidebar-dropdown-two.active>a,
.orisom-t .sidebar-wrapper .sidebar-header .user-info,
.orisom-t .sidebar-wrapper .sidebar-brand>a:hover,
.orisom-t .sidebar-footer>a:hover i {
    /* color: #b8bfce; */
    /* color: #2a6496; */
    color: #0c8eff;
}
.orisom-t .sidebar-wrapper .sidebar-menu ul li:hover>a{
  font-weight: 700;  
}
.orisom-t .sidebar-wrapper .sidebar-header .dropdown {
  float: left;
  position: relative;
  padding: 10px 0;
}
.orisom-t .sidebar-wrapper .sidebar-menu .sidebar-link.active>a {
  color: #2a6496;
}
.orisom-p.orisom-t.toggled #close-sidebar {
    color: #bdbdbd;
}

.orisom-p.orisom-t.toggled #close-sidebar:hover {
		/* color: #ffffff; */
		color: #bdbdbd;
}

.orisom-t .sidebar-wrapper ul li:hover a i,
.orisom-t .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.orisom-t .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.orisom-t .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
    color: #2a6496;
    text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);
}

.orisom-t .sidebar-wrapper .sidebar-menu ul li a i,
.orisom-t .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.orisom-t .sidebar-wrapper .sidebar-menu .sidebar-dropdown-two div,
.orisom-t .sidebar-wrapper .sidebar-search input.search-menu,
.orisom-t .sidebar-wrapper .sidebar-search .input-group-text {
		/* background: #3a3f48; */
		/* background: #c0c0c069; */
		padding: 5px;
}

.orisom-t .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu-t{
  padding: 5px;
  background: transparent;
}

.orisom-t .sidebar-wrapper .sidebar-header ul li a i{
  padding: 5px;
}

.orisom-t .sidebar-wrapper .sidebar-header .sidebar-dropdown-header div{
  padding: 5px;
}

.orisom-t .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #6c7b88;
}

.orisom-t .sidebar-footer {
    background: #3a3f48;
    box-shadow: 0px -1px 5px #282c33;
    border-top: 1px solid #464a52;
}

.orisom-t .sidebar-footer>a:first-child {
    border-left: none;
}

.orisom-t .sidebar-footer>a:last-child {
    border-right: none;
}
.overlay1 {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}


/* ----------------------new wizard---------------------------- */

.spinner{
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 50;
  color: transparent;
  fill: currentColor;
}
.karla{
  font-family: "Karla", sans-serif;
  height: 100%;
  position: relative;
}
.box2{
  font-family: inherit;
  box-sizing: border-box;
  color: rgb(68, 68, 68);
  font-size: 16px;
  line-height: 24px;
  height: 92vh;
  width: 100%;
}
.box * {
  -webkit-tap-highlight-color: transparent;
}
.box *, .box::before, .box::after {
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
}
.background {
  display: inline-block;
  position: relative;
  z-index: -20;
  line-height: 0;
  opacity: 1;
  background-color: #E6ECEF;
  background-image: url(/statics/images/form-background.png);
  /* background-position: top center; */
  background-size: contain;
  background-repeat: no-repeat;
  height: 110%;
  width: 110%;
  position: absolute;
  top: 0;
  left: 0;
}
.background::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.container-text{
  height: 100%;
  overflow: hidden;
}
.BlockList{
  height: 100%;
}
.MouseWheelTrigger{
  height: 100%;
  width: 100%;
  outline: none;
}
.blocks{
  position: relative;
  z-index: 0;
  width: 100%;
  height: 80%;
}
.blocks_layoutWrapper{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  pointer-events: none;
  z-index: auto;
  transition: opacity 0.2s ease 0s;
}
.active1{
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  transition: transform 600ms ease 0s, opacity 300ms ease 0s;
}
.activo{
  /* position: absolute; */
  width: 100%;
  height: 100%;
  padding-top: 0px;
  transition: transform 600ms ease 0s, opacity 300ms ease 0s;
}
.next{
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(100vh);
  transition: transform 600ms ease 0s, opacity 300ms ease 0s;
}
.sig{
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  pointer-events: none;
  opacity: 0;
  transform: translateX(100vh);
  transition: transform 600ms ease 0s, opacity 300ms ease 0s;
}
.prev{
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-100vh);
  transition: transform 600ms ease 0s, opacity 300ms ease 0s;
}
.ant{
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-100vh);
  transition: transform 600ms ease 0s, opacity 300ms ease 0s;
}
.Foooter{
    opacity: 1;
    display: block !important;
}
.BlockFooter{
  position: absolute;
  opacity: inherit;
  right: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 10;
  pointer-events: none;
}
.BlockFooter-right{
  width: 100%;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  flex-direction: row-reverse;
  font-family: sans-serif;
  pointer-events: none;
  transition: background-color 500ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
  padding: 16px;
}
.BlockFooter-ButtonsWrapper{
  display: flex;
  flex-direction: row-reverse;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px 0px;
  user-select: none;
  line-height: 0;
  background-color: rgb(82, 180, 227);
  pointer-events: auto;
  white-space: nowrap;
  border-radius: 4px;
}
.navs-buttons{
  display: flex;
  flex-direction: row-reverse;
}
.buttonDown{
  position: relative;
  font-family: inherit;
  font-weight: 700;
  cursor: pointer;
  transition-duration: 0.1s;
  transition-property: background-color, color, border-color, opacity, box-shadow;
  transition-timing-function: ease-out;
  width: 36px;
  min-width: 36px;
  height: 32px;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: rgb(82, 180, 227);
  color: rgb(8, 34, 47);
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  margin: 0px;
  padding: 0px;
  border-color: transparent;
  border-radius: 0px 4px 4px 0px;
}
.button-divider{
  background-color: rgba(8, 34, 47, 0.3);
  width: 1px;
}
.buttonUp{
  position: relative;
  font-family: inherit;
  font-weight: 700;
  cursor: pointer;
  transition-duration: 0.1s;
  transition-property: background-color, color, border-color, opacity, box-shadow;
  transition-timing-function: ease-out;
  width: 36px;
  min-width: 36px;
  height: 32px;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: rgb(82, 180, 227);
  color: rgb(8, 34, 47);
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  margin: 0px;
  padding: 0px;
  border-color: transparent;
  border-radius: 4px 0px 0px 4px;
}

.loader {
  color: #52B4E3;
  font-size: 20px;
  margin: auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

button[disabled], html input[disabled] {
  cursor: default;
  opacity: 0.5;
}
.section {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 10;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
}
.div-section {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.div-section-section{
  min-height: 100%;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}
.div-section-container {
  width: 100%;
  max-width: 840px;
  padding-left: 70px;
  padding-right: 70px;
  margin: 0px auto;
}
.div-section-container-s {
  margin-top: 48px;
  margin-bottom: 80px;
}
.section-text-container{
  min-width: 0px;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  padding: 0.01em 0px 0px;
  margin: 0px;
}
.section-title {
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.question-number-section {
  position: absolute;
  right: 100%;
  padding-right: 8px;
  height: 32px;
}
.number-arrow {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: rgb(60, 60, 60);
  font-size: 14px;
  line-height: 20px;
  height: 100%;
  outline: none;
}
.numbeer {
  max-width: 100%;
  font-weight: unset;
  font-size: 16px;
  line-height: 24px;
  margin: 0px;
}
.arrow {
  margin-left: 4px;
}
.arroow {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  font-size: 8px;
}
.question-text-section {
  max-width: 100%;
  font-weight: unset;
  font-size: 1.25em;
  line-height: 32px;
  color: rgb(60, 60, 60);
  margin: 0px;
  text-align: left;
}
.question-text-section-text {
  max-width: 100%;
  font-weight: unset;
  font-size: 24px;
  line-height: 32px;
  margin: 0px;
}
.section-subtitle{
  margin-top: 8px;
  text-align: left;
}
.subtitle-text {
  max-width: 100%;
  font-weight: unset;
  font-size: 1em;
  line-height: 28px;
  color: rgba(60, 60, 60, 0.7);
  margin: 0px;
}
.answers-section {
  margin-top: 32px;
}
.list-answers {
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  -webkit-box-align: stretch;
  align-items: stretch;
  width: 100%;
  margin: 0px -8px -8px 0px;
  list-style: none;
  padding: 0 2px 0 0;
}
.list-answers-item {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  min-width: 75px;
  min-height: 40px;
  color: rgb(60, 60, 60);
  background-color: rgba(60, 60, 60, 0.1);
  box-shadow: rgba(60, 60, 60, 0.6) 0px 0px 0px 1px inset;
  transition-duration: 0.1s;
  transition-property: background-color, color, border-color, opacity, box-shadow;
  transition-timing-function: ease-out;
  cursor: pointer;
  opacity: 1;
  border-radius: 4px;
  padding: 4px;
  outline: 0px;
  margin-bottom: 8px;
  max-width: 100%;
  margin-right: 0px;
}
.list-answers-item.selected {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  min-width: 75px;
  min-height: 40px;
  color: rgb(60, 60, 60);
  background-color: rgba(60, 60, 60, 0.5);
  box-shadow: rgba(60, 60, 60, 0.8) 0px 0px 0px 2px inset;
  transition-duration: 0.1s;
  transition-property: background-color, color, border-color, opacity, box-shadow;
  transition-timing-function: ease-out;
  cursor: pointer;
  opacity: 1;
  border-radius: 4px;
  padding: 4px;
  outline: 0px;
  animation: 0.25s ease 0s 2 normal none running jBPXGM;
}
.letter-answer {
  display: flex;
  align-self: flex-start;
  margin: 4px 8px 0px 4px;
}
.letter-spacer {
  position: relative;
  width: 24px;
  min-width: 22px;
  height: 24px;
  font-size: 12px;
  line-height: 16px;
  font-family: sans-serif;
  background-color: rgba(235, 240, 242, 0.8);
  color: rgb(60, 60, 60);
  border-radius: 2px;
  border:1px solid rgba(60, 60, 60, 0.6);
}
.list-answers-item.selected .letter-spacer {
  position: relative;
  width: 24px;
  min-width: 22px;
  height: 24px;
  font-size: 12px;
  line-height: 16px;
  font-family: sans-serif;
  background-color: rgba(60, 60, 60, 0.8);
  color: rgb(242, 242, 242);
  border-radius: 2px;
  border:1px solid rgba(60, 60, 60, 0.6);
}
.letter {
  width: 22px;
  height: 22px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-weight: 700;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.text-answer{
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  min-width: 75px;
  overflow: hidden;
  flex: 1 1 0%;
}
.text-answer-text {
  max-width: 100%;
  font-weight: unset;
  font-size: 20px;
  line-height: 28px;
  margin: 0px;
}
.check-answer {
  margin-right: -4px;
  flex-shrink: 0;
  opacity: 0;
  padding: 0px 12px 0px 20px;
}
.list-answers-item.selected .check-answer{
  opacity: 1;
}
.textarea-section {
  margin-top: 32px;
}
.auto-size-text-area{
  display: block;
    width: 100%;
    font-family: inherit;
    color: rgb(60, 60, 60);
    background-color: transparent;
    font-size: 30px;
    line-height: 38px;
    overflow-wrap: break-word;
    resize: none;
    box-shadow: rgba(60, 60, 60, 0.3) 0px 1px;
    padding: 0px 0px 8px;
    border-radius: 0px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: none;
    overflow: hidden;
    transition: box-shadow 0.1s ease-out 0s;
}
.auto-size-text-area:focus {
  box-shadow: rgb(60, 60, 60) 0px 2px;
}
.text-area {
  overflow-x: hidden;
  overflow-wrap: break-word;
  height: 46px;
}
.botones-textarea-section {
  margin-top: 16px;
  opacity: 0;
  visibility: hidden;
  display: block !important;
}
.botones-textarea-section-active {
  margin-top: 16px;
  opacity: 1;
  display: block !important;
}
.area-boton {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
}
.boton-textarea {
  position: relative;
  font-family: inherit;
  font-weight: 700;
  cursor: pointer;
  transition-duration: 0.1s;
  transform: translateY(1vh);
  transition-property: opacity, box-shadow, transform;
  transition-timing-function: ease-out;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px 0px;
  min-height: 40px;
  background-color: rgba(82, 180, 227, 0.3);
  color: rgba(8, 34, 47, 0.6);
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  margin: 0px;
  padding: 6px 14px;
  border-color: transparent;
  border-radius: 4px;
}
.carousel-container{
  width: 85%;
  overflow: hidden;
  height: 190px;
  margin: 0 auto;
}
.carousel-content, .carousel-content-category {
  overflow: auto;
}
.arrow-left{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
}
.arrow-left.disabled{
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.arrow-right.disabled{
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin-left: 7px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.arrow-left:hover{
  background: #c0c0c054;
  transition: background 0.5s;
}
.arrow-right:hover{
  background: #c0c0c054;
  transition: background 0.5s;
}

.up{
  height: 280px !important;
  padding-bottom: 70px !important; 
}

@-webkit-keyframes pulse {
  0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
  }
  50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
  }
}
@keyframes pulse {
  0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
  }
  50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
  }
}
.sidebar-wrapper .sidebar-menu .sidebar-link.active .pulse {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background: #2a6496 !important;
    color: white !important;
    border-radius: 5px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu-t li.active > a {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  color: #fff;
    background: #2a6496;
    border-radius: 5px;
}

.input-p {
  font-size:18px;
  padding:10px 10px 6px 5px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #757575;
  border-radius: 0;
  outline: none;
  background: transparent;
}
.input-p:focus { outline:none; }

/* LABEL ======================================= */
.label {
  color: rgba(0,0,0,.6);
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.label.input-icon {
  color: rgba(0,0,0,.6);
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:14px;
  top:5px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
.input-p:focus ~ .label, 
.input-p:valid ~ .label,
.input-p:disabled ~ .label {
  top:-20px;
  font-size:14px;
  color:#2a6496;
}
.input-p:focus ~ .label.input-icon, .input-p:valid ~ .label.input-icon {
  top:-20px;
  left: -15px;
  font-size:14px;
  color:#2a6496;
}

/* BOTTOM BARS ================================= */
.bar {
  position:relative; 
  display:block; 
  width:100%; 
}
.bar:before, .bar:after {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#2a6496; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar.icon:before, .bar.icon:after {
  content:'';
  height:2px; 
  width:0;
  bottom:0; 
  position:absolute;
  background:#2a6496; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
.input-p:focus ~ .bar:before, .input-p:focus ~ .bar:after {
  width:50%;
}
.input-icon{
  padding:10px 10px 6px 30px;
}
.icon-in-input{
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  cursor: default;
  pointer-events: none;
  left: 16px;
  right: initial;
  font-size: 18px;
  color: rgba(0,0,0,.54);
}
.form-group{
  margin-bottom: 30px;
}
.select {
	position: relative;
	width: 100%;
}

.select-text {
	position: relative;
	font-family: inherit;
	background-color: transparent;
	width: 100%;
	padding: 10px 10px 6px 6px;
	font-size: 18px;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #757575;
}

/* Remove focus */
.select-text:focus {
	outline: none;
	border-bottom: 1px solid rgba(0,0,0, 0);
}

	/* Use custom arrow */
.select .select-text {
	appearance: none;
	-webkit-appearance:none
}

.select:after {
	position: absolute;
	top: 18px;
	right: 10px;
	/* Styling the down arrow */
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, 0.6);
	pointer-events: none;
}


/* LABEL ======================================= */
.select-label {
	color: rgba(0,0,0,.6);
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 10px;
	transition: 0.2s ease all;
}

/* active state */
.select-text:focus ~ .select-label, .select-text:valid ~ .select-label {
	color: #2a6496;
	top: -12px;
	transition: 0.2s ease all;
	font-size: 14px;
}

/* BOTTOM BARS ================================= */
.select-bar {
	position: relative;
	display: block;
	width: 100%;
}

.select-bar:before, .select-bar:after {
	content: '';
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background: #2a6496;
	transition: 0.2s ease all;
}

.select-bar:before {
	left: 50%;
}

.select-bar:after {
	right: 50%;
}

/* active state */
.select-text:focus ~ .select-bar:before, .select-text:focus ~ .select-bar:after {
	width: 50%;
}
.img-circled {
 border-radius: 30px;
}
.sidebar-wrapper .sidebar-header .sidebar-dropdown-header .sidebar-submenu-header li:hover {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.border-custom-m {
  padding: 35px 10px 10px 10px;
    -webkit-box-shadow: 10px 10px 18px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 18px -3px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 18px -3px rgb(0 0 0 / 22%);
    border: 1px solid #00000021;
    border-radius: 10px;
}
.border-custom-m-2{
  -webkit-box-shadow: 10px 10px 18px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 18px -3px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 18px -3px rgb(0 0 0 / 22%);
}
.userDetails{
  display: flex;
  margin: 0 auto;
  width: 90%;
  justify-content: center;
  align-items: center;
}
.UserPic{
  background: #fff !important;
  width: 50%;
  padding: 20px;
  border: 3px solid #aba9a9;
  color: #000;
  border-radius: 5px;
  height: 520px;
}
.userInfoPerfil{
  background: #fff !important;
  width: 50%;
  padding: 20px;
  border: 3px solid #aba9a9;
  color: #000;
  border-radius: 5px;
}
.contApps{
  display: flex;
  width: 90%;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
}
.itemApp{
  text-align: center;
    font-size: 25px!important;
    /* width: 100%; */
    margin: 10px;
    /* border: 1px solid; */
    border-radius: 5px;
    padding: 10px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: gray;
    transition: box-shadow 0.5s ease, border 0.1s ease;
}
.Apps{
  width: 18%;
  
}
.Apps > a{  
  text-decoration: none;
  color: #fff;
}
.itemApp:hover{
  border: 3px solid #fff;
  box-shadow: 0 0 1px 1px rgba(0,0,0,.07), 1px 20px 25px 0 rgba(0,0,0,.6);

}
.itemApp:hover .appPic,
.itemApp:hover .appTitle{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.appPic{
  font-size: 45px !important;
    width: 100%;
}

.orisom-textfield label{
  position: absolute;
  font-size: 1.9rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: white;
  color: gray;
  padding: 0 0.3rem;
  margin: 0 0.5rem;
  transition: .1s ease-out;
  transform-origin: left top;
  pointer-events: none;
}
.orisom-textfield input{
  font-size: 1.9rem;
  outline: none;
  border: 2px solid gray;
  border-radius: 5px;  
  padding: 1rem 0.7rem;
  color: gray;
  transition: 0.1s ease-out;
  width: 100%;
}
.orisom-textfield input:focus {
  border-color: #2a6496;  
}
.orisom-textfield input:focus + label {
  color: #2a6496;
  top: 0;
  transform: translateY(-40%) scale(.9);
}
.orisom-textfield input:not(:placeholder-shown) + label {
  top: 0;
  transform: translateY(-40%) scale(.9);
}
.orisom-textfield {
  position: relative;  
}

.select-t {
  position: relative;
  width: 100%;
}

.select-text-outline {
	position: relative;
	font-family: inherit;
	background-color: #fff;
	width: 100%;
	padding: 10px 10px 10px 10px;
	font-size: 18px;
	border-radius: 4px;
	border: 2px solid gray;
}

/* Remove focus */
.select-text-outline:focus {
	outline: none;
  border: 2px solid #2a6496;
}

	/* Use custom arrow */
.select-t .select-text-outline {
	appearance: none;
	-webkit-appearance:none;
  color: gray;
}

.select-t:after {
	position: absolute;
	top: 18px;
	right: 10px;
	/* Styling the down arrow */
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, 0.6);
  
	pointer-events: none;
}

/* LABEL ======================================= */
.select-label-outline {
	color: gray;
  background: white;
	font-size: 1.9rem;
	/* font-weight: normal; */
	position: absolute;
	pointer-events: none;
  padding: 0 5px;
	left: 10px;
	top: 12px;
	transition: 0.2s ease all;
}


/* active state */
.select-text-outline:focus ~ .select-label-outline, .select-text-outline:valid ~ .select-label-outline {
	color: #2a6496;
	top: -8px;
	transition: 0.2s ease all;
	font-size: 1.7rem;
}

.select-text-outline:valid:not(focus) ~ .select-label-outline {
  	color: gray;
}
.select-text-outline:valid:focus ~ .select-label-outline {
  color:#2a6496;
}
.bg-color-b-2{
  background-color: #6db1eb !important;
  color: #fff !important;
}
.container-img-two{
  position: relative;
    width: 350px;
    height: 350px;
    border: 3px solid;
    border-radius: 175px;
    padding: 2px;
}
.img-circled{
  border-radius: 100%;
}
.overlay-t {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
  opacity: 0;
  border-radius: 50%;
	transition: .3s ease;
	background-color: rgba(255, 255, 255, 0.5);
}
.container-img-two:hover .overlay-t {
	opacity: 1;
}
.btn-img-two {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}




/**
 * Bounce to the left side
 */
 @-webkit-keyframes bounceLeft {
  0% {
    -webkit-transform: translate3d(100%, -50%, 0);
            transform: translate3d(100%, -50%, 0);
  }
  50% {
    -webkit-transform: translate3d(-30px, -50%, 0);
            transform: translate3d(-30px, -50%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}
@keyframes bounceLeft {
  0% {
    -webkit-transform: translate3d(100%, -50%, 0);
            transform: translate3d(100%, -50%, 0);
  }
  50% {
    -webkit-transform: translate3d(-30px, -50%, 0);
            transform: translate3d(-30px, -50%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}
/**
 * Bounce to the left side
 */
@-webkit-keyframes bounceRight {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  50% {
    -webkit-transform: translate3d(calc(100% + 30px), -50%, 0);
            transform: translate3d(calc(100% + 30px), -50%, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, -50%, 0);
            transform: translate3d(100%, -50%, 0);
  }
}
@keyframes bounceRight {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  50% {
    -webkit-transform: translate3d(calc(100% + 30px), -50%, 0);
            transform: translate3d(calc(100% + 30px), -50%, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, -50%, 0);
            transform: translate3d(100%, -50%, 0);
  }
}
@-webkit-keyframes bounceDown {
  0% {
    -webkit-transform: translate3d(-14%, -90%, 0);
            transform: translate3d(-14%, -90%, 0);
  }
  50% {
    -webkit-transform: translate3d(-14%, calc(-15% + 30px), 0);
            transform: translate3d(-14%, calc(-15% + 30px), 0);
  }
  100% {
    -webkit-transform: translate3d(-14%, -15%, 0);
            transform: translate3d(-14%, -15%, 0);
  }
}
@keyframes bounceDown {
  0% {
    -webkit-transform: translate3d(-14%, -90%, 0);
            transform: translate3d(-14%, -90%, 0);
  }
  50% {
    -webkit-transform: translate3d(-14%, calc(-15% + 30px), 0);
            transform: translate3d(-14%, calc(-15% + 30px), 0);
  }
  100% {
    -webkit-transform: translate3d(-14%, -15%, 0);
            transform: translate3d(-14%, -15%, 0);
  }
}
@-webkit-keyframes bounceUp {
  0% {
    -webkit-transform: translate3d(-14%, -15%, 0);
            transform: translate3d(-14%, -15%, 0);
  }
  50% {
    -webkit-transform: translate3d(-14%, calc(-90% - 30px), 0);
            transform: translate3d(-14%, calc(-90% - 30px), 0);
  }
  100% {
    -webkit-transform: translate3d(-14%, -90%, 0);
            transform: translate3d(-14%, -90%, 0);
  }
}
@keyframes bounceUp {
  0% {
    -webkit-transform: translate3d(-14%, -15%, 0);
            transform: translate3d(-14%, -15%, 0);
  }
  50% {
    -webkit-transform: translate3d(-14%, calc(-90% - 30px), 0);
            transform: translate3d(-14%, calc(-90% - 30px), 0);
  }
  100% {
    -webkit-transform: translate3d(-14%, -90%, 0);
            transform: translate3d(-14%, -90%, 0);
  }
}
/**
 * Show Sign Up form
 */
@-webkit-keyframes showSignUp {
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes showSignUp {
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
/**
 * Page background
 */
.user {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 100vh;
  background: #ccc;
  background-size: cover;
}
.user_options-container {
  position: relative;
  width: 80%;
}
.user_options-text {
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  background-color: rgba(34, 34, 34, 0.85);
  border-radius: 3px;
}

/**
 * Registered and Unregistered user box and text
 */
.user_options-registered,
.user_options-unregistered {
  width: 50%;
  padding: 75px 45px;
  color: #fff;
  font-weight: 300;
}

.user_registered-title,
.user_unregistered-title {
  margin-bottom: 15px;
  font-size: 1.66rem;
  line-height: 1em;
}

.user_unregistered-text,
.user_registered-text {
  font-size: 0.83rem;
  line-height: 1.4em;
}

.user_registered-login,
.user_unregistered-signup {
  margin-top: 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 10px 30px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 0.2rem;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.user_registered-login:hover,
.user_unregistered-signup:hover {
  color: rgba(34, 34, 34, 0.85);
  background-color: #ccc;
}

/**
 * Login and signup forms
 */
.user_options-forms {
  position: absolute;
  top: 50%;
  left: 30px;
  width: calc(50% - 30px);
  min-height: 500px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 2px 0 15px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  -webkit-transform: translate3d(0%, -50%, 0);
          transform: translate3d(0%, -50%, 0);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
.user_options-forms .msj-error,
.user_options-forms .msj-error-register{
  height: 50px;
  display: none;
  margin-bottom: 1rem;
}
.user_options-forms .msj-ok{
  height: 65px;
  display: none;
}
.user_options-forms .errorMsj{
  color: #721c24;
  background-color: #F8D7DA;
  border-color: #f5c6cb;
  padding: .75rem 1.25rem;
  
  border: 1px solid transparent;
  border-radius: .25rem;
}
.user_options-forms .okMsj{
  background-color: #d4edda;
  color: #155724;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}
.user_options-forms .forms_fieldset{
  border: 0;
}
.user_options-forms .user_forms-login {
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.user_options-forms .forms_title {
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1em;
  text-transform: uppercase;
  color: #e8716d;
  letter-spacing: 0.1rem;
}
.user_options-forms .forms_field{
  display: flex;
}
.user_options-forms .forms_field:not(:last-of-type) {
  margin-bottom: 20px;
}
.user_options-forms .forms_field-input {
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 6px 20px 6px 6px;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  color: gray;
  letter-spacing: 0.1rem;
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
}
.user_options-forms #password.error,
.user_options-forms #login.error{
  border-bottom:1px solid red;
  color: red;
}
.user_options-forms .forms_field-input:focus {
  border-color: gray;
}
.user_options-forms .forms_buttons {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 25px;
}
.user_options-forms .forms_buttons-forgot {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.1rem;
  color: #ccc;
  text-decoration: underline;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.user_options-forms .forms_buttons-forgot:hover {
  color: #b3b3b3;
}
.user_options-forms .forms_buttons-action,
.conectWith a {
  background-color: #e8716d;
  border-radius: 3px;
  padding: 10px 35px;
  font-size: 1rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}
.user_options-forms .logo{
  display: flex;
    justify-content: center;
    /* width: 50%; */
    /* height: 115px; */
    margin: 10px auto;
}
.user_options-forms .logo .logo-content{
  /* width: 100%; */
  /* height: 85px; */
}
.user_options-forms .logo img{
  width: 100%;
  height: 100%;
  max-width: 245px;
  max-height: 115px;
}
.conectWith{
  margin-top: 10px;
}
.user_options-forms .forms_buttons-action:hover {
  background-color: #e14641;
}
.user_options-forms .user_forms-signup,
.user_options-forms .user_forms-login {
  position: absolute;
  top: 110px;
  left: 40px;
  width: calc(100% - 80px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.5s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.user_options-forms .user_forms-signup {
  -webkit-transform: translate3d(120px, 0, 0);
          transform: translate3d(120px, 0, 0);
}
.user_options-forms .user_forms-signup .forms_buttons {
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.user_options-forms .user_forms-login {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}
.user_options-forms .or-with{
  display: flex;
  justify-content: center;
  align-items: center;
}

.user_options-forms .or-with hr{
  width: 30%;
  display: inline-block;
}

/**
 * Triggers
 */
.user_options-forms.bounceRight {
  -webkit-animation: bounceRight 1s forwards;
          animation: bounceRight 1s forwards;
}
.user_options-forms.bounceRight .user_forms-signup {
  -webkit-animation: showSignUp 1s forwards;
          animation: showSignUp 1s forwards;
}
.user_options-forms.bounceRight .user_forms-login {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(-120px, 0, 0);
          transform: translate3d(-120px, 0, 0);
}
.user_options-forms.bounceLeft {
  -webkit-animation: bounceLeft 1s forwards;
          animation: bounceLeft 1s forwards;
}

/**
 * Responsive 990px
 */
@media screen and (max-width: 990px) {
  .user{
    height: 125vh;
  }
  .user_options-text{
    flex-direction: column;
  }
  .user_options-forms {
    
    width: 110%;
    transform: translate3d(-14%, -85%, 0);
  }
  .user_options-forms.signUp{
    min-height: 430px;
  }
  .user_options-forms.login{
    min-height: 475px;
  }
  .user_options-forms .forms_buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .user_options-forms .user_forms-login .forms_buttons-action {
    margin-top: 30px;
  }
  .user_options-forms .user_forms-signup,
  .user_options-forms .user_forms-login {
    top: 50px;
    left: 20px;
    width: calc(100% - 40px);
  }

  .user_options-registered,
  .user_options-unregistered {
    width: 80%;
    padding: 90px 45px 90px 45px;
  }
  .user_options-forms .forms_title{
    font-size: 1.2rem;
    margin-bottom: 15px;
  }
  .user_options-forms .logo img{
    max-width: 50px;
    max-height: 50px;
  }
  .user_options-forms .forms_buttons-action{
    background-color: #e8716d;
    border-radius: 3px;
    padding: 10px 35px;
    font-size: 1rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    text-decoration: none;
    cursor: pointer;
    display: block;
    width: 100%;
  }
  .conectWith a{
    display: block;
    font-size: 0.6rem;
    text-align: center;
  }
  .user_options-forms .msj-error, .user_options-forms .msj-error-register{
    height: auto;
    margin-bottom: 0.4rem;
  }

  .user_options-forms.bounceRight {
    -webkit-animation: bounceDown 1s forwards;
            animation: bounceDown 1s forwards;
  }
  .user_options-forms.bounceLeft {
    -webkit-animation: bounceUp 1s forwards;
            animation: bounceUp 1s forwards;
  }
  
}

button {
  background-color: transparent;
  padding: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
}

input {
  background-color: transparent;
  padding: 0;
  border: 0;
  outline: 0;
}