body{
	font-family: 'Poppins';}

/**/ 
.gap-45 {
    height: 45px;}
.gap-30{
    height: 30px}
.gap-15{  
	height: 15px}
.gap-9{
	height: 9px;}

.mt-0{  
	margin-top: 0px !important}

.sm{  
	min-width:80px;
	max-width: 160px}

.md{ 
	min-width:60px;
	max-width: 240px}

.lg{
	max-width: 300px} 

.logo-nav{
	text-align: center;
	padding-top: 0px;}

.centrar{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: none;}

.fondo{
	/*background-color: #FFC;*/}

.transparent{
	background-color:#f2f2f2;}

.modal.bg-dark {
    background-color: rgba(0, 0, 0, 0.93);}

.colOff_0{    
	margin-left: 4.33333333%;}

.text_vinotinto{    
	color: #840c4f;}

.text_verde {
    color: #00a651;}

.hidden{
	display: none !important}

.centerv{
	position: relative;
	top: 50%;
	transform: translateY(-50%);}

.p-relative{
	position: relative !important}

.b-0{
	border: 0px !important}

/**/
a:focus{
	outline: none}

.clearfix__{
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;}

.s-back-switch {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;}

.float-none{
  float: none;}

.nopadding{
  padding: 0px;}

.main_ .alert{
	border: 0px;}

.parraf_{}

	.parraf_ p{
		font-weight: 500;
		color: #3e3b3b;
		font-size: 13px;
		letter-spacing: -0.2px;
		}

	.parraf_ a{
		color: #019f4f;
    	font-weight: 600;
    	transition: all .2s ease-in-out;}

		.parraf_ a:hover{
			color: #0e3f67;
			}

/* =========================
// ANIMACIONES
============================ */
/**/
@-webkit-keyframes wobble_vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    49.95% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    66.6% {
        -webkit-transform: translateY(-0px);
        transform: translateY(-0px)
    }

    83.25% {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }

    100% {
        -webkit-transform: translateY(-2);
        transform: translateY(-2)
    }
}

@keyframes wobble_vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    49.95% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    66.6% {
        -webkit-transform: translateY(-0px);
        transform: translateY(-0px)
    }

    83.25% {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }

    100% {
        -webkit-transform: translateY(-2);
        transform: translateY(-2)
    }
}

/**/
@-webkit-keyframes wobble_horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }

    49.95% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    66.6% {
        -webkit-transform: translateX(-0px);
        transform: translateX(-0px)
    }

    83.25% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }

    100% {
        -webkit-transform: translateX(-2);
        transform: translateX(-2)
    }
}

@keyframes wobble_horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }

    49.95% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    66.6% {
        -webkit-transform: translateX(-0px);
        transform: translateX(-0px)
    }

    83.25% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }

    100% {
        -webkit-transform: translateX(-2);
        transform: translateX(-2)
    }
}

/* === */
.icox svg{	
	transition: all .3s ease-in-out;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 180;
	stroke-dashoffset: 0;}    

    @keyframes draw {
    	0% {stroke-dashoffset: 180;}
        100% {stroke-dashoffset: 0;}
    }

    .icox:hover svg {
    	-webkit-animation: draw 2s ease-in-out alternate infinite;
        animation: draw 2s ease-in-out alternate infinite;}


/* HEADER */
#top-nav.skin-1 .brand{
	background: #fff;
	padding: 0px 10px;
	width: 240px;
	max-height: 110px;
	overflow: hidden;
	border: 0;
	}

.logo_v{
    display: block;}

    	.logo_v img{
    		max-height: 80px;
    		}

	.sidebar-mini .logo_v{
		display:  none;}

.logo_h{
	/* opacity: 0; */
	padding: 0px 5px;
	position:  relative;
	display:  block;
	left:  0;
	top: 0;
	width: 70px;}

	.sidebar-mini .logo_h{
		opacity: 1;}

.nav_.size-toggle{    
	padding: 10px;}

.nav_ .btn.Btn_bar{
    height: 110px;
    width: 75px;
    min-width: 70px;
    line-height: 110px;
    text-align:  center;
    padding: 0;
    /* float: left; */
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    border-radius: 0px;
    background: rgba(132, 18, 79, 0);
    border-left: 0px solid #f7f7f7;
    border-right: 0px solid #f7f7f7;
    }

    .nav_ .btn.Btn_bar:hover{
    	background: #005396;
    	cursor: pointer;
    	}

	.nav_ .btn.Btn_bar i{
		display: block;
		position: relative;
		color: rgb(0 83 150);
		color: #fff;
		font-size: 19px;
		line-height: 110px;
		margin: 0 auto;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		}

		.nav_ .btn.Btn_bar:hover i{
			color: rgba(255, 255, 255, 1);}
 
	/*.nav_ .btn.Btn_bar i:after{
		position: absolute;
		width: 1px;
		height: 100%;
		content: "";
		display: block;
		background: #f7f7f7;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		}*/

/* Titulo Sucursal Virtual */
.title_sucursal{
    float:  left;
    height: 90px;
    }

	.title_sucursal h1{
	    margin: 0;
	    position:  relative;
	    display:  block;
	    top: 49%;
	    transform: translateY(-50%);
	    padding:  10px 25px;
	    color: rgba(255, 255, 255, 0.5);
	    color: rgb(165, 165, 165);
	    font-size: 18px;
	    letter-spacing: 0px;
	    font-weight: 400;
	    }

	.title_sucursal h1 i{
	    font-size: 15px;
	    position:  relative;
	    top: 0px;
	    margin: 0px 10px;
	    color: rgba(255, 255, 255, 0.2);
	    color: rgb(189, 189, 189);
	    }

/* Config Perfil */
.mod_perfil{
	float: right;
	display: block;
	position: relative;
	color: rgba(255, 255, 255, 0.5);
	font-size: 19px;
	line-height: 90px;
	min-width: 90px;
	margin: 0 auto;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}

	#top-nav.skin-1 .nav-notification > li > a{
		text-align: center;	}

	.mod_perfil .icon_drop{
	    position:  absolute;
	    float:  right;
	    width: 20px;
	    height: 20px;
	    z-index: 0;
	    line-height: 21px;
	    text-align:  center;
	    border-radius: 50%;
	    background: rgba(0, 0, 0, 0.05);
	    /* background: #750c44; */
	    font-size: 12px;
	    top: 40%;
	    transform: translateY(-50%);
	    right: 20%;}

/*BOTON PSE*/	 
.btnpse{
	float: right;
	position: relative;
	height: 100%;
	margin-right: 20px;}

	.btnpse a{
		transition: all .2s ease-in-out;
		display: flex;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		align-items: center;}

	.ipse{
	    display: inline-block;
	    width: 50px;
	    height: 50px;
	    border-radius: 50%;
	    margin-right: 3px;
		position: relative;}

		.ipse:after{
			display: block;
			content: "";
			position: absolute;
			width: 58px;
			height: 58px;
			background: #8cbce229;
			top: -4px;
			left: -4px;
			z-index: -1;
			border-radius: 50%;
			transform: scale(0.5);
			transition: all .5s ease-in-out;
			}

		    .btnpse a:hover .ipse:after{
		    	transform: scale(1);
		    }

	.btnpse p{
		color: #005396;
		font-weight: 400;
		letter-spacing: -0.5px;
		font-size: 16px;
		line-height: 16px;
		margin: 0;
		display: inline-block;}

		.btnpse p b{
		    display: block;
		    font-weight: 500;
		    font-size: 15px;}

/* PERFIL DROPDOWN */ 
#top-nav .nav-notification>li.profile .dropdown-menu{
	min-width: 250px;
	border: 0px;
	border-radius: 3px;
	padding-top: 0;
	overflow: hidden;
	-webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation: flipInY .8s ease;
    animation: flipInY .8s ease;}

.User__{
    margin-bottom: 0px;
    border-bottom: 1px solid #f1f1f1;
    }

	.User__ a{
		line-height: normal;}	

	.User__ .img_{
	    display:  inline-block;
	    width: 40%;
	    height: 100px;
	    float:  left;
	    display:  none;
	    }

	.User__ .detail{
	    float:  right;
	    width: 60%;
	    padding: 10px;
	    position:  relative;
	    display:  block;
	    float:  none;
	    width:  100%;
	    padding: 20px;
	    }

	.User__ .nombre-User{
	    display: block;
	    margin: 5px 0px 0px;
	    }

	.User__ .email_user{
	    display: block;
	    margin:  0;
	    word-break:  break-all;
	    letter-spacing:  -0.6px;
	    font-size: 13px;
	    color: #929292;
	    white-space: pre-line;
	    }

#top-nav .mod_perfil .nav-notification .dropdown-menu li{}

#top-nav .mod_perfil .nav-notification .dropdown-menu li a{
    padding: 15px 20px;
    font-size: 13px;
    letter-spacing: -0.5px;
    color: #8c838c;
    font-weight: 600;
    transition: all .2s ease-in-out;
    }

    #top-nav .mod_perfil .nav-notification .dropdown-menu li a:hover{
    	color: #4e4e4e !important;}

#top-nav .mod_perfil .nav-notification .dropdown-menu li a i{
    font-size: 16px;
    color: #c3c3c3;
    position:  relative;
    top: 1px;
    margin-right: 7px;
    transition: all .2s ease-in-out;
    }

    #top-nav .mod_perfil .nav-notification .dropdown-menu li a:hover i{
    	color: #80c900;
    	text-shadow: 0px 0px 8px rgba(128, 201, 0, 0.6);  }

    #top-nav .nav-notification>li.profile .dropdown-menu li:not(:first-child) a:focus, #top-nav .nav-notification>li.profile .dropdown-menu li:not(:first-child) a:hover{
    	transform: scale(1);
	    -webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -ms-transform: scale(1);
	    -o-transform: scale(1); }

/* NOTIFICACIONES */
#top-nav .nav-notification>li.profile .notif_ {
    	min-width: 270px;}

#top-nav .mod_perfil .nav-notification .notif_ li a{
	font-size: 12px;
	padding: 15px 15px;}

	#top-nav .mod_perfil .nav-notification .notif_ li a .text_{
		font-size: 13px;}

	#top-nav .mod_perfil .nav-notification .notif_ li a i{
		font-size: 11px;
	    color: #ffffff;
	    top: -1px;
	    margin-right: 0px;}

	    #top-nav .mod_perfil .nav-notification .notif_ li a:hover i{
	    	color: #ffffff;}

	.dropdown-menu.notif_ li a .time{
		top: initial;
	    font-size: 10px;
	    color: #b5b5b5;
	    bottom: 3px;}

/* BTON LOGOUT */
.Btn_out{
	float: right;
	display: block;
	position: relative;
	color: rgba(255, 255, 255, 0.5);
	font-size: 20px;
	line-height: 110px;
	margin: 0 auto;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}

	.Btn_out a{
		height: 110px;
		line-height: 110px;
		width: 75px;
		min-width: 75px;
		text-align: center;
		padding: 0;
		float: left;
		border-radius: 0px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		border-left: 0px solid #f7f7f7;
		}

	    .Btn_out a:hover{
	    	background: #005396;
	    	}

	.Btn_out a i{
		display: block;
		position: relative;
		color: #005396;
		color: #fff;
		font-size: 16px;
		line-height: 110px;
		margin: 0 auto;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		}

		.Btn_out a:hover i{
			color: rgba(255, 255, 255, 1);
			}

/**/
.col-name{
	padding: 0}

	.col-name .size-toggle{
		display: inline-block;}

	.page_name{
	    height: 110px;
	    padding-left: 70px;
	    display: inline-block;
	    position: relative;
	    z-index: 1;}

		.page_name i{
		    position: absolute;
		    top: 50%;
		    transform: translateY(-50%);
		    left: 24px;
		    color: #005396;
		    color: #fff;
			max-width: 22px;}

			.page_name i svg{
    			height: 22px;}

    		.pseico,
    		.page_name i.pseico{
    			left: 0;}

    			.pseico img,
    			.page_name i.pseico img{
    				height: 59px;}

		.page_name h3{
			color: #364962;
			color: #fff;
			font-weight: 600;
			letter-spacing: -0.5px;
			font-size: 19px;
			line-height: 20px;} 

		.page_name span{
		    display: block;
		    color: #364962;
		    color: #fff;
		    text-shadow: none;
		    font-size: 15px;
		    margin-top: 0px;
		    letter-spacing: -0.5px;
		    line-height: 14px;
		    white-space: normal;}

		/**/
		.fixedright{
			display: none}

.col-bone{
	padding: 0}

/* Mensaje Bienvenido */
.mens_bienv .alert-animated {
    padding: 0;
    border: 0px solid #f1f5fc;
    border-radius: 0px;
    margin-bottom: 0px;
    /* background-color: #005396; */    }

    .mens_bienv .alert-inner {
	    border: 0px solid #f1f5fc;
	    padding: 10px;
	    background-color: #0a4b80;
	    }

	.mens_bienv .alert-message {
    	text-shadow: none;
    	color: #fff;
    	animation: text-moving 20s infinite;
    	-webkit-animation: text-moving 20s infinite;
    	-moz-animation: text-moving 20s infinite;
    	-ms-animation: text-moving 20s infinite;
    	-o-animation: text-moving 20s infinite;}

   	.mens_bienv .btn_closeB,
    .btn_closeB{
    	position: absolute;
    	right: 0px;
    	top: 4px;
    	width: 30px;
    	height: 30px;
    	border-radius: 2px;
    	padding: 0;
    	min-width: auto;
    	color: #fff;
    	background: #0a4b80;
    	}

/*Modal Cerrar - Salida */
.logoutConfirm{
	padding: 40px;
	}

	.logoutConfirm h4{
		font-size: 18px;
		letter-spacing: -0.4px;
		color: #364962;
		font-weight: 400;
		}

.btn-Cancel,
.btn-Out {
	color: #fff !important;
	font-size: 15px;
	padding: 10px 20px;
	letter-spacing: -0.5px;
	position:  relative;
	min-width: 100px;
	transition: all .25s ease-in-out;
	}

	.btn-Out{
		background: #85bd18;
		}

	.btn-Cancel{
		background: #0f4571;
		}

	.btn-Cancel i,
	.btn-Out i{
		opacity: 0;
		transition: all .5s ease-in-out;
		position:  absolute;
		left: 10px;
		font-size:  14px;
		top:  50%;
		transform: translateY(-50%);}

		.btn-Cancel:hover i,
		.btn-Out:hover i{
			opacity: 1;
			left: 10px;}

	.btn-Cancel:hover,
	.btn-Out:hover {
		color: #fff;
		padding-left: 30px;
		cursor: pointer;
		}

/* NAV ASIDE */
aside.skin-1{
	width: 240px;
	top: 110px;
	background: #fff;
	box-shadow: none;
	/* box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.01); */
	border-right: 0px solid rgba(0, 0, 0, 0.03);
	}

	.overflow-initial aside.skin-1{
		height: calc(100% - 100px);}

	aside.skin-1 .sidebar-inner {
    	border-right-color: #eef1f2;}

    @media (min-width: 991px){
		#wrapper.sidebar-mini aside {
		    width: 90px;
		    border-right: 0px solid rgba(0, 0, 0, 0.03);
		    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.01);}
	}

/* User */
aside.skin-1 .sidebar-inner .user-block{
	border-bottom-color: #eef1f2;
	border-bottom:0px;
	box-shadow:  none;
	border-top: 1px solid #eef1f2;
	padding: 15px 20px;}

	.sidebar-mini aside .sidebar-inner .user-block{
		padding: 10px;
		padding: 20px 10px;
		display: none;}

.user-block .img_{
	height: 65px;
    width: 65px;
    position: relative;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 7px;
	-webkit-animation: fadeIn .7s ease-in-out .5s both;
       -moz-animation: fadeIn .7s ease-in-out .5s both;
         -o-animation: fadeIn .7s ease-in-out .5s both;
        -ms-animation: fadeIn .7s ease-in-out .5s both;
            animation: fadeIn .7s ease-in-out .5s both;
    display: none;}

        .sidebar-mini .user-block .img_{
        	margin-bottom: 0px;}

	aside .sidebar-inner .user-block img{
		float: none;
		width: auto;}

	.user-block .img_:after{
		width: 10px;
	    height: 10px;
	    display: block;
	    position: absolute;
	    content: "";
	    top: 3px;
	    left: 3px;
	    box-shadow: 0px 0px 0px 3px #fff;
	    border-radius: 50%;
	    background: #80c900; 
	    animation: fadeInDown .5s ease-in-out .8s both;}

aside.skin-1 .sidebar-inner .user-block .detail{
	float: none;
    margin: 0 auto;
    text-align: center;}

	.nombre-User{
		color: #005396;
		font-size: 14px;
		letter-spacing: -0.7px;
		font-weight: 700;
		display:  block;
		}

	.cargo-User{
		color: #9a9a9a;
		font-size: 13px;
		letter-spacing: -1px;
		font-weight: 500;
		display: block;
		}

/* Menu */
.main-menu{
	min-height: 900px;}

	.item_menu{
		transition: all .5s ease-in-out;}

	.hidden_desk{
		display: none;}

	aside .main-menu>ul>li>a:hover .text{
		color: #374556;
		transition: all .5s ease-in-out;}

		aside .main-menu>ul>li.active>a:hover .text{
			color: #293340;
			}

			.sidebar-mini aside .main-menu>ul>li.active>a:hover .text{
			color: #374556;}

	aside .main-menu>ul>li.active>a{
		color: #737b84;
		color: #364962;
		font-weight: 600;
		}		

		aside.skin-1 .main-menu > ul > li.active > a{
			background: rgb(133 189 24 / 8%);
			color: #304056;
			}
			
			aside.skin-1 .main-menu > ul > li.active > a:hover .menu-icon i svg{
				color: #85bd18;
				-webkit-animation: draw 2s ease-in-out alternate 1;
				animation: draw 2s ease-in-out alternate 1;
				}

       		.sidebar-mini aside.skin-1 .main-menu > ul > li.active > a:hover .menu-icon i svg{
       			color: #85bd18;
       			}

	.item_menu:before{
		position: absolute;
		width: 100%;
		height: 1px;
		content: "";
		display: block;
		background: #efefef;
		background: #f9f9f9;
		right: 0;
		top: 0%;
		}

	    li.active .item_menu:before{
	    	height: 0px;}		
	
	.menu-icon{
		position: relative;
		display: inline-block;
		width: 24px;
		text-align: center;}
		.sidebar-mini .menu-icon{
			width: auto;}

	.menu-icon i{
		color: #005396;
		line-height: .75em;
		font-size: 17px;
		vertical-align: middle;
		position: relative;
		top: -2px;
		transition: all .5s ease-in-out;}

			.menu-icon i svg{
				height: 17px}
			.sidebar-mini .menu-icon i{
				top: 1px;}

		aside .main-menu>ul>li.active>a .menu-icon i{
			color: #85bd18;
			}

		.sidebar-mini aside .main-menu>ul>li.active>a .menu-icon i{
			color: #85bd18;
			}

			.sidebar-mini aside .main-menu>ul>li>a:hover .menu-icon i{
				color: #bf298f;}

			aside.skin-1 .main-menu > ul > li > a:hover .menu-icon i svg{
				color: #1783da;
				color: #85bd18;
				-webkit-animation: draw 2s ease-in-out alternate infinite;
				animation: draw 2s ease-in-out alternate infinite;
				}
 
		.item_menu:hover .menu-icon i{
			color: #1783da;
			color: #a2d243;
			}


	.menu-down{
		transition: all .5s ease-in-out;
		color: #525f6f;}

		.main-menu li a:hover .menu-down{
			color: #364962;
			}

	aside.skin-1 .main-menu > ul > li > a .menu-hover {
	    background: #1783da;
	    background: #a2d243;
	    box-shadow: 0 0 10px 0px rgb(133 189 24 / 50%);
	    -moz-box-shadow: 0 0 10px 0px rgb(133 189 24 / 50%);
	    -webkit-box-shadow: 0 0 10px 0px rgb(133 189 24 / 50%);
	    }

.main-menu .btn-flat.btn-default .ink {
  background-color: rgba(128, 128, 128, 0.3);}

aside.skin-1 .main-menu > ul > li.active > a .menu-hover {
    background: #85bd18;
    box-shadow: 0 0 10px 0px #85bd18;
    -moz-box-shadow: 0 0 10px 0px #85bd18;
    -webkit-box-shadow: 0 0 10px 0px #85bd18;
    height: 100%;
    }


@media (min-width: 992px){
	#wrapper.sidebar-mini aside .sidebar-inner .main-menu>ul>li>a {
		position: relative;}

		#wrapper.sidebar-mini aside .sidebar-inner .main-menu ul li:hover a {
			overflow: visible;}

		#wrapper.sidebar-mini aside .sidebar-inner .main-menu ul li a:hover {
			overflow: visible;
			background: #ffffff}

		#wrapper.sidebar-mini aside .sidebar-inner .main-menu ul li a.feedbtn:hover {
			background: rgb(0 83 150)}
		#wrapper.sidebar-mini aside .main-menu>ul>li>a.feedbtn{
			background: rgb(0 83 150);}
		
	#wrapper.sidebar-mini aside .sidebar-inner .main-menu ul li a .text{
		left: 80%;
		position: absolute;
		top: -5%;
		z-index: 1000;
		width: auto;
		white-space: nowrap;
		display: inline-block;
		background: #fff;
		padding: 20px 15px 10px 10px;
		height:  60px;
		margin-top: 0;
		box-shadow: 5px 15px 25px -10px rgba(0,0,0,.1);
		text-align:  left;
		opacity: 0;
		transition: all .25s ease-in-out;}

		#wrapper.sidebar-mini aside .sidebar-inner .main-menu ul li a:hover .text{
			top: 0%;
			opacity: 1;}

		#wrapper.sidebar-mini aside .sidebar-inner .main-menu ul ._hoverM a .text,
		._hoverM .text{
			top: 0% !important;
			opacity: 1 !important;} 
			#wrapper.sidebar-mini aside .sidebar-inner .main-menu ul ._hoverM a.feedbtn .text,
			.sidebar-mini ._hoverM .feedbtn .text{
				top: 1px !important;
				background: rgb(0 83 150);
				}

	#wrapper.sidebar-mini aside .sidebar-inner .main-menu>ul>li .submenu{
		top: 97%;
	    border-radius: 0px;
	    border: 0;
	    padding: 10px;
	    min-width: 170px;
	    right: -180px;
	    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);}

	    #wrapper.sidebar-mini aside .sidebar-inner .main-menu>ul>li .submenu .submenu{
	    	top: -13px;
	    	right: -190px;
	    	}

	    #wrapper.sidebar-mini aside .sidebar-inner .main-menu>ul>li .submenu li a {
		    background: #fff;
		    text-align: left;
		    padding: 7px 20px;
		    color: #9c9c9c;}

		#wrapper.sidebar-mini aside .sidebar-inner .main-menu>ul>li .submenu li a .submenu-label{
			color: #4e4e4e !important;
			}

	#wrapper.sidebar-mini .menu-down{
		position: absolute;
		right: 7px;
	    top: 50%;
	    transform: translateY(-50%);
	    font-size: 12px;}

}

.areaBann_{
	display: none;
	margin: 20px 0px;
	transition: all .15s ease-in-out;}

	.areaBann_ a{
		display: block;}

	.areaBann_ img{
		max-width: 100%;}

	#wrapper.sidebar-mini .areaBann_{
		display: none;}

/**/
#wrapper .main-menu .a_Menu{
	background: #0667b5;
	color: #fff;
	}

    #wrapper .main-menu .a_Menu:hover{
		background: #005396;
		}

    #wrapper .main-menu .a_Menu .menu-icon i{  
    	color: #fff;}

    aside .main-menu>ul>li>.a_Menu:hover .text {
    	color: #fff;}

    aside.skin-1 .main-menu > ul > li > .a_Menu .menu-hover {
	    background: rgba(0, 0, 0, 0.5);}

	.sidebar-mini .main-menu .a_Menu{   
		background: #84124f;
    	color: #fff;}

    #wrapper.sidebar-mini aside .sidebar-inner .main-menu ul li .a_Menu:hover{
    	background: #84124f;
    	color: #fff;}

    #wrapper.sidebar-mini aside .sidebar-inner .main-menu ul li .a_Menu .text{
    	width: 180px;
    	background: #84124f;
    	color: #fff;}

/* MAIN CONTENT */
#wrapper.main_{
	background-color: #f9f9f9;
	background-color: #fdfdfd;
	background-color: #f7f7f7;}

#main-container{
	margin-left: 240px;
	min-height: 990px;
	min-height: 90vh;
		min-height: 890px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	padding-top: 0px;}

/* Titulo pagina Breadcrumb */
.page_title{
	min-height: 60px;
	background: #fff;
	display: block;
	border-bottom: 1px solid #f1f1f1}

	.page_title .main-header{
		padding: 12px 25px;}

	.main-header .page-title{
	    padding-left:  40px;
	    position:  relative;}

	.page_title .main-header i{
		color: #d4d4d4;
		font-size: 20px;
		position:  absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);}

	.page_title .main-header h3{
	    letter-spacing:  -1px;
	    color: #737373;
	    font-weight: 400;
	    font-size: 16px;
	    }

	.page_title .main-header span{
	    display: block;
	    color: #8e8e8e;
	    text-shadow: none;
	    font-size: 14px;
	    margin-top: 0px;
	    letter-spacing: -0.5px;
	    }

	.breadcrumb{
		padding: 16px 15px;
		position: relative;
		border-bottom: 0px solid #f9f9f9;
		}

/* PANELES */
.panel__{}
	
	.panel__ .panel.panel-default{
		border: 0px;
		/*box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 0px 30px rgba(0, 0, 0, 0.03);*/
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.01), 0 0px 30px rgba(0, 0, 0, 0);}

	.panel__ .panel-heading{
    padding: 8px 15px;}

	.t_panel{
	    position:  relative;
	    padding: 8px 15px 6px 40px;
	    }

		.t_panel i{
		    /*background: linear-gradient(60deg, #00a651, #079c50);
		    box-shadow: 0 5px 20px rgba(0, 166, 81, 0.18), 0 4px 20px 0px rgba(0, 0, 0, 0.09), 0 7px 8px -5px rgba(0, 166, 81, 0.2);*/
		    position: absolute;
		    left: 0;
		    color: #005396;
		    border-radius: 3px;
		    top: 0px;
		    font-size: 18px;
		    line-height: 18px;
		    width: 30px;
		    /* height: 30px; */
		    text-align: center;
		    top: 50%;
		    transform: translateY(-50%);
		    }

		.t_panel h1{
			margin: 0;
			display: inline-block;
			font-size: 16px;
			margin-top: 0px;
			line-height:  normal;
			letter-spacing: -0.2px;
			color: #364962;
			font-weight: 500;
			}

			.panel__ .datos__ .t_panel h1{
				font-size: 13px;
				margin-top: 2px;
				}

    	.t_panel p{
    		color: #364962;
    		text-shadow: none;
    		font-size: 13px;
    		margin-top: -3px;
    		margin-bottom: 0px;
    		letter-spacing: -0.15px;
    		}

    .panel .tool-bar{
    	float: none;
    	margin-left: auto;
    	margin-right: 0;
    }

/*HOME PORTAFOLIO*/
.port_home{}

	.port_home .panel.panel-default .panel-heading {
    	background: #00a651;
    	border-bottom: 0px;
    	padding: 0px 10px;
    	}

		.port_home .t_panel{
			border-radius: 3px;
			/* background: #16b965; */
			/* box-shadow: 0px 0px 15px rgba(0, 166, 81, 0.88), 0px 0px 20px rgba(0, 0, 0, 0.1); */
			color: #fff;
			padding: 0px 20px 0px 30px;
			}

		    .port_home .t_panel i{
		    	color: #fff;
		    	top: 0px;
		    	font-size: 12px;
		    	line-height: 37px;
		    	width: 30px;
		    	height: 35px;
		    	}

		    .port_home .t_panel h1{
		    	color: #fff;
		    	font-weight: 400;
		    	margin-top: 0px;
		    	min-height: 35px;
		    	line-height: 35px;
		    	opacity: 1;
		    	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
		    	font-size: 14px;
		    	letter-spacing: -0.3px;
		    	}

	.port_home .panel.panel-default .tool-bar a{
		background: transparent;
		color: #fff;}

	.port_home .panel.panel-default .tool-bar a:hover{
		background: #16b965;
    	box-shadow: 0px 0px 15px rgba(0, 166, 81, 0.88), 0px 0px 10px rgba(0, 0, 0, 0.1);	
    	color: #fff;}

    .port_home .panel__ .panel .tool-bar .btn_tool.collapse_btn {
    	color: #fff;}

.port_home .panel .tool-bar li a{
	padding: 10px 0px;
	font-size: 11px;
	}

/* TABLES */
.panel__ .btn_more,
.btn_more{
	background: #85bd18;
	color: #fff;
	min-width: auto;
	outline: none;
	transition: all .25s ease-in-out;
	border-radius: 5px;
	padding: 8px 8px;
	}

		.panel__ .btn_more span,
		.btn_more span{
			font-family: 'Poppins';
		    font-size: 13px;
		    position: relative;
		    margin-left: 5px;
		    top: -2px;}

    .panel__ .btn_more:hover,
	.btn_more:hover{
		color: #fff;
		background: #86c903;
		box-shadow: 0px 0px 20px rgb(133 189 24 / 32%), 0px 20px 15px -20px rgb(133 189 24 / 28%);
		}

	.btn_moretext,
	.btn-flat.btn-default.btn_moretext{
	    white-space: nowrap;
	    letter-spacing: -0.2px;
	    font-size: 14px;
	    line-height: 15px;
	    font-weight: 400;
	    color: #364962;
	    border-radius: 30px;
	    padding: 8px 12px;
	    transition: all .25s ease-in-out;
	    background: transparent;
	    }

		.btn_moretext i{
    		color: #005396;
    		color: #2458a5;
    		margin-right: 5px;
    		font-weight: 700;
    		}

    		.btn_moretext:hover i{
    			color: #fff;}  
		
		.btn_moretext:hover,
		.btn-flat.btn-default.btn_moretext:hover{
			/* box-shadow: 0px 0px 20px rgb(6 103 181 / 40%), 0px 20px 15px -20px rgb(6 103 181 / 48%); */
			background-color: #005396;
			background: #2458a5;
			color: #fff;
			}

	.panel__ .panel .tool-bar .btn_tool.collapse_btn{
		color: #005396;}

	.panel__ .panel .tool-bar .btn_tool.collapse_btn.collapsed{
		color: #006f36;}

.table_sub{
	position: relative;
	background: #005396;
	color: #fff;
	margin: 0;
	padding: 10px;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
	z-index: 0;
	}

    .table_sub:after{
    	position: absolute;
    	z-index: -1;
    	content: '';
    	left: 0;
    	bottom: -7px;
    	border-style: solid;
    	border-width: 7px 7px 0px 0px;
    	border-color: #005396 transparent;
    	}

.panel__ .panel .tool-bar .btn_tool{
	min-width: auto;
	width: 40px;
	margin: 0px 3px;
	color: #a0a0a0;
	font-size: 13px;
	transition: all .25s ease-in-out;
	}

	.panel__ .panel .tool-bar .btn_tool:hover{
		color: #fff !important;
		background: #005396;
		}

	.panel__ .panel .tool-bar .btn_tool:focus{
		background: transparent;}

.panel__ .table{
	border-bottom: 0px solid rgba(0, 0, 0, 0.04);
	margin-bottom: 5px;
	}

.panel__ .panel-body {
    padding: 15px;
	z-index: 1;
	position: relative;   } 

    .panel__ .panel-body .table-responsive{
    	margin-top: 40px;
    	padding: 15px;}

    .panel__ .panel-body .table-responsive:first-of-type{
    	margin-top: 0px;}

.panel__ .table thead>tr{
	background: #1e7cc782;
	background: #f7f6f6;
	color: #fff;
	border: 0px;
	border-left: 0px solid rgba(0, 0, 0, 0.05);
	}

	.port_home .panel__ .table thead>tr {
    	background: #efefef;
    	color: #616161;}

    	.port_home .panel__ .table>thead>tr>th {
    		border-right: 1px solid rgba(0, 0, 0, 0.07);
    		border: 1px solid rgba(0, 0, 0, 0.05);}

	.panel__ .table>thead>tr>th{
		vertical-align: middle;
		/* border-right: 1px solid rgba(0, 0, 0, 0.15); */
		border: 0;
		letter-spacing: -0.05px;
		font-size: 13px;
		line-height: 14px;
		font-weight: 500;
		padding: 14px 11px;
		color: #222d3c;
		}

		.panel__ .table>thead>tr th:last-child{
			border-radius: 0px 6px 6px 0px;}
		.panel__ .table>thead>tr th:first-child{
			border-radius: 6px 0px 0px 6px;}

	.panel__ .th_link{
		width: 60px;}

.panel__ .table tbody>tr {
    border: 0px solid #eee;}

    .panel__ .table tbody>tr>td {
    	vertical-align: middle;
    	border-top: 0;
    	border: 0px solid rgb(239 237 237);
    	height: 40px;
    	letter-spacing: -0.2px;
    	font-size: 14px;
    	line-height: 15px;
    	font-weight: 400;
    	color: #364962;
    	background-color: #ffffff;
    	text-align: left;
    	}	

    		.panel__ .table tbody>tr>td:last-child{
				border-radius: 0px 6px 6px 0px;}
			.panel__ .table tbody>tr>td:first-child{
				border-radius: 6px 0px 0px 6px;}

    	.panel__ .table tbody>tr.selected>td {
    		transition: all .4s ease-in-out;
    		background-color: #fbfbfb;
    		border: 0px solid rgba(0, 0, 0, 0.05);
    		/* color: #fff; */
    		}

    		.panel__ .table tbody>tr.selected:hover td {
    			background-color: #f5f9ec;
    			}

	.panel__ .table-hover>tbody>tr:hover>td, .panel__ .table-hover>tbody>tr:hover>th {
    	background-color: #2458a500;
    	}

.panel__ .table tfoot>tr{}
	
	.panel__ .table>tfoot>tr>td{
	    letter-spacing: -0.4px;
	    font-size: 15px;
	    line-height: 13px;
	    font-weight: 700;
	    color: #005396;
	    height: 40px;
	    vertical-align: middle;
	    background: #f5f5f5;
	    background: #fbfbfb;
	    border-top: 1px solid #f3f3f3;
	    }
	    .panel__ .table>tfoot>tr>td:first-child{
	    	border-radius: 0px 0px 0px 6px;}
	    .panel__ .table>tfoot>tr>td:last-child{
	    	border-radius: 0px 0px 6px 0px;}

.coopForm .panel-default>.panel-heading .badge{
	color: #ffffff;
	background-color: #005396;
	min-height: 25px;
	min-width: 25px;
	border-radius: 50%;
	padding: 0;
	text-align: center;
	line-height: 25px;}

/* LINK EN TABLE */
.btn_td{
	position: relative;
	font-weight: 600;
	letter-spacing: -0.5px;
	color: #364962;
	font-size: 14px;
	}

	.btn_td:hover{
		color: #485a72;
		}

	.btn_td:before{
		font-family: "feather";
		content: "\e882";
		position: relative;
		display: inline-block;
		color: #85bd18;
		font-size:  14px;
		margin-right: 5px;
		transition: all .3s ease-in-out;
		}

	.btn_td:hover:before{
		color: #8fd900;
		animation: fadeInRight .2s ease-in-out;
		}

.panel__ .table tbody>tr>td.cuota_,
.cuota_{
	font-weight: 700;
	color: #364962;
	text-align: right;
}

.title_cuota_ {
    text-align: right;
}

/* FOOTER */
footer{
	background: linear-gradient(60deg, #922f72, #901569);
	padding: 20px 40px;
	background: #84124f;
	color: #fff;
	background: rgb(232 232 232 / 25%);
	border-top: 1px solid rgb(0 0 0 / 2%);
	}

	footer .footer-brand {
	    font-size: 14px;
	    margin-right: 20px;
	    font-weight: 400;
	    color: rgba(255, 255, 255, 0.6);
	    color: rgb(49 49 49);
	    letter-spacing: -0.25px;
	    }

	footer .footer-brand i{
		color: rgba(255, 255, 255, 0.15);
		color: rgb(123 120 120);
		}

	footer .footer-brand a{
		font-weight: 600;
		color: rgba(255, 255, 255, 0.6);
		color: rgb(49 49 49);
		transition: all .8s ease-in-out;
		}

		footer .footer-brand a:hover{
			color: rgb(0 83 150);
			text-shadow: 0px 0px 8px rgba(255,255,255,.15);
			}

/* ACTUALIZACION DATOS */
/* Wizard */ 
.wizard-steps li{
	padding: 0px 0px 0px 33px; 
	transition: all .2s ease-in-out;}

	.wizard-steps li:after, .wizard-steps li:before{
		transition: all .2s ease-in-out;}

	.wizard-steps li:first-of-type{
		padding: 0px 10px 0px 10px;}	

	.wizard-steps li.active{
		padding: 0px 10px 0px 40px;}

		.wizard-steps li:first-of-type.active{
			padding: 0px 10px 0px 15px;}

	.wizard-steps li a{
		letter-spacing: -0.5px;}

	.wizard-steps li a i{
		margin-right: 5px;
		transition: all .2s ease-in-out;}

		.wizard-steps li.active a i{
			color: #fff;
			animation: wobble 2s ease-in-out both}

/* FORM ACTUALIZACION DATOS */	
@media (min-width: 768px){	

	.form-horizontal .control-label {
	    padding-top: 10px;
	    margin-bottom: 5px;
	    text-align: right;
	    text-align: left;
	    font-size: 13.5px;
	    font-weight: 400;
	    letter-spacing: -0.2px;
	    color: #364962;
	    }

	    .form-horizontal .control-label span,
	    .required{
	    	color: #005495;
	    	font-size: 13px;
	    	font-weight: 800;
	    	margin: 0px 3px;
	    	position: relative;
	    	letter-spacing: normal;
	    	height: 5px;
	    	line-height: 5px;
	    	display: inline-block;
	    	} 

	.coopForm .input-sm{
		height: 45px;
		padding: 0px 0px 0px 35px;
		font-size: 13px;
		border-color: #eaeaea;
		box-shadow:  none;
		color: #364962;
		}

		.coopForm table .input-sm{
			padding: 0px 0px 0px 5px;}

		.coopForm.pagos__ table .input-sm{
			padding: 0px 0px 0px 35px;}

	.coopForm select.form-control,
	.coopForm input.datepicker {
		height: 45px;
		padding: 0px 0px 0px 30px;
		font-size: 13px;
		border-color: #d8d8d8;
		box-shadow: none;
		}

		.coopForm table select.form-control,
		.coopForm table input.datepicker{
			padding: 0px 30px 0px 5px;}

		.coopForm select.form-control{
			background: url(../images/cd-icon-arrow.png) no-repeat 95% center;
			background-size: 13px;
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
			-o-appearance: none;
			appearance: none;
			padding-right: 35px;
			transition: all .4s ease-in-out;
			}

		    .coopForm select.form-control:hover{
		    	background: url(../images/cd-icon-arrowHover.png) no-repeat 95% center;
		    	background-size: 13px;
		    	}

	.coopForm label.label-radio{
		height: 45px;
		position: relative;
		display: block;
		min-height: 45px;
		float: left;
		padding-top: 12px;
		margin-right: 12px;
		font-size: 13px;
		font-weight: 400;
		letter-spacing: -0.4px;
		color: #364962;
		top: -1px;
		position: relative;
		/* margin-left: 4px; */
		}
		.coopForm label.label-radio .from{
			top: 1px;
			position: relative;
			margin-left: 0px;
			}

		.coopForm table label.label-radio{    
			padding-top: 3px;
			height: auto;
   			min-height: auto;}

   		.coopForm table label.pay_radio{
   			float: none;
		    display: block;
		    margin: 0 auto;
		    padding: 0;}

		.helpradio{
			color: #364962;
			min-height: 45px;
			float: left;
			padding-top: 11px;
			/* padding-right: 15px; */
			font-weight: 400;
			font-size: 13px;
			letter-spacing: -0.25px;
			margin: 0px 0px 0px 3px;
			}

   	.coopForm textarea{
   		height: 100px;
   		padding: 10px 0px 0px 35px;
   		font-size:  14px;
   		border-color: #d8d8d8;
   		box-shadow: none;
   		}
      
}	    

.form_presultado{
	padding: 0px 0px 0px 35px;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	border: 1px solid #eaeaea;
	border-color: #eaeaea;
	box-shadow: none;
	display: block;
	width: 100%;
	color: #364962;
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	margin: 0;
	}  

.canv_pago{
	background: #f1f1f1;
	border-radius: 30px;
	padding: 0px;
	}

.box_pago.form-horizontal .label_pay,
.label_pay{
	margin-top: 5px;
	}

.box_pago .coopForm .input_pay,
.input_pay{
	height: 60px;
	background: #f1f1f1;
	color: #005396;
	border-radius: 30px;
	text-align: center;
	padding: 0px;
	margin-right: 0px;	}

.inner_icon{
	padding: 0;
	position: relative;
	z-index: 0;
	transition: all .5s ease-in-out;}

	.inner_icon:after{
		transition: all .25s ease-in-out;
		position: absolute;
		z-index: 2;
		content: '';
		left: 8px;
		/*bottom: 0px;*/
		top: 43px;
		height: 2px;
		width: 0px;
		border-radius: 3px;
		background-color: #a2d243;
		}

			.inner_icon.mtextarea:after{
				top:98px;}

	    .inner_icon:hover:after{
	    	width: 20px;}

	.inner_icon .icono_{
		position: absolute;
		font-size: 14px;
		left: 10px;
		top: 16px;
		min-width: 17px;
		text-align: center;
		color: rgba(0, 0, 0, 0.3);
		z-index: 10;
		transition: all .5s ease-in-out;
		pointer-events: none;
		}

		.coopForm .inner_icon:hover .icono_{
			color: #a2d243;
			}

	.infored{
        color: #005396;
    	font-weight: 500; }

    .smalltext{    
    	font-size: 95%;}

	.coopForm input:focus,
    .coopForm select.form-control:focus,
	.coopForm input.datepicker:focus,
	.coopForm textarea:focus{
		border-color: #c1c1c1;
		-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 0px 10px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 0px 10px rgba(0, 0, 0, 0.05);
		box-shadow: none;
		}
    
	.coopForm input:hover,
    .coopForm select.form-control:hover,
	.coopForm input.datepicker:hover,
	.coopForm textarea:hover{
		-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 0px 10px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 0px 10px rgba(0, 0, 0, 0.05);
		box-shadow: none;
		}

	    .coopForm select.form-control:hover{
	    	cursor: pointer; }

	.form-control[disabled]:hover, .form-control[readonly]:hover, fieldset[disabled]:hover .form-control,
	.form-control[disabled]:focus, .form-control[readonly]:focus, fieldset[disabled]:focus .form-control{
		box-shadow: none;}

	input[type=radio]:checked+.custom-radio {
	    background-color: #2458a5;
	    border: 1px solid #2458a5;
	    }
	input[type=radio]:checked+.custom-radio:before{
		background-color: #2458a5;
		border-color: #2458a5;
		}

    .coopForm .input-group-addon{
    	background-color: #840c4f;
    	border: 0px;
    	color: #fff;
    	border-radius: 0px 3px 3px 0px;}

    .coopForm.pagos__ .label-checkbox, .coopForm.pagos__ .label-radio {
   		position: relative;
   		display: inline-block;
   		top: -1px;
   		float: left;
   		}


/* UPLOAD FILE */
.coopForm .upload-file{
	height: 50px;
	line-height: 50px;
	}

.coopForm .upload-file label{
	height: 50px;
	padding: 0px 5px 0px 0px;
	font-size: 13px;
	border-color: #d8d8d8;
	box-shadow: none;
	max-height: 50px;
	text-align: left;
	}

    .coopForm .upload-file label span{
    	line-height: 50px;
    	color: #a0a0a0;
    	padding-left: 10px;
    	height: 50px;
    	font-weight: 300;
    	}

	    .coopForm .inner_icon.upload-file label span{    
	    	padding-left: 35px;}

	.upload-file label:before{
		background-color: #85bd18;
		border-left: 0px;
		color: #fff;
		line-height: 48px;
		padding: 0 10px;
		font-weight: 600;
		font-size: 13px;
		letter-spacing: -0.6px;
		}

/**/
/*KENDO UPLOAD*/
.upload_ {
    /* padding: 5px; */
    margin-bottom: 25px;}

    .upload_ p {
        color: #717171;}

    .upload_ .k-upload {
        background-image: none;
        background-color: #f5f5f5;
    	border-color: #d9dcdb;
        border-radius: 10px;}

.form_coop .upload_ .k-upload {
    background-color: #f5f5f5;
    border-radius: 5px;
    border: 0;
    }

.form_coop .k-upload .k-upload-button {
    font-size: 14px;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: #fff;
    border-color: #85bd18;
    background-color: #85bd18;
    background-image: none;
    box-shadow: none !important;
    padding: 8px 10px;
    }

.form_coop .upload_ .k-upload .k-dropzone {
    padding: 15px;
    background-image: none;
    background-color: #f9f9f9;
    border-radius: 5px;}

    .form_coop .upload_ .k-dropzone em,
    .form_coop .upload_ .k-dropzone .k-upload-status{
    	color: #737373;}

.upload_ .k-file-success .k-file-name {
    color: #354c5d;
    font-size: 14px;
    font-weight: 500;}

/*Error*/ 
.coopForm select.form-control.parsley-error,
.coopForm .parsley-error {
	border-color: #005396;
	color: #005396;}

.parsley-error:focus{
	border-color: #1667a9 !important;}

.parsley-error-list{
	margin-bottom: 0px;}
	
	.parsley-error-list .type,
	.parsley-error-list .required{
		background: #005396;
		color: #fff;
		padding: 8px 10px;
		position: relative;
		display: inline-block !important;
		left: 5px;
		font-size: 11px;
		font-weight: 400;
		animation: fadeIn .8s ease-in-out both;}

	.parsley-error-list .type:after,
	.parsley-error-list .required:after{
		position: absolute;
		z-index: -1;
		content: '';
		left: 0;
		top: -6px;
		border-style: solid;
		border-width: 0px 7px 7px 0px;
		border-color: #005396 transparent;}

/**/
.field-validation-error{
	background: #005396;
    color: #fff !important;
    padding: 8px 10px;
    position: relative;
    display: inline-block !important;
    left: 5px;
    font-size: 12px;
    font-weight: 400;
    animation: fadeIn .8s ease-in-out both;}

    .field-validation-error:after {
	    position: absolute;
	    z-index: -1;
	    content: '';
	    left: 0;
	    top: -6px;
	    border-style: solid;
	    border-width: 0px 7px 7px 0px;
	    border-color: #005396 transparent;}		

/*HELP BLOCK FORM*/
.coopForm .help-block{
	margin-top: 0px;
	margin-bottom: 10px;
	background: #f1f1f1;
	color: #6f6f6f;
	padding: 10px;
	display: inline-block;
	}

/* PROGRESS BAR */ 	    
.panel_footer .progress{
	height: 5px;}

	.panel_footer .progress-bar {
    	background-color: #840c4f;}

.table-responsive .table .progress .progress-bar {
    background-color: #1978c5;
    }

.buttons_control{
	text-align: center;}

.btn_step,
.btn_success, 
.btn_add,
.btn_attach,
.btn_clear,
.saving {
	color: #fff !important;
	font-size: 14px;
	padding: 10px 20px;
	letter-spacing: -0.1px;
	font-weight: 600;
	position:  relative;
	min-width: 100px;
	transition: all .25s ease-in-out;
	border-radius: 20px;
	}

	.btn_attach{
		font-size: 14px;
		letter-spacing: -0.5px;
		background: #1978c5;}

	.btn_success{
		background: #005396;
		}
		.btn_success.saving{
			padding-left: 20px;
		    background: #85bd18;
		    box-shadow: 0px 0px 20px rgb(133 189 24 / 13%) !important}
		    .btn_success.saving:hover{
		    	padding-left: 20px; }

		.iconcargador_,
		.btn_success i.iconcargador_ {
		    display: inline-block;
		    opacity: 1;
		    position: relative;
		    top: 2px;
		    right: auto;
		    left: -3px;
		    transform: none;
		    width: 14px;
		    height: 14px;
		    border: solid 2px transparent;
		    border-top-color: #ffffff;
		    border-left-color: #ffffff;
		    border-radius: 10px;
		    -webkit-animation: pace-spinner 400ms linear infinite;
		    -moz-animation: pace-spinner 400ms linear infinite;
		    -ms-animation: pace-spinner 400ms linear infinite;
		    -o-animation: pace-spinner 400ms linear infinite;
		    animation: pace-spinner 400ms linear infinite;}
		    .btn_success:hover i.iconcargador_{
		    	left: -3px;}

	.btn_step{
		background: #85bd18;
		}

	.btn_add{
		background: #005396;}

	.btn_clear{
		color: #a5a5a5 !important;
    	background: #efefef;}

	.btn_step i,
	.btn_success i,
	.btn_add i,
	.btn_attach i,
	.btn_clear i{
		opacity: 0;
		transition: all .5s ease-in-out;
		position:  absolute;
		left: 10px;
		font-size:  14px;
		top:  50%;
		transform: translateY(-50%);}

		.btn_step:hover i,
		.btn_success:hover i,
		.btn_add:hover i,
		.btn_attach:hover i,
		.btn_clear:hover i{
			opacity: 1;
			left: 15px;
			}

	.btn_step:hover,
	.btn_success:hover,
	.btn_add:hover, 
	.btn_attach:hover,
	.btn_clear:hover,
	.reload .coopForm input.btn_step:hover,
	.reload .coopForm input.btn_step.datepicker:hover
	.reload .coopForm input.btn_step:focus,
	.reload .coopForm input.btn_step.datepicker:focus {
		color: #fff !important;
		background: #225cb3;
		padding-left: 35px;
		border: 0;
		}

		.btn_clear:hover{
			color: #a5a5a5 !important;}

	.btn_pay {
		color: #fff !important;
		font-size: 15px;
		line-height: 30px;
		padding: 15px 20px;
		letter-spacing: -0.8px;
		position:  relative;
		border-radius: 30px;
		min-width: 100px;
		position: relative;
		background: #85bd18;
		height: 60px;
		display: block;
		}

		.btn_pay i{
		    font-size: 12px;
		    top: -2px;
		    position:  relative;
		    opacity: .5;
		    margin-right: 5px;
		    }

		.btn_pay:hover{
			animation: wobble-vertical 1s ease-in-out;}

.btn_clave{
	background: #ffffff;
	padding: 11px 10px;
	line-height:  normal;
	display: block;
	border-radius: 30px;
	color: #afafaf;
	font-size: 13px;
	letter-spacing: -0.5px;
	margin: 0;
	margin-bottom: 20px;
	position: relative;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	}

	.btn_clave i{
		opacity: 0;
		transition: all .25s ease-in;
		position:  absolute;
		left: 30px;
		font-size:  14px;
		top:  50%;
		transform: translateY(-50%);}

		.btn_clave:hover i{
			opacity: 1;
			left: 10px;}

	.btn_clave:hover{
		transition: all .25s ease-in;
		padding-left: 35px;
		color: #888383;}

	.fix_icon{
		position: relative;
		padding-left: 35px;}

		.fix_icon i{
			opacity: 1;
			left: 13px;} 

		.fix_icon.disabled, .fix_icon[disabled]{
			background: #5d163d;}

		.fix_icon .fa.fa-spinner{
			left: 15px;
			top: 30%;}

.btn_inputsuccess {
	border: 0px !important;
	color: #fff !important;
	font-size: 14px;
	padding: 12px 20px;
	letter-spacing: -0.4px;
	position:  relative;
	min-width: 100px;
	transition: all .25s ease-in-out;
	border-radius: 35px;
	background: #85bd18;
	margin-top: 15px;
	}

	.btn_inputsuccess:hover{
		background: #86c903 !important;
		}


/* PAGOS EN LINEA */		
.check_all{
	letter-spacing: -0.6px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding-top: 4px;}

    .check_all .custom-checkbox{
    	top: -1px;}

.box_pago{
	margin: 0 auto;
    margin-top: 3%;
    margin-bottom: 3%} 

    .box_pago.form-horizontal .control-label{
    	font-size: 14px;
    	font-weight: 700;
    	}

    .box_pago .coopForm .input-sm{
    	font-size: 16px;
    	font-weight: 700; }

.icon_pse{
	display: block;
    margin-top: 3%;}

/* PAGOS */ 
.panel__ .table_pagos tbody>tr>td{
	padding: 8px 8px;
	letter-spacing: normal;
	}

    .Totalcost{
    	font-size: 16px;
	    font-weight: 700;
	    color: #13844a;
	    position: absolute;
	    right: 0;
	    left: 0;
	    top: 50%;
	    transform: translateY(-50%);
	    margin: 0 auto;}

	.main_ .form_total{
		font-size: 14px;
		font-weight: 700;
		color: #13844a;
		position: absolute;
		right: 0;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		margin: 0 auto;
		text-align: center;
		width: 70%;
		border: 0px;
		background: transparent;
		}

	    .main_ .form_total:hover, .main_ .form_total:focus{
	    	box-shadow: none;
	    	outline: none}

.panel__ .table tbody>tr.selected .inner_icon{
	pointer-events: none;
	opacity: .7;
	}  

	.panel__ .table tbody>tr.selected .inner_icon input{
		color: #fff;} 

	.panel__ .table tbody>tr.selected .inner_icon.calendar__{
		opacity: 1;
		pointer-events: auto;}

		.panel__ .table tbody>tr.selected .inner_icon.calendar__ input{
			color: #555;}

	.panel__ .table tbody>tr.min_ td.v_max{
		pointer-events: none !important;
		color: rgb(171, 171, 171);
		}

	.panel__ .table tbody>tr.min_ .label_max{
		pointer-events: none !important;
		opacity: .3;}

	.panel__ .table tbody>tr.max_ td.v_min{
		pointer-events: none !important;
		color: rgb(171, 171, 171);
		}

	.panel__ .table tbody>tr.max_ .label_min{
		pointer-events: none !important;
		opacity: .7;
		}

	.opacity_{
		pointer-events: none !important;
		opacity: .5;}

/*Parcial*/
.panel__ .table tbody>tr.parcial>td {
    transition: all .4s ease-in-out;
    background-color: #730442;
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #fff;}

.panel__ .table tbody>tr.parcial .label-checkbox{
	pointer-events: none;
	opacity: .2;}

	.panel__ .table tbody>tr.parcial .valor_{
		color: rgba(255, 255, 255, 0.25)}

/**/
.panel__ .pagos__ .table tbody tr .datepicker.form-control{
	padding: 0px 0px 0px 30px;}

	.pagos__ .input-group-addon {
    	background-color: #dcdcdc;}

.panel__ .table tbody>tr.bloq_otroValor .otro_valor{
	pointer-events: none;
	opacity: .3;}

	.panel__ .table tbody>tr.bloq_otroValor>td {
	    transition: all .4s ease-in-out;
	    background-color: #730442;
	    border: 1px solid rgba(0, 0, 0, 0.08);
	    color: #fff;}

	.panel__ .table tbody>tr.bloq_otroValor .label-checkbox{
		pointer-events: none;
		opacity: .2;}

		.panel__ .table tbody>tr.bloq_otroValor .valor_{
			color: rgba(255, 255, 255, 0.25)}
	/**/

.panel__ .table tbody>tr.bloq_pagoMinimo .pago_minimo{
	pointer-events: none;
	opacity: .3;} 

	.panel__ .table tbody>tr.bloq_pagoMinimo>td {
	    transition: all .4s ease-in-out;
	    /* background-color: #730442; */
	    background-color: #f3f3f3;
	    border: 1px solid rgba(0, 0, 0, 0.05);
	    /* color: #fff; */
	    }

	.panel__ .table tbody>tr.bloq_pagoMinimo .label-checkbox{
		pointer-events: none;
		opacity: .7;
		}

		.panel__ .table tbody>tr.bloq_pagoMinimo .valor_{
			color: rgb(171, 171, 171);
			}

/* pago pse icon */ 
.pse_icon{
	margin-bottom: 0;}

	.pse_icon img{
		width: 50px;
		width: 45px;
    	border-radius: 50%;
		-webkit-animation: rippleGray_ 2s ease-in-out infinite;
    	animation: rippleGray_ 2s ease-in-out infinite;	}

/**/	
.panel__ .table tbody>tr>td .btn_pay{
	font-size: 16px;
    padding: 8px 20px;
    height: 40px;
    margin: 0 auto;
    -webkit-animation: none;
	animation: none;}

	.panel__ .table tbody>tr>td .btn_pay:hover{
		-webkit-animation: ripple_ 2s ease-in-out infinite;
    	animation: ripple_ 2s ease-in-out infinite;}

/* MODAL CONTENIDOS */   
@media (min-width: 768px){
	.panel__.modal .modal-md {
	    max-width: 680px;}
}

.panel__ .modal-content{
	border: 0px solid rgba(0,0,0,.2);
    border-radius: 3px;
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);}

.panel__ .modal-header{
	padding: 20px;
	padding-left: 50px;
	padding-right: 50px;
	border-bottom: 1px solid #f3f3f3;}

.panel__ .modal-footer{
	border-top: 1px solid #f3f3f3;}

	.panel__ .modal-header .close{
    position: absolute;
    right: 20px;
    font-weight: 300;}

.panel__ .modal-header h4{
	margin: 0;
	display: inline-block;
	line-height: normal;
	color: #364962;
	font-weight: 400;
	letter-spacing: -0.5px;
	font-size: 16px;}

    .panel__ .md_icon{
    	position: absolute;
    	left: 10px;
    	color: #d0cfcf;
    	border-radius: 3px;
    	top: 11px;
    	font-size: 17px;
    	line-height: 42px;
    	width: 40px;
    	height: 40px;
    	text-align: center;}

    	.panel__ .md_icon svg{    
    		height: 18px;}

.panel__ .panel.panel-default .panel-footer{
	padding: 2%;}	

.datos__.modal-body .form-group { 
    margin-bottom: 5px;} 

.datos__.modal-body .badge{
	padding: 7px 10px;
	border-radius: 15px;
	background-color: #840c4f;
    color: #fff;}

    .badgecupo{
    	padding: 8px 10px;
    	display: block;
    	font-weight: 500;
    	position: relative;
    	z-index: 1;
    	font-size: 11px;
    	background-color: #85bd18;
    	}

.text_rest{
	min-height: 45px;
	margin-bottom: 0px;
    padding: 11px 0px 0px 40px;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 0px; }  

/* PORTAFOLIO */
/* Tooltip panel icons */
.icons_ a,
.panel .tool-bar li.icons_ a{
	position: relative;
	background: #ffffff;
	margin: 0 auto;
	margin-right: 2px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	padding: 0;
	text-align: center;
	transition: all .5s ease-in-out;}

		.icons_ a.round{
			display: block;
		    background: rgb(245 245 245);
		    border-radius: 50%;
		    border: 1px solid #e0e3e6;
			line-height: 38px;}

    .icons_ a i{
    	color: #00a651;
    	color: #9c9c9c;
    	font-size: 13px;
    	vertical-align: middle;
    	position: relative;
    	transition: all .5s ease-in-out;}

	    .icons_ a:hover,
	    .panel .tool-bar li.icons_ a:hover{
	    	background: #85bd18;
	    	}

	    	.icons_ a.round:hover{
    			border: 1px solid #85bd18;
    			}

	    .icons_ a:hover i{
	    	color: #fff;	    	
	    	text-shadow: 0px 0px 8px rgba(255,255,255,.2);
	    	animation: fadeInUp .5s ease-in-out both;}	

	.icons_.hover_ a:before{
		content: '';
	    width: 3px;
	    height: 3px;
	    background: #840c4f;
	    box-shadow: 0px 0px 15px rgba(132, 12, 79, 0.45);
	    color: #FFF;
	    border-radius: 50%;
	    position: absolute;
	    top: 3px;
	    right: 3px;
	    margin: auto;
        -webkit-animation-name: flash 2s both infinite;
        animation: flash 2s both infinite;}

.icons_ a .tip_chart{
    opacity: 0;
    top: 65%;
    pointer-events: none;
    position: absolute;
    z-index: 100;
    padding: 0em 0.8em;
    line-height: normal;
    cursor: pointer;
    display: inline-block;
    width: 115px;
    text-align: center;
    color: #fff;
    background: #005396;
    border-radius: 6px 0px 6px 6px;
    /* box-shadow: 0px 0px 15px rgb(0 83 150 / 30%); */
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    }

    .icons_:nth-last-child(-n+4) a .tip_chart {
        right: 10px;}

    .icons_:nth-last-child(-n+4) a .tip_chart:before{
        right: 0;
        left: inherit;
        border-width: 0px 0px 8px 8px;
        }

    .icons_ a .tip_chart:before{
        opacity: 0;
        position: absolute;
        z-index: -1;
        content: '';
        left: 0;
        top: 0;
        border-style: solid;
        border-width: 0 10px 10px 0px;
        border-color: transparent transparent #005396 transparent;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-property: transform;
        transition-property: transform;
        }

        .icons_ a:hover > .tip_chart {
            display: block;
            opacity: 1;                     
            -webkit-transform: translateY(15px);
                    transform: translateY(15px);}

        .icons_ a:hover > .tip_chart:before {
            opacity: 1;
            -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
            }

        .icons_ a .tip_chart h1{
            font-size: 13px;
            margin: 10px 0px;
            letter-spacing: -0.5px;
            font-weight: 400;
            color: #fff;}

        .icons_ a .tip_chart p{
            white-space: normal;
            line-height: normal;
            text-align: left;}

/* FILTRAR EN TABLAS FORM */ 
.form_filter{
	padding: 0px 0px 0px;}

	.reload .form-horizontal.form_filter .control-label{
		margin-left: 0px;}

	.reload .form_filter .coopForm .kendo_date.removeicon .k-picker-wrap input {
    	font-size: 13px;
    	padding-top: 2px;
    	padding-left: 5px;}
	.reload .form_filter .coopForm .inner_icon .k-widget.k-datepicker,
	.reload .form_filter .coopForm .inner_icon .k-widget.k-datetimepicker{
		height: 40px;}
	.reload .form_filter .coopForm .inner_icon .k-picker-wrap .k-icon{   
		top: 0px;  
		right: 0px;
		height: 40px;}
	.reload .form_filter .coopForm .inner_icon.theicon .k-picker-wrap .k-icon.k-i-calendar {
    	right: 34px;} 
    .reload .form_filter .inner_icon:after{    
    	display: none}

.panel-heading .form_filter {
    padding: 4px 0px;}

/**/
.reload .form-horizontal.form_filter .form-group{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0;}    

/* NO HAY REGISTROS */ 
.no_regist{
	background: #ffffff;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0, 0, 0, 0.05);}

	.no_regist h1{
	    margin:  0;
	    padding:  25px;
	    font-size: 14px;
	    letter-spacing: -0.4px;
	    color: #a0a0a0;
	    font-weight: 300;}

	.no_regist h1 i{
	    color: #840c4f;
	    margin-right: 5px;}

/* TABS MODULO */
.tabs_mod{} 	

.tabs_mod .tab-bar{
	padding: 5px;
	border-radius: 3px 3px 0px 0px;
	background: #00a651;
	}

    .tabs_mod .tab-bar>li{
    	margin-bottom: 0px;
    	margin-right: 5px;}

    .tabs_mod .tab-bar a{
    	text-shadow: none;
    	position: relative;
    	color: #fff;
    	background: rgba(255,255,255,0);
    	min-width: auto;
    	padding: 8px 13px;
    	font-size: 13.4px;
    	font-weight: 400;
    	letter-spacing: -0.5px;
    	box-shadow: 0px 0px 15px rgba(0, 166, 81, 0), 0px 0px 10px rgba(0, 0, 0, 0);
    	transition: all .25s ease-in-out;
    	} 

    	.tabs_mod .tab-bar a:after{
    		position: absolute;
    		display: block;
    		content: "";
    		width: 0px;
    		height: 1px; 
    		background: #fff;
    		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
    		margin: 0 auto;
    		left: 0;
    		right: 0;
    		bottom: 0;
    		transition: all .8s .2s ease-in-out;}

    .tabs_mod .tab-bar>li a:focus, .tabs_mod .tab-bar>li a:hover{
    	color: #fff;
    	transition: all .25s ease-in-out;
    	background: rgba(255,255,255,.1);}

    .tabs_mod .tab-bar>li.active a {
    	background: #16b965;
    	box-shadow: 0px 0px 15px rgba(0, 166, 81, 0.88), 0px 0px 10px rgba(0, 0, 0, 0.1);
    	color: #fff;}

	    .tabs_mod .tab-bar>li.active a:after{
	    	width: 30%;}

.section_tab{}

	.section_tab p{
		font-size: 14px;
		line-height: normal;
		letter-spacing: -0.5px;
		color: #848484;
		font-weight: 400;
		margin-bottom:  0;
		}

/**/
.homeTab{}

.homeTab .tabs_mod .tab-bar{
	padding: 20px;
    background: #ffffff;
    z-index: 10;
    position: relative;}

    .homeTab .tabs_mod .tab-bar>li {
    	margin-right: 10px;
    	position: relative;
    	border-radius: 6px;
    	transition: all .25s ease-in-out;
    	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0);}

    	.homeTab .tabs_mod .tab-bar>li:hover {
		    box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.15);
		    }

    .homeTab .tabs_mod .tab-bar a{
    	background: rgba(0, 0, 0, 0.1);
    	padding: 18px 25px;
    	font-size: 14px;
    	font-weight: 600;
    	letter-spacing: -0.3px;
    	border-radius: 6px;
    	position: relative;
    	z-index: 3;
    	/*border: 1px solid rgba(0, 0, 0, 0.03);*/
    	}

	    .homeTab .tab-bar.bg-primary li:not(.active) a:hover{
	    	background: rgba(148, 148, 148, 0.13);
	    	color: #717171;
	    	transition: all .25s ease-in-out;
	    	}

	    .homeTab .tabs_mod .tab-bar li.active a{
	    	font-weight: 700;}

	    .homeTab .tabs_mod .tab-bar a i{
	    	margin-right: 3px;}

	.homeTab .tab-bar.bg-primary li:not(.active) a{
		color: #888;} 

	.homeTab .tabs_mod .tab-bar>li.active a {
    	background: #45a650;
    	box-shadow: 0px 0px 15px rgba(84, 183, 95, 0.7), 0px 0px 10px rgba(0, 0, 0, 0.03);}

    .homeTab .tabs_mod .tab-bar a:after{
    	width: 2px;
	    height: 2px;
	    border-radius: 50%;
	    left: inherit;
	    right: 7px;
	    top: 8px;
	    opacity: 0;}

    	.homeTab .tabs_mod .tab-bar>li.active a:after{
    		width: 2px;
    		opacity: 1;
	    	-webkit-animation-name: flash 3s both infinite;
	    	animation: flash 3s both infinite;}

    .homeTab .tabs_mod .tab-bar li:before{
    	position: absolute;
    	content: '';
    	left: 0;
    	right: 0;
    	margin: 0 auto;
    	width: 13px;
    	bottom: -14px;
    	border-style: solid;
    	border-width: 8px 8px 8px 8px;
    	border-color: #45a650 transparent transparent;
    	display: block;
    	z-index: -2;
    	opacity: 0;
    	transition: all .1s ease-in .2s;}

		.homeTab .tabs_mod .tab-bar li.active:before{
			opacity: 1;
			bottom: -16px;} 

	.homeTab .tab-content{
		margin-top: -15px;
	    position: relative;
	    z-index: 0;}

	    .homeTab .panel__ .panel-body {
    		padding: 15px 20px;}

    	.homeTab .tab-content>.active {
    		animation: fadeIn .8s ease-in-out;}


/* RIPPLE VERDE */
.ripple_{
    -webkit-animation: ripple_ 2s ease-in-out infinite;
    animation: ripple_ 2s ease-in-out infinite;}

    @-webkit-keyframes ripple_ {
        0% {box-shadow:0 0 0 0px rgba(133 189 24 / 0%), 0 0 0 0px rgba(133 189 24 / 20%);}
        50% {box-shadow:0 0 0 15px rgba(133 189 24 / 15%), 0 0 0 25px rgba(133 189 24 / 0%);}
        100% {box-shadow: 0 0 0 0px rgb(133 189 24 / 0%), 0 0 0 0px rgb(133 189 24 / 20%);}
    }
    @keyframes ripple_ {
        0% {box-shadow:0 0 0 0px rgba(133 189 24 / 0%), 0 0 0 0px rgba(133 189 24 / 20%);}
        50% {box-shadow: 0 0 0 15px rgb(133 189 24 / 15%), 0 0 0 25px rgb(133 189 24 / 0%);}
        100% {box-shadow: 0 0 0 0px rgb(133 189 24 / 0%), 0 0 0 0px rgb(133 189 24 / 20%);}
    }

/* RIPPLE GRIS */
.rippleGray_{
	-webkit-animation: rippleGray_ 2s ease-in-out infinite;
    animation: rippleGray_ 2s ease-in-out infinite;}

    @-webkit-keyframes rippleGray_ {
        0% {box-shadow:0 0 0 0px rgba(0, 0, 0, 0), 0 0 0 0px rgba(0, 0, 0, 0.1);}
        50% {box-shadow:0 0 0 8px rgba(0, 0, 0, 0.15), 0 0 0 13px rgba(0, 0, 0, 0);}
        100% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0), 0 0 0 0px rgba(0, 0, 0, 0.1);}
    }
    @keyframes rippleGray_ {
        0% {box-shadow:0 0 0 0px rgba(0, 0, 0, 0), 0 0 0 0px rgba(0, 0, 0, 0.1);}
        50% {box-shadow:0 0 0 8px rgba(0, 0, 0, 0.08), 0 0 0 13px rgba(0, 0, 0, 0);}
        100% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0), 0 0 0 0px rgba(0, 0, 0, 0.1);}
    }

/* RIPPLE GRIS */
.rippleBlue_{
	-webkit-animation: rippleBlue_ 2s ease-in-out infinite;
    animation: rippleBlue_ 2s ease-in-out infinite;}

    @-webkit-keyframes rippleBlue_ {
        0% {box-shadow: 0 0 0 0px rgb(0 0 0 / 0%), 0 0 0 0px rgb(54 114 203 / 10%);}
        50% {box-shadow: 0 0 0 8px rgb(54 114 203 / 8%), 0 0 0 13px rgb(0 0 0 / 0%);}
        100% {box-shadow: 0 0 0 0px rgb(0 0 0 / 0%), 0 0 0 0px rgb(54 114 203 / 10%);}
    }
    @keyframes rippleBlue_ {
        0% {box-shadow: 0 0 0 0px rgb(0 0 0 / 0%), 0 0 0 0px rgb(54 114 203 / 10%);}
        50% {box-shadow: 0 0 0 8px rgb(54 114 203 / 8%), 0 0 0 13px rgb(0 0 0 / 0%);}
        100% {box-shadow: 0 0 0 0px rgb(0 0 0 / 0%), 0 0 0 0px rgb(54 114 203 / 10%);}
    }    

/* RIPPLE BLANCO */
.rippleWhite_{
	-webkit-animation: rippleWhite_ 2s ease-in-out infinite;
    animation: rippleWhite_ 2s ease-in-out infinite;}

    @-webkit-keyframes rippleWhite_ {
        0% {box-shadow:0 0 0 0px rgba(0, 0, 0, 0), 0 0 0 0px rgba(0, 0, 0, 0.1);}
        50% {box-shadow:0 0 0 8px rgba(0, 0, 0, 0.15), 0 0 0 13px rgba(0, 0, 0, 0);}
        100% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0), 0 0 0 0px rgba(0, 0, 0, 0.1);}
    }
    @keyframes rippleWhite_ {
        0% {box-shadow:0 0 0 0px rgba(255, 255, 255, 0), 0 0 0 0px rgba(255, 255, 255, 0.15);}
        50% {box-shadow:0 0 0 8px rgba(255, 255, 255, 0.08), 0 0 0 13px rgba(255, 255, 255, 0);}
        100% {box-shadow: 0 0 0 0px rgba(255, 255, 255, 0), 0 0 0 0px rgba(255, 255, 255, 0.15);}
    }   

/*Hover*/    
    @-webkit-keyframes wobble-vertical {
      16.65% { -webkit-transform: translateY(8px); transform: translateY(8px);}
      33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px);}
      49.95% { -webkit-transform: translateY(4px); transform: translateY(4px);}
      66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px);}
      83.25% { -webkit-transform: translateY(1px); transform: translateY(1px);}
      100% { -webkit-transform: translateY(0); transform: translateY(0);}
    }
    @keyframes wobble-vertical {
      16.65% { -webkit-transform: translateY(8px); transform: translateY(8px);}
      33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px);}
      49.95% { -webkit-transform: translateY(4px); transform: translateY(4px);}
      66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px);}
      83.25% { -webkit-transform: translateY(1px); transform: translateY(1px);}
      100% { -webkit-transform: translateY(0); transform: translateY(0);}
    }
    /*Hover*/

/* LOGIN PAGE */
.login-wrapper{
	font-family: 'Open Sans',sans-serif;
	top: 0px;
	height: 100%;
	height: 100vh;
	background: #fff;
	-webkit-animation: none;
	animation: none;}  

/* LOGIN PANEL */
.login_panel{
	min-height: 100%;
    height: 100%;
    position: relative;}

    .login-wrapper .login-widget{
    	/*top: 50%;
    	transform: translateY(-50%);*/
    	    top: 3%;
    	width: 55%;
	    position: relative;
	    display: block;
	    float: none;
	    margin: 0 auto;}

	.login_panel .logo-nav a{
		display: block;}

		.login_panel .logo-nav a img{
			max-height: 100%;
    		width: auto;
    		max-width: none;}

	.panelform__{
		margin-top: 3%;
    	padding-top: 2%;
    	margin-bottom: 3%;
		/*border-top: 1px solid rgba(0,0,0,0.05);*/}

	.head_msn{}

		.head_msn h1{
		    text-align:  center;
		    font-size:  24px;
		    font-weight: 600;
		    letter-spacing: -0.5px;
		    color: #777;
		    margin:  0 auto;}

		.head_msn h2{
		    text-align: center;
		    font-size: 20px;
		    font-weight: 100;
		    letter-spacing: -0.5px;
		    color: #b7b7b7;
		    margin: 0 auto;}

		.head_msn h3{
			background: #9e005d;
			padding: 13px 20px;
			display: inline-block;
			border-radius: 30px;
			color: #fff;
			font-size: 17px;
			letter-spacing: -0.5px;
			margin: 0;
			margin-bottom: 20px;
			}

		    .head_msn h3 i{
		    	font-size: 14px;
		    	margin-right:  5px;
		    	}

	.form-login{}

		.form-login .form-group{
			margin-bottom: 40px;
			overflow: hidden;
			position:  relative;}

			.form-login p{
				color: #ababab;
			    letter-spacing: -0.5px;
			    font-size: 15px;
			    line-height: 17px;
			    font-weight: 400;}

		.form-login label{
			text-align: left;
			display: block;
			color: #364962;
			/* text-transform: uppercase; */
			font-weight: 400;
			font-size: 13px;
			letter-spacing: -0.25px;
			/* margin: 10px; */
			/* max-width: 110px; */
			/* padding-right: 10px; */
			height: auto;
			line-height: normal;
			}

			.form-login .form-group.validado label{
				max-width: none;}

			.form-group.validado .parsley-error-list li{
				font-size: 13px;
			    letter-spacing: -0.5px;
			    line-height: 13px;
			    padding: 5px;
			}
 
			.form-login .form-group:focus label,
			.form-login .form-group:hover label{
				border-right: .15em solid #fff;
				animation: none !important;}

			.form-login .form-group.not-empty label{
				border-right: .15em solid #c7c7c7;
				animation: none !important;}

		.form-login .input-sm{
			height: 60px;
			text-align: center;
			font-size: 15px;
			font-weight: 700;
			letter-spacing: -0.5px;
			border: 0;
			box-shadow: none;
			border-radius: 0;
			color: #444;
			background-color: rgba(0, 0, 0, 0);
			background-position: center bottom, center calc(99%);
			background-repeat: no-repeat;
			background-size: 0 2px, 100% 3px;
			transition: background 0s ease-out 0s;
			background-image: linear-gradient(#9e005d, #9e005d), linear-gradient(#eef1f2, #eef1f2);
			padding:  0;
			margin:  0;
			}

			.form-login input:disabled{
				background-image:none;}

    .form-login .input-sm:focus,
    .form-login .input-sm:focus {
    	border: none;
    	box-shadow: none;
    	background-size: 100% 3px, 100% 100%;
    	background-image: linear-gradient(#9e005d, #9e005d), linear-gradient(#fdfdfd, #fdfdfd);
    	outline: 0 none;
    	transition-duration: 0.3s;
    	/*background:  #fff;*/} 	

    .form-login .parsley-error:focus{
    	box-shadow: none !important;}

	.btn_login{
		position: relative;
		background: #0667b5;
		box-shadow: 0px 0px 20px rgba(77, 185, 97, 0);
		padding: 13px 25px;
		display: inline-block;
		border-radius: 30px;
		color: #fff !important;
		/* text-transform:  uppercase; */
		margin: 0;
		margin-bottom: 0;
		border: none;
		transition: all .3s ease-in-out;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0px;
		}

	    .btn_login:focus{ 
	    	outline: none !important;}

	    .btn_login:hover{
	    	outline: none !important;
	    	background: #0c5a98;
	    	box-shadow: 0px 5px 20px rgb(12 90 152 / 25%);
	    	color: #fff;
	    	/* animation: wobble-vertical 1s ease-in-out; */
	    	padding: 13px 30px;
	    	}

	.btn_light,
	.btn.btn_light{
		position: relative;
		background: #f1f1f1;
		box-shadow: 0px 0px 20px rgb(77 185 97 / 0%);
		padding: 13px 25px;
		display: inline-block;
		border-radius: 30px;
		color: #858586;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0px;
		margin: 0;
		margin-bottom: 0;
		border: none;
		transition: all .3s ease-in-out}

		.btn_light:hover,
		.btn.btn_light:hover{
	    	outline: none !important;
	    	background: #0667b5;
	    	color: #fff;
	    	}
	    	
.login_footer01{
	position: relative;
	display: block;
	width: 80%;
	margin:0 auto;
	margin-top: 3%;}

	.login_footer01 span{
		position: relative;
		display: block;
		text-align: left;
		padding-left: 50px;
		padding-top: 0px;
		line-height: 15px;
		height: 40px;
		transition: all .2s ease-in-out;}

	.login_footer01 i{
		background: rgb(0, 166, 81);
		background: rgb(212, 212, 212);
	    color: rgb(255, 255, 255);
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    border-radius: 50%;
	    font-size: 13px;
	    text-shadow: none;
	    display: block;
	    text-align: center;
	    position: absolute;
	    left: 0;
	    top: 0px;
		transition: all .2s ease-in-out;}

		.login_footer01 span:hover i{
			background: #9e005d;}

	.login_footer01 a{
		color: rgb(187, 187, 187);
	    font-size: 14px;
	    line-height: 14px;
	    letter-spacing: -0.7px;
	    font-weight: 600;
		position: relative;
		top: 43%;
		transform: translateY(-50%);
		display:  block;
		transition: all .2s ease-in-out;}

		.login_footer01 a:hover{
			color: #9e005d;}

/* REGISTRO */
.info_lg{
	position: relative;
    display: block;
    height: 100%;}

.registro_login{
	min-height: 100%;
	position: fixed;
    right: 0;}

	.registro_login .img_{
		background-position: left;
		min-height: 100%;
	    display: block;
	    position: absolute;
	    width: 100%;}

footer.login_footer{
	background: transparent;
	margin-left: 0px;
	bottom: 0px;
	position: absolute;
	padding: 10px 10px;
	width:  100%;}

	footer.login_footer .footer-brand{
	    margin:  0 auto;
	    display:  block;
	    text-align:  center;
	    font-size: 14px;}

.registro_login .title_sucursal{
	height: auto;
	float: none;
	margin-top: 35px;
	margin-bottom: 50px;
	text-align:  center;}   

	.registro_login .title_sucursal h1{
		top: auto;
		transform: none;
		font-weight:  100;
		padding: 0px 45px;
		font-size: 25px;
		line-height: 20px;
		color: rgba(255, 255, 255, 0.7);}

	.registro_login .title_sucursal h1 i {
	    top: -1px;
	    margin: 0px 15px;
	    color: rgb(255, 255, 255);
	    text-shadow: 0px 0px 10px rgba(255,255,255,0.25);}

	.registro_login .title_sucursal h1 b{
		font-weight: 600;
	    font-size: 22px;
	    line-height: 20px;}

	.crear_cuenta{
    	text-align:  center;}

		.crear_cuenta p{
		    font-size: 15px;
		    letter-spacing: -0.5px;
		    margin:  0 auto;
		    margin-bottom: 5px;
		    text-shadow:  0px 2px 2px rgba(0,0,0,0.2);
		    display:  block;}

		.crear_cuenta a{
		    padding: 15px 20px;
		    display: inline-block;
		    border-radius: 30px;
		    color: rgba(255, 255, 255, 0.5);
		    text-transform: uppercase;
		    font-size: 15px;
		    line-height: 15px;
		    font-weight: 700;
		    letter-spacing: 0px;
		    margin: 0;
		    margin-bottom: 15px;
		    border: 2px solid #fff;
		    background: rgba(255, 255, 255, 0);
			transition: all .2s ease-in-out;}

	    .crear_cuenta a:hover,.crear_cuenta a:focus{ 
	    	outline: none !important;
	    	background: rgba(255, 255, 255, 0.15);
	    	color: #fff !important;
	    	animation: wobble-vertical 1s ease-in-out}

/* EFECTO ESCRIBIR */ 
.typewriter {
  	overflow: hidden; /* Ensures the content is not revealed until the animation */
  	border-right: .15em solid #00a651; /* The typwriter cursor */
  	white-space: nowrap; /* Keeps the content on a single line */
  	margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  	letter-spacing: .15em; /* Adjust as needed */
  	animation: 
    	typing 4.5s steps(40, end),
    	blink-caret .75s step-end infinite;}

	/* The typing effect */
	@keyframes typing {
	  from { width: 0 }
	  to { width: 100% }
	}

	/* The typewriter cursor effect */
	@keyframes blink-caret {
	  from, to { border-color: transparent }
	  50% { border-color: #00a651; }
	}	    

/* EFECTO REVELAR TEXTO */ 
.border_b{
	content: "";
	position: absolute;
	z-index: 999;
	left: 0;
	right: 0;
	bottom: 0;
	height: 55px;
	/*background-color: #00a651;*/
	background-color: #eef1f2;
	-webkit-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	        transform-origin: 0 50%;
	pointer-events: none;
	-webkit-animation: revealer-text .8s cubic-bezier(0.0, 0.0, 0.2, 1) .2s 1 both;
	        animation: revealer-text .8s cubic-bezier(0.0, 0.0, 0.2, 1) .2s 1 both;
}

@-webkit-keyframes revealer-text {
	0%, 50% {-webkit-transform-origin: 0 50%;transform-origin: 0 50%;}
	60%, 100% {-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;}
	60% {-webkit-transform: scaleX(1);transform: scaleX(1);}
	100% {-webkit-transform: scaleX(0);transform: scaleX(0);}
}

@keyframes revealer-text {
	0%, 50% {-webkit-transform-origin: 0 50%;transform-origin: 0 50%;}
	60%, 100% {-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;}
	60% {-webkit-transform: scaleX(1);transform: scaleX(1);}
	100% {-webkit-transform: scaleX(0);transform: scaleX(0);}
}	            

/* SLICK ROTADOR */ 
.slick-slider {
    overflow: hidden;}

/* Slider dots */
.slick-dots{
    /*background: red;*/
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    right: 0px;
    list-style-type: none;
    margin: 0;    }

  .rotador_princ .slick-dots{
    right: 25px;}

  .slick-dots li{}

    .slick-dots li button{
      width: 10px;
      height: 10px;
      border: 0px;
      background: #fff;
      border-radius: 25px;
      display: block;
      outline: none;
      margin: 10px;
      visibility: visible !important;
      padding: 0px 0px;
      text-indent: -10000px;
      opacity: .5;
      transition: all .35s ease-in-out;}

  .slick-dots .slick-active{}

    .slick-dots .slick-active button{
      padding: 10px 0px;
      opacity: 1;}

/* Botones Sig - Ant */
.slick-prev,
.slick-next{
  color: rgba(255, 255, 255, 0);
  text-shadow: none;
  width: 50px;
  background: rgba(255,255,255,.05);
  font-size: 10px;
  border-radius: 0;
  height: 50px;
  text-align: center;
  line-height: 52px;
  position: absolute;
  z-index: 100;
  top: 50%;
  padding:  0;
  margin:  0;  }

  .slick-prev {
    left: -50px;}
    
  .slick-next {
    right: -50px;}

  .slick-prev:after,
  .slick-next:after {
    font-family: FontAwesome;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 0%;
    font-size: 12px;
    width: 50px;
    height: 50px;
    left: 0;
    right: 0;    }

    .slick-prev:after{
      content: "\f053";}

    .slick-next:after{
      content: "\f054";}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
      outline: none;
      color: rgba(255, 255, 255, 0);
      background-color: #00a651;      }      

    .slick-slider:hover .slick-next{
      right: 10px;}

    .slick-slider:hover .slick-prev{
      left: 10px;} 

  .slick-prev, .slick-next, .slick-prev:after, .slick-next:after{
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out; }

.sucursal_home{
	position: relative;
	display: block;
	margin-top: 25%;
	}

.slideLogin{}  

	.itemSL_{
		position: relative;
		display:  block;
		padding-right: 40px;
		text-align: right;}

		.itemSL_ i{
			color: rgba(255, 255, 255, 0.5);
			font-size: 24px;
			padding: 15px 5px 0px;
			position:  relative;
			display:  block;
			opacity: 0;
			transition: all .3s ease-in-out .5s;
			font-weight:  normal;}

			.slick-active .itemSL_ i{
				opacity: 1;
				-webkit-animation: fadeInRight 1.2s ease-in-out .6s both;
				   -moz-animation: fadeInRight 1.2s ease-in-out .6s both;
				    -ms-animation: fadeInRight 1.2s ease-in-out .6s both;
				     -o-animation: fadeInRight 1.2s ease-in-out .6s both;
					    animation: fadeInRight 1.2s ease-in-out .6s both;}

		.itemSL_ h2{
			position: relative;
			margin:  0;
			text-align:  right;
			font-size: 24px;
			line-height: 25px;
			color:  #fff;
			text-shadow: 0px 2px 2px rgba(0,0,0,.1);
			font-weight:  300;
			padding: 15px 10px;
			opacity: 0;
			transition: all .5s ease-in-out .1s;}  

			.slick-active .itemSL_ h2{
				opacity: 1;
				-webkit-animation: fadeInRight 1.2s ease-in-out .5s both;
				   -moz-animation: fadeInRight 1.2s ease-in-out .5s both;
				    -ms-animation: fadeInRight 1.2s ease-in-out .5s both;
				     -o-animation: fadeInRight 1.2s ease-in-out .5s both;
					    animation: fadeInRight 1.2s ease-in-out .5s both;}         

		    .itemSL_ h2:before{
				position: absolute;
				display: block;
				content: "";
				width: 0px;
				height: 2px;
				border-radius: 3px;
				bottom: 0px;
				right: 0px;
				opacity: 0;
				background: rgba(255, 255, 255, 0.7);
				transition: all 3s ease-in-out .5s;}

			.slick-active .itemSL_ h2:before{
				opacity: 1;
				width: 40px;}

		.itemSL_ h3{
			position: relative;
			margin:  0;
			text-align:  right;
			font-size: 58px;
			margin-right: 25px;
			margin-top: -8px;
			line-height: 45px;
			color:  #fff;
			text-shadow: 0px 7px 5px rgba(0, 0, 0, 0.1);
			font-weight: 900;
			letter-spacing: -5px;
			opacity: 0;
			transition: all .5s ease-in-out .1s;
			}  

			.slick-active .itemSL_ h3{
				opacity: 1;
				-webkit-animation: fadeInUp 1.5s ease-in-out .4s both;
				   -moz-animation: fadeInUp 1.5s ease-in-out .4s both;
				    -ms-animation: fadeInUp 1.5s ease-in-out .4s both;
				     -o-animation: fadeInUp 1.5s ease-in-out .4s both;
					    animation: fadeInUp 1.5s ease-in-out .4s both;} 

			.itemSL_ h4{
				font-family: 'Montserrat', sans-serif;
				font-size: 20px;
				color: #fff;
				font-style: italic;
				letter-spacing: -1px;
				margin: 0;
				margin-top: 10px;
				opacity: 0;
				transition: all .5s ease-in-out .1s;
				}

				.slick-active .itemSL_ h4{
					opacity: 1;
					-webkit-animation: fadeInUp 1s ease-in-out .5s both;
					   -moz-animation: fadeInUp 1s ease-in-out .5s both;
					    -ms-animation: fadeInUp 1s ease-in-out .5s both;
					     -o-animation: fadeInUp 1s ease-in-out .5s both;
						    animation: fadeInUp 1s ease-in-out .6s both;}   

/* MODAL LOGIN CLAVE REGISTRO */
.__modal .modal-dialog{
	width: 780px;
	height: 100%;
	margin: 0 auto;
	left: auto}

.__modal .modal-content{
	top: 5%;
	/*-ms-transform: translateY(-50%);
	 -webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%); */
	border: none;
	border-radius: 10px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
	margin-bottom: 5%;
	}
   
    .__modal .modal-content .close__{
	    position: absolute;
	    width: 50px;
	    height: 50px;
	    z-index: 10;
	    right: 0;
	    text-shadow:  none;
	    margin: 0;}

	    .__modal .modal-content .close__:focus{
	    	outline: none !important}

	.__modal .modal-content .modal-body{
	    /*padding: 0;
	    height: 500px;*/
	    height: 100%;
	    position: relative;
	    display: table-cell;
	    padding: 30px 0px;
	    transition: all .3s ease-in-out;
	    z-index: 0;
	    }

		.timeUp_ .modal-content .modal-body{
			display: block;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			}

    	.__modal .modal-content .modal-body:after,
    	.__modal .modal-content .modal-body:before{
    		position: absolute;
    		display: block;
    		content: "";
    		top: 0px;
    		height: 100%;
    		width: 25%;
    		border-radius: 8px 0px 0px 8px;
    		background-size:  cover;
    		background-position: center;
    		z-index: 0;
    		}

    		.__modal .modal-content .modal-body:before{
    			background-image: url(../images/login-page-bg3.png);
    			opacity: .05;
    			}

    		.__modal .modal-content .modal-body:after{
    			z-index: -1;
    			background: linear-gradient(180deg, #2483d0, #005396);
    			/* box-shadow: 0 12px 20px -10px rgba(0, 166, 81, 0.3), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 165, 80, 0.25); */
    			}

	    	.login_02 .__modal .modal-content .modal-body:before{
	    		opacity: .05;}

	    	.login_02 .__modal .modal-content .modal-body:after{
	    		box-shadow: 0 12px 20px -10px rgba(78, 0, 46, 0.2), 0 4px 20px 0px rgba(0, 0, 0, 0), 0 7px 8px -5px rgba(79, 0, 46, 0.1);
    			background: linear-gradient(60deg, #922f72, #901569);}

    		.login_02 .modal-backdrop.in {
				filter: alpha(opacity=90);
				opacity: .9;}

			.modal-backdrop.in {
				filter: alpha(opacity=80);
				opacity: .8;}    		  

	.logoM_{
    	position:  relative;}

		.imgLogo{
			background: #fff;
			box-shadow: -5px 5px 40px rgba(0, 0, 0, 0.1);
			padding: 10px;
			border-radius: 5px;
			margin-top: 25px;
			height: 125px;
			width: 215px;
			left: -55px;
			transition: all .2s ease-in-out;
			position: absolute;}

			.modal.in .imgLogo{
				animation: fadeInUp .7s ease-in-out .4s both;}

		.imgLogo img{}

		.__modal .modal-body .logoM_ .imgLogo img{
			top: 50%;
			-ms-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			position:  relative;
			display:  block;}		

	.infoM_{
		text-align: center;
		min-height:  100%;
		min-height: 420px;
		height:  100%;
		position:  relative}

		.infoM_ .box_{
			/*top: 50%;
			-ms-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);*/
			position:  relative;}

			.timeUp_ .infoM_ .box_ {
    			margin-top: 15%;
    			top: auto;
    			transform: none;}

		.infoM_ .icon_section{
			width: 80px;
			height: 80px;
			line-height: 80px;
			display:  block;
			margin:  0 auto;
			text-align: center;
			color: #fff;
			font-size: 24px;
			margin-bottom: 15px;
			border-radius: 50%;
			transition: all .2s ease-in-out;
			background: linear-gradient(180deg, #b2ef3d, #85bd18);
			}

		.infoM_ h1{
		    color: #364962;
		    letter-spacing: -1px;
		    font-size: 24px;
		    line-height: 35px;
		    font-weight: 700;
		    margin-bottom: 0px;
		    transition: all .2s ease-in-out;
		    }

		.infoM_ h2{
		    color: #364962;
		    letter-spacing: -0.5px;
		    font-size: 16px;
		    line-height: 18px;
		    font-weight: 400;
		    margin: 5px 25px;
		    transition: all .2s ease-in-out;
		    text-align: center;
		    }

		.infoM_ p{
		    color: #ababab;
		    letter-spacing: -1px;
		    font-size: 19px;
		    line-height: 19px;
		    font-weight: 400;
		    margin: 10px 0px;
		    transition: all .2s ease-in-out;
		    text-align: left;}

		    .infoM_ .parraf_{
		    	animation: fadeIn .8s ease-in-out .8s both;}

		    .infoM_ .parraf_ p{
		    	font-size: 15px;
    			letter-spacing: -0.5px;
    			font-weight: 400;
    			color: #929292;}

		.infoM_ .form-horizontal .control-label{
			padding: 0;
    		text-align: left;
    		margin-bottom: 5px;}

    		.infoM_ .form-horizontal .control-label span.label{
    			background-color: #901569;
    			font-size: 11px;
    			letter-spacing: 0;
    			margin-left: 10px;
    			font-weight: 100;
    			color: #ffffff;
    			}

    		.infoM_ .form-horizontal input{
    			margin: 0px;}

    		.infoM_ .parsley-error-list {
			    margin-bottom: 0px;
			    top: -1px;
			    padding-left: 7px;
			    position: relative;
			    text-align: left;}

			.modal.in .infoM_ .icon_section{animation: fadeInUp 1s ease-in-out .2s both;}
		    .modal.in .infoM_ h1{animation: fadeInUp .8s ease-in-out .5s both;}
		    .modal.in .infoM_ h2{animation: fadeInUp .8s ease-in-out .7s both;}
		    .modal.in .infoM_ .coopForm{animation: fadeIn .8s ease-in-out .8s both;}
/**/
._modalValor{}
	
	._modalValor .modal-dialog{
		top: 50%;
   		transform: translateY(-50%) !important;}

   	._modalValor .modal-lg{    
   		width: 700px;}

   	._modalValor .modal-body{    
   		padding: 40px;}

   	._modalValor button.close{    
   		z-index: 100;
   		outline: none;
	    opacity: 1;
	    color: #45a650;
	    width: 30px;
	    height: 30px;
	    text-align: center;
	    line-height: 30px;
	    position: absolute;
	    right: 0;}

	    ._modalValor button.close:hover,
	    ._modalValor button.close:focus{  
	    	outline: none; }

	._modalValor .btn-default{
		color: #8c8c8c;
	    font-weight: 600;
	    letter-spacing: -0.5px;}

	._modalValor .infoM_{
		min-height: auto;}

	.modal.in .f-modal-icon{animation: fadeInUp 1s ease-in-out .2s both;}
	._modalValor.in{animation: pulse .35s ease-in-out 0s both;}

/* PORTAL CONSULTAS WEB */ 		    
.page_portal{}

	.page_portal#wrapper.main_ {
    	background-color: #fdfdfd;}

	.page_portal aside.skin-1{
		position: fixed;
		width: 245px;
		top: auto;
		bottom: 0px;
		/*padding-bottom: 30px;*/
		height: auto;
		border-radius: 0px 5px 0px 0px;
		box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.05), 0px 5px 20px rgba(0,0,0,0.05)}

		.page_portal.animate_ aside.skin-1{
			animation: fadeInUp 1.5s ease-in-out .2s both;}

		aside.skin-1 .sidebar-inner{
			border: 0px !important}

	.page_portal .logo-nav {
		padding: 15px 20px 45px;
	    overflow: hidden;
	    text-align: left;
	    background: #fff;
	    margin: 0px 0px -35px;
	    display: inline-block;
	    border-radius: 3px;} 

		.page_portal .logo-nav a{
			display: block;
			position: relative;}

			.page_portal .logo-nav a img{
				max-height: 80px;}

			.page_portal.animate_ .logo-nav a{
				animation: fadeInUp 1.4s ease-in-out .5s both;}

	.page_portal.animate_ .main-menu{
		animation: fadeInUp 1.6s ease-in-out .6s both;}

	.page_portal.animate_ .sidebar-inner .user-block{
		animation: fadeInUp 1.3s ease-in-out .5s both;}

		.page_portal .nombre-User{
			font-size: 16px}

		.page_portal .cargo-User{
			color: #00a651;
			font-size: 13px;
			letter-spacing: -1px;
			font-weight: 700;
			margin-top: -5px;}

	.page_portal #main-container {
    	margin-left: 0px;
    	min-height: auto;}

    .contenidoP_{
    	/*margin-left: 250px;*/
    	margin-top: -150px;}

    .page_portal footer{
    	margin-left: 0px;}

    .page_portal .panel__ .panel.panel-default{
    	box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.02), 0 0px 30px rgba(0, 0, 0, 0.07);
    	margin-bottom: 0;}

.bread_short{    
	padding: 15px 15px;}

.infot_{
	margin-left: 220px;
	position: relative;
	background: #00a651;
	padding: 10px 12px 25px;
	margin-top: 10px;}

		#wrapper.sidebar-mini .infot_{
			margin-left: 90px;}

	.page_portal .infot_{
		margin-left: 0px;
		background: #f1f1f1;
		background: #0cab5a;
		padding: 50px 5px 50px;
		margin: 0 auto;}

    .infot_ .col_{}

    .infot_ nav{
	    box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.05), 0 0px 30px rgba(0, 0, 0, 0.08);
	    padding: 25px 20px;
	    border-radius: 0px 0px 5px 5px;
	    background: #fff; }

    .infot_ ul{
	    list-style-type: none;
	    margin:  0;}

    .infot_ li{
	    position:  relative;
	    display: block;
	    margin-bottom: 10px;}

    .infot_ p{
	    margin:  0;
	    font-size: 15px;
	    line-height: 18px;
	    font-weight: 500;
	    letter-spacing: -0.8px;
	    color: #9c9c9c;
	    display:  inline-block;
	    margin-right: 5px; }

    .infot_ h1{
	    font-size: 19px;
	    letter-spacing: -1px;
	    color: #ffffff;
	    display: block;
	    padding: 25px 50px 25px 20px;
	    border-radius: 3px 3px 0px 0px;
	    border-bottom: 1px solid rgba(0,0,0,.05);
	    background: #14bb66;
	    background: #0cab5a;
	    margin-bottom: 0;
	    position:  relative;}

	    .infot_ h1 i{
		    font-weight:  normal;
		    font-size: 22px;
		    margin-right: 3px;
		    top: 50%;
		    transform: translateY(-50%);
		    color: rgba(255, 255, 255, 0.3);
		    position:  absolute;
		    right: 15px;}	

    .infot_ h2{
	    display: inline-block;
	    margin: 0; 
	    font-size: 16px;
	    letter-spacing: -0.5px;
	    color: #048e47;
	    font-weight: 600;
	    top: 1px;
	    position: relative}

    .infot_ h3{}

    .conta__{
    	font-family: 'Open Sans';
    	position: relative;}

    	.infot_ .col_{
    		position: relative;}

    		/*.infot_ .col_:nth-child(1){animation: fadeInUp 0s ease-in-out .1s both;}
    		.infot_ .col_:nth-child(2){animation: fadeInUp .5s ease-in-out .1s both;}
    		.infot_ .col_:nth-child(3){animation: fadeInUp 1s ease-in-out .1s both;}
    		.infot_ .col_:nth-child(4){animation: fadeInUp 1.5s ease-in-out .1s both;}*/

    		.infot_ .col_:before{
    			position: absolute;
			    display: block;
			    content: "";
			    width: 1px;
			    height: 70%;
			    background: rgba(0, 0, 0, 0.08);
			    top: 50%;
			    transform: translateY(-50%);
			    right: 10px;
			    margin: 0 auto;}

			.infot_ .col_:last-child:before{
				display: none;}

    	.conta__.text-left h4,
    	.conta__.text-left p{
    		text-align: left;}

    	.conta__ h4{
    		text-align: center;
		    display: block;
		    letter-spacing: -0.5px;
		    font-weight: 600;
		    color: #FFF;
		    font-size: 18px;
		    line-height: 18px;
		    margin-bottom: 0px;}

    	.conta__ h5{    
    		text-align: center;
		    color: rgba(0, 0, 0, 0.45);
		    display: block;
		    margin: 0;
		    font-size: 17px;
		    line-height: 17px;
		    letter-spacing: -0.7px;
		    font-weight: 700;
		    padding: 0px;}

    	.conta__ img{
    		max-height: 85px;
    		margin: 0 auto;
    		display: block;	}

    	.conta__ p{
    		text-align: center;
		    color: rgba(255, 255, 255, 0.8);
		    display: block;
		    margin: 0;
		    font-size: 14px;
		    line-height: 14px;
		    letter-spacing: 0;
		    font-weight: 500;
		    padding: 3px 5px;
		    margin-bottom: 15px;
		    position: relative;}

.btn_masInfo{
	position: relative;
	display: inline-block;
	margin-left: 3%;}

.btn_masInfo a{
	position: relative;
	font-size: 13px;
	display: inline-block;
	color: #fff !important;
	background: #0a944e;
	z-index: 20;
	border-radius: 4px 4px 0px 0px;
	padding-right: 20px;
	transition: all .3s ease-in-out;}

	.btn_masInfo a.collapsed{
		background: #0cab5a;}

	.btn_masInfo a:after{
		position: absolute;
		font-family: FontAwesome;
		content: '\f077';
		right: 7px;
		font-size: 7px;
		font-weight: normal;
		top: 55%;
		transform: translateY(-50%);
		transition: all .3s ease-in-out;}

	    .btn_masInfo a.collapsed:after{
	    	content: '\f078';}

/**/
.pse_page{
    position:  relative;
    display:  block;
    width:  100%;
    background: #efefef;}
	
	.pse_page img{
	    min-width: 100%;
	    height:  auto;}

	.pse_page .btn_pay{
		border-radius: 2px;
    	margin: 25px 0px;
    	float: right;}

.section_titlee{
    background: #f7f6f6;
    padding: 12px;
    border-radius: 6px 6px;
    }

	.section_titlee p{
	    margin: 0;
	    font-size: 14px;
	    font-weight: 600;
	    letter-spacing: -0.5px;
	    color: #222d3c;
	    text-align: left;
	    }

	.section_titlee p i{
		margin-right: 3px;}

.form_detalles{}

	.form_detalles .form-group,
	.reload .form-horizontal.form_detalles .form-group{
		margin: 0 auto;
		margin-bottom: 15px;}   

	.form_detalles .control-label,
	.reload .form-horizontal.form_detalles .control-label{
		padding: 7px 0px 0px;
	    text-align: left;
	    margin-bottom: 0px;}

    .form_detalles .form-control[readonly],
    .reload .form_detalles .form-control[disabled],
    .reload .form_detalles .form-control[readonly]{
    	background-color: #ffffff;
	    padding-left: 40px;
	    font-size: 14px;
	    line-height: 15px;
	    font-weight: 400;
	    color: #364962;}

	.reload .form_detalles .inner_icon:after{
	   	display: none; }

	.form_detalles .casol{
	   	border: 0px solid rgb(239 237 237);
	   	border-radius: 0 0 5px 5px;}

.col_widg{
    /*box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.01), 0 0px 30px rgba(0, 0, 0, 0.02);*/
    background:  #fff;
    padding: 25px;
    position:  relative;
    display:  block;
    margin-bottom:10px;
    text-align: left;
    }

	.col_widg h1{
	    margin:  0;
	    position:  relative;
	    display:  block;
	    font-size: 15px;
	    font-weight: 400;
	    letter-spacing: -0.5px;
	    padding: 5px 25px 10px 0px;
	    margin-bottom: 10px;
	    border-bottom: 1px solid rgba(0,0,0,0.05);
	    color: #005396;
	    }

	.col_widg h1 i{
	    font-weight: normal;
	    font-size: 20px;
	    margin-right: 0px;
	    top: 0%;
	    position: absolute;
	    right: 0px;
	    color: #005396;
	    }

	.col_widg a{
		color: #005296;
		font-weight: 700;
		transition: all .3s ease-in-out;
		}

		.col_widg a:hover{
			color: #0e3f67;
			}

	.col_widg p{
		margin-bottom: 8px
	}

/* LOGIN 02 */ 
.login-wrapper.styleLogin_2{
	overflow: hidden;}

.styleLogin_2 .login_panel {
    min-height: 90%;
    height: 90%;
    position: relative;
    position: absolute;
    z-index: 10;
    background: #fff;
    width: 30%;
    left: 3%;
    bottom: 0px;
    border-radius: 8px 8px 0px 0px;
	box-shadow: 0px 0px 25px rgba(0,0,0,.1);}

    .styleLogin_2.login-wrapper .login-widget{
    	width: 85%;
    	padding-top: 5%;}

    .styleLogin_2 .panelform__ {
    	margin-top: 0%;
    	padding-top: 10%;}

    	.styleLogin_2 .panelform__ .panel-body {
    		padding: 10px 20px;}

    	.styleLogin_2 .form-login .form-group{
    		margin-bottom: 15px;
    		padding: 0px 30px;}

    	.styleLogin_2 .border_b {
    		height: 50px;}

    	.btns__{
    		display: block;
    		margin-bottom: 15px;
    		text-align: center;
    		margin-top: 30px;
    		}

    	.btns__ .btn_clave{
    		padding: 0px;
    		margin: 18px 0px;}

    	.btns__ .btn_login{
    		width: auto;
    		margin: 0 auto;
    		display: inline-block;
    		text-align:  center;
    		font-weight: 600;
    		}

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

    	.styleLogin_2 .head_msn h3{
    		padding: 10px 10px;
    		font-size: 13px;
    		width:  auto;
    		}

    		.styleLogin_2 .head_msn h3 i {
    			font-size: 12px;
    			margin-right: 1px;}

    .styleLogin_2 .form-login label{
    	text-align: left;
    	display: block;
    	padding-right: 0px;
    	margin: 0 auto;
    	max-width: none;
    	font-size: 11px; }

    .styleLogin_2 .form-login .form-group.not-empty label{
    	border-right: 0px solid #c7c7c7; }

    .styleLogin_2 .form-login .form-group:focus label, .form-login .form-group:hover label{
    	border-right: 0px solid #fff;}

    .styleLogin_2 .form-login .input-sm{
    	height: 50px;}

    .styleLogin_2 .crear_cuenta p{
    	text-shadow: none;
    	font-weight: 400;
    	letter-spacing: -1px;
    	color: #afafaf;
    	display:  inline-block;
    	margin: 0;}

    .styleLogin_2 .crear_cuenta a{
	    display:  inline-block;
	    color: rgb(175, 175, 175);
	    margin: 7px 15px;}

	    .styleLogin_2 .crear_cuenta a:hover {
    		background: rgb(158, 0, 93);} 

    	.styleLogin_2 .crear_cuenta a:focus {
    		background: rgba(0, 0, 0, 0.1);} 

.styleLogin_2 .captcha_{}

	.styleLogin_2 .captcha_ img{
		margin-top: 15px;}

.no_ingreso{
	margin-bottom: 5px;}

	.no_ingreso .btn_clave{
		margin-bottom: 0px;
	    display: table;
	    margin: 0 auto;
		padding: 10px 0px;}

	.no_ingreso [class*=col-]{
		padding: 0px;}  

.styleLogin_2 .sucursal_home{
    margin-top: 0%; }

.imgSD_{
	height: 100%;
	height: 100vh;
	min-height: 100%;
	min-height: 100vh;} 

	.styleLogin_2 .title_sucursal{
		position: absolute;	}	

	.styleLogin_2 .itemSL_ h2{
		font-family: 'Montserrat', sans-serif;
		font-size: 32px;
	    line-height: 33px;
	    font-weight: 700;
	    padding: 10px 0px; 
	    letter-spacing: -2px;
	    text-shadow: 0px 2px 2px rgba(0,0,0,.2);}

	    .styleLogin_2 .slick-active .itemSL_ h2{
				opacity: 1;
				-webkit-animation: fadeInUp 1s ease-in-out .7s both;
				   -moz-animation: fadeInUp 1s ease-in-out .7s both;
				    -ms-animation: fadeInUp 1s ease-in-out .7s both;
				     -o-animation: fadeInUp 1s ease-in-out .7s both;
					    animation: fadeInUp 1s ease-in-out .7s both;}

	.styleLogin_2 .itemSL_{
		padding-right: 80px;
		top: 45%;
		transform: translateY(-50%);
		width: 44%;
		float: right;}

	.styleLogin_2 .slick-dots{    
		right: 15px;}

.styleLogin_2 footer.login_footer {
	background: #fff;
	padding: 18px 10px 25px 10px;
    border-top: 5px solid rgb(0, 166, 81);	}

    .styleLogin_2 footer.login_footer .footer-brand{
    	color: rgb(158, 158, 158);
    	position: relative;
    	display: block;
    	text-align: left;
    	padding-left: 43px;
    	padding-top: 4px;
    	font-size: 13px;
    	line-height: 15px;
    	letter-spacing: -0.3px;
    	font-weight: 500;
    	}		

    .styleLogin_2 footer .footer-brand i{
    	background: rgb(0, 166, 81);
    	color: rgb(255, 255, 255);
    	width: 35px;
    	height: 35px;
    	line-height: 35px;
    	border-radius: 50%;
    	font-size:  13px;
    	text-shadow:  none;
    	display:  block;
    	text-align:  center;
    	position:  absolute;
    	left:  0;
    	top: 2.5px;
    	}

    .styleLogin_2 footer .footer-brand a{
    	color: rgb(142, 142, 142);
    	font-size: 14px;
    	display:  block;
    	letter-spacing: -0.8px;
    	}

.login_recuperar{} 

	.styleLogin_2.login-wrapper .login_recuperar {
    	width: 90%;
    	padding-top: 0%; }

    .styleLogin_2 .login_recuperar .panelform__{
    	padding-top: 3%; }

.banner_portal{
    height:280px;
    height:220px;
    width:100%;
    display:block;
    position: relative;
    z-index: 0;
    overflow: hidden;}  

    .banner_portal .img_{
    	width: 100%;
	    height: 100%;
	    background-attachment: fixed;
	    background-size: 100%;
	    background-position: top;
	    position: absolute;
	    z-index: 0;}

    .banner_portal .slid_{
    	top: 0;
    	z-index: 100;
    	right: 25px;
    	top: 35%;
    	transform: translateY(-50%);
    	width: 70%;
    	float: right;
    	position: relative;
    	transition: all .5s ease-in-out;
    	}

    .sect_animt{    
    	position: relative;
    	z-index: 100;}

    .animate_ .sect_animt{
    	-webkit-animation: fadeInUp 1.5s ease-in-out .2s both;
		   -moz-animation: fadeInUp 1.5s ease-in-out .2s both;
			-ms-animation: fadeInUp 1.5s ease-in-out .2s both;
			 -o-animation: fadeInUp 1.5s ease-in-out .2s both;
			    animation: fadeInUp 1.5s ease-in-out .2s both;}

	    .titt_{
		    position:  relative;
		    display:  block;
		    text-align: right;
		    margin-right: 105px;
		    bottom: -63px;}

	    	.titt_ h3{
			    font-family: 'Montserrat', sans-serif;
			    font-size: 30px;
			    margin: 0px;
			    line-height: 45px;
			    padding:  0;
			    color: #fff;
			    text-shadow: 0px 5px 3px rgba(0, 0, 0, 0.1);
			    font-weight: 800;
			    letter-spacing: -2px;
			    transition: all .5s ease-in-out .1s;
			    }

	    	.titt_ h2{
			    font-family: 'Montserrat', sans-serif;
			    font-size: 22px;
			    line-height: 28px;
			    font-weight: 300;
			    padding: 0px 0px;
			    margin: 0;
			    margin-bottom: -10px;
			    letter-spacing: -2px;
			    color: #fff;
			    text-shadow: 0px 2px 2px rgba(0,0,0,.2);
			    transition: all .5s ease-in-out .1s;
			    }

	.rotadorPL_{
	    font-family: 'Montserrat', sans-serif;
	    text-align: right;
	    z-index: -1;
	    position:  relative;
		padding-right: 30px;}

	   	.rotadorPL_ .slick-slide{
    		padding-top: 70px;}

		.rotadorPL_ i{
			width: 60px;
			height:  60px;
			line-height: 60px;
			background: rgba(255,255,255,0.1);
			display:  block;
			color:  #fff;
			font-size: 28px;
			border-radius:  50%;
			text-align:  center;
			position:  absolute;
			right: 0;
			top: -10px;
			opacity: 0;
			transition: all .8s ease-in-out .1s;}

			.rotadorPL_ .slick-active i{
				top: 0px;
				opacity: 1;}

		.rotadorPL_ h2{
		    font-size: 20px;
		    font-weight: 300;
		    color: #fff;
		    letter-spacing: -1px;
		    margin: 0;
		    display: inline-block;
			padding: 0px 60px;			
			opacity: 0;
			transition: all 1s ease-in-out .2s;}

			.rotadorPL_ .slick-active h2{
				padding: 0px 5px;
				opacity: 1;}

/* LOGIN 03 */ 	
.styleLogin_3 .login_panel {
	left: auto;
	right: 3%;
	top: 100px;
	bottom: auto;
	border-radius: 8px;
	box-shadow: none;
	/* overflow-y: scroll; */
	background: transparent;
	}

.styleLogin_3 .head_msn {
    text-align: left;}

.styleLogin_3 .form-login label {
    text-align: left;}

.header_panel{
	position: absolute;
    top: 0;
    z-index: 10;
    background: #fff;
    padding: 15px;} 

.styleLogin_3 .imgSD_ {
    height: calc(100vh - 170px);
    height: calc(100vh - 170px);
    min-height: calc(100vh - 170px);
    min-height: calc(100vh - 170px);
    margin-top: 100px;
    }

    .styleLogin_3 .itemSL_{
    	text-align: left;
    	float: left;
    	padding-left: 50px;
    	padding-right: 0px;
    	top: 50%;}

    	.styleLogin_3 .itemSL_ img{
    		max-height: 120px;}

    .styleLogin_3 .itemSL_ h2{
    	text-align: left;
    	margin-left: 75px;
    	font-size: 26px;
    	line-height: 29px;
    	font-weight: 400;
    	margin-top: -35px;
    	}

    	.styleLogin_3 .itemSL_ h2:before{
    		display: none;
    		right: auto;
    		left: 0px;}

    .styleLogin_3 .itemSL_ h3{
    	text-align: left;
    	margin-left: -50px;
    	margin-right: 0px;
    	margin-top:  0;}

    .styleLogin_3 .slick-dots {
    	top: 60%;
    	right: auto;
    	left: 15px;}

.Form_titlee{
	font-family: 'Montserrat', sans-serif;
	background: rgb(159, 24, 93);
	background: rgb(77, 185, 97);
	color: #fff;
	border-radius: 0px;
	text-align: center;
	position: relative;
	padding: 23px 30px 23px;
	border-radius: 8px 8px 0px 0px;
	}

	.Form_titlee:after{
		position: absolute;
	    z-index: 0;
	    content: '';
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    bottom: -2px;
	    width: 0;
	    height: 0;
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid #ffffff;}

	.Form_titlee h1{
		color: #fff;
		font-size: 22px;
		line-height: 26px;
		font-weight:  800;
		margin: 0 auto;
		letter-spacing: -1px;
		}

		.Form_titlee h1 i{}

	.Form_titlee h2{
		color: #fff;
		font-size: 18px;
		line-height: 17px;
		letter-spacing: -0.5px;
		margin: 0 auto;
		font-weight: 400;
		}

	.styleLogin_3.login-wrapper .login-widget {
	    width: 85%;
	    padding-top: 0%;
	    top: 0;
	    transform: none;}	

.styleLogin_3 footer.login_footer{
	border-top: 0px solid rgb(158, 0, 93);}

	.styleLogin_3 footer .footer-brand i {
	    background: rgb(158, 0, 93);} 

/* ESTILO 04 */ 
.styleLogin_4 .login_panel{
	right: auto;
	left: 3%;}

.styleLogin_4 .panelform__{
	padding-top: 0%;}

.styleLogin_4 .form-login label{
	text-align: left;
    display: inline-block;
    max-width: 110px;
	max-width: fit-content;}

.styleLogin_4.login-wrapper .login-widget{    
	padding-top: 0%;}

.styleLogin_4 .imgSD_ {
    height: calc(100vh - 185px);
    height: calc(100vh - 185px); 
    min-height: calc(100vh - 185px);
    min-height: calc(100vh - 185px);
    margin-top: 120px;}

.styleLogin_4 .itemSL_ h3{
	right: -200px;
    margin-top: 0;
    position: relative;
    display: block;}

    .styleLogin_4 .itemSL_ h3 img{
    	height: 140px !important;}

    .styleLogin_4 .itemSL_ h2 {
	    text-align: right;
	    margin-right: 90px;
	    font-size: 26px;
	    line-height: 29px;
	    font-weight: 400;
	    margin-top: -35px;}

/* */
.login_coop{}

	.login_coop .header_panel{
		position: relative;
		height: 100px;}

		.login_coop .header_panel .row{
			max-width: none;}

		.login_coop .logo-nav {
    		text-align: left;}

		.login_coop .logo-nav img{
			height: 65px}

	.modulo_form{
		/*box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15), 0px 25px 30px -25px rgba(0, 0, 0, 0.08);
	    background: #fff;*/
		position: relative;
		/* top: 50%; */
		/* transform: translateY(-50%); */
		top: 50px;
		border-radius: 8px;
		max-height: 600px;
		max-height: 90%;
		max-width: 380px;
		margin: 0 auto;
		overflow-y: auto;}

		.login_coop.login-wrapper .login-widget{
			background: #fff;
			width: 100%;
			padding: 0% 10%;
			border-radius: 0px 0px 8px 8px;}

/**/
.login_coop .logos {
  	/* text-align:center; */
  	padding: 0px 50px;}

.login_coop .text{
  	/* text-align: right; */
  	padding: 0px 50px;
  	position: relative;}

  	.login_coop .text h1{
	    font-family: 'Poppins', sans-serif;
	    font-size: 2em;
	    font-weight: 500;
	    color: #007850;
	    margin: 0;
	    letter-spacing: -1px;
	    display: inline-block;
	    margin-top: 8px;}  

._account{
    float: right;
    position: relative;
    padding-top: 13px;}

	._account p{
	    font-size: 13px;
	    color: #89879a;
	    font-weight: 400;
	    letter-spacing: -0.3px;
	    text-align: center;
	    margin-bottom: 0;
	    margin-right: 10px;
	    display: inline-block;}

	._account .btn_{
	    /* background: #9f185d; */
	    /* box-shadow: 0px 0px 20px rgba(159, 24, 93, 0.15); */
	    padding: 13px 20px;
	    display: inline-block;
	    border-radius: 30px;
	    color: #969696;
	    font-size: 13px;
	    font-weight: 300;
	    letter-spacing: 0.3px;
	    margin: 0 auto;
	    font-family: 'Poppins', sans-serif;
	    transition: all .25s ease-in-out;}

	    ._account .btn_:hover{
	      	padding: 13px 25px;
	      	background: #fbfbfb;}

	._account .pse_btn{
	    background: #9f185d;
	    color: #ffffff;
	    box-shadow: 0px 0px 20px rgba(159, 24, 93, 0);}

	    ._account .pse_btn:hover{
		    box-shadow: 0px 5px 20px rgba(159, 24, 93, 0.4);
		    background: #981257;}

		._account .pse_btn img{
			height: 18px;
		    position: relative;
		    top: 2px;}

.login_coop .Form_titlee h2 {
    color: #fff;
    font-size: 18px;
    line-height: 20px;}

.login_coop.styleLogin_3 .head_msn {
    text-align: center;}

.login_coop .form-login .form-group {
    margin-bottom: 20px;
    padding: 0px 0px;}

    .login_coop .form_bigh .form-group {
    	margin-bottom: 10px;}

.login_coop .form-login .input-sm{
	text-align: left;
    border: 1px solid #eef1f2;
    border-bottom: 0px;
    border-radius: 5px;
    padding: 15px 15px 20px 15px;
    height: 50px;}

.login_coop .form-login label {
    text-align: left;
    margin-bottom: 5px;
    color: #89879a;
    font-size: 10px;
    letter-spacing: -0.2px;}

.login_coop .head_msn h3{
    background: transparent;
    font-size: 14px;
    color: #89879a;
    font-weight: 600;
    letter-spacing: -0.3px;}

.login_coop .no_ingreso {
    margin-bottom: 25px;}

    .login_coop .no_ingreso .btn_clave{
    	font-size: 13px;
	    color: #89879a;
	    font-weight: 600;
	    letter-spacing: -0.3px;}

	    .login_coop .no_ingreso .btn_clave:hover{
	    	color: #686869}

.login_coop .label-radio.inline {
	padding-right: 8px;}

.label_lila {
    background-color: #9e005d !important;}

.styleLogin_2 .form_bigh .panelform__ .panel-body {
    padding: 0px 20px;}

    .login_coop .form_bigh label{    
    	margin-bottom: 0px;}

.captcha_gif{
    overflow: hidden;
    height: 75px;}

	.captcha_gif img{
		max-width: none;
		margin-left: -150px;
		margin-top: -38px;}


/* */
.header_page{
	display: block;
	padding: 10px 50px;
	background: #fff} 

	.header_page img{
    	min-width: auto;
    	top: 50%;
    	transform: translateY(-50%);
    	position: relative;} 

    .header_page .col__{
    	height: 100px;}

    .header_page .col__ a{
    	top: 40%;
    	transform: translateY(-50%);
    	position: relative;
    	vertical-align: middle;
    	display:  inline-block;
    	padding: 10px 15px;
    	margin: 0px 2px;
    	border-radius: 5px;
    	font-weight: 500;
    	font-size: 14px;
    	color: #FFF;
    	background: #80c900;
    	text-transform: uppercase;
    	font-family: 'Open Sans',sans-serif;
    	transition: all .5s ease-in-out;}

    	.header_page .col__ a:hover{
    		background: #6ba703;}

    	.header_page .col__ .btn_Rip:after{
    		content: '';
		    width: 3px;
		    height: 3px;
		    background: #fff;
		    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.45);
		    color: #FFF;
		    border-radius: 50%;
		    position: absolute;
		    top: 5px;
		    right: 5px;
		    margin: auto;
		    -webkit-animation-name: flash 2s both infinite;
		    animation: flash 2s both infinite;}

		    .header_page .col__ .btn_Rip:hover:after{
		    	display: none }

	.header_page .col__ .btn_vino {
    	background: #901569}
    	
/* _____________________________________________________________________ */
.page_portal .t_panel i{
    top: 50%;
    transform: translateY(-50%);}

.page_portal .t_panel h1{
    font-size: 16px;
    margin-top: 0px;
    }

.page_portal .t_panel p{
    font-size: 13px;
    }

.page_portal .t_panel.pull-right{
	text-align: right;}

.page_portal .panel .tool-bar{    
	margin-top: 7px;}

/* MODULO CAMBIAR PLANTILLAS */
#theme-setting .theme-box{
	padding: 0px;} 

	.theme-box a{
		font-family: 'Montserrat', sans-serif;
	    display:  block;
	    font-size:  16px;
	    padding: 15px;
	    letter-spacing:  -0.5px;
	    position: relative;
		transition: all .2s ease-in-out}

		.theme-box a:after{
			position: absolute;
		    background: #840c4f;
		    opacity: 0;
		    top: 0px;
		    content: "";
		    bottom: 0px;
		    left: 0;
		    width: 2px;
		    height: 0%;
		    margin: 0 auto;
		    transition: all .8s ease-in-out;}

		    .theme-box a:hover:after{
		    	opacity: 1;
		    	height: 100%;}

	.theme-box a i{
		color: #e8e8e8;
		margin-right: 8px;
		transition: all .5s ease-in-out;
		font-weight: 600;}

    	.theme-box a:hover i{
			color: #840c4f;}

    .theme-box a h1{
	    margin:  0;
	    color: #b9b9b9;
	    font-size: 14px;
	    font-weight:  400;}

    .theme-box a p{
	    margin: 0;
	    color: #b9b9b9;
	    margin-left: 10px;
	    position:  relative;
	    font-weight:  600;
		transition: all .5s ease-in-out;}

		.theme-box a:hover p{
			color: #840c4f;}

	.theme-box a.active{
	    background: #840c4f;
	    color:  #fff;}

	    .theme-box a.active i{
	    	color: #fff;}

	    .theme-box a.active h1{
	    	color: #fff;}

	    .theme-box a.active p{
	    	color: #fff;}

/***/
.simulator_{}
	
	.simulator_ .panel.panel-default .panel-heading{
		border: 1px solid #f1f1f1;}

	.simulator_.panel__ .panel-body {    
		padding: 10px 20px;}

	.simulator_.panel__ .panel-body.collapse { 
		border: 1px solid #f1f1f1;
    	border-top: 0px;
    	border-radius: 0px 0px 4px 4px;}

	.simulator_ .form-horizontal .form-group{
		margin: 0;
		margin-bottom: 12px;}

	.simulator_ .form-horizontal .control-label{
		padding-top: 0px;
		padding-bottom: 5px;
		letter-spacing: -0.2px;
		color: #364962;
		font-weight: 400;
		}

	.simulator_ .form-control[readonly]{
		background-color: #f3f3f3;
		}

	.simulator_ .coopForm input:focus, .simulator_ .coopForm select.form-control:focus, 
	.simulator_ .coopForm input.datepicker:focus, .simulator_ .coopForm textarea:focus{
		-webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.02), 0px 0px 12px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.02), 0px 0px 12px rgba(0, 0, 0, 0);
		box-shadow: 0px 3px 0px #eaeaea, 0px 0px 12px rgb(0 0 0 / 0%);
		}

	.simulator_ .btn_success{
		padding: 10px 30px;}

	.simulator_ .btn_success:hover{
		padding-left: 40px;}
	
	.simulator_ .btn_success i{
		transition: all .3s ease-in-out;}

	.simulator_ .btn_success:hover i{
		left: 15px;}  

	.simulator_ .btn_step:hover{
		padding: 10px 30px;}

	.simulator_ .form-horizontal .send_email .form-group {
    	margin: 0;
    	margin-bottom: 0px;
    	padding-bottom: 0px;}

    .simulator_.panel__ .panel .tool-bar .btn_tool.collapse_btn {
    	color: #c7c7c7;}
	
	.simulator_.panel__ .panel .tool-bar .btn_tool.collapse_btn.collapsed {
    	color: #6f6f6f;}


/*_________________*/
/*________________________________________________________________________________*/
.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
   min-height: 1.65em;
   line-height: 2em;
   vertical-align: middle;
   -moz-box-sizing: border-box;
   text-align: center;
   width: 2.9em;
   background-color: #85bd18;
   border: 0px;
   color: #fff;
   border-radius: 0px 3px 3px 0px;
   }

.k-calendar-container .datepicker {
  width: 100%}

.datepicker.no_arrow {
   height: 39px;
   margin-top: 0px;}

   .datepicker.no_arrow:before,
   .datepicker.no_arrow:after {
       display: none;}

.coopForm .inner_icon .datepicker.kendoDateTimePicker .k-picker-wrap {
   padding-right: 60px;}

.datepicker.no_arrow.kendoDateTimePicker .k-picker-wrap .k-select {
   width: 60px;}

.coopForm .inner_icon .k-widget.k-datepicker,
.coopForm .inner_icon .k-widget.k-datetimepicker {
   box-shadow: none !important;
   height: 40px;
   border-color: #d8d8d8;
   width: 100%;
   border: 1px solid #d8d8d8;
   border-right: 0px;
   }

.coopForm .inner_icon .k-picker-wrap {
   border: 0px;
   box-shadow: none !important;
   padding-left: 30px;
   background-color: transparent;
   background-image: none;
   height: 100%;
   }

   .coopForm .inner_icon .k-picker-wrap input, .coopForm .inner_icon .k-picker-wrap input:hover, .coopForm .inner_icon .k-picker-wrap input:focus {
       border: 0px;
       box-shadow: none !important;
       padding: 0;
       background-color: transparent;
       height: 100%;
       }

   .coopForm .inner_icon .k-picker-wrap .k-icon {
       position: relative;
       top: 0px;
       }



/* KENDO DATAPICKER */  
.kendo_date{}

	.date_full{
		width: 100%;}

	.kendo_date .k-datepicker.k-header{
		background: transparent;
	    border-radius: 5px;
	    border: 0px;}

	.kendo_date .k-picker-wrap{
	    background: transparent;
    	border: 0px;
    	box-shadow: none !important;
    	padding-bottom: 0px !important}

	.kendo_date .k-input{
	    width: 100%;
	    background-color: #f5f5f5;
	    color: #64616f;
	    border: 1px solid rgba(0, 0, 0, 0.03);
	    padding: 0px 10px;
	    font-size: 13px;
	    font-weight: 400;
	    border-radius: 5px;
	    height: 38px;
	    box-shadow: none !important;}

	    .kendo_date ::placeholder { 
		  	color: #c6c4c8;
		  	opacity: 1;}
		.kendo_date :-ms-input-placeholder { 
		  	color: #c6c4c8;}
		.kendo_date ::-ms-input-placeholder {
		  	color: #c6c4c8;} 

	.kendo_date .k-state-default>.k-select {
    	border: 0px;
    	border-radius: 5px;
    	width: auto;
    	min-width: 40px;
    	line-height: 40px;
    	background: transparent;
    	color: #364962;
    	transition: all .5s ease-in-out;
    	cursor: pointer;
    	}

	    .kendo_date:hover .k-state-default>.k-select {
	    	 /*background: rgb(162 210 67 / 8%); */
	    	}

	    .kendo_date .k-i-calendar:before{
			/*font-size: 14px;
			color: #2458a5;
			font-weight: normal;*/
			background-image: url(../images/cd-icon-event.svg);
		    background-position: right 1px center;
		    background-size: 15px 15px;
		    background-repeat: no-repeat;
		    content: "";
					} 

		.kendo_date .k-i-clock:before{			
			font-size: 14px;
			color: #ffffff;
			font-weight: normal;} 			

		.kendo_date:hover .k-i-calendar:before,
		.kendo_date:hover .k-i-clock:before{
			/*-webkit-animation-name: rubberBand 1.5s both 2;
	    	animation: rubberBand 1.5s both 2;*/}

	    .kendo_date .k-state-default>.k-select .k-icon{
	    	background-image: none;}

	    .kendo_date .k-link{
	    	margin: 0 auto !important;}

	    	.kendo_date .k-datetimepicker .k-select .k-link-time{
	    		border-left: 1px solid rgba(0, 0, 0, 0.15)}

	    .kendo_date .k-datetimepicker .k-picker-wrap .k-icon {
    		margin: 0 10px;}

    	.kendo_date.removeicon{} 

    		.reload .coopForm .inner_icon.removeicon.kendo_date .k-picker-wrap{
    			padding-left: 0px;
    			padding-right: 75px;}
    		.reload .coopForm .kendo_date.removeicon .k-picker-wrap input {
    			font-size: 13px;}

    		.theicon{}
    			.reload .coopForm .inner_icon.theicon .k-picker-wrap .k-icon{
    				margin: auto;}
    			.reload .coopForm .inner_icon.theicon .k-picker-wrap .k-icon.k-i-warning {
    				top: 20px;
    				}
    			.reload .coopForm .inner_icon.theicon .k-picker-wrap .k-icon.k-i-calendar{
    				right: 38px;
    				border-radius: 0px;}
    				 

/* SIMULADORES EXTERNO */
.extSimuladores{}

.extSimuladores .panel__ .panel.panel-default {
    box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.01), 0 0px 30px rgba(0, 0, 0, 0.01);}
   
    .extSimuladores .panel__ {
    	padding: 0;}

    	.extSimuladores .panel__ .panel-body {
    		padding: 30px;}

    @media (min-width: 992px){
	    .extSimuladores .banner_portal{
	    	height: 180px;}
	}

    	.slick-dots{
    		top: 45%;}

	    .extSimuladores .titt_{
	    	bottom: -40px;}

		    .extSimuladores .titt_ h3{
		    	font-weight: 700;
		    	font-size: 27px;}

		    .extSimuladores .rotadorPL_ h2 {
		    	font-size: 21px;}

		    .extSimuladores .slick-dots li button{
		    	width: 5px;
		    	height: 5px;
		    	margin: 5px;}

		    .extSimuladores .slick-dots .slick-active button{ 
		    	padding: 5px 0px;}

		    	.extSimuladores .slick-dots li button:first-child{   
		    		margin-top: 0px;}

		    .extSimuladores .rotadorPL_ .slick-slide {
			    padding-top: 34px;
			    padding-right: 70px;
			    padding-bottom: 16px;}

.extSimuladores .panel__ .simulator_ .panel.panel-default{
	box-shadow: none;
	margin-bottom: 20px}

	.extSimuladores .simulator_ .panel.panel-default .panel-heading {
	    border: 1px solid #e4e4e4;
	    background: #fbfbfb;}

	    .extSimuladores .panel__ .datos__ .t_panel h1 {
		    font-size: 18px;
		    margin-top: 0px;
		    color: #84124f;
		    font-weight: 700;
		    letter-spacing: -0.9px;}

		.extSimuladores.page_portal .t_panel p {
		    font-size: 16px;
		    color: #9a9a9a;
		    margin-top: 0px;
		    font-weight: 500;
		    letter-spacing: -0.5px;}

		   	.extSimuladores.page_portal .t_panel i{
		   		color: #9a9a9a;
		   		line-height: 30px;}

	.extSimuladores .simulator_.panel__ .panel-body.collapse {
    	border: 1px solid #e4e4e4;
    	border-top: 0px;
    	padding: 10px;}

	.extSimuladores .simulator_ .form-horizontal .control-label{    
		font-size: 14px;
		letter-spacing: -0.2px;
	    color: #636363;
	    font-weight: 600;}

/**/
@media (min-width: 768px){
	.extSimuladores .coopForm .input-sm {
	    height: 45px;
		background-color: #fdfdfd;}

	.extSimuladores .coopForm select.form-control, .extSimuladores .coopForm input.datepicker {
    	height: 45px;
    	background-color: #fdfdfd;}

   	.extSimuladores .coopForm textarea{
   		background-color: #fdfdfd;}

   	.extSimuladores .coopForm input:hover, 
   	.extSimuladores .coopForm select.form-control:hover, 
   	.extSimuladores .coopForm input.datepicker:hover, 
   	.extSimuladores .coopForm textarea:hover{
   		background-color: #ffffff;
   		box-shadow: 0px 3px 0px rgba(241, 241, 241, 1), 0px 0px 12px rgba(0, 0, 0, 0);
    	border-color: #f1f1f1;}

    .extSimuladores .simulator_ .btn_step:hover {
    	background: #00a651;
    	box-shadow: none;}
}

.extSimuladores .inner_icon .icono_{
	font-size: 15px;
	top: 16px;
	color: rgba(0, 0, 0, 0.45);}

	.extSimuladores .inner_icon:after{    
		top: 42px;
		display: none !important;}

.extSimuladores .check_panel p {
    font-size: 15px;
    line-height: 15px;
    color: #84124f;
    margin: 7px 0px;
    font-weight: 600;
    letter-spacing: -0.5px;}

    .extSimuladores .litInfo{
    	border-width: 0px 0px 0px 3px; }

    .extSimuladores .litInfo h6 {
    	font-size: 14.5px;}

    .extSimuladores .card .card-content .category{    
    	font-size: 14.5px;
    	color: #77767d;}

    .extSimuladores .simulacion_ .card.card-stats-col12 .card-content .category{    
    	font-size: 16px;
    	color: #92909a;
    	letter-spacing: -0.5px;}

.border-0{border: 0px !important}

	.extSimuladores .correo_enviar .linea_{    
		border: 0px solid #d8d8d8;}

	.extSimuladores .correo_enviar .linea_ h1{    
		border-width: 0;}

	.extSimuladores .correo_enviar .linea_ .litInfo{
		border-width: 0;}

.extSimuladores .btn_masInfo a{    
	font-size: 14px;}

/**/
/*.mainform_*/
#wrapper.mainform_{
	background-color: #f8f9fa;
	}

	#wrapper.overflow-initial{
		overflow: initial;}

.reload{}

	.reload.panel__ .panel.panel-default {
	    border: 1px solid #efefef;
	    border-top: 0px solid #efefef;
	    border-radius: 6px;
	    box-shadow: none;
	    }

	    .reload .panel.panel-default .panel-heading{
	    	border-color: #efefef;
	    	position: relative;
	    	border-bottom: 1px solid #efefef;
	    	border-radius: 6px 6px 0px 0px;
	    	}

	    .reload.panel__ .panel-heading{
	    	padding: 10px 15px;}

	    	.reload .t_panel{
	    		padding: 8px 5px 8px 40px;
	    		display: block;
	    		}

	    		.reload .t_panel i{
	    			color: #005396;
	    			color: #c9c9c9;
	    			font-size: 19px;
	    			height: auto;
	    			line-height: normal;
	    			top: 50%;
	    			transform: translateY(-50%);
	    			}

	    			.reload .t_panel i svg{    
	    				height: 17px;
    					position: relative;
    					top: -1px;}

			   	.reload .t_panel h1 {
				    margin: 0;
				    font-size: 16px;
				    margin-top: 0px;
				    color: #364962;
				    font-weight: 500;
				    }

				    .reload .t_panel h1 span{
				    	display: block;
				    	font-weight: 400;
				    	color: #364962;
				    	text-shadow: none;
				    	font-size: 13px;
				    	margin-top: -3px;
				    	margin-bottom: 0px;
				    	letter-spacing: -0.15px;
				    	}

			.reload .panel .tool-bar{
				position: absolute;
			    right: 5px;
			    top: 50%;
			    transform: translateY(-50%);}

			    	.reload.panel__ .panel .tool-bar .btn_tool.collapse_btn{
			    		font-size: 16px;
			    		border-radius: 50%;
			    		background: transparent;
			    		width: 40px;
			    		height: 40px;
			    		line-height: 39px;
			    		padding: 0;
			    		text-align: center;		
			    		transition: all .25s ease-in-out}
			    	.reload.panel__ .panel .tool-bar .btn_tool.collapse_btn.collapsed{
					    color: #7f7f7f;
					    transform: rotate(180deg);}

			    	.reload.panel__ .panel .tool-bar .btn_tool:hover{
    					color: #3176af;}


	.reload .form-horizontal .form-group{
		/* margin: 0 auto; */
		margin-bottom: 15px;
		z-index: 0;
		}
			.reload .form-horizontal .form-group:hover{
				z-index: 1;}

		.reload .form-horizontal .control-label{
			margin-bottom: 6px;
			margin-left: 1px;
			color: #00334e;
			font-size: 13px;
			letter-spacing: -0.1px;
			transition: color .25s ease-in-out;
			}

			.reload .form-horizontal .form-group:hover .control-label{
				color: #022538;
				}

		    .reload .form-horizontal .control-label span{
		    	font-size: 14px; 
    			top: 2px;}

		.reload .form-control{
			border: 1px solid #e5e2e2;
			border-radius: 10px;
			height: 45px;
			font-size: 15px;
			font-weight: 400;
			line-height: 16px;
			color: #00334e;
			padding: 0px 14px 0px 14px;
			}

			.reload .coopForm select.form-control,
			.reload .coopForm input.datepicker{
				border-radius: 10px;
				height: 45px;
				padding: 0px 14px 0px 14px;
				border-color: #e5e2e2;
				font-weight: 400;
				line-height: 16px;
				font-size: 15px;
				}

			.reload .coopForm select.form-control{
				padding-right: 30px;
				transition: all .25s ease-in-out;
				}

			.reload .coopForm textarea.form-control{    
				height: 100px;
    			padding: 14px 0px 0px 14px;}
    			.high,
			    .reload .coopForm textarea.form-control.high,
			    .reload .coopForm textarea.form-control.high{
			        background-color: rgb(67 143 255 / 6%);
			    	border: 1px solid rgb(36 88 165 / 19%);}
			    	.reload .coopForm textarea.form-control.high:hover,
			    	.reload .coopForm textarea.form-control.high:focus,
			    	.reload .coopForm textarea.form-control.high:hover,
			    	.reload .coopForm textarea.form-control.high:focus{
				    	background-color: rgb(67 143 255 / 8%);
				    	border: 1px solid rgb(36 88 165 / 22%);}

			.reload .coopForm .inner_icon .k-widget.k-datepicker,
			.reload .coopForm .inner_icon .k-widget.k-datetimepicker{
				border-color: #e5e2e2;
				width: 100%;
				border: 1px solid #e5e2e2;
				height: 44px;
				transition: all .25s ease-in-out;
				border-radius: 10px;
				}
					.reload .coopForm .inner_icon.iconlock .k-widget.k-datepicker,
					.reload .coopForm .inner_icon.iconlock .k-widget.k-datetimepicker{
						border-bottom: 1px solid #ffffff;
    					background: #fbfbfb;}
				.reload .coopForm .inner_icon .k-picker-wrap .k-icon{
					top: 0;
					background: rgb(67 143 255 / 0%);
					color: #2458a5;
					border-radius: 0px 10px 10px 0px;
					line-height: 39px;
					width: 40px;
					height: 44px;
					display: inline-block;
					float: right;
					z-index: 2;
					position: absolute;
					right: 0;
					}
					.reload .coopForm .inner_icon .k-picker-wrap.k-state-hover .k-icon{
						background: rgb(67 143 255 / 6%);}

				.reload .coopForm .inner_icon .k-picker-wrap{
					padding-left: 35px;
					/*padding-left: 0px;*/}
					.reload .coopForm .inner_icon.removeicon .k-picker-wrap{
						padding-left: 4px;
						}

				.reload .coopForm .inner_icon .k-picker-wrap input{
					font-size: 15px;
					font-weight: 400;
					line-height: 16px;
					color: #364962;
					}

				.reload .coopForm .inner_icon .k-widget.k-datepicker:hover,
				.reload .coopForm .inner_icon .k-widget.k-datetimepicker:hover{
					background-color: rgb(67 143 255 / 6%);
    				border: 1px solid rgb(36 88 165 / 19%); }

			.reload .form-control[disabled], .reload .form-control[readonly],
			.reload .coopForm select.form-control[disabled],
			.reload .coopForm select.form-control[readonly]{
				/* background-color: #f7f7f7; */
				/* background-color: #f7f7f700; */
				pointer-events: none;
				background-color: rgb(67 143 255 / 5%);
				border: 1px solid rgb(36 88 165 / 15%);}

				.modalForm.coopForm .input-sm {
					background-color: rgb(67 143 255 / 5%);
					border: 1px solid rgb(36 88 165 / 15%);}
			
			.reload .coopForm input:hover,
			.reload .coopForm select.form-control:hover,
			.reload .coopForm input.datepicker:hover,
			.reload .coopForm textarea:hover,
			.reload .coopForm input:focus,
			.reload .coopForm select.form-control:focus,
			.reload .coopForm input.datepicker:focus,
			.reload .coopForm textarea:focus{
				background-color: rgb(67 143 255 / 6%);
				border: 1px solid rgb(36 88 165 / 19%);
				box-shadow: none;
				} 

			.reload .coopForm .iconlock input:hover,
			.reload .coopForm .iconlock select.form-control:hover,
			.reload .coopForm .iconlock input.datepicker:hover,
			.reload .coopForm .iconlock textarea:hover,
			.reload .coopForm .iconlock input:focus,
			.reload .coopForm .iconlock select.form-control:focus,
			.reload .coopForm .iconlock input.datepicker:focus,
			.reload .coopForm .iconlock textarea:focus{
				background-color: rgb(162 210 67 / 0%);}

		.reload .inner_icon .icono_{
			font-size: 16px;
    		left: 13px;
    		top: 15px;
    		color: rgb(179 179 189);}

    		.reload .inner_icon:after{
    			transition: all .3s ease-in-out;
    			left: 10px;
    			top: 44px;
    			height: 1px;
    			background-color: rgb(36 88 165 / 1%);
    			}

    			.reload .inner_icon.no-border:after{
    				display: none}
    			.reload .inner_icon.iconlock:after{
    				display: none}

    		.reload .inner_icon:hover:after{
    			width: calc(100% - 20px);
    			}

    	.iconlock{
			/* background-color: rgb(215 215 215 / 10%); */
			/* cursor: help; */
			border-radius: 6px 6px;
			}
			.iconlock .icono_,
			.reload .inner_icon.iconlock .icono_{
				pointer-events: auto;
				z-index: 10;
				left: auto;
				right: 13px;
				color: rgb(131 131 137);
				top: 11px;
				transition: all .25s ease-in-out;}

				.iconlock .icono_ i{
					color: rgb(197 197 197);
					transition: all .25s ease-in-out;
					font-size: 14px;
					}

					.iconlock .icono_:hover i{
						color: #005396;}
					.iconlock:hover .icono_ i{
						color: #2458a5;
						}

					.reload .coopForm .iconlock .form-control{
						/* border-color: #ffffff; */
						}
					.reload .coopForm .iconlock select.form-control{
						background-image: none;}
					.iconlock .kendo_date .k-state-default>.k-select{
						min-width: 42px;
						line-height: 40px;
						background: #fbfbfb;
						}
					   	.reload .coopForm .iconlock .k-picker-wrap .k-icon {
    						opacity: 0;	} 
    		.iconlock .kendo_date {
    			pointer-events: none;}

    		/**/
    		.iconoright{}

    			.iconoright .icono_,
    			.reload .inner_icon.iconoright .icono_ {
    				top: 16px;
    				right: 15px;
				    left: auto;
				    font-weight: 500;
					font-size: 13px;}

				.reload .iconoright .form-control{
					padding-right: 35px;}

			.iconoleft{}

    			.iconoleft .icono_,
    			.reload .inner_icon.iconoleft .icono_ {
    				top: 16px;
    				font-size: 13px;
    				}

				.reload .iconoleft .form-control{
					padding-left: 35px;}

				/**/
				.tip_ .tooltiptext {
				  	visibility: hidden;
				  	width: max-content;
				  	white-space: nowrap;
				  	background-color: black;
				  	color: #fff;
				  	text-align: center;
				  	border-radius: 5px;
				  	padding: 3px 5px 4px;
				  	position: absolute;
				  	z-index: 1;
				  	bottom: 150%;
				  	/* left: 0; */
				  	/* right: 0; */
				  	margin: auto;
				  	font-size: 11px;
				  	transform: translateX(-57%);}

				.tip_ .tooltiptext::after {
				  	content: "";
				  	position: absolute;
				  	top: 100%;
				  	left: 50%;
				  	margin-left: -5px;
				  	border-width: 5px;
				  	border-style: solid;
				  	border-color: black transparent transparent transparent;}
				.tip_:hover .tooltiptext {
  					visibility: visible; }

  				.tinfo{
  					float: right;
				    margin-top: 13px;
				    right: 5px;
				    position: relative;
				    font-size: 15px;}
				    .tinfo .tooltiptext {
				    	transform: translateX(-55%);}

				.tinfobutton{    
					border: 0px !important;
					background: transparent !important;
					outline: none !important;
					font-size: 14px;
					color: #005396;
					display: inline-block;
					float: right;
					margin-left: 3px;}

  	/**/
  	.hr_{
  		border-top: 1px rgb(0 0 0 / 10%) dashed;
	    /* position: absolute; */
	    width: 97%;
	    height: 1px;
	    content: "";
	    display: block;
	    top: 0;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    padding: 0 0px 30px;
    	margin-top: 10px;}

  	.linetitle{
  		position: relative;
  		margin-bottom: 30px;
  		margin-top: 20px;}
  			.linetitle:first-child{
  				margin-top: 0px;}
			.linetitle.minimob{
				margin-bottom: 7px;}

	  	.linetitle:after {
		    border-bottom: 1px rgb(0 0 0 / 10%) dashed;
		    position: absolute;
		    width: 97%;
		    height: 1px;
		    content: "";
		    display: block;
		    bottom: -7px;
		    left: 0;
		    right: 0;
		    margin: 0 auto;}

  	.linetitle h1{
    	font-weight: 400;
    	text-transform: uppercase;
    	color: #8c8b8b;
    	font-size: 14px;
    	margin: 0px 15px 20px;
    	position: relative;
    	color: #005396;
    	font-weight: 700;
    	}

	    .linetitle h1:before{
	    	display: block;
	    	position: absolute;
	    	width: 4px;
	    	height: 4px;
	    	content: "";
	    	border-radius: 50%;
	    	background-color: #005396;
	    	top: 4.5px;
	    	left: -15px;
	    	}	

	    .subtile {}	

			.subtile h1{
				font-size: 14px;
				color: #312e2e;
				font-weight: 600;
				margin: 0;
				padding: 20px 20px 20px;
				position: relative;
				background: #f9f9f9;
				margin-top: 25px;
				/* border: 1px rgb(0 0 0 / 10%) dashed; */
				border-radius: 6px;}

				.subtile h1.bt-0{
					/* margin-top: 0px; */
					border-top: 0 !important;}

				.subtile p{    
					margin: 0 22px 5px;
				    font-size: 13px;
				    margin-top: 0px;
				    color: #6f7782;
				    font-weight: 500;}

			.subtile .checkbox{
				display: inline-block;
			    position: relative;
			    top: -1.5px;
			    margin-left: 5px;}

	/*INFO OCULTA*/
	.showtext {
	    display: block;
	    margin-top: 0;
	    border-bottom: 1px solid #e6ecf5;
	    margin-bottom: 0;
	    padding: 10px 10px 50px;
	    position: relative;
	    padding: 10px 10px 10px;
	    border: 0;}

	    .showtext h1{    
	    	font-size: 15px;
		    line-height: 24px;
		    color: #364962;
		    display: block;
		    margin: 15px 0px 10px;
		    letter-spacing: -0.25px;}

	    .showtext p{
	    	font-size: 13px;
	    	line-height: 24px;
	    	color: #364962;
	    	margin: 0;
	    	margin-bottom: 15px;
	    	display: block;}

	.hidden_infovideo{
	    height: 135px;
	    overflow: hidden;
	    transition: height 0.8s ease;
	    position: relative;}

	    .hidden_infovideo:after{
	    	position: absolute;
		    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0.2) 100%);
		    width: 100%;
		    height: 70%;
		    display: block;
		    content: "";
		    bottom: 0;
		    z-index: 1;
		    pointer-events: none;
		    opacity: 1;
		    transition: all .4s ease-in-out;}

	    	.showbox.hidden_infovideo:after{
	    		opacity: 0;}

	.boxabrir{
		position: absolute;
		bottom: -10px;
		width: 100%;
		text-align: center;
		}

	.abrirpanel{
		position: relative;
		color: rgb(154, 156, 171) !important;
		padding: 6px;
		cursor: pointer;
		font-weight: 700;
		transition: all .25s ease-in-out;
		z-index: 10;
		text-transform: uppercase;
		font-size: 13px;
		}

		.open.abrirpanel{
			color: rgb(133, 135, 148) !important;}

		.abrirpanel:hover,
		.open.abrirpanel:hover{
			color: rgb(131 133 151) !important;
			}

		.abrirpanel:after{
			font-family: "feather";
			content: "\e842";
			-webkit-font-feature-settings: 'liga' 1;
			-moz-font-feature-settings: 'liga' 1;
			font-feature-settings: 'liga' 1;
			position: absolute;
			top: 5px;
			left: -13px;
			font-size: 14px;
			font-weight: 700;
			transition: all .25s ease-in-out;} 

		    .open.abrirpanel:after{
		    	transform: rotate(-180deg);}

	/**/
	.bswitch_ {}
		.bswitch_ .btn-Switch{ 
			display: inline-block;}

		.bswitch_.withtop {}
		.bswitch_.withtop .btn-Switch{ 
			margin-top: 10px;}

	.infoswitch{
		transition: all .25s ease-in-out;}
		.infoswitch.disabled{
			pointer-events: none;
		    opacity: .5;}

	.disabled_{
			transition: all .25s ease-in-out;
			pointer-events: none;
		    opacity: .5;}

	/**/
	.change_message{
		font-size: 13px;
		transition: all .25s ease-in-out;
		color: #6f6e6e;		}
		.change_message i{
			width: 30px;
		    height: 30px;
		    line-height: 30px;
		    background: #eaeaea;
		    display: inline-block;
		    text-align: center;
		    border-radius: 50%;
		    margin-right: 7px;
			font-size: 14px;}
		.change_message .required{
			font-size: 19px;
    		top: 5px;}

		.bloq{
			padding: 20px;
			background: rgb(0 83 150 / 10%);
			border: 1px solid rgb(0 83 150 / 15%);
			border-radius: 10px;
			margin-bottom: 10px;
			color: #005396;
			/* animation: zoomIn .5s ease-in-out; */
			width: 100%;
			}

		    .bloq.change_message i{
		    	background: #005396;
		    	color: #fff;
		    	}

    /**/
    .panel__ .btn_map,
	.btn_map{
		transition: all .25s ease-in-out;
	    position: absolute;
	    right: 0px;
	    top: 0px;
	    height: 100%;
	    display: block;
	    z-index: 3;
	    width: 100%;
	    text-align: right;}

	    .panel__ .btn_map i,
		.btn_map i{
			background: #2458a5;
			color: #fff;
			min-width: auto;
			outline: none;
			transition: all .25s ease-in-out;
			border-radius: 5px;
			height: 38px;
			line-height: 38px;
			width: 38px;
			padding: 0px;
			margin-top: 5px;
			margin-right: 5px;
			}

		    .panel__ .btn_map:hover i,
			.btn_map:hover i{
				color: #fff;
				background: #2458a5;
				}

			.btn_map:after{
				position: absolute;
				display: block;
				content: "";
				right: 42px;
				top: 50%;
				transform: translateY(-50%);
				width: 0px;
				height: 0px;
				border-top: 6px solid transparent;
				border-bottom: 6px solid transparent;
				border-right: 6px solid #2458a5;
				}

		.inner_link{}

			.inner_link:hover input{
				background-color: rgb(162 210 67 / 8%);
				box-shadow: none;
				}

/**/
.panelsave_{}
	
	.panelsave_ .form-group {
    	margin-bottom: 0;}

	.panelsave_ .control-label{
		font-size: 13px;
	    line-height: 20px;
	    color: #364962;
	    margin: 0;}

.reload.panel__ .panel.panel-default.panelsave_.isfixed{
	position: fixed;
	bottom: -25px;
	z-index: 10;
	transition: position .2s ease-in-out, bottom .2s ease-in-out;
	left: 0;
	right: 0;
	margin: auto;
	padding-left: 260px;
	border-radius: 0;}

	.reload.panel__ .panelsave_.isfixed .panel-body{
	    padding: 8px 15px;}
 
.reload.panel__ .panel.panel-default.panelsave_.gone{
	position: relative;
	bottom: auto;
	padding-left: 0;
	border-radius: 6px;}

	.reload.panel__ .panelsave_.gone .panel-body{
	    padding: 15px 15px;}

/**/
.vistaw_{
	padding: 0 !important;
	z-index: 0;	}

	.steps_{
		background: transparent;
		margin: 0;
		padding: 0;
		list-style-type: none;
		z-index: 0;
		position: relative;
		}

		.steps_ ul{
			list-style-type: none;
			border: 1px solid #efefef;
			border-bottom: 0px;
			position: relative;
			border-radius: 8px 8px 0px 0px;
			background: #f9f9f9;
			margin: 0;
			padding: 15px 15px 0px 15px;
			z-index: 2;
			position: relative;
			}

			.steps_ ul li{
				display: inline-block;
			    position: relative;
			    padding: 0px;
			    transition: all .25s ease-in-out;
			    border: 0px solid #f9f9f9;
			    border-radius: 6px 6px 0px 0px;
			    border-bottom: 0px !important;
			    float: left;
			    margin: 0;}

			    	.steps_ ul li a:hover{
			    		background: rgb(241 240 240 / 43%);
			    		border: 1px solid #ebebeb !important;
			    		}

					.steps_ ul li a:after{
						position: absolute;
						width: 100%;
						height: 1px;
						content: "";
						display: block;
						background: #efefef;
						bottom:0px;
						left: 0;
						z-index: 1;
						transition: all .25s ease-in-out;
						} 
						.steps_ ul li a.active:after{
							background: #fff;}

			    .steps_ ul li a{
			    	display: block;}

			    		.steps_ ul li a:hover i svg{
			    			color: #2458a5;
			    			-webkit-animation: draw 1.5s ease-in-out alternate infinite;
			    			animation: draw 1.5s ease-in-out alternate infinite;
			    			}

			    	.reload .steps_ .t_panel {
    					display: block;}

			    .steps_ ul li a.active{
				    background: #fff;
				    border: 1px solid #e0e3e6;} 

				    .steps_ .nav-tabs .nav-item.show .nav-link, 
				    .steps_ .nav-tabs .nav-link.active{
				    	border-color: #efefef #efefef #fff;}  

				    .reload .steps_ a.active .t_panel i{
					    color: #2458a5;
					    }     

	.reload.panel__ .vistaw_ .panel.panel-default{    
		border-radius: 0px 0px 6px 6px;}
			.reload.panel__ .vistaw_.buttonend .panel.panel-default{
			    border-radius: 0;
				border-bottom: 0px;}

		.vistaw_ .change_message i.feather.icon-check{
			background: rgb(0, 166, 81);
			color: #fff}

		.boxconpanel{
			background: #fff;
			border: 1px solid #efefef;
			border-top: 0px;
			}

			.reload.panel__ .vistaw_ .boxconpanel .panel.panel-default{
				border: 0}

	.bloquear{
		opacity: .5;}

		.maskbloquear{
			position: absolute;
		    width: 100%;
		    height: 100%;
		    top: 0;
		    left: 0;
		    border: 0;
		    outline: none !important;
		    background: transparent;
		    z-index: 1;
			display: none} 
			.bloquear .maskbloquear{
				display: block;}
			.reload .bloquear .t_panel i {
    			color: #dedede;}
		.steps_ ul li a.active .maskbloquear,{
			display: none;}

/**/
.modalw_ {}

	@media (min-width: 1024px){
		.modalw_ .modal-lg, .modalw_ .modal-xl {
		    max-width: 990px;}
	}

	.modalw_.panel__ .modal-content{
		border-radius: 10px;
		/* overflow: hidden; */}

	.modalw_ .modal-header{
		border-bottom: 1px solid rgb(229 229 229 / 30%);
		background: #fbfbfb;
		border-radius: 10px 10px 0px 0px;
		padding-right: 80px;
		position: relative;
		padding-left: 20px;
		display: block;}

		.instr {
		    font-size: 13px;
		    transition: all .25s ease-in-out;
		    color: #6f6e6e;
		    -ms-flex-align: center!important;
		    align-items: center!important;
		    -ms-flex-pack: justify!important;
		    justify-content: space-between!important;
		    display: -ms-flexbox;
		    display: flex;
		    -ms-flex-wrap: wrap;
		    flex-wrap: wrap;}
		    .instr .required {
			    font-size: 11px;
			    top: 1px;
			    margin: 0 1px;}
			.instr p{
			    margin: 0;
			    display: inline;
			    font-size: 12px;}

		.modalw_ .modal-header .close{
			background: #005396;
			color: #ffffff;
			opacity: 1;
			text-shadow: none;
			position: absolute;
			right: 20px;
			width: 40px;
			height: 40px;
			border-radius: 4px;
			top: 50%;
			transform: translateY(-50%);
			outline: none !important;
			margin: 0;
			transition: all .25s ease-in-out;
			padding: 10px;
			}
			.modalw_ .modal-header .close:hover{
				background: #074c84;
				color: #fff;
				} 

	.tip_ .tooltiptext.white{
		box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);
		max-width: 320px;
		padding: 10px 10px 11px;
		background-color: #ffffff;
    	color: #383838;
		white-space: normal;
		transform:translateX(-52%);
	    font-size: 12px;}

		.tip_ .tooltiptext.white::after{    
			border-color: #ffffff transparent transparent transparent;}

	.registrod{
		text-align: left;
		border-top: 1px solid rgb(229 229 229 / 50%);
		padding: 23px 35px 22px 35px;
		}

	    .registrod .row{
	    	/* margin: auto; */
	    	width: 100%;
	    	}

		.registrod h6{
			font-size: 12px;
		    transition: all .25s ease-in-out;
		    color: #6f6e6e;
		    font-weight: 600;
		    letter-spacing: -0.2px;
		    margin: 0;}

		.presult{
			margin: 0;
			font-size: 17px;
			margin-top: 0px;
			color: #3e3b3b;
			font-weight: 500;
			}

/**/
.opanel_{
	position: relative;
	display: block;
	clear: both;
	padding: 15px 0px 0px 20px;
	counter-increment: step-counter;
	}

	.opanel_ .row{
		margin: 0 auto} 

	.multilinea{
		border: 1px solid #efefef;
		position: relative;
		border-radius: 8px;
		background: #fff;
		}

	    .bbtile{
	    	position: relative;
	    	border-bottom: 1px solid #efefef;
	    	background: #f9f9f9bd;
	    	padding: 6px 10px;
	    	border-radius: 8px 8px 0px 0px;
	    	text-align: right;
	    	}

			.bbtile:before {
			    content: "0" counter(step-counter);
			    height: auto;
			    line-height: normal;
			    text-align: left;
			    padding-left: 15px;
			    font-size: 13px;
			    font-weight: 700;
			    position: absolute;
			    left: 0;
			    top: 50%;
			    transform: translateY(-50%);
			    transition: all .25s ease-in-out;
			    color: #c5c1c1;
			    }

		.opanel_ .row{
			padding: 15px 15px 30px 15px;
			/* display: block; */
			position: relative;
			clear: both;
			}

		.reload .form-horizontal .multilinea .form-group{
		    margin-bottom: 0px;}

		.btnpat{
			padding: 4px 6px;
			font-size: 13px;
			transition: all .15s ease-in-out !important;
			border-radius: 20px;
			display: inline-block;
			background: transparent;}
				.btnpat:hover {
					color: #fff !important;
					padding: 4px 10px;}
			.mod_{}
				.mod_:hover{
				    background: #005396;
				    background: #85bd18;
				    }
			.btnpat i{
    			margin-right: 4px;}

    		.eli_{
				position: relative;
				padding: 0;
				margin: 0;
				background: transparent !important;}
				.eli_:hover{} 
    				.eli_ i{
					    position: absolute;
					    top: 50%;
					    transform: translateY(-50%);
					    z-index: 1;
					    left: 10px;
					    font-size: 13px;
					    pointer-events: none;}
					.eli_:hover i{
						color: #fff}
    		.inputeliminar{
    			position: relative;
    			padding: 4px 6px 4px 20px;
    			font-size: 13px;
    			transition: all .15s ease-in-out !important;
    			border-radius: 20px;
    			display: inline-block;
    			background: transparent;
    			border: 0 !important;
    			color: #555;
    			outline: none !important;} 
			    .eli_:hover .inputeliminar,
			    .inputeliminar:hover{
    				/* background-color: #1888e3 !important; */
    				background-color: #005396 !important;
    				color: #fff;
    				padding: 4px 15px 4px 25px;
    				}

    		/**/
    		.iadd{
				position: relative;
				padding: 0;
				margin: 0;
				background: transparent !important;
				float: right;
				margin-top: -12px}
					.iadd.disabled{
						pointer-events: none}

				.iadd:hover{} 
    				.iadd i{
					    position: absolute;
					    top: 14px;
					    z-index: 1;
					    left: 13px;
					    font-size: 13px;
					    pointer-events: none;
					    color: #fff;
					    }
					.iadd:hover i{
						color: #fff}
    		.inputagregar{
    			position: relative;
    			padding: 10px 16px 10px 30px;
    			font-size: 13px;
    			transition: all .15s ease-in-out !important;
    			border-radius: 20px;
    			display: inline-block;
    			background: #0667b5;
    			border: 0 !important;
    			color: #fff;
    			outline: none !important;
    			} 
			    .iadd:hover .inputagregar,
			    .inputagregar:hover{
    				background-color: #1888e3 !important;
    				color: #fff;
    				}
    		

    	.nivelsave{
    		text-align: center;
    		position: relative;}

    			.nivelsave:before {
    				background: rgba(0, 0, 0, 0.1);
				    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.16) 50%, rgba(0, 0, 0, 0) 100%);
				    position: absolute;
				    display: block;
				    content: "";
				    width: 50%;
				    height: 1px;
				    top: 41px;
				    z-index: -1;
				    left: 0;
				    right: 0;
				    margin: auto;}

    		.nivelsave .btn_success{
    			margin-top: 20px;
    			z-index: 1}

    	/**/
    	.sololectura{}

    		.reload .sololectura .form-control{
    			background-color: #f7f7f75e;
    			/* border: 1px solid #ced3de; */
    			box-shadow: none;
    			pointer-events: none;}
    		.reload .sololectura .form-group{
    			pointer-events: none;}
			.coopForm .sololectura label.label-radio{
				pointer-events: none}
			.coopForm .sololectura .inner_icon:hover .icono_ {
    			color: rgb(179 179 189);}
    		.sololectura .inner_link{
				pointer-events: none}
			.coopForm .sololectura .kendo_date {
    			pointer-events: none;}
    			.reload .coopForm .sololectura .inner_icon .k-widget.k-datepicker{
    				background-color: rgb(247 247 247 / 37%);
    				/* border: 1px solid #ced3de; */}

		/**/
		.ototal_ {
		    position: relative;
		    display: block;
		    clear: both;
		    padding: 15px 30px 0px 60px;
		    }

		    .informm{
		    	position: relative; 
			    border: 1px solid #e0e3e6;
			    background: #f9f9f9;
			    padding: 10px 10px;
			    border-radius: 8px;}

			    .iconot{    
			    	font-size: 16px;
				    position: relative;
				    top: 14px;}

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

		    	.reload .form-horizontal .informm .control-label{
    				padding-top: 13px;}



/**/
.loading_overlay {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(255 255 255 / 65%);
    text-align: center;
    z-index: 2;
    transition: all .35s ease-in-out;}

	.loading_overlay.active { 
	    display: block;
		animation: fadeIn .35s ease-in-out}

	/**/
	.loader_5 {
		display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    margin: auto;
		height: 32px;
		width: 32px;
		-webkit-animation: loader-5-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
		        animation: loader-5-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;}
			@-webkit-keyframes loader-5-1 {
				0%   { -webkit-transform: rotate(0deg); }
				100% { -webkit-transform: rotate(360deg); }
			}
			@keyframes loader-5-1 {
				0%   { transform: rotate(0deg); }
				100% { transform: rotate(360deg); }
			}
		.loader_5::before {
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: auto;
			margin: auto;
			width: 8px;
			height: 8px;
			background: #005396;
			border-radius: 50%;
			-webkit-animation: loader-5-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
			animation: loader-5-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
		}
			@-webkit-keyframes loader-5-2 {
				0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
				50%  { -webkit-transform: translate3d(24px, 0, 0) scale(.5); }
				100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
			}
			@keyframes loader-5-2 {
				0%   { transform: translate3d(0, 0, 0) scale(1); }
				50%  { transform: translate3d(24px, 0, 0) scale(.5); }
				100% { transform: translate3d(0, 0, 0) scale(1); }
			}
		.loader_5::after {
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: auto;
			bottom: 0;
			right: 0;
			margin: auto;
			width: 8px;
			height: 8px;
			background: #005396;
			border-radius: 50%;
			-webkit-animation: loader-5-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
			animation: loader-5-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
		}
			@-webkit-keyframes loader-5-3 {
				0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
				50%  { -webkit-transform: translate3d(-24px, 0, 0) scale(.5); }
				100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
			}
			@keyframes loader-5-3 {
				0%   { transform: translate3d(0, 0, 0) scale(1); }
				50%  { transform: translate3d(-24px, 0, 0) scale(.5); }
				100% { transform: translate3d(0, 0, 0) scale(1); }
			}
		.loader_5 span {
			display: block;
			position: absolute;
			top: 0; left: 0;
			bottom: 0; right: 0;
			margin: auto;
			height: 32px;
			width: 32px;
		}
			.loader_5 span::before {
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				bottom: auto;
				right: 0;
				margin: auto;
				width: 8px;
				height: 8px;
				background: #005396;
				border-radius: 50%;
				-webkit-animation: loader-5-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
				animation: loader-5-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
			}
				@-webkit-keyframes loader-5-4 {
					0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
					50%  { -webkit-transform: translate3d(0, 24px, 0) scale(.5); }
					100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
				}
				@keyframes loader-5-4 {
					0%   { transform: translate3d(0, 0, 0) scale(1); }
					50%  { transform: translate3d(0, 24px, 0) scale(.5); }
					100% { transform: translate3d(0, 0, 0) scale(1); }
				}
			.loader_5 span::after {
				content: "";
				display: block;
				position: absolute;
				top: auto;
				left: 0;
				bottom: 0;
				right: 0;
				margin: auto;
				width: 8px;
				height: 8px;
				background: #005396;
				border-radius: 50%;
				-webkit-animation: loader-5-5 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
				animation: loader-5-5 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
			}
				@-webkit-keyframes loader-5-5 {
					0%   { -webkit-transform: translate3d(0, 0, 0) scale(1); }
					50%  { -webkit-transform: translate3d(0, -24px, 0) scale(.5); }
					100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
				}
				@keyframes loader-5-5 {
					0%   { transform: translate3d(0, 0, 0) scale(1); }
					50%  { transform: translate3d(0, -24px, 0) scale(.5); }
					100% { transform: translate3d(0, 0, 0) scale(1); }
				}

/*CARGADOR*/
.loader {
  	background: rgb(255 255 255 / 1);
  	background-size: 250px;
  	height: 100%;
  	left: 0;
  	opacity: 1;
  	position: fixed;
  	top: 0;
  	width: 100%;
  	z-index: 99999;}  

/**/
.boxl{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-width: 768px;
	margin: 0 auto;
	text-align: center;}

    .boxl h1{
    	display: block;
	    font-size: 18px;
	    margin-top: 0px;
	    color: #5d5a5a;
	    font-weight: 600;
	    margin: 0;
	    letter-spacing: -0.2px;
	    transition: all .25s ease-in-out;
		animation: fadeIn .25s ease-in-out .1s}

    .boxl h2{
    	display: block;
	   	font-size: 28px;
	    margin-top: 0px;
	    color: #005396; 
	    font-weight: 700;
	    margin: 5px 0 0;
	    letter-spacing: -0.5px;
	    transition: all .25s ease-in-out;
		animation: fadeIn .25s ease-in-out .1s}

.load {
	position: relative;
	margin: 0px auto 80px;
	width: 140px;
	height: 100px;}    

.gear {
	position: absolute;
	z-index: -10;
	width: 40px;
	height: 40px;
	-webkit-animation: spin 12s infinite;
	animation: spin 12s infinite;}

	.gear:nth-child(1) svg{
		fill: #237fca;}
	.gear:nth-child(2) svg{
		fill: #005396;}
	.gear:nth-child(3) svg{
		fill: #1d8fea;}    

.two {
	left: 40px;
	width: 80px;
	height: 80px;
	-webkit-animation: spin-reverse 12s infinite;
	animation: spin-reverse 12s infinite;} 

.three {
	top: 45px;
	left: -10px;
	width: 60px;
	height: 60px;}

@-webkit-keyframes spin {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  50% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  50% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.lil-circle {
  position: absolute;
  border-radius: 50%;
  box-shadow: inset 0 0 25px 0px rgb(70 69 69 / 30%), 0 0 50px white;
  width: 100px;
  height: 100px;
  opacity: .65;}

.blur-circle {
  position: absolute;
  top: -19px;
  left: -19px;}

/**/
.loadmin{
	position: relative;
	z-index: 1;
	height: 320px;
	display: block;	}

	.loadmin .boxl{
		position: relative;
		display: block;
		text-align: left;
		left: 0;
		padding-left: 120px;
		width: -moz-fit-content;
		width: fit-content;}

	    .loadmin .load{
	    	transform: scale(0.7);
	    	display: inline-block;
	    	margin: 0;
	    	position: absolute;
	    	left: 0px;
	    	top: -25px;}

		.loadmin .boxl h1{
			font-size: 16px;
			animation: none;}
		.loadmin .boxl h2 {
			font-size: 24px;
			margin: 0px 0 0;
			animation: none;}

.fadeOut_{
	animation: fadeOut 1s ease-in-out;}

/* ======== */
.modal__ .modal-content{
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 4px;}

.modal__ .modal-header{
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    padding-right: 50px;}

.modal__ .close{
    outline: none !important;
    position: absolute;
    right: 0px;
    margin: 0;
    padding: 0;
    height: 100%;
    top: 0px;
    width: 50px;
    color: #909090;
    font-size: 20px;
    font-weight: 500;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;}

.modal__ .close:hover{
    color: #a2a2a2;
    background-color: rgba(0,0,0,.02);}

.modal__ .title{
    color: #5d5b6f;
    margin: 0px;
    font-size: 16px;
    text-shadow: none;
    font-weight: 400;
    letter-spacing: -0.5px;}

.modal__ .title i{
    margin-right: 10px;
    color: #d0d0d0;}

.modal__ .modal-footer{
    border-top: 1px solid rgba(0, 0, 0, 0.05);}

.modal__ .btn_close{
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    text-shadow: none;
    font-weight: 400;
    letter-spacing: 0px;
    text-shadow: none;
    text-align: center;
    transition: color .5s ease,background .5s ease;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    border-radius: 40px;
    color: #fff;
    background: #005396;
    box-shadow: 0px 0px 20px rgb(0 83 150 / 30%);}

.modal__ .btn_close:hover{
    padding: 10px 25px 10px 25px;
    background: #0667b5;
    box-shadow: 0px 0px 20px rgb(6 103 181 / 40%), 0px 20px 15px -20px rgb(6 103 181 / 80%);}

.modal__ .pItems_ {
    border-radius: 0;
    margin: 20px;
    background: #fff;
    padding: 0;
    border: 0px solid rgb(247, 247, 247);
    box-shadow: none;
    overflow: auto;}

.label-warning {
    background-color: #a5172b;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 100;
    padding: 0px 5px;
    margin-left: 5px;}    

/*====*/
.modaldate_{}

	.modaldate_ .modal-content{
		border: 0px}

	.modaldate_ .modal-header{
		background-image: linear-gradient(355deg, #56647d 0%, #6F85AD 100%);
    	border: 0;}
    	.modaldate_ .modal-header h4{
		    font-weight: 600;
		    letter-spacing: -0.1px;
		    color: #fff;
		    font-size: 15px;
		    text-shadow: none;}
    		.modaldate_ .modal-header h4 i{
    			margin-right: 5px;}

    	.modaldate_ .modal-header .close{
		    color: #fff;
		    text-shadow: none;}

		.modaldate_ .close_{
		    position: absolute;
		    right: 10px;
		    top: 10px;
		    width: 30px;
		    height: 30px;
		    z-index: 1;
		    font-size: 20px;
		    font-weight: 400;}

		.datetile_{
			text-align: center;
			margin-bottom: 30px;
			margin-top: 35px;
			} 

			.datetile_ i{
				width: 40px;
				height: 40px;
				line-height: 39px;
				text-align: center;
				color: #fff;
				border-radius: 50%;
				display: block;
				margin: 0 auto;
				font-size: 15px;
				margin-bottom: 20px;
				background: #0667b5;
				box-shadow: 0px 0px 20px rgb(6 103 181 / 40%), 0px 20px 15px -20px rgb(6 103 181 / 52%);}

			.datetile_ h4{
			    color: #364962;
			    font-weight: 600;
			    letter-spacing: -0.5px;
			    font-size: 17px;
			    line-height: 14px;
			    margin: 0px 0px 10px 0px;} 

			.datetile_ p{
			    color: #364962;
			    font-size: 14px;
			    line-height: 15px;
			    margin: 0;
			    letter-spacing: 0.1px;}		

	.modaldate_ .modal-footer{
		padding: 15px 0 5px;
		border-top: 1px solid #f7f7f7;
		margin-top: 40px;
		display: block;}

		.modaldate_ .modal-footer button.disabled{
			pointer-events: none;}

	.infofinal{
		color: #364962;
	    font-size: 14px;
	    line-height: 19px;
	    margin: 0;
	    letter-spacing: 0.1px;}


/*====*/
/**/
.droperfil{
    padding: 0;
    height: 110px;
    text-align: left;
    position: relative;
    display: block;
    background: transparent !important;
    margin-right: 20px;
    outline: none !important;
    box-shadow: none !important;
    }

    .droperfil.dropdown-toggle::after{
    	display: none;}

	.droperfil span{
	    position: relative;
	    display: block;
	    padding-left: 62px;}

		.droperfil span h1{
		    color: #364962;
		    color: #ffffff;
		    font-weight: 600;
		    letter-spacing: -0.5px;
		    font-size: 18px;
		    line-height: 20px;
		    margin: 0;
		    }

		.droperfil span p{
		    display: block;
		    color: #364962;
		    color: #ffffff;
		    text-shadow: none;
		    font-size: 15px;
		    margin-top: 0px;
		    letter-spacing: -0.5px;
		    line-height: 14px;
		    margin: 0;
		    }

	.droperfil .img_{
	    display: inline-block;
	    width: 45px;
	    height: 45px;
	    border-radius: 50%;
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    left: 0;}

	    .droperfil .img_:before {
    		font-family: 'feather' !important;
    		content: "\e842";
    		display: block;
    		position: absolute;
    		width: 18px;
    		height: 18px;
    		background: #a2d243;
    		border: 0px solid #fff;
    		right: -10px;
    		top: 14px;
    		border-radius: 50%;
    		line-height: 18px;
    		font-size: 12px;
    		font-weight: 700;
    		text-align: center;
    		}

    	.username_ p,
    	.droperfil span .username_ p{
    		position: absolute;
		    display: block;
		    width: 100%;
		    height: 100%;
		    border-radius: 50%;
		    text-align: center;
		    padding: 0;
		    line-height: 44px;
		    z-index: -1;
		    text-transform: uppercase;
		    font-weight: 700;
		    background: #3672cb;
			color: #ffffff;}

    	.pagep{
    		display: block;
		    margin: 0 auto;
		    width: 140px;
		    height: 140px;
		    border-radius: 50%;
		    margin-top: 20px;}

    .menulil{
    	min-width: 250px;
    	max-width: 250px;
    	border: 0px;
    	border-radius: 7px;
    	padding-top: 0;
    	overflow: hidden;
    	-webkit-backface-visibility: visible !important;
    	backface-visibility: visible !important;
    	line-height: normal;
    	box-shadow: 0px 10px 20px rgb(0 0 0 / 7%);}

    	.menulil .detail{
		    padding: 20px 20px 0px;
		    text-align: center;
		    line-height: normal}

    	.menulil .detail .img_{
		    width: 90px;
		    height: 90px;
		    border-radius: 50%;
		    display: block;
		    margin: auto;
			position: relative;}

    	.menulil .nombre-User{
		    color: #364962;
		    font-weight: 600;
		    letter-spacing: -0.5px;
		    font-size: 16px;
		    line-height: 18px;
		    margin-top: 13px;
		    white-space: break-spaces;}

    	.menulil h4{
		    color: #005396;
		    text-transform: uppercase;
		    font-size: 11px;
		    font-weight: 700;
		    margin: 2px 0px;}

    	.menulil hr{
    		background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0 0 0 / 7%), rgba(0, 0, 0, 0));
    		display: block;
    		height: 1px;
    		border: 0px;
    		margin-top: 1rem;
    		margin-bottom: 0rem;}

    	.menulil .detail .img_.username_{    
    		width: 80px;
    		height: 80px;}
			.menulil .username_ p{
				font-size: 25px;
    			padding-top: 18px;}

		.uldrop{
    		margin: 0;}

			.uldrop li{
    			display: block;}

			.nlin,
			.dropdown-menu li a.nlin{
    			max-width: 100%;
			    display: block;
			    color: #364962;
			    font-size: 14px;
			    margin-top: 0px;
			    letter-spacing: -0.5px;
			    line-height: 14px;
			    padding: 15px 20px;}

			    	.nlin:hover,
					.dropdown-menu li a.nlin:hover{
						background: rgb(250 250 251 / 64%);}

				.nlin i{
    				display: inline-block;
				    max-width: 18px;
				    width: 18px;}

				.nlin i svg{
    				height: 18px;
    				max-width: 20px;}

    				.nlin:hover i svg{
   					    color: #85bd18;
   					    -webkit-animation: draw 2s ease-in-out alternate infinite;
   					    animation: draw 2s ease-in-out alternate infinite;
   					    } 

/* ============== */
.radiobox{
	text-align: center;
	height: 40px;
	}

.inputGroup {
    background-color: #fff;
    display: inline-block;
    position: relative;
    height: 49px;}

.inputGroup label {
    padding: 10px 20px 10px 40px;
    /* width: 90px; */
    display: block;
    text-align: left;
    color: #354c5d;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.2px;
    }

.inputGroup label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    background-color: #a2d243;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transition: all .5s ease-in;
    opacity: 0;
    z-index: -1;
    }

.inputGroup label:after {
    width: 25px;
    height: 25px;
    content: "";
    border: 2px solid #D1D7DC;
    background-color: #fff;
    background-image: url("../images/icon_check.svg");
    background-repeat: no-repeat;
    background-position: 11px 12px;
    background-size: 0px;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all .5s ease-in, background-size .05s ease-in, background-position .05s ease-in;    }
.inputGroup input:checked ~ label {
    color: #fff;}
.inputGroup input:checked ~ label:before {
    transform: translate(-50%, -50%) scale3d(56, 56, 1);
    opacity: 1;}
.inputGroup input:checked ~ label:after {
    background-color: #ffffff;
    border: 2px solid #a2d243;
    background-size: 15px;
    background-position: 3px 3px;
    }
.inputGroup input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;}

/*__________*/
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #0667b5;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 45px !important;
  height: 45px;
  border-radius: 50%;
  display: block;
  stroke-width: 3;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 0 auto 20px;
  box-shadow: inset 0px 0px 0px #0667b5;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill { 
  100% {
    box-shadow: inset 0px 0px 0px 40px #0667b5;
  }
} 

/* =============  */
.escargador_{
  padding: 110px 0px;
  width: 470px;
  margin: 0 auto;}

.loadinf{
    width: 560px;
    margin: 0 auto;
    position: relative;
    padding-left: 120px;}

    .cmin .loadinf {
    	width: 400px;}

  	.loadinf h1{
	    font-size: 18px;
	    color: #364962;
	    font-weight: 400;
	    letter-spacing: -1px;
	    transition: all .25s ease-in-out;
	    margin: 0;}

    	.cmin .loadinf h1{
    		font-size: 14px;
    		letter-spacing: -0.25px;}

  	.loadinf h2{
	    font-size: 24px;
	    color: #364962;
	    font-weight: 800;
	    letter-spacing: -1px;
	    transition: all .25s ease-in-out;
	    margin: 0;}

	    .cmin .loadinf h2{
	    	font-size: 18px;}

.infinite{
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	  left: 0;}

  	.infinite svg {
	    max-width: 10em;
	    border-radius: 3px;
	    fill: none;
	    stroke: #efefef;
	    stroke-linecap: round;
	    stroke-width: 8%;
	    padding: 0; }

    .infinite use {
      stroke: #2458a5;
      animation: a 2s linear infinite;
      }

    @keyframes a { to { stroke-dashoffset: 0px } }


/*______________________________*/
.tooltip_{
	position: relative;}

.tooltip_ .tip_chart{
	opacity: 0;
	top: 40%;
	white-space: nowrap;
	pointer-events: none;
	position: absolute;
	z-index: 100;
	padding: 4px 10px;
	line-height: normal;
	cursor: pointer;
	display: inline-block;
	/*width: 200px;*/
	color: #fff;
	right: 5px;
	background: #1c72b8;
	box-shadow: none;
	transition:all 0.3s ease-in-out;
	}

.tooltip_ .tip_chart:before{
	opacity: 0;
	position: absolute;
	z-index: -1;
	content: '';
	right: 0;
	top: 0;
	border-style: solid;
	border-width: 0 0px 6px 6px;
	border-color: transparent transparent #1c72b8 transparent;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: transform;
	transition-property: transform;
	}

.tooltip_:hover > .tip_chart {
	display: block;
	opacity: 1;                     
	-webkit-transform: translateY(15px);
	transform: translateY(15px);}

	.tooltip_:hover > .tip_chart:before {
		opacity: 1;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);}

	.tooltip_ .tip_chart h1{
		font-size: 13px;
		margin: 7px 0px;
		letter-spacing: -0.3px;
		font-weight: 400;
		color: #fff;
		}	

/**/
.dashmodel_{
    margin-left: auto;}

    	.buttonend .dashmodel_{
    		text-align: right;
		    padding: 0px 30px 30px 30px;
		    background: #fff;
		    border-radius: 0px 0px 6px 6px;
		    border: 1px solid #efefef;
		    border-top: 0px;}

	.btnar{
	    padding: 10px;
	    background-color: #f7f7f7;
	    border: 0;
	    transition: all .25s ease-in-out;
	    display: inline-block;
	    border-radius: 4px;
	    color: #8c8c8c;
	    border: 1px solid #00000017;
	    }	

	    .btnar i{}

	    	.btnar i svg{
			    height: 17px;
			    position: relative;
			    top: -1px;}

	    .btnar.active{
	    	background-color: #005396;
	    	color: #fff;}

	.btn_print{
	    display: inline-block;
	    margin-left: 3px;
	    border-radius: 4px;
	    color: #bdbdbd;
	    border: 1px solid #00000017;
	    padding: 9px;} 

		.btn_print i{
    		display: inline-block;}

	    	.btn_print i svg{
			    height: 15px;
			    position: relative;
			    top: -1px;
			    color: #85bd18;
			    }

			.btn_print:hover i svg{
			    -webkit-animation: draw 2s ease-in-out alternate infinite;
        		animation: draw 2s ease-in-out alternate infinite;	}

	    .btn_print span{
		    font-size: 14px;
		    margin-top: 0px;
		    color: #8c8c8c;
		    font-weight: 400;}

		    .btn_print:hover{
    			background: #85bd18;
    			}

		    	.btn_print:hover i svg{
    				color: #ffffff;
    				-webkit-animation: draw 2s ease-in-out alternate infinite;
        			animation: draw 2s ease-in-out alternate infinite;}

		    	.btn_print:hover span{
    				color: #fff;}

    /**/
    .btnitzy_borde{
	    display: inline-block;
	    margin-left: 3px;
	    border-radius: 40px;
	    color: #bdbdbd;
	    border: 1px solid #00000017;
	    padding: 12px 15px;
	    } 

		.btnitzy_borde i{
    		display: inline-block;}

	    	.btnitzy_borde i svg{
			    height: 15px;
			    position: relative;
			    top: -1px;
			    color: #85bd18;
			    }

			.btnitzy_borde:hover i svg{
			    -webkit-animation: draw 2s ease-in-out alternate infinite;
        		animation: draw 2s ease-in-out alternate infinite;	}

	    .btnitzy_borde span{
		    font-size: 14px;
		    margin-top: 0px;
		    color: #364962;
		    font-weight: 400;
		    margin-left: 3px;
		    }

		    .btnitzy_borde:hover{
    			background: #86c903;
    			}

		    	.btnitzy_borde:hover i svg{
    				color: #ffffff;
    				-webkit-animation: draw 2s ease-in-out alternate infinite;
        			animation: draw 2s ease-in-out alternate infinite;}

		    	.btnitzy_borde:hover span{
    				color: #fff;}

    /**/
    .btnitzy{
	    display: inline-block;
	    margin-left: 5px;
	    border-radius: 40px;
	    color: #ffffff;
	    background: #85bd18;
	    padding: 12px 15px;
	    border: 1px solid #85bd18;
	    } 

		.btnitzy i{
    		display: inline-block;}

	    	.btnitzy i svg{
			    height: 15px;
			    position: relative;
			    top: -1px;
			    color: #ffffff;
			    }

			.btnitzy:hover i svg{
			    -webkit-animation: draw 2s ease-in-out alternate infinite;
        		animation: draw 2s ease-in-out alternate infinite;	}

	    .btnitzy span{
		    font-size: 14px;
		    margin-top: 0px;
		    color: #ffffff;
		    font-weight: 400;
		    margin-left: 3px;
		    }

		    .btnitzy:hover{
    			background: #86c903;
    			}

		    	.btnitzy:hover i svg{
    				color: #ffffff;
    				-webkit-animation: draw 2s ease-in-out alternate infinite;
        			animation: draw 2s ease-in-out alternate infinite;}

		    	.btnitzy:hover span{
    				color: #fff;}

/**/
.milPage{
    display: block;
    position: relative;
    padding: 6px;
    float: left;}

	.milPage i{
	    display: inline-block;
	    position: relative;
	    top: -2px;}

	.milPage i svg{
   		height: 16px;}

		.milPage p{
		    color: #364962;
		    text-shadow: none;
		    font-size: 14px;
		    margin-top: 0px;
		    letter-spacing: -0.5px;
		    line-height: 14px;
		    margin: 0;
		    display: inline-block;
		    padding-top: 5px;}

/**/
.gaptable_{}		 

	.gaptable_ .panel.panel-default .panel-heading{
		border-bottom: 1px solid #f7f7f7;}
	
	.gaptable_ .panel__ .panel-body .table-responsive {
    	margin-top: 0px;
	    padding-top: 0;
	    padding-bottom: 25px;}

	.gaptable_ .panel__ .table>thead>tr>th{
		font-size: 12px;
		background: #f7f7f7;
		font-weight: 500;}

	.tablesub_,
	.gaptable_ .panel__ .table>thead>tr.tablesub_>th {
		font-size: 14px;
		background: white;
		border-left: 0px solid rgba(0, 0, 0, 0.05);
		}

	.tablesub_{}

		.tablesub_ i{
		    color: #005396;
		    font-size: 17px;
		    height: auto;
		    line-height: normal;
		    display: inline-block;
		    }

		.tablesub_ i svg{
		    height: 17px;
		    position: relative;
		    top: -1px;}

		.tablesub_ h1{
		    margin: 0;
		    font-size: 15px;
		    margin-top: 0px;
		    color: #364962;
		    font-weight: 400;
		    display: inline-block;
		    }

	/**/
	input[type=radio]+.custom-radio{
    margin-right: 0px;
}
	    
	/**/
	input[type=checkbox]+.custom-checkbox{}

		input[type=checkbox]:checked+.custom-checkbox{
			background-color: #2458a5;
    		border: 1px solid #2458a5;}

    	input[type=checkbox]:checked+.custom-checkbox:before{
	    	font-family: "feather";
		    content: "\e83f";
		    font-weight: 600;
			text-shadow: none;
    		color: #fff;}

/**/
.tabladetalle{
	margin-top: 15px;}	

	.reload.panel__ .vistaw_ .tabladetalle .panel.panel-default {
    	border-radius: 6px;}

    .panel__ .tabladetalle .table thead>tr {
    	background: #ececec82;
    	}	

	.namett{
		color: #3e3b3b;
	    font-size: 13px;
	    letter-spacing: -0.2px;}  

/*ESTADO SOLICITUDES*/
.table_group{
	width: 100%;
    max-width: 100%;}

.table_group.table-striped>tbody>tr:nth-child(odd)>td{
	background-color: #fbfbfb !important;
    font-weight: 500;
    font-size: 13px;
    color: rgb(54 73 98 / 60%);}

.table_group.table>tbody>tr>td,
.kendog_.style2 .k-grid .table_group td,
.panel__ .table .kendog_.style2 .table_group >tr>td {
	/*border-left: 1px solid #ddd;
	border-color: #eee;*/
	padding: 0px 5px;} 

.table_group.table-hover>tbody>tr:hover>td, 
.table_group.table-hover>tbody>tr:hover>th {
    background-color: #fff;}

/*TABLA OPCIONAL 2*/
.table_opc2{
	width: 100%;
    max-width: 100%;}

.table_opc2 .headtb td,
.panel__ .table.table_opc2 .headtb td{
	background-color: #fbfbfb !important;
    font-weight: 500;
    font-size: 13px;
    color: rgb(54 73 98 / 60%);}

.table_opc2.table>tbody>tr>td{
	border-left: 1px solid #ddd;
	border-color: #eee;}

.table_opc2.table-hover>tbody>tr:hover>td, 
.table_opc2.table-hover>tbody>tr:hover>th {
    background-color: #fbfbfb;}  

    .table_opc2 .btn-flat.btn-default{    
    	background-color: transparent;}
    .table_opc2 a.btn.disabled{
    	opacity: .5;}  

/**/
.tbcollapse{
    background-color: #fbfbfb;}

    .tbcollapse thead tr,
	.panel__ .tbcollapse thead tr{
		background-color: #fbfbfb !important;
	    font-weight: 500;
	    font-size: 13px;
	    color: rgb(54 73 98 / 60%);}

	    .tbcollapse .accordian-body thead tr,
	    .panel__ .tbcollapse .accordian-body thead tr {
	    	background-color: #f3f3f3 !important;}

	    .panel__ .tbcollapse tbody>tr>td{
	    	padding: .9rem .75rem;}

.hiddenRow,
.panel__ .tbcollapse tbody>tr .hiddenRow {
	background-color: #fbfbfb;
    padding: 0 !important;
	height: auto;
	border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;}

    .hiddenRow .accordian-body{ 
    	padding: 15px;
    	transition: all .5s ease-in-out, border-bottom 0s linear }
    .hiddenRow .accordian-body.show{
    	border-bottom: 1px solid rgb(239 237 237)}

    .hiddenRow .accordian-body .table{
    	margin: 0 }

    .tbcollapse .btn-flat.btn-default{ 
    	cursor: pointer;   
    	background-color: transparent;
    	padding: 0;}
    		.tbcollapse .btn_moretext:hover,
    		.tbcollapse .btn-flat.btn-default.btn_moretext:hover{
    			box-shadow: none;
    			background: transparent;
    			color: #005396;}
    		.btn_moretext:hover i{
    			color: #0b3d65;
    			color: #fff;
    			}

    .tbcollapse .btn-flat.btn-default.disabled{
    	opacity: .5;
    	pointer-events: none;}

    .text-red,
    .panel__ .table tbody>tr>td.text-red{
    	color: #ca2316;
    	font-weight: 600;}

    .text-value,
    .panel__ .table tbody>tr>td.text-value{
    	color: #005396;}

    .tdtile,
    .panel__ .table tbody>tr>td.tdtile{
    	font-weight: 500;
	    color: #005396;
	    background: rgb(226 234 241 / 60%);}

    .ttotal,
    .panel__ .table tbody>tr>td .ttotal{
    	font-size: 16px;
    	font-weight: 700;}

    .panel__ .tbcollapse>tfoot>tr>td{
	    height: 56px;
	    background-color: rgb(0 83 150 / 10%);
	    font-weight: 500;
	    color: #005396;}
	    .panel__ .tbcollapse>tfoot>tr>td:first-child{
	    	border-radius: 0px 0px 0px 6px}
	    .panel__ .tbcollapse>tfoot>tr>td:last-child{
	    	border-radius: 0px 0px 6px 0px}

/*DOCUMENTOS*/
.boxdoc{    
    margin: 20px;
    padding: 20px;}

    	.boxdoc.inpqrs{    
    		padding: 5px;}

    .boxdoc .k-content{
        margin: 20px;
        border: 1px solid rgb(0 0 0 / 6%) !important;
    	border-radius: 0px 10px 10px 10px;
        background: #ffffff;} 

    .boxdoc .k-panelbar .k-tabstrip-items .k-state-active,
    .boxdoc .k-tabstrip-items .k-state-active{
    	border-color: rgb(0 0 0 / 6%);}

/**/
.badge-valor{
	text-transform: none;
    color: #ffffff;
    background: #01539b;
    padding: 10px 15px;
    border-radius: 30px;
    font-weight: 400;
    margin-left: 8px;
    float: right;
    top: -10px;
    position: relative;}
    .badge-valor b{}

/**/
.inforlist {
    position: relative;
    min-height: 300px;
    margin: 0 0 0 320px;
    height: auto;
    background: rgb(255 255 255 / 74%);
    min-height: 450px;
    border: 1px solid rgb(0 0 0 / 7%);
    border-radius: 10px;
    padding-bottom: 60px;
}

.content--loading {
    background: url(../img/loading.svg) no-repeat 50% 50%;
    height: 15px;
    width: 65px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;}

.products {
    margin: 0;
    padding: 2em;}

.product {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 7px;
    background: #ffffff;
    border: 1px solid rgb(0 0 0 / 7%);
    padding: 30px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    }

    .product span {
        position: relative;
        white-space: nowrap;}

    span.bar {
        border-bottom: 1px dashed rgb(0 0 0 / 10%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0 20px 0 15px;}

    .isour{} 

        .isour a{
            position: relative;
            display: block;
            padding: 10px 10px 10px 45px;}

            .isour i{
                position: absolute;
                width: 35px;
                height: 35px;
                line-height: 34px;
                text-align: center;
                display: inline-block;
                left: 2px;
                top: 50%;
                transform: translateY(-50%);
                border-radius: 50%;
                font-size: 14px;
                background: rgb(0 83 150 / 15%);
                color: #005396;
                }

            .isour p{
                color: #3d485a;
                font-weight: 500;
                letter-spacing: -0.3px;
                font-size: 13px;
                line-height: 15px;
                margin: 0;}

    .iopcion{}

        .iopcion a{
            position: relative;
            display: inline-block;
            padding: 10px 10px 10px 20px;
            margin-left: 3px;
            transition: all .25s ease-in-out;
            border-radius: 30px;}

                .iopcion a:hover{
                    background: #ca1129;
                    padding: 10px 10px 10px 30px;}

            .iopcion i{
                position: absolute;
                text-align: center;
                display: inline-block;
                left: 2px;
                top: 50%;
                transform: translateY(-50%);
                border-radius: 50%;
                font-size: 14px;
                color: #ca1129;}

                .iopcion a:hover i{
                    color: #ffffff;
                    left: 10px;}

            .iopcion p{
                color: #3d485a;
                font-weight: 500;
                letter-spacing: -0.3px;
                font-size: 13px;
                line-height: 15px;
                margin: 0;}

                .iopcion a:hover p{
                    color: #ffffff;}

            .iopcion h6{
                color: #3d485a;
                font-weight: 500;
                letter-spacing: -0.3px;
                font-size: 13px;
                line-height: 15px;
                margin: 0;
                display: inline-block;}

    .panelpag {
        margin: 0px 0px -5px 0px;
        border-radius: 10px;
        /* border: 1px solid #f1f0f0; */
        padding: 0;
        z-index: 1;
        position: relative;}          

        .panelpag .row_{
            background: #005396;
            border-radius: 10px 10px 0px 0px;
            padding: 10px 25px;
            }

        .panelpag h1{
            color: #ffffff;
            font-weight: 600;
            letter-spacing: -0.3px;
            font-size: 15px;
            line-height: 14px;
            margin: 0;}

        .panelpag .inc{
            height: 40px;}

.infoguia{
    padding-top: 110px;}

    .infoguia small{
        color: #005396;
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 30px 5em 2px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 11px;
        }

    .infoguia img{
        max-height: 80px;
        display: block;
        margin: 0 auto;
        opacity: .7;}

    .infoguia p{
        font-size: 16px;
        font-weight: 400;
        padding: 0px 5em 0;
        text-align: center;
        color: #5d5b6f;
        margin: 0;
        letter-spacing: -0.25px;}

/*DOCUMENTOS*/    
.kendog_{
    max-width: 100%;}      

    .kendog_ .k-grid.k-widget{
        border-radius: 10px;
        height: auto !important;
        border: 0;}

        .kendog_ .k-grid-content{
            height: auto !important;}

    .kendog_ .k-header.k-grid-toolbar{
        padding: 10px 0px;
        border: 0;
        background-image: none;
        background-color: #f5f5f7;
        border-radius: 10px 10px 0px 0px; }

    .kendog_ .k-grid td,
    .panel__ .table .kendog_ tbody>tr>td{
        border-width: 0; 
        color: #3d485a;
        font-weight: 500;
        letter-spacing: -0.3px;
        font-size: 13px;}

    /**/
    .kendog_ .k-toolbar{
    	background-image: none;
    	background-color: #f5f5f5;
    	border-color: #f5f5f5;}

    .kendog_ div.k-grid-footer,
    .kendog_ div.k-grid-header,
    .kendog_ .k-grid-header{
    	border: 0;
    	background-image: none;
    	background-color: #f5f5f5;
    	border-color: #f5f5f5;}

    .kendog_ .k-grid tr:hover{    
    	background-color: #f5f9ec;
    	background-image: none !important;}

/**/
.kendog_.style2 .k-grid.k-widget {
    border-radius: 6px;
    border: 0;}

.style2 .k-grid-header th.k-header{
    background-image: none;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    border: 0;} 
    
    .style2 .k-gantt-toolbar .k-state-default, 
    .style2 .k-grid .k-grouping-header, 
    .style2 .k-grid-header, 
    .style2 .k-grid-header-wrap, 
    .style2 .k-grouping-header .k-group-indicator, 
    .style2 .k-header{
    	border: 0px;
    	background: transparent;
    	box-shadow: none !important;}

    .style2 .k-filter-row>th:first-child, 
    .style2 .k-grid tbody td:first-child, 
    .style2 .k-grid tfoot td:first-child, 
    .style2 .k-grid-header th.k-header:first-child{    
    	border-radius: 6px 0px 0px 6px;}
    .style2 .k-filter-row>th:last-child, 
    .style2 .k-grid tbody td:last-child, 
    .style2 .k-grid tfoot td:last-child, 
    .style2 .k-grid-header th.k-header:last-child{    
    	border-radius: 0px 6px 6px 0px;}

.style2 .k-grid-header th.k-header>.k-link{
	letter-spacing: -0.05px;
    font-size: 13px;
    line-height: 14px;
    font-weight: 600;
    padding: 14px 11px;
    color: #222d3c;
    min-height: auto;}

.kendog_.style2 .k-grid td,
.panel__ .table .kendog_.style2 tbody>tr>td{
	border-color: #efeded;
	font-size: 14px;
	line-height: 15px;
	font-weight: 400;
	color: #364962; 
	padding: 12px;
	border: 0;}   

.style2 .k-grid tr:hover {
    background-color: #f5f9ec;
	background-image: none !important}

/**/
.innergrid{
	padding: 15px;}

	.kendog_.innergrid .k-grid.k-widget{   
		border: 0;}

/**/
.k-grid-content>.k-grid-norecords>.k-grid-norecords-template{    
	width: 100%;
    border: 0;
    font-size: 13px;}

/**/
.boxdoc .k-tabstrip-items .k-state-default{
	border-color: #f5f5f5;
    background: #f7f7f7;}
.boxdoc .k-tabstrip-top>.k-tabstrip-items .k-state-active{
	background: #ffffff;}

.boxdoc .k-tabstrip-items .k-link{    
	padding: 0.75em 0.92em;}

/***/
.namedocc{
    display: block;
    margin: 7px 3px;}

    .namedocc i{
        width: 27px;
        height: 27px;
        line-height: 26px;
        text-align: center;
        display: inline-block;
        border-radius: 50%;
        font-size: 14px;
        background: rgb(162 210 67 / 15%);
        color: #a2d243;
        margin-right: 5px;
        }

.headtablefilter{
    width: 100%;}        

.colreset{
    padding: 0;}

.colfilter{
    padding: 0;} 

    .colfilter p{
        letter-spacing: -0.5px;
        color: #50554f;
        font-weight: 400;
        font-size: 15px;
        line-height: 16px;
        margin: 0 10px 0 0;}

    .icon_refresh{
        border: 1px solid rgb(0 0 0 / 7%);
        outline: none !important;
        width: 35px;
        height: 35px;
        border-radius: 5px;
        padding: 0;}

        .icon_refresh:hover{
            background: #85bd18;
            color: #fff;
            }

    .bysear{
        position: relative;}

        .bysear i{
            position: absolute;
            z-index: 1;
            top: 50%;
            transform: translateY(-50%);
            left: 10px;}

        .bysear .k-widget{
            width: auto;
            background-image: none !important;
            box-shadow: none !important;
            border-color: #dbdbdb !important;}
        .bysear .k-input{
            padding: 7px 7px 7px 30px;
            display: block;
            position: relative;
            max-width: 120px;}

    .bycatg{
        position: relative;
        margin-left: 10px;}

        .bycatg i{
            position: absolute;
            z-index: 1;
            top: 50%;
            transform: translateY(-50%);
            left: 10px;}

        .bycatg .k-dropdown-wrap{
            padding: 5px 7px 5px 30px;
            display: block;
            position: relative;
            max-width: 120px;
            background-image: none !important;
            box-shadow: none !important;
            border-color: #dbdbdb !important;
            background-color: #fff !important;}

            .bycatg .k-i-arrow-60-down{
                margin-top: 8px;
            	color: #fff !important;}

            .bycatg .k-widget.k-dropdown{
                width: 160px !important;}

    .iopcion{}

        .iopcion a{
            position: relative;
            display: inline-block;
            padding: 10px 10px 10px 20px;
            margin-left: 3px;
            transition: all .25s ease-in-out;
            border-radius: 30px;}

                .iopcion a:hover{
                    background: #85bd18;
                    padding: 10px 10px 10px 30px;
                    }

            .iopcion i{
                position: absolute;
                text-align: center;
                display: inline-block;
                left: 2px;
                top: 50%;
                transform: translateY(-50%);
                border-radius: 50%;
                font-size: 14px;
                color: #85bd18;
                }

                .iopcion a:hover i{
                    color: #ffffff;
                    left: 10px;}

            .iopcion p{
                color: #3d485a;
                font-weight: 500;
                letter-spacing: -0.3px;
                font-size: 13px;
                line-height: 15px;
                margin: 0;}

                .iopcion a:hover p{
                    color: #ffffff;}

            .iopcion h6{
                color: #3d485a;
                font-weight: 500;
                letter-spacing: -0.3px;
                font-size: 13px;
                line-height: 15px;
                margin: 0;
                display: inline-block;}    

    .icob,
    .k-grid .k-hierarchy-cell .k-icon.icob{
    	width: 27px;
	    height: 27px;
	    line-height: 26px;
	    text-align: center;
	    display: block;
	    border-radius: 50%;
	    font-size: 14px;
	    background: rgb(162 210 67 / 15%);
	    color: #a2d243;
		transition: all .25s ease-in-out}

	    .icob.icon-eye:before {
	    	content: "\e86a" !important;}
	    .k-i-collapse.icob.icon-eye:before {
	    	content: "\e8f6" !important;}

	    .icob:hover,
    	.k-grid .k-hierarchy-cell .k-icon.icob:hover{
    		background: rgb(162 210 67 / 40%);
    		}
    	.k-i-collapse.icob,
    	.k-grid .k-hierarchy-cell .k-icon.icob.k-i-collapse{
    		background: rgb(162 210 67 / 30%);}
    		
	.hierarchy_{}
		.hierarchy_ .k-grid .k-hierarchy-col {
    		width: 45px;}
		.hierarchy_ .k-grid .k-hierarchy-cell{
			width: 40px}

/**/
.interes_{}

	.interes_ .steps_ ul li{
		width: 100%}

	.interes_ .reload .t_panel h1{
		font-size: 14px;
    	font-weight: 400;}

.noir{}

    .noir.reload.panel__ .vistaw_ .panel.panel-default {
    	border-radius: 15px;
    	border: 0px}

.zoe_{
	padding-top:60px;
	padding-bottom: 20px;}   

.titleq{    
	padding-right: 30px;}

		.titleq.center{
			padding: 0;
			text-align: center;}

    .titleq h1 {
	    font-weight: 400;
	    font-size: 20px;
	    margin: 0 0 25px;
	    position: relative;
	    color: #364962;
	    }

	.titleq span {
	    background: #005396;
	    background: #a2d243;
	    width: 48px;
	    height: 30px;
	    line-height: 30px;
	    display: block;
	    border-radius: 25px;
	    margin-bottom: 20px;
	    text-align: center;
	    color: #fff;
	    font-size: 14px;
	    font-weight: 600;
	    left: -10px;
	    position: relative;
	    }

	    	.titleq span:after {
    		    position: absolute;
    		    left: 0;
    		    right: 0;
    		    margin: auto;
    		    bottom: -4px;
    		    content: "";
    		    width: 0px;
    		    height: 0px;
    		    border-left: 5px solid transparent;
    		    border-right: 5px solid transparent;
    		    border-top: 5px solid #a2d243;
    		    }

	    .titleq.center span {    
	    	left: auto;
		    right: auto;
		    margin: auto;
		    margin-bottom: 20px;}

	.titleq p {
		display: block;
		color: #364962;
		font-size: 14px;
		margin: 0px;
		letter-spacing: 0px;
		line-height: 18px;
		font-weight: 400;}

/* RADIO checkbox FORM */
.boptions {	}

.boptions .plan input{
	display: none;}

.boptions label{
	position: relative;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #eaeaea;
	transition: all .2s ease-in-out;
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
	}

		.boptions label:hover{
			background-color: rgb(80 165 241 / 3%);}

    .boptions .plan input:checked + label{
		border: 1px solid rgb(162 210 67 / 35%);
		background-color: rgb(162 210 67 / 10%);
		}

	.boptions .plan input:checked + label:after{
		content: "";
		width: 3px;
		height: 3px;
		border-radius: 50%;
		background-color: #a2d243;
		z-index: 2;
		position: absolute;
		top: 10px;
		right: 10px;
		}

	.icopt{
	    position: absolute;
	    font-size: 24px;
	    margin-right: 8px;
	    vertical-align: middle!important;
	    color: #a2d243;
	    left: 0;
	    } 

	    .boptions label:hover .icopt{
	    	animation: wobble-vertical 1s ease-in-out;  } 

    .nameopt{
		vertical-align: middle!important;
		display: flex;
		-ms-flex-align: center!important;
		align-items: center!important;
		position: relative;
		padding-left: 40px;} 

	    .nameopt span{
	    	display: block;
	    	font-size: 16px;
	    	line-height: 15px;
	    	letter-spacing: -0.25px;
	    	font-weight: 400;
	    	color: #495057;
	    	vertical-align: middle!important;}

/**/
.mon_{
	margin: auto;
    margin-top: 25px;
	margin-bottom: 30px;}

.monder_{
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #eaeaea;
	transition: all .2s ease-in-out;
	background-color: #fff;
	border-radius: 10px;
	padding: 40px 30px;
	margin-bottom: 20px;}

	.monder_:hover{
		background-color: rgb(80 165 241 / 5%);
    	border: 1px solid rgb(59 151 232 / 20%);}

    .monder_.completo{
		background-color: rgb(80 165 241 / 7%);
    	border: 1px solid rgb(59 151 232 / 20%);}

    .monder_ h1{
    	color: #364962;
    	font-weight: 400;
    	letter-spacing: -0.5px;
    	font-size: 16px;
    	line-height: 22px;
    	text-align: center;
    	margin-bottom: 30px;}

	.ivono{
    	margin-bottom: 30px;
    	height: 120px;
    	    padding: 10px;}

		.ivono img{
			max-height: 100%;
			display: block;
			margin: 0 auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			animation: fadeIn .5s ease-in-out }

	.monder_ .form-group,
	.reload .form-horizontal .monder_ .form-group{
		margin: 0}

	.reload .coopForm .monder_ select.form-control {
	    padding-right: 35px;
	    padding-left: 20px;
	    border-radius: 30px;
	    background-position: 93% center;
	    font-weight: 500;
	    position: relative;
	    z-index: 0;
	    border: 1px solid #ebebeb; }

		.reload .coopForm .monder_:hover select.form-control {
		    border: 1px solid rgb(59 151 232 / 20%);
		    background-color: rgb(80 165 241 / 30%);
		    color: hsl(207deg 100% 29%); }

		    .reload .coopForm .monder_.completo select.form-control {
			    border: 1px solid rgb(59 151 232 / 25%);
			    background-color: rgb(80 165 241 / 35%);
			    color: hsl(207deg 100% 29%); }

		.coopForm .monder_:hover select.form-control {
    		background: url(../images/cd-icon-arrowHover.png) no-repeat 93% center;}
   	
	    .reload .monder_ .inner_icon:after{
	    	display: none; }
	    .coopForm .monder_.completo .inner_icon:before{
    		display: block;
    		font-family: "feather";
    		content: "\e83f";
    		position: absolute;
    		width: 18px;
    		height: 18px;
    		line-height: 19px;
    		background: #005396;
    		z-index: 1;
    		top: 16px;
    		right: 12px;
    		border-radius: 50%;
    		text-align: center;
    		color: #fff;
    		font-size: 10px;
    		font-weight: 600;
    		}

/**/

/*KENDO FILE MANAGER*/
.kmanager_ {
    margin: 20px;}

    /**/
    .kmanager_ .k-widget.k-filemanager{
        border-color: #ededed;
        border-radius: 10px}

    .kmanager_ .k-toolbar{    
        background-color: #f5f4f4;
        border-color: #ededed;
        padding: 10px;
        border-radius: 10px 10px 0px 0px;}

    .k-split-button:focus{
        box-shadow: none !important;
        border-color: #eaeaea !important;}

    .k-split-container .k-button{
        box-shadow: none !important;
        border: 0 !important;}

        .k-split-container .k-button:hover{
            background-image: none !important;
            background: #005396 !important;
            color: #fff}

    .k-button.k-state-active,
    .k-button.k-state-selected,
    .k-button:active{    
        background-color: #005396 !important;
        border-color: #005396 !important;
        box-shadow: none !important}

    .k-breadcrumb .k-breadcrumb-link{
        color: #005396 !important  }

    .k-switch-on .k-switch-container{
        color: #005396 !important; } 

        .k-filemanager-details-toggle label{
            margin-top: 0px;
            margin-bottom: 0;}

        .k-switch-on.k-state-focused, .k-switch-on:focus,
        .k-switch-off.k-state-focused, .k-switch-off:focus {
            box-shadow: none !important;}

            .k-switch-on .k-switch-handle {
                border-color: #005396 !important;
                color: #005396 !important; 
                background-color: #005396 !important;}

            .k-switch-on.k-state-hover .k-switch-handle, .k-switch-on:hover .k-switch-handle {
                border-color: #005396 !important;
                color: #005396 !important;
                background-color: #005396 !important;}

    /**/
    .kmanager_ .k-filemanager-navigation>.k-treeview {
        padding: 20px 35px;
        }

    .kmanager_ .k-treeview span.k-in{
        padding: 7px;
        background-image: none;
        font-size: 13px;
        box-shadow: none !important;
        }

        .kmanager_ .k-treeview span.k-in.k-state-hover{
            background: #005396;
            box-shadow: 0px 0px 20px rgb(0 83 150 / 15%), 0px 20px 15px -20px rgb(0 83 150 / 35%);
            color: #fff}

        .kmanager_ .k-widget .k-icon.k-i-collapse, 
        .kmanager_ .k-widget .k-icon.k-i-expand{
            margin-right: 5px;}

        .kmanager_ .k-treeview .k-i-collapse {
            margin-top: auto;}

            .kmanager_ .k-i-collapse:before {
                content: "";
                background-image: url(../images/folder-minus.svg);}  
            .kmanager_ .k-i-expand:before {
                content: "";
                background-image: url(../images/folder-plus.svg);}

    /**/
    .kmanager_ .k-filemanager-grid .k-header{
        background-color: #f6f5f5;
        background-image: none;
        border-color: #f6f5f5;} 

    .kmanager_ .k-filemanager-breadcrumb,
    .kmanager_ .k-grid-header-wrap,
    .kmanager_ div.k-grid-header{ 
        border-color: #f6f5f5;}

    .kmanager_ .k-grid tbody td{
        border-color: rgb(0 0 0 / 5%);
        padding: .9em .6em;
    	box-shadow: none !important;}

    .kmanager_ .k-grid tr:hover {
        background-color: #f9f9f9;
        background-image: none;}

    .kmanager_ .k-draghandle.k-state-selected:hover,
    .kmanager_ .k-state-selected{
        background-image: none;} 

        .kmanager_ .k-grid td.k-state-selected:hover,
        .kmanager_ .k-grid tr.k-state-selected:hover {
            background-color: rgb(10 64 107 / 20%);
            box-shadow: none !important;}
        .kmanager_ .k-grid .k-state-selected {
            background-color: rgb(0 83 150 / 15%);
            border-color: #005396;}

            .kmanager_ .k-grid .namedocc {
                display: block;
                margin: 3px 3px;}
            .kmanager_ .k-grid .namedocc a,
            .kmanager_ .k-grid .namedocc p{
                color: #3d485a !important;
                font-weight: 500;
                letter-spacing: -0.3px;
                font-size: 13px;
                line-height: 15px;
                margin: 0;
                display: inline-block;
                }
                .kmanager_ .k-grid .namedocc i {
                    width: 30px;
                    height: 30px;
                    line-height: 29px;
                    transition: all .25s ease-in-out;}

                .kmanager_ .k-grid td.k-state-selected:hover .namedocc i,
                .kmanager_ .k-grid .k-state-selected .namedocc i{
                    background: #005396;
                    color: #fff;}
                .kmanager_ .k-grid .k-state-selected .iopcion a {
                    background: #005396;
                    padding: 10px 10px 10px 30px;}
                .kmanager_ .k-grid .k-state-selected .iopcion a i {
                    color: #ffffff;
                    left: 10px;}
                .kmanager_ .k-grid .k-state-selected .iopcion a p {
                    color: #ffffff;}

    .kmanager_ .k-state-selected{
        background-color: #005396;
        border-color: #005396;}

    .kmanager_ .file-group-icon{
        display: inline-block}

    .kmanager_ .file-name{
        display: inline-block;}

    .kmanager_ .k-filemanager-preview .k-file-meta-value{
        font-size: 14px;
        line-height: 1.5em;
        color: #656565;}

    /**/
    .kmanager_ .k-splitbar {
        background-color: #f6f5f5;
        border-color: #f0f0f0;}

.linkdetail_{
    background: #005396;
    color: #fff !important;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 30px;
    font-size: 14px;}

    .linkdetail_:hover{
        padding: 10px 22px;
        background: #1369af;
        box-shadow: 0px 0px 20px rgb(19 105 175 / 15%), 0px 20px 15px -20px rgb(19 105 175 / 40%);}    	

/**/
.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
color: #fff;
background-color: #f35800;
border-color: #f85a00;}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
background-color: #0a4b80;
border-color: #0a4b80;}

/* SWEET ALERT */
.modal_sweet{}

	.modal_sweet .swal2-icon.swal2-warning {
	    border-color: rgb(140 188 226 / 30%);
	    color: #8cbce2;}

	.modal_sweet .swal2-icon.swal2-success {
	    border-color: #8cbce2;
	    color: #8cbce2;}
		.modal_sweet .swal2-icon.swal2-success [class^=swal2-success-line]{
			background-color: #8cbce2;}
			.modal_sweet .swal2-icon.swal2-success .swal2-success-ring{    
				border: 0.25em solid rgb(140 188 226 / 30%);}

	.modal_sweet .swal2-icon.swal2-error {
	    border-color: rgb(140 188 226 / 30%);
	    color: #8cbce2;}
	    .modal_sweet .swal2-icon.swal2-error [class^=swal2-x-mark-line]{
	    	background-color: #8cbce2;}

	.modal_sweet .swal2-icon.swal2-info {
    	border-color: rgb(140 188 226 / 30%);
	    color: #8cbce2;}

	.swal2-icon.swal2-question {
	    border-color: rgb(140 188 226 / 30%);
	    color: #8cbce2;}

	/**/
	.modal_actions{
		margin: 30px auto 25px;}

		.modal_actions .btn{
			color: #fff;    
			font-size: 16px;
		    border-radius: 30px;
		    margin: 0 5px;
		    letter-spacing: -0.25px;
		    padding: 10px 18px;
		    text-shadow: 0px 2px 3px rgb(0 0 0 / 25%);}

		.modal_actions .btn.btn-success {
		    background: #85bd18;
		    border: 1px solid #85bd18;
		    transition: all .25s ease-in-out;
		    }
		    .modal_actions .btn.btn-success:hover {
			    background: #86c903;
			    border: 1px solid #86c903;
			    }

		.modal_actions .btn.btn-danger {
		    background: #0a4b80;
		    background: #0d65ad;
		    border: 1px solid #0d65ad;
		    transition: all .25s ease-in-out;}
			.modal_actions .btn.btn-danger:hover {
			    background: #075ea4;
			    border: 1px solid #075ea4;
			    transition: all .25s ease-in-out;} 

/* PAGINA 404 ERROR */
.emodule_ {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	max-width: 320px;
	margin: 0 auto;}

.emodule_ .error {
	display: flex;
	flex-direction: row;
	/* justify-content: space-between; */
	align-content: center;
	transform: scale(0.6);}

.emodule_ .number {
  font-weight: 900;
  font-size: 12rem;
  line-height: 1;
  color: #293b49;}

.emodule_ .illustration {
  position: relative;
  width: 12.2rem;
  margin: 0 0.1rem;}

.emodule_ .circle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 12.2rem;
  height: 11.4rem;
  border-radius: 50%;
  background-color: #293b49;}

.emodule_ .clip {
  position: absolute;
  bottom: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  width: 12.5rem;
  height: 13rem;
  border-radius: 0 0 50% 50%;}

.emodule_ .paper {
  position: absolute;
  bottom: -0.3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 9.2rem;
  height: 12.4rem;
  border: 0.3rem solid #293b49;
  background-color: white;
  border-radius: 0.8rem;}

.emodule_ .paper::before {
    content: "";
    position: absolute;
    top: -0.45rem;
    right: -0.7rem;
    width: 1.4rem;
    height: 1rem;
    background-color: white;
    border-bottom: 0.3rem solid #293b49;
    transform: rotate(45deg);}

.emodule_ .face {
  position: relative;
  margin-top: 2.3rem;}

.emodule_ .eyes {
  position: absolute;
  top: 0;
  left: 2.1rem;
  width: 4.6rem;
  height: 0.8rem;}

.emodule_ .eye {
  position: absolute;
  bottom: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #293b49;
  animation-name: eye;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;}

.emodule_ .eye-left {
    left: 0;}

.emodule_ .eye-right {
	right: 0;}

@keyframes eye {
	0% {height: 0.8rem;}
	50% {height: 0.8rem;}
	52% {height: 0.1rem;}
	54% {height: 0.8rem;}
	100% {height: 0.8rem;}
} 

.emodule_ .rosyCheeks {
  position: absolute;
  top: 1.6rem;
  width: 1rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #8cbce2;}

.emodule_ .rosyCheeks-left {
    left: 1.4rem;}

.emodule_ .rosyCheeks-right {
    right: 1.4rem;}

.emodule_ .mouth {
  position: absolute;
  top: 3.1rem;
  left: 50%;
  width: 1.6rem;
  height: 0.2rem;
  border-radius: 0.1rem;
  transform: translateX(-50%);
  background-color: #293b49;}

.emodule_ .text {
  font-weight: 400;
  color: #364962;
  letter-spacing: -0.5px;
  font-size: 17px;
  line-height: 20px;
  text-align: center;}

.emodule_ .btn {
  margin-top: 2rem;}

/* TABS IN TABS */
.insidetab{
	background: transparent;
	margin: 0;
    padding: 0;
    list-style-type: none;}

	.insidetab ul.nav-tabs{
		list-style-type: none;
		border: 0px solid #e0e3e6;
		position: relative;
		border-radius: 8px 8px 0px 0px;
		/* background: #f9f9f9; */
		margin: 0;
		padding: 0px 15px 0px 15px;
		z-index: 2;}

		.insidetab ul.nav-tabs li{
			display: inline-block;
			position: relative;
			padding: 0px;
			transition: all .25s ease-in-out;
			border-radius: 6px 6px;
			border: 0px !important;
			float: left;
			margin: 0;
			margin-right: 5px;}

		    	.insidetab ul.nav-tabs li a:hover{
		    		background: rgb(241 240 240);
		    		border: 1px solid #e8e6e6;}				

		    .insidetab ul.nav-tabs li a{
		    	display: block;
		    	padding: .5rem .5rem;
		    	border: 0px !important;
		    	border-radius: 6px;}

		    		.insidetab ul.nav-tabs li a:hover i svg{
		    			-webkit-animation: draw 2s ease-in-out alternate infinite;
   						animation: draw 2s ease-in-out alternate infinite;}

		    	.insidetab .t_panel {
					display: block;
					padding: 3px 5px 3px 30px;}

					.insidetab .t_panel h1,
					.panel__ .datos__ .insidetab .t_panel h1{
						font-family: 'Poppins';
						font-size: 15px;
						position: relative;
						transition: all .25s ease-in-out;
						font-weight: 400;
						margin: 0;
						color: #0e3250;
						}

		    .insidetab ul.nav-tabs li a.active{
			    background: #85bd18;
			    border: 1px solid #e0e3e6;
			    } 

			    .insidetab ul.nav-tabs li a.active .t_panel h1{
			    	color: #fff;}
			    .insidetab ul.nav-tabs li a.active .t_panel i{
			    	color: #fff;}

.inside_content{}

	.inside_content .tab-pane{
		padding-top: 15px;
		position: relative;}			    	

/**/
.badgeestado{}
	.badgeestado i{
	    display: inline-block;
	    width: 7px;
	    height: 7px;
	    position: relative;
	    margin-right: 5px;
	    border-radius: 50%;
	    top: -1px;}
	   	.badgeestado .bg-danger {
    		background-color: #dc3545!important;}

/**/
/*TOOLTIP*/
.btnToolp_ {
    position: relative;
    z-index: 20
}

    .btnToolp_ .tip_chart {
        /*white-space: nowrap;*/
        pointer-events: none;
        opacity: 0;
        left: 50%;
        position: absolute;
        z-index: 19;
        padding: 15px;
        cursor: pointer;
        min-width: 180px;
        background: #fff;
        font-size: 14px;
        line-height: 16px;
        color: #312e2e;
        font-weight: 400;
        box-shadow: 0px 0px 30px rgb(0 0 0 / 8%);
        border-radius: 5px;
        -webkit-transform: translate(-50%, 40px);
        transform: translate(-50%, 40px);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .btnToolp_ .tip_chart:before {
            opacity: 0;
            position: absolute;
            z-index: 1;
            content: '';
            right: 0;
            left: 0px;
            margin: 0 auto;
            width: 10px;
            top: -11px;
            border-style: solid;
            border-width: 6px;
            border-color: transparent transparent #fff transparent;
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            -webkit-transition-property: transform;
            transition-property: transform;
        }

    .hover_ > .tip_chart:before,
    .btnToolp_:hover > .tip_chart:before {
        opacity: 1;
    }

    .hover_ > .tip_chart,
    .btnToolp_:hover > .tip_chart {
        opacity: 1;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        /*animation: odsoky .5s ease-in-out infinite alternate;*/
    }

    /*TOP*/
    .btnToolp_.ttop .tip_chart {
        -webkit-transform: translate(-50%, -40px);
        transform: translate(-50%, -40px);
    }

.hover_.ttop > .tip_chart,
.ttop.btnToolp_:hover > .tip_chart {
    -webkit-transform: translate(-50%, -130%);
    transform: translate(-50%, -100%);
    top: 0%;
}

.ttop .tip_chart:before {
    top: auto;
    transform: rotate(-180deg);
    bottom: -11px;
}

/*RIGHT*/
.tright.btnToolp_ .tip_chart {
    -webkit-transform: translate(15%, -50%);
    transform: translate(15%, -50%);
    top: 50%;
}

.tright.btnToolp_:hover > .tip_chart {
    -webkit-transform: translate(20%, -50%);
    transform: translate(20%, -50%);
}

.tright .tip_chart:before {
    top: 13px;
    transform: rotate(-90deg);
    bottom: auto;
    left: -12px;
    right: auto;
}

/*LEFT*/
.tleft.btnToolp_ .tip_chart {
    -webkit-transform: translate(-45%, -50%);
    transform: translate(-45%, -50%);
    top: 50%;
    left: auto;
    right: 0%;
}

.tleft.btnToolp_:hover > .tip_chart {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tleft .tip_chart:before {
    border-color: #2793e6 transparent transparent transparent;
    top: 13px;
    transform: rotate(-90deg);
    bottom: auto;
    right: -12px;
    left: auto;
}

@keyframes odsoky {
    0% {
        margin-top: -1px;
    }

    100% {
        margin-top: 1px;
    }
}

/**/
.listitem_{
    position: relative;}
	
	.sidebtn{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -60px;
		padding-top: 20px;
		}

	    	.sidebtn:hover{}

	.btn_borrar{
		position: relative;
		min-width: auto;
		transition: all .25s ease-in-out;
	}

	   	.btn_borrar span{
    position: absolute;
    top: 10px;
    height: 35px;
    line-height: 34px;
    background-color: #005396;
    color: #fff;
    display: block;
    right: -10px;
    padding: 0px 25px 0px 15px;
    z-index: -1;
    border-radius: 20px 10px 10px 20px;
    font-size: 14px;
    opacity: 0;
    transition: all .25s ease-in-out;
}

	    	.btn_borrar:hover span{
    right: 20px;
    opacity: 1;
}

	    .btn_borrar i{
	    	background-color: #005396;
	    	color: #fff;
	    	display: block;
	    	width: 35px;
	    	height: 35px;
	    	line-height: 35px;
	    	text-align: center;
	    	border-radius: 50%;
	    	}

	    	.btn_borrar:hover i{
				}

/**/
.videobg_{
	position: absolute;
	width: 100%;
	height: 110px;
	overflow: hidden;
	top: 0;
	background: #005396;
	z-index: 0; }

		.init .videobg_{
			height: 365px;}

  	.videobg_:after {
	    background: rgb(0 83 150 / 35%);
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0px;
	    content: "";
	    }

  	.videobg_ video{
	    width: 100%;
	    height: auto;
	    position: relative;
	    top: -160px;
	    opacity: .25;
	    transform: rotate(-20deg);
	    }

/**/
.welc_name{
    z-index: 1;
    position: relative;
    padding: 30px 30px 60px 30px;}

	.welc_name h3{
		color: #fff;
		font-weight: 600;
		letter-spacing: -0.5px;
		font-size: 36px;
		line-height: 30px;
		margin-bottom: 10px;
		display: block;} 

	.welc_name span{
	    display: block;
	    color: #fff;
	    text-shadow: none;
	    font-size: 17px;
	    margin-top: 0px;
	    letter-spacing: -0.5px;
	    line-height: 16px;
	    font-weight: 300;}	

	    .welc_name span b{
    		font-weight: 500;}       

/**/
.feedbtn,
aside .main-menu>ul>li>a.feedbtn,
aside.skin-1 .main-menu > ul > li > a.feedbtn:focus{
    position: relative;
    padding: 15px 8px;
    display: block;
    color: #fff;
    background: linear-gradient(-45deg, #1565c0,  #4caf50, #3949ab);
    background-size: 600%;
    -webkit-animation: animebg 20s linear infinite;
    animation: animebg 20s linear infinite;
    transition: all .25s ease-in-out;
    }

    	aside.skin-1 .main-menu > ul > li.active > a.feedbtn{
    		background: linear-gradient(-45deg, #1565c0,  #4caf50, #3949ab);
    		background-size: 600%;
    		-webkit-animation: animebg 18s linear infinite;
    		animation: animebg 18s linear infinite;
    		color: #fff;
    		}

        .feedbtn:hover,
        aside.skin-1 .main-menu > ul > li > a.feedbtn:hover{
        	color: #fff !important;
        	background: linear-gradient(-45deg, #1565c0,  #4caf50, #3949ab);
        	background-size: 600%;
        	-webkit-animation: animebg 28s linear infinite;
        	animation: animebg 28s linear infinite;
        	} 

        @-webkit-keyframes animebg {
            0% {background-position: 0% 50%;}
            50% {background-position: 100% 50%;}
            100% {background-position: 0% 50%;}
        }
        @keyframes animebg {
            0% {background-position: 0% 50%;}
            50% {background-position: 100% 50%;}
            100% {background-position: 0% 50%;}
        }

    aside .main-menu>ul>li>a.feedbtn .text{    
    	margin-left: 3px;}

    	aside .main-menu>ul>li>a.feedbtn:hover .text{
    		color: #fff}

    .feedbtn .menu-icon{
    	width: auto;}

		.feedbtn .menu-icon i{
	    	top: -1px;}
	    	.sidebar-mini .feedbtn .menu-icon i {
    			top: 2px;}

			.feedbtn .menu-icon i img{
	    		height: 26px;}

	.feedbtn .menu-down{
		color: #fff;} 
		.main-menu li a.feedbtn:hover .menu-down{
			color: #fff;}          

	aside .main-menu>ul>li>a.feedbtn .menu-hover{
		display: none;}

/**/
.thanever_{
	background: transparent;
	margin: 0 auto;
	list-style-type: none;
	margin-bottom: 5px;
	padding: 20px 20px;
	width: max-content;}

	.thanever_ ul{
		list-style-type: none;
		padding: 7px;
		z-index: 2;
		position: relative;
		margin: auto;
		background: rgb(162 210 67 / 9%);
		border-radius: 40px;
		border: 0;}

		.thanever_ ul li{
			display: inline-block;
		    position: relative;
		    padding: 0px;
		    transition: all .25s ease-in-out;
		    border: 0px solid #f9f9f9;
		    border-radius: 6px 6px 0px 0px;
		    border-bottom: 0px !important;		    
		    margin: 0;
			-webkit-backface-visibility: hidden;
    		backface-visibility: hidden;}	    	

	    .thanever_ ul li a,
	    .thanever_ .nav-tabs .nav-link{
	    	display: block;
	    	border-radius: 40px;
	    	background: rgb(245 250 236 / 0%);
	    	border: 0 !important;
	    	overflow: hidden;
	    	margin-right: 5px;
	    	position: relative;}

	    	.thanever_ ul li a:hover{
	    		background: rgb(241 240 240 / 43%);
	    		border: 1px solid #ebebeb !important;}

			.thanever_ ul li a:after{
				position: absolute;
				width: 4px;
				height: 4px;
				content: "";
				display: block;
				background: rgb(131 191 12);
				bottom: 9px;
				left: 0;
				right: 0;
				z-index: 1;
				margin: auto;
				border-radius: 40px;
				transition: all .15s ease-in-out;
				transform: scale(0);} 
				.thanever_ ul li a.active:after{}	 
				.thanever_ ul li a:hover:after{
					transform: scale(1);} 			

		    .thanever_ .nav-tabs .nav-item.show .nav-link, 
		    .thanever_ .nav-tabs .nav-link.active,
		    .thanever_ ul li a.active{
		    	background: #83bf0c;}   		

	    .thanever_ .titulpane {
			display: block;
			padding: 10px 10px 10px 10px;
			position: relative;}

			.thanever_ a.active .titulpane {
				padding: 10px 10px 10px 40px;}

			.thanever_ ul li a i{
			    font-size: 19px;
			    height: auto;
			    line-height: normal;
			    top: 47%;
			    transform: translateY(-50%);
			    position: absolute;
			    left: 5px;
			    width: 0px;
				transition: width .25s ease-in-out;}

			    .thanever_ ul li a.active i{
    				width: 30px;}

			.thanever_ ul li a i svg{
			    height: 17px;
			    position: relative;
			    top: -1px;}

				.thanever_ ul li a:hover i svg{
	    			color: #fff;
	    			-webkit-animation: draw 1.5s ease-in-out alternate infinite;
	    			animation: draw 1.5s ease-in-out alternate infinite;}

		    .thanever_ a.active .titulpane i{
			    color:#fff} 

			.thanever_ ul li a h1{
			    margin: 0;
			    font-size: 15px;
			    margin-top: 0px;
			    color: #364962;
			    /* color: rgb(131 191 12); */
			    font-weight: 500;
			    display: inline-block;
			    letter-spacing: -0.2px;
			    -webkit-perspective: 1000px;
			    -webkit-backface-visibility: hidden;}
			    .thanever_ ul li a.active h1{
			    	color: #fff;
			    	transform: translate3d(-1px, 0px, 0px);}

/**/ 
.thaninfo_{}

	.thaninfo_ .boxconpanel{
		border: 0;
		padding-top: 0 !important;
		padding-bottom: 0 !important;}

	.panel__ .thaninfo_ .panel-body{
		padding-bottom: 0 !important;}

/**/

/* === EVENTOS === */
.areapost{
	padding-top: 60px;
	}

.inot {
    display: block;
    height: 200px;
    margin-bottom: 50px;
    text-decoration: none !important;
    outline: none !important;
    transition: all .2s ease-in-out;
    }

    .im_ {
	    position: relative;
	    display: block;
	    width: 40%;
	    float: left;
	    height: 100%;
	    border-radius: 25px;
	    overflow: hidden;
	    transition: all .2s ease-in-out;
	    }

	    .inot:hover .im_,
        .inot:focus .im_,
        .inot.focus_ .im_ {
            border-radius: 25px 25px 0px}

    .im_:after {
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        z-index: 2;
        transition: all .3s ease-in-out;
        top: 0%;
        background: rgba(0, 0, 0, 0.2);
        opacity: 0;}

	    .inot:hover .im_:after,
	    .inot:focus .im_:after,
	    .inot.focus_ .im_:after {
	        opacity: 1;}

	.im_:before {
	    content: " ";
	    width: 30px;
	    height: 30px;
	    display: block;
	    position: absolute;
	    bottom: calc(-1 * 30px);
	    right: calc(-1 * 30px);
	    border-left: 30px solid #85bd18;
	    border-bottom: 30px solid #ffffff;
	    box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
	    -webkit-transition: all 0.25s ease;
	    transition: all 0.25s ease;
	    z-index: 5;
	    }

	    .inot:hover .im_:before,
	    .inot:focus .im_:before,
	    .inot.focus_ .im_:before{ 
	        bottom: 0 !important;
	        right: 0 !important;}

.inf_ {
    width: 60%;
    height: 100%;
    word-break: break-word;
    border: 0px solid rgb(0 0 0 / 3%);
    border-left: 0px;
    border-radius: 0px 10px 10px 0px;
    padding-left: 30px;
    padding-right: 30px;
    background: #fff;}

.titule {
    position: relative;
    display: block;
    padding: 30px 0px 0px 0px;}

    .titule h1 {
        position: relative;        
        font-size: 18px;
        color: #364962;
        margin: 0;
        text-align: left;
        font-weight: 400;
        letter-spacing: -0.5px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -ms-flex-item-align: center;}

    .daten {
    	overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    -ms-flex-item-align: center;
	    align-self: center;
	    font-size: 15px;
	    font-weight: 400;
	    letter-spacing: -0.5px;
	    padding-left: 22px;
	    position: relative;
	    color: #9a9fbf;
        margin-bottom: 15px;}	

        .daten i,
	    .daten span.i {
	        height: 16px;
	        position: absolute;
	        left: 0;
	        top: 2px;}

        .daten .material-icons-outlined,
        .daten .material-icons{
            font-size: 18px;
            height: 16px;
            position: absolute;
            left: 0;
            top: 2px;}

    .daten svg {
        width: 16px;
        height: 16px;
        stroke-width: 2.3px;
        color: #9a9fbf;
        transition: all .25s ease-in-out;
        float: left;}  

    .btns_ {
	    margin: 20px 0px 0px 0px;
	    font-size: 17px;
	    line-height: 17px;
	    font-weight: 500;
	    color: #364962;
	    position: relative;
	    text-align: right;
	    overflow: hidden;
	    padding: 11px 10px 10px 55px;
	    float: right;
	    height: 40px;
	    letter-spacing: -0.5px;}

	    .btns_ span {
	        position: absolute;
	        top: 2px;
	        left: 0;
	        width: 100%;
	        height: 100%;
	        background: #fff;
	        transition: all .35s ease-in-out;}

	    .btns_:hover span,
	    .btns_:focus span,
	    .inot:hover .btns_ span,
	    .inot:focus .btns_ span {
	        left: -80%;
	        left: calc(-0% - 125px);
	        right: unset;}

	    .btns_ span i {
	        font-size: 20px;
	        background: #85bd18;
	        color: #fff;
	        font-weight: 600;
	        height: 36px;
	        width: 36px;
	        line-height: 36px;
	        border-radius: 50%;
	        text-align: center;}
	
.load_append {}

    .load_append button {
        border: 0 !important;
        border-radius: 50px;
        display: block;
        margin: 0 auto;
        padding: 20px;
        outline: none !important;
        transition: all .25s ease-in-out;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: -0.1px;
        background: #85bd18;}

        .load_append button:hover,
        .load_append button:focus {
            padding: 20px 30px;
            animation: wobble_vertical 1.5s ease-in-out;}

        .load_append button h1 {
            transition: all 0.25s ease-in-out;
            position: relative;
            display: table;
            margin: 0 auto;
            padding-left: 30px;
            font-weight: 700;
            font-size: 15px;}

        .load_append button:hover h1,
        .load_append button:focus h1 {}

        .load_append button h1 i {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);}

        .load_append button:hover i,
        .load_append button:focus i {}

        .load_append button.loadingall {
            padding: 20px 40px;}

            .load_append button.loadingall .spinner-border {
                color: #fff !important;
                width: 1rem;
                height: 1rem;
                margin-right: 5px;
                top: -4px;
                position: relative;}

        .load_append button.doneall {
            pointer-events: none !important;
            border: 1px solid #007bff;
            background: #007bff;}

            .load_append button.doneall h1 {
                color: #85bd18 !important;}

                .load_append button.doneall h1 i {
                    color: #85bd18 !important;}

/**/
.contFixed,
#wrapper.mainform_.contFixed{
	overflow: visible;}
	.contFixed aside.skin-1{
		height: calc(100% - 110px);}

.vdetalle{}              

	.vdetalle.reload.panel__ .vistaw_ .panel.panel-default {
    	border-radius: 6px 6px;}

    .sidebar-item {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;}

		.make_sticky {
		    position: -webkit-sticky;
		    position: sticky;
		    /*top: 0;*/
		    top: 100px;
		    padding: 0 15px;} 

	.imaged{
    	margin-bottom: 30px;}

		.imaged img{
			display: block;
    		max-height: 320px;
    		margin: auto;
    		border-radius: 30px;} 

    .optionbad{
    	display: block;
    	text-align: center; }
	    .panel__ .btn_bad,
	    .btn_bad{
	    	border: 0 !important;
	    	border-radius: 50px;
	    	display: inline-block;
	    	margin: 0 auto;
	    	padding: 20px 35px;
	    	outline: none !important;
	    	transition: all .25s ease-in-out;
	    	color: #fff;
	    	font-size: 18px;
	    	font-weight: 700;
	    	text-transform: uppercase;
	    	letter-spacing: -0.1px;
	    	background: linear-gradient(-45deg, rgba(151, 191, 30, 1), rgba(9, 138, 56,.8), rgba(64, 165, 53,1), rgba(151, 191, 30,.8));
	    	background-size: 600%;
	    	-webkit-animation: animebg 10s linear infinite;
	    	animation: animebg 10s linear infinite;}

		    .btn_bad i{
			    display: inline-block;
			    position: relative;
			    top: -2px;}

		    	.btn_bad i svg{
				    height: 19px;
				    stroke-width: 3px;}
			.panel__ .btn_bad:hover,
	    	.btn_bad:hover{
				padding: 20px 40px;
    			animation: wobble_vertical 1.5s ease-in-out;}

    .tituloe{}
 
	    .tituloe h1{
	    	margin: 0;
	    	font-size: 26px;
	    	line-height: 24px;
	    	margin-top: 30px;
	    	color: #364962;
	    	font-weight: 600;
	    	margin-bottom: 20px;}

	.datoevento{} 

		.datoevento .daten{    
			margin: 0;
    		font-size: 18px;
    		padding-left: 30px;}

    		.datoevento .daten i, 
    		.datoevento .daten span.i {
    			height: 20px;
    			top: 4px;}

    		.datoevento .daten svg {
			    width: 19px;
			    height: 19px;}

	.infolist{}

		.itn{
			padding: 0;
			margin-top: 30px;
			border-bottom: 1px solid #ebebeb;
			padding-bottom: 10px;}

			.itn h1{
			    color: #005396;
			    color: #9a9fbf;
			    font-size: 12px;
			    font-weight: 700;
			    text-transform: uppercase;
			    margin-bottom: 15px}

			.itn h1 i{
    			display: inline-block;
    			margin-right: 6px;
    			position: relative;
    			top: -1px;}

			.itn h1 svg{
			    color: #9a9fbf;
			    height: 18px;}

			.itn p{
			    font-size: 15px;
			    line-height: 20px;
			    font-weight: 400;
			    color: #364962;}

			    .itn p i{
    			display: inline-block;
    			margin-right: 6px;
    			position: relative;
    			top: -1px;}

				.itn p svg{
				    color: #9a9fbf;
				    height: 18px;}

.round_libe{
    display: block;
    text-align: center;
    margin: 40px 0px;
    color: #9a9fbf;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;}	

	.round_libe i{
    	margin-right: 5px;
    	display: inline-block;
    	top: -1px;
    	position: relative;}	

    	.round_libe i svg{
    		height: 19px;}		    	    

/* === DOCUMENTOS === */
.vistadocumentos{    
	padding: 5% 0%;}

.listadoc {
    padding:0px 0px;
    margin: auto;}

    .ielement {
        margin-bottom: 40px;}

    .listadoc .ielement{
        margin-bottom: 20px;
        padding: 0}

.archive_ {
    display: block;
    transition: all .25s ease-in-out;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0), 0px 0px 20px rgba(135, 146, 154, 0);
    background: #fff;
    border-radius: 18px;
    padding: 25px;
    border: 0px solid rgb(0 0 0 / 5%);
    position: relative;
    z-index: 0;}

    .archive_:hover,
    .archive_:focus {
        box-shadow: 0px 15px 30px -20px rgb(0 0 0 / 3%), 0px 0px 40px rgb(135 146 154 / 10%);
        transform: translate3d(0,-10px,0);
        z-index: 1;
        border: 0px solid rgb(0 0 0 / 0%);}

.small_bar {
    display: flex;
    margin-bottom: 15px;}

    .small_bar small {
        font-size: 12px;
        font-weight: 600;
        line-height: 11px;
        text-transform: uppercase;
        color: #9a9fbf;
        padding: 0;
        margin: 0;
        position: relative;
        padding-left: 20px;
        -ms-flex-item-align: center;
        align-self: center;}

    .small_bar .iconb {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;}

        .small_bar .iconb svg {
            width: 14px;
            height: 14px;}

.post-date {
    -ms-flex-item-align: center;
    align-self: center;}

    .post-date .btnToolp_ {
        font-size: 12px;
        font-weight: 600;
        line-height: 11px;
        text-transform: uppercase;
        color: #9a9fbf;}

    .post-date .tip_chart {
        text-align: center;
        font-weight: 600;
        font-size: 12px;
        min-width: 140px;
        letter-spacing: -0.5px;
        text-transform: none;}

.boxpol {
    max-height: 0;
    padding: 0;
    opacity: 0;
    transition: max-height .4s ease-in-out,padding .2s ease-in, opacity .4s ease-in;
    position: relative;
    text-align: center;}

.archive_:hover .boxpol,
.archive_:focus .boxpol {
    max-height: 120px;
    padding: 13px 0px 0px;
    opacity: 1;}

.archive_ .boxpol div {
    display: inline;}

.docname {
    display: block;
    padding: 45px 30px 45px;
    background: rgba(151, 191, 30, 0.1);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: all .25s ease-in-out;}

.ielement:nth-child(2n) .docname {
    background: rgba(64, 165, 53, 0.1);}

.ielement:nth-child(3n+1) .docname {
    background: rgba(151, 191, 30, 0.15);}

.ielement:nth-child(5n) .docname {
    background: rgba(9, 138, 56, 0.1);}

.ielement:nth-child(2n) .archive_:hover .docname,
.ielement:nth-child(2n) .archive_:focus .docname {
    background: rgba(64, 165, 53, 0.15);}

.ielement:nth-child(3n+1) .archive_:hover .docname,
.ielement:nth-child(3n+1) .archive_:focus .docname {
    background: rgba(151, 191, 30, 0.2);}

.ielement:nth-child(5n) .archive_:hover .docname,
.ielement:nth-child(5n) .archive_:focus .docname {
    background: rgba(9, 138, 56, 0.15);}

.docname .btitle {
    display: block;
    position: relative;
    padding: 45px 0px 0px 0px;
    text-align: center;}

.docname .iconb {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0px;
    left: 0;
    margin: auto;
    top: 0px;
    color: #97bf1e;
    font-size: 21px;}

.ielement:nth-child(3n+1) .docname .iconb {
    color: #97bf1e;}

.docname .name {
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #364962;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: -0.25px;}

.docname p {
    color: #364962;
    font-size: 15px;
    line-height: 15px;
    margin: 0;
    font-weight: 400;
    margin-top: 10px;
    display: block;
    text-align: center;}

.post_content {}

    .post_content .boxpol span {
        color: #364962;
        font-weight: 500;
        margin: 0px 5px;
        font-size: 14px;
        letter-spacing: -0.75px;}

    .post_content .boxpol .number {}

.bdown {
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    font-weight: 600;
    background: #97bf1e;
    padding: 6px 13px;
    border-radius: 50px;
    transition: all .25s ease-in-out;}

    .bdown:hover,
    .bdown:focus {
        color: #fff;
        padding: 6px 15px;
        cursor: pointer;}

.ielement:nth-child(3n+1) .bdown {
    background: #97bf1e}		

/**/
.gestion_{}

	.reload .gestion_ .form-control{    
		padding-right: 110px;}

	.wing_{
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);}

		.wing_ a{
		    background: #2e74b5;
		    color: #fff;
		    font-size: 13px;
		    border-radius: 25px;
		    padding: 3px 10px;
		    transition: all .25s ease-in-out;}
		    .wing_ a:hover{
		        background: #437fb7;}

			.wing_ a i{
			    font-size: 11px;
			    margin-right: 3px;}

/**/
/**/
.actoname{
	position: relative;
    padding-left: 75px;}

    .actoname img{
    	position: absolute;
	    height: 100%;
	    top: 50%;
	    transform: translateY(-50%);
	    left: 0; }

	.actoname h1{
	    text-transform: uppercase;
	    font-size: 13px;
	    margin: 0 0 20px;
	    position: relative;
	    color: #840c4f;
	    font-weight: 800;
	    letter-spacing: -0.25px;
	    margin-bottom: 10px;}

	.actoname p{
	    display: block;
	    color: #364962;
	    text-shadow: none;
	    font-size: 15px;
	    margin-top: 0px;
	    letter-spacing: -0.25px;
	    line-height: 16px;
	    white-space: normal;
	    margin: 0;}

.actoaction{
	padding-top: 7px;}

	.actoaction .btn_step,
	.actoaction .btn_success{
		font-size: 15px;
    	padding: 12px 25px;
    	border-radius: 40px;}

    	.actoaction .btn_step:hover,
    	.actoaction .btn_success:hover{
    		padding-left: 35px;
    		padding-right: 30px;}

    		.actoaction .btn_step:hover i,
    		.actoaction .btn_success:hover i{
    			left: 16px;}

    	.actoaction .btn_success.saving{
    		padding: 12px 25px !important;}
    		.actoaction .btn_success.saving i.iconcargador_ {
    			left: -3px;}
    	.actoaction .btn_success.finish {
		    padding-left: 35px;
		    padding-right: 30px;}
	    	.actoaction .btn_success.finish i {
	    		opacity: 1;
	    		left: 16px;}

/**/
.reload.panel__ .panel.panel-default.panelright_.isfixed {
    position: fixed;
    bottom: 105px;
    z-index: 1050;
    transition: position .2s ease-in-out, bottom .2s ease-in-out, right .5s ease-in-out;
    right: 15px;
    margin: auto;
    border-radius: 20px;
    width: 320px;
    border: 0;
    box-shadow: 0px 0px 40px rgb(0 0 0 / 6%), 0px 5px 35px 0px rgb(148 146 245 / 7%);
    }

    	.reload.panel__ .panel.panel-default.panelright_.isfixed.sale{
    		right: -340px}
    	.reload.panel__ .panel.panel-default.panelright_.isfixed.wobble_ {
    		animation: wobble_vertical 1s ease-in-out;}

    .panel__ .panelright_ .panel-body {
    	padding: 20px 10px;}

    .bloquarform{ 
    	background: transparent !important;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    outline: none !important;
	    border: 0 !important;
		z-index: 10;}

    .messname{
    	text-align: center;
    	position: relative;}

    	.messname img{
    		margin: 0 auto;
    		margin-bottom: 20px;
    		max-width: 180px;
    		display: block;}

    	.icoalen{ 
	    	-webkit-animation: rippleBlue_ 2s ease-in-out infinite;
		    animation: rippleBlue_ 2s ease-in-out infinite;
		    border-radius: 50%;
		    text-align: center; 
		    padding: 0;
		    line-height: 45px;
		    background: #3672cb;
		    color: #fff;
		    display: inline-block;
		    font-size: 15px;
		    width: 45px;
		    height: 45px;
		    margin-bottom: 30px;	}

    	.messname p{
		    display: block;
		    color: #364962;
		    text-shadow: none;
		    font-size: 14px;
		    margin-top: 0px;
		    letter-spacing: -0.25px;
		    line-height: 16px;
		    white-space: normal;
		    margin: 0;
		    text-align: center;
		    margin-bottom: 20px;
		    }

		.actoaction.opt2{
			margin: 0 !important;}

			.actoaction.opt2 .btn_step{
				margin-bottom: 10px}


/* =========== */	

.bloquear_{}	

	.bloquear_ .k-dropdown{
		opacity: .7;
		pointer-events: none;
		}  

.kendoselect_{}	

	.kendoselect_ .k-state-default>.k-select{
		background-color: transparent;}

	.kendoselect_ .k-dropdown-wrap.k-state-default{
	    transition: all .25s ease-in-out;
	    font-size: 15px;
	    border-radius: 10px;
	    background-image: none !important;
	    padding: 6px;
	    background: #fff;
	    box-shadow: none !important;
	    border-color: #e5e2e2;}

	    .kendoselect_ .k-dropdown .k-input{
	    	color: #00334e;} 

	.kendoselect_ .k-dropdown-wrap.k-state-hover,
	.kendoselect_ .k-numeric-wrap.k-state-hover,
	.kendoselect_ .k-picker-wrap.k-state-hover{
		background-color: rgb(67 143 255 / 6%);
	    border: 1px solid rgb(36 88 165 / 19%);
	    box-shadow: none;}	

	    .kendoselect_ .k-icon{
	    	top: 5px;
	    	right: 2px;}
	    	.bloquear_.kendoselect_ .k-icon{
		    	opacity: 0}

	    .kendoselect_ .k-icon:before{
		    background-image: url(../images/cd-icon-arrow.png);
		    background-position: 95% center;
		    background-size: 13px;
		    background-repeat: no-repeat;
		    content: "";}
		    .kendoselect_ .k-state-hover .k-icon:before{
		    	background-image: url(../images/cd-icon-arrowHover.png);}

	.k-list-container.k-popup .k-list .k-item{
		color: #00334e;
    	font-size: 15px;}

    .k-textbox{
    	box-shadow: none !important;}	

    .khelp_{
    	display: none;
    	position: absolute;
    	bottom: 2px;
    	right: 15px;
    	width: calc(100% - 30px);
    	text-align: right;
    	height: 43px;
    	padding: 14px 9px;
    	}
	 	.bloquear_ .khelp_{
	 		display: block;}

    	.khelp_ i{
    		font-size: 14px;
    		color: #2e74b5;
    		}
    	.khelp_.btnToolp_ .tip_chart{
    		font-size: 13px;
    		text-align: left;
    		padding: 10px 14px;}
    	.khelp_.btnToolp_.ttop .tip_chart {
		    -webkit-transform: translate(15px, -40px);
		    transform: translate(15px, -40px);}
    	.khelp_.ttop.btnToolp_:hover > .tip_chart {
		    -webkit-transform: translate(15px, -110%);
		    transform: translate(15px, -110%);
		    top: 0%;}

/**/	
/* TABLE CODIGO */
.table_head{
	pointer-events: none;}

#CodigoTable td{
	line-height: 16px;
	font-size: 15px;
	}

.table thead th{
	border-bottom: 1px solid #e3ebf3;
	font-size: 13px;
	}

.table-hover tbody tr:hover {
	cursor: pointer;
	background-color: rgb(239 239 239 / 47%);
	}

.results tr[visible='false'],
.no-result{
  	display:none !important;
  	pointer-events: none;}

.results tr[visible='true']{
  	display:table-row;
  	transition: all .2s ease-in-out;}

.counter{
    padding: 10px;
    color: #c5c5c5;}

.controlcode,
.reload .form-control.controlcode{
	padding-right: 35px;}

.btnsearch{
    position: absolute;
    right: 0px;
    bottom: 0;
    padding: 10px;
    height: 44px;
    outline: none !important;
    box-shadow: none !important;
    min-width: auto;
    }  

    .btnsearch i{
	    font-size: 13px;
	    font-weight: 900;
	    position: relative;
	    color: #2e74b5 !important;
	    }  

/**/
.codem_{}	 

	.codem_ .modal-body{
		padding: 20px 40px;
		}   

	.codem_ .modal-content{
	    border: 0;
	    border-radius: 15px;}

	.codem_ .modal-header{
	    border-bottom: 1px solid #f5f5f5;
	    padding: 20px 25px;}

	.codem_ .modal-title{
	    color: #00334e;
	    font-size: 18px;}

	.codem_ .modal-header .close{
	    background: #f9f9f9;
	    color: #babdc7;
	    opacity: 1 !important;
	    position: absolute;
	    right: 30px;
	    top: 29px;
	    width: 40px;
	    height: 40px;
	    padding: 0;
	    text-shadow: none; 
	    border-radius: 50%;}

		.codem_ .modal-header .close:hover{
		    background: #2458a5;
		    color: #fff;}

/**/
.sepType{
    position: relative;
    z-index: 0;}

	.sepType h1{
		color: #00334e;
		font-size: 13px;
		letter-spacing: -0.1px;
		font-weight: 400;
		margin: 5px 0px 15px;
		background: white;
		display: inline-block;
		padding: 10px 20px 10px 0px;}

	.sepType hr{
	    padding: 0;
	    margin: 0;
	    position: absolute;
	    top: 43%;
	    left: 40px;
	    z-index: -1;}


/**/
.copyright_{}

	.copyright_ p{
		color: #00334e;
		font-size: 13px;
		margin: 0;
		letter-spacing: -0.1px;
		margin-bottom: 15px;}

	.copyright_ h3{
		font-size: 14px;
	    color: #2458a5;
	    font-weight: 600;
	    letter-spacing: -0.25px;
	    margin-bottom: 20px;}

	.copyright_ a{
		color: #2458a5;
		transition: all .25s ease-in-out;
		font-weight: 500;
		text-decoration: none !important;}

		.copyright_ a:hover{
			color: #2264c5;}

	.font-bold{
		font-weight: 600;}

/**/
/**/
.canvas_{}	 

	/*.boxfirma{
		display: block;
		position: relative;
		width: 100%;
		margin: 0 auto;}*/	

		/*.boxfirma canvas{
			display: block;
			margin: 0 auto;
			margin-top: 35px;
			width: 100%;}*/

		.boxfirma fieldset{
		    position: absolute;
		    top: -25px;
		    right: 0;}

			.btnclear_{
				transition: all .25s ease-in-out;
				font-size: 12px;
				border: 0px !important;
				color: #929698;
				background: #e9ecefc4;
				padding: 4px 10px;
				border-radius: 4px 4px 0px 0px;
				outline: none !important;}

				.btnclear_:hover{
				    color: #ffffff;
				    background: #2e74b5;
				    }

	.canvas_ .control-form label{
	    text-transform: uppercase;
	    font-weight: 600;
	    font-size: 12px;
	    margin-top: 10px;}
/**/
.ffirma{
    text-align: center;}

    .ffirma .hr_{
	    width: 70%;
	    border-top: 1px rgb(0 0 0 / 5%) dashed;}

	.ffirma h1{
	    color: #00334e;
	    font-size: 17px;
	    text-transform: uppercase;
	    margin: 0;
	    font-weight: bold;} 

	.ffirma h4{
	    color: #00334e;
	    font-size: 16px;
	    margin-top: 2px;}		

/**/
.video_panel{
	padding: 0}

	.video_panel video,
	.video_panel iframe{
		width: 100%;
	    display: block;}	
    
    .modalw_.panel__ .modal-content{
		border-radius: 10px;}

	.mvideo__ .modal-header{
		border-bottom: 1px solid rgb(229 229 229 / 30%);
		background: #fbfbfb;
		border-radius: 10px 10px 0px 0px;
		padding-right: 80px;
		position: relative;
		padding-left: 20px;
		display: block;}
		.mvideo__ .modal-header h4{    
			font-size: 18px;
	    	font-weight: 500;}

		.mvideo__ .instr {
		    font-size: 13px;
		    transition: all .25s ease-in-out;
		    color: #6f6e6e;
		    -ms-flex-align: center!important;
		    align-items: center!important;
		    -ms-flex-pack: justify!important;
		    justify-content: space-between!important;
		    display: -ms-flexbox;
		    display: flex;
		    -ms-flex-wrap: wrap;
		    flex-wrap: wrap;}
			.mvideo__ .instr p{
			    margin: 0;
			    display: inline;
			    font-size: 13px;}

		.mvideo__ .modal-header .close{
			background: #005396;
			color: #ffffff;
			opacity: 1;
			text-shadow: none;
			position: absolute;
			right: 20px;
			width: 40px;
			height: 40px;
			border-radius: 4px;
			top: 50%;
			transform: translateY(-50%);
			outline: none !important;
			margin: 0;
			transition: all .25s ease-in-out;
			padding: 10px;}
			.mvideo__ .modal-header .close:hover{
				background: #074c84;
				color: #fff;} 

.panelvideo_{
    padding-top: 25px;}

    	.panelvideo_.mobile_{
    		display: none !important}
    	.panelvideo_.infix{
    		position: absolute;
    		bottom: 0;
    		right: 0;
    		left: 0;
    		padding: 30px 20px;
    		width: 100%;
    		z-index: 0;}
    		.panelvideo_.infix:after{
    			display: block;
    			content: "";
    			position: absolute;
    			width: 100%;
    			height: 100%;
    			background-image: linear-gradient(0deg, rgb(0 0 0 / 40%), transparent);
    			z-index: -1;}

	.helpvid{
	    margin: 0;
	    color: #364962;
	    font-size: 17px;
	    text-transform: uppercase;
	    font-weight: 700;
	    margin-bottom: 20px;
	    margin-top: 20px;}

	    	.infix .helpvid{
	    		color: #fff;
	    		text-shadow: 0px 2px 8px rgb(0 0 0 / 35%);}
		.helpvid small{
			color: #364962;
			font-weight: 400;
			font-size: 14px;
			margin: 0;
			letter-spacing: -0.25px;
			line-height: 14px;
			display: block;
			text-transform: none;}
			.infix .helpvid small{
	    		color: #fff;}

	.itemv_{
	    padding: 0 80px 0 20px;
	    background: #fff;
	    border-radius: 20px;
	    box-shadow: 0px 0px 20px rgb(0 0 0 / 4%);
	    height: 80px;
	    display: block;
	    position: relative;
	    }
	    .itemv_:hover{
	    	cursor: pointer;
	    }

		.itemv_ h1{
		    color: #364962;
		    font-weight: 600;
		    font-size: 16px;
		    margin: 0;
		    letter-spacing: -0.25px;
		    /*background: red;*/
		    position: relative;
		    top: 50%;
		    transform: translateY(-50%);
		    }

		.reg_,
		.nex_{
			position: absolute;
			width: 100%;
			height: 100%;
			display: block;
			border-radius: 50%;
			text-align: center;
			line-height: 55px;
			color: #fff;
			font-size: 18px;
			transition: all .25s ease-in-out;}

			.reg_{}

			.nex_{
    			opacity: 0;}

    		.itemv_:hover .reg_{
    			opacity: 0;}
    		.itemv_:hover .nex_{
    			opacity: 1;}

		.ming_{
		    width: 55px;
		    height: 55px;
		    display: block;
		    border-radius: 50%;
		    position: absolute;
		    right: 15px;
		    top: 50%;
		    transform: translateY(-50%);
		    overflow: hidden;}
		    .ming_:after{ 
    			display: block;
    			content: "";
    			position: absolute;
    			width: 100%;
    			height: 100%;
    			background-image: linear-gradient(0deg, rgb(0 0 0 / 40%), transparent);
    			z-index: -1;}
    			.itemv_:hover .ming_:after{
    				background-image: linear-gradient(0deg, rgb(0 82 153 / 80%), rgb(0 82 153 / 60%));}

/**/
.feat_{}

	/* =========== */
	.feat_ aside.skin-1{
		display: none;}
	.feat_ #main-container{
		max-width: 1140px;
	    margin: auto;
		min-height: 610px;}
	.feat_ footer{ 
		margin: auto;}  

	/**/
	.feat_ .page_name{
		display: none}

	/**/
	.feat_ .page_name{
		display: none}
	.feat_ .col-name .size-toggle{
		display: none}

	.nabsimple{
    	position: relative;
    	width: 100%;
    	display: -ms-flexbox;
    	display: flex;}

		.nabsimple a{
			color: #fff;
			position: relative;
			height: 110px;
			display: flex;
			align-items: center;
			padding: 0 25px;
			transition: all .25s ease-in-out;
			opacity: .6;
			z-index: 0;}
			.nabsimple a.active{
				opacity: 1}
			.nabsimple a:hover{
				opacity: 1;}
			.nabsimple a:after{
				width: 100%;
				height: 0%;
				position: absolute;
				content: "";
				bottom: 0;
				background: #ffffff14;
				left: 0;
				z-index: -1;
				transition: all .25s ease-in-out;}
				.nabsimple a:hover:after{
					height: 100%;}

			.nabsimple a i{
			    position: relative;
			    display: inline-block;
			    margin-right: 10px;}
			    .nabsimple a i svg{height: 18px;}
			    .nabsimple a:hover svg {
				    -webkit-animation: draw 2s ease-in-out alternate infinite;
				    animation: draw 2s ease-in-out alternate infinite;}

			.nabsimple a span{ 
				font-weight: 600;
				letter-spacing: -0.5px;
				font-size: 18px;
				line-height: 17px;}
				.nabsimple a span small{    
					display: block; 
    				font-size: 13px;}

	.opcright .nav-tabs{
		width: 100%}

		.titevid{
			font-size: 16px;
			margin-right: auto;
			padding: 20px 0px 0px 20px;
			color: #cbcbcb;
			font-weight: 400}
 
/**/
.rentapanel_{}

	.imgdesta_{
    	height: 150px;
	    display: block;
	    margin: auto;}

    .btn_success.blue2_{
    	background: #37a1ff;
	    font-size: 16px;
	    padding: 13px 25px;
	    border-radius: 50px;}
	    .btn_success.blue2_:hover{
	    	background: #225cb3;
    		padding-left: 37px;}

/* ======= */
.modal{ 
	z-index: 1070;}
	.modal-backdrop{
		z-index: 1069;} 

/* 	___________________________________________________________________________________________________
	___________________________________________________________________________________________________ 
	_________________________________________ RESPONSIVE ______________________________________________
	___________________________________________________________________________________________________
	___________________________________________________________________________________________________
*/
@media only screen and (min-width: 991px){
	.sidebar-item {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;}

	.make-me-sticky {
	    position: -webkit-sticky;
	    position: sticky;
	    top: 15px;
	    padding: 0px;
	    z-index: 10;}
}

@media only screen and (min-width: 1720px){
	.inforlist{min-height: 650px;}
}

@media only screen and (max-width: 1300px){
	.thanever_{width: auto;}
}

@media only screen and (max-width: 1200px){
	
	.mod_perfil{
		min-width: 70px;}
	.droperfil{
		min-width: 60px;
		margin-right: 0px;}
	.droperfil span h1,
	.droperfil span p{
		display: none;}

	.page_name{
		padding-left: 50px;}
	.page_name i{
		left: 15px;}

	.panel__ .table tbody > tr > td{
		white-space: nowrap;}
	.coopForm.pagos__ table .input-sm{
		min-width: 150px}

	.coopForm.col-12.col-md-10{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%}

	.steps_ ul li a.nav-link{
		border-radius: 4px	}
		.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
			border-radius: 4px;
			border-color: #dee2e6;}
		.steps_ ul li a.nav-link::after {
			display: none;}	

	.panel__ .panel-body {
    	padding: 5px;}
    .opanel_ .row {
    	padding: 5px 5px 20px 5px;}
	.opanel_{
		padding: 15px 0px 0px 0px;}

	.iconlock .icono_, .reload .inner_icon.iconlock .icono_{
		right: 5px;
		background: #f7f7f7;}

	.zoe_ .sidebar-item{    
		left: 20px;}

	.steps_ ul li a{
		padding: 0.5rem 0.5rem;}
	.reload .t_panel {
    	padding: 8px 5px 8px 30px;}

    .inot{
    	height: 170px;}
    .titule h1{
    	font-size: 16px;}
    .daten{
    	font-size: 14px;}
    .docname {
    	padding: 35px 10px 35px;}
    	.archive_ .boxpol div {
    		display: inline-block;}
    .imaged img {
    	max-height: 270px;}
    .sidebtn{
    	right: -45px;}

    .pseico img, .page_name i.pseico img {
    	height: 45px;}
}

@media only screen and (max-width: 1024px){
	/*.logo-nav{background:pink;}*/

	.styleLogin_3 .login_panel{
		overflow-y: scroll;}
	.styleLogin_2 .login_panel{ 
		overflow-y: scroll;}

	/*.styleLogin_2.login-wrapper .login-widget {
    	width: 95%;}*/
    .styleLogin_2 .form-login .form-group {
	    padding: 0px 0px;}

	.login_coop.login-wrapper .login-widget{
		padding: 0% 5%;}

	.steps_ ul{padding: 5px 5px 5px 5px}
	.steps_ ul li{padding: 3px 3px 3px 3px;}
	.reload .t_panel i{font-size: 14px;}
	.reload .t_panel {padding: 8px 8px 8px 30px;}
	.reload .t_panel h1{font-size: 14px;}

	.vistaw_ .coopForm.col-md-10.col-md-offset-1{margin-left: 0%;width: 100%;}
}

@media only screen and (min-width: 992px) and (max-width: 1280px){
	/*#top-nav.skin-1,.logo-nav, .page_portal .logo-nav{background: yellow}*/

	.styleLogin_3 .login_panel{
		overflow-y: scroll;}
	.styleLogin_2 .login_panel{ 
		overflow-y: scroll;}
		.login_coop.styleLogin_2 .login_panel {
    		overflow-y: auto;
    		top: 70px;}

	.styleLogin_2 footer .footer-brand a{
		overflow-wrap: break-word;
		word-break: break-word;}
	.styleLogin_3 .slick-slide img{
		height: 100px !important;}
	.styleLogin_3 .itemSL_ h2 {
    	font-size: 22px;
    	line-height: 29px;
    	margin-left: 50px;
    	margin-top: -35px;
    	letter-spacing: -1px;}

    .logo-nav a img{
		height: 70px;}
		
		.styleLogin_3 .imgSD_{    
		margin-top: 100px;}

    .head_msn {
    	padding: 0px 20px;}

    .head_msn .btn_clave{
		float: left !important;}

		/*.btn_clave:hover{
			padding-left: 35px;}*/

	.conta__ h5{
		overflow-wrap: break-word;
		word-break: break-word;}

	.banner_portal .slid_{    
		width: 60%;}
	.titt_ h3{
		font-size: 30px;}
	.titt_ h2{    
		font-size: 23px;}
	.rotadorPL_ h2 {
    	font-size: 18px;}
} 

@media (max-width: 991px){
	/*#top-nav.skin-1,.logo-nav, .page_portal .logo-nav{background: blue}*/

	.hidden_desk{display: block;}

	/*	#wrapper.sidebar-mini aside .sidebar-inner .main-menu ul li a .text{width: 180px;}
	aside .sidebar-inner .main-menu>ul>li>a{font-size: 15px;}
	aside .main-menu>ul>li .submenu li a{font-size: 15px;}
	#wrapper.sidebar-mini aside .sidebar-inner .main-menu>ul>li .submenu{right: -200px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.01);}*/

	.form_detalles .control-label{
		display: block;}	
	.form-horizontal .control-label{
		/*padding-bottom: 10px;*/
		padding-top: 0;
		padding-left: 0;}

	.coopForm{ padding: 1% 3%;}
	.coopForm.pagos__{padding: 1% 0%;}

	.panel__ .table{margin-bottom: 0px;}
	.btn_td{width: max-content;display: block;}

	.table-responsive {
	    display: block;
	    width: 100%;
	    overflow-x: auto;
	    -webkit-overflow-scrolling: touch;
	    -ms-overflow-style: -ms-autohiding-scrollbar;}

	/**/
	.logo-nav a img{
		height: 70px;}

	.head_msn .btn_clave{
		float: left !important;}

		.btn_clave:hover{
			padding-left: 35px;}

	.styleLogin_3 .imgSD_{    
		margin-top: 100px;}

	.Form_titlee{
		padding: 20px 20px 20px;}

	.head_msn{
		padding: 0px 20px}

	.head_msn h3{    
		margin-bottom: 10px;}

	.styleLogin_3 footer.login_footer{    
		width: 70%;}

	.styleLogin_3 footer.login_footer .col-md-4.col-sm-4{
		width: 50%;}

		.styleLogin_3 footer.login_footer .col-md-4:nth-child(1),
		.styleLogin_3 footer.login_footer .col-md-4:nth-child(2){
			margin-bottom: 15px;}
	
	.registro_login{
		background: #f7f7f7;
		position: relative;
    	min-height: auto;}

	.slideLogin {
    	display: none;}
    .login-wrapper.styleLogin_2 {
    	overflow: auto;}
    .styleLogin_2 .login_panel{
    	width: 60%;
    	max-width: 400px;
	    min-height: auto;
	    height: auto;
	    position: relative;
	    margin: 0 auto;
	    display: block;
	    left: auto;
	    right: auto;
	    bottom: auto;
	    margin-top: 100px;
	    float: none;
		overflow: auto;
		margin-bottom: 40px;
    	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.03), 0px 25px 30px -25px rgba(0, 0, 0, 0.05);}
	.styleLogin_3 footer.login_footer {
	    width: 100%;
	    position: relative;
	    clear: both;}
	footer.login_footer .col-md-8.pull-left{
		float: none !important;}

	.__modal .modal-dialog {
    	width: 500px;}
    .logoM_ {
    	display: none;}
    .infoM_ {
    	width: 100%;
    	-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;}
    .__modal .modal-content .modal-body:after, .__modal .modal-content .modal-body:before{
    	display: none;}

    .banner_portal .slid_{
    	display: none}
    .page_portal#wrapper.sidebar-mini #main-container, .page_portal#wrapper.sidebar-mini footer {
    	margin-left: 0px;}
    .contenidoP_ {
    	margin-top: -220px;}
    .colOff_0 {
    	margin-left: 0;}
    .page_portal .btn_pay{    	
    	min-width: 250px;
    	margin-top: 30px;}
    .main_.page_portal .infot_ {
    	margin-left: 0px !important;
    	clear: both; 
    	display: inline-table;}
    .infot_ .col-md-3{
    	width: 50%;
    	margin-bottom: 30px;
    	float: left;}
    .conta__ h5{
		overflow-wrap: break-word;
		word-break: break-word;}

	.login_coop .text{    
		padding: 0px 0px;}

	.login_coop.styleLogin_2 .login_panel{    
		margin-top: auto;
	    top: 10px;
	    width: 100%;}

	    .modulo_form{
	    	max-height: none !important;
		    height: auto;
		    top: 0 !important;
		    max-width: none;}

	.coopForm .inner_icon.otro_valor .form-control{
		min-width: 190px;
	    max-width: 190px;
	    width: 190px !important;}

	    .panel__ .tab-content .tab-pane.fade .table tbody>tr>td .form-control{
			min-width: 120px;}

	.col-bone{
		/*display: none;*/}
		.col-bone {}
		.col-bone .Btn_out{
			display: none;}

	/**/
	aside .sidebar-inner .main-menu>ul>li>a{font-size: 13px;}
	aside .main-menu>ul>li .submenu li a{font-size: 13px;}
	#wrapper.sidebar-mini aside .sidebar-inner .main-menu>ul>li.open .submenu{
		display: block;}

	#main-container {
    	left: 0;
    	margin-left: 0;}

	.main_ aside{
		position: absolute;}

	aside {
    	left: -245px;}

    	.main_.sidebar-mini aside {
    		left: 0px;}
    	.main_.openMenu aside {
    		left: 0px;
    		transition: all .25s ease-in-out;}

    		.backfilter {
			    position: fixed;
			    background-color: rgba(0, 0, 0, 0.24);
			    width: 100%;
			    height: 100%;
			    top: 0;
			    opacity: 0;
			    display: none;
			    transition: all .25s ease-in-out;
			    z-index: 1050;
			    }

			    .sideMenu .backfilter {
				    opacity: 1;
				    display: block;}			    

    #wrapper.sidebar-mini #top-nav .brand,
    #top-nav.skin-1 .brand,
    .sidebar-mini .logo_v{
    	width: 180px;
		display: block;
		padding: 0}

    .sidebar-mini #top-nav.skin-1 .brand{
    	display: block;}

    .sidebar-mini .title_sucursal{
    	display: none;}
   
    .sidebar-mini .logo_h,
    .logo_h {
    	display: none;}

    footer{
    	margin-left: 0}

    .tinfo{
    	position: absolute;
    	top: 0px; }

    .modalw_ .modal-lg{
    	width: 98%;
		max-width: 98%; } 

	.iconlock .icono_, .reload .inner_icon.iconlock .icono_ {
    	right: 11px;}

    .videobg_ video{
    	display:none;}
    .init .videobg_ video {
    	display: block;}

    .reload.panel__ .panel.panel-default.panelright_.isfixed.sale {
    	right: -1024px;}

    .panelvideo_.mobile_{
    	display: flex !important}
	.panelvideo_.infix{
		display: none !important;}

	/**/
	.feat_ .col-name .size-toggle{
		display: block}
	.feat_ .page_name {
  		display: inline-block;}
	.nabsimple{
		display: none}
	.feat_ aside.skin-1 {
  		display: block;}
  	.titevid{
  		display: none;}
    
}

@media (max-width: 767px){
	/*#top-nav.skin-1,.logo-nav, .page_portal .logo-nav{background: red}*/

    .main-header .page-title{
    	float: none}

    .btn_pay{
    	min-width: 200px;
    	margin-top: 30px;}

    .breadcrumb {
    	padding: 0px 15px 15px;}

    .coopForm .inner_icon .form-control {
    	padding-left: 35px;
    	/* height: 45px; */
    	min-height: 45px;
    	}

    .header_panel{
    	width: 100%;}

   	body .linea_{
   		padding-left: 0px;}
   	.section_mensj .icono_{
   		display: none;}

   	.login_coop .header_panel{
   		height: auto;}
   		.login_coop .logos {
    		text-align: center;}
    	._account {
		    float: none;
		    text-align: center;}

	._modalValor .modal-lg {
	    width: 100%;
	    margin: 0;
	    top: 0px;
	    transform: none !important;}
	    ._modalValor .modal-content{
	    	border: 0px solid rgba(0,0,0,.2);
    		border-radius: 0px;
    		box-shadow: none;}
    	._modalValor button.close{    
    		width: 40px;
    		height: 40px;
    		font-size: 40px;
    		line-height: 40px;}

    .panel__ .modal-content{box-shadow: none;}
    .modal-backdrop.in{
    	filter: alpha(opacity=100);
    	opacity: 1;}
    	/*.modal-backdrop{    
    		background-color: #fff;}*/

    .reload .form-control,
    .reload .coopForm .inner_icon .form-control{
    	padding: 0px 0px 0px 20px;}
    .reload .gestion_ .form-control,
    .reload .gestion_ .form-control, .reload .coopForm .gestion_ .inner_icon .form-control {
    	padding-right: 110px;}
    .controlcode, .reload .form-control.controlcode,
    .reload .form-control.controlcode, .reload .coopForm .inner_icon .form-control.controlcode {
    	padding-right: 35px;}
    .reload .form_detalles .coopForm .inner_icon .form-control{height: 45px;padding: 0px 0px 0px 40px;}
    .reload .form-control.currency ,
    .reload .coopForm .inner_icon .form-control.currency {padding-left: 35px;}
    .tip_ .tooltiptext.white{max-width: 280px;transform: translateX(-85%);}

    .boxl h1,.boxl h2{font-size: 20px;}

    .loadmin .boxl{padding-left: 0px;text-align: center;}
    .loadmin .load{position: relative;top: auto;margin: 0 auto;display: block;margin-bottom: 10px;}

    .page_name h3{    
   		font-size: 17px;}
    .page_name span{
    	font-size: 14px;
    	white-space: normal;}

    .canv_pago{
    	background: transparent;} 
    .box_pago .coopForm .input_pay, .input_pay {
    	height: auto;
		margin: 0 auto;
		min-height: 60px;
		clear: both;}
    .box_pago.form-horizontal .control-label{
    	min-height: 80px;}
    .box_pago .btn_pay{
    	margin-top: 60px;
		display: inline-block;}

	.zoe_ {
    	padding-top: 20px;
    	padding-bottom: 0px;}
	.titleq{
		margin-bottom: 30px;}

	.welc_name h3{
		font-size: 26px;
    	line-height: 20px;}

  	.sidebar-item {
    	position: relative;
    	margin-top: 25px;}

    .reload.panel__ .panel.panel-default.panelright_.isfixed{
    	bottom: 0;
    	margin: 0 !important;
    	width: 100%;
    	right: 0;
    	border-radius: 20px 20px 0px 0px;}
    	.panel__ .panelright_ .panel-body {
    		padding: 10px 0px 0px 0px;}
    	.reload.panel__ .panelsave_.gone .panel-body {
    		padding: 5px 5px;}
    	.icoalen{
    		display: none;}
    	.panelright_.isfixed .actoaction.opt2 .btn_step{
    		margin: 0;
    		font-size: 14px;}
    	.messname p{
    		font-size: 13px;
    		margin-bottom: 10px;}
    	.panelsave_ .form-group{
    		padding: 0}
    	.form-group .bswitch_ .col-12{
    		padding: 0}
    		.bswitch_ .btn-Switch{    
    			margin: auto;
			    display: block;
			    margin-bottom: 10px;}
			.panelsave_ .bswitch_ .control-label{
				margin-bottom: 10px;}
    	.showtext{
    		padding: 0}
    		.showtext .col{
    			padding: 0}
    	/*.boxfirma canvas{
    		width: 250px;
    		height: 150px;}*/

    .itemv_{
    	 margin-bottom: 15px; 
    	}

}

@media (max-width: 640px){
	#wrapper{min-height: auto;}

	#top-nav.skin-1{
		height: auto;
		background: #005396;}
	#top-nav.skin-1 .brand{
		width: 100%;
		float: none;}
	aside.skin-1{
		top: 110px;} 
	.col-name{
		/*border-top: 1px solid #f7f7f7;*/}

	.nav_ .btn.Btn_bar i{
		background: #a2d243;
	    width: 50px;
	    height: 50px;
	    line-height: 50px;
	    border-radius: 50%;
	    transform: translateY(-50%);
	    top: 50%;}

	.openMenu .fixedright,
	.openMenu .nav_ .btn.Btn_bar.fixedright{
		display: block;
	    position: absolute;
	    right: 0;
	    background: #85bd18;
	    height: 50px;
	    width: 50px;
	    min-width: 50px;
	    line-height: 50px;
	    border-radius: 50%;
	    top: 15px;
	    right: 15px;
		z-index: 20;}	
	    .nav_ .btn.Btn_bar.fixedright i{
	    	line-height: 50px;}	

	   	.openMenu .page_name h3,
	   	.openMenu .page_name span{
	   		color: rgb(255 255 255 / 45%);}

	.titleq,
	.titleq.center {
	    margin-bottom: 20px;
	    padding: 0px 30px;}
    	.titleq h1{
    		font-size: 15px;}
    
    	.codem_ .modal-body {
    		padding: 10px 10px;}
}

@media (max-width: 580px){
	/*#top-nav.skin-1,.logo-nav, .page_portal .logo-nav{background: teal}*/	

	.title_sucursal{display: none}
	.mens_bienv{display: none}
	#top-nav .nav-notification>li>a {padding: 0px 15px;}
	#top-nav .nav-notification {font-size: 19px;}

	.sidebar-mini .Btn_out,
	.sidebar-mini .mod_perfil{display: none}

	.breadcrumb{display: none}

	.t_panel{width: 100%;}
	.tool-bar{display: none}
	.form-horizontal.form_filter{width: 100%;float: none !important; margin-top: 20px;padding: 0px 20px 20px;}

	.nav_ .btn {min-width:60px;}
	.mod_perfil{min-width: 60px;}

	.wizard-steps li,
	.wizard-steps li.active {padding: 0px 10px 0px 10px;}
	.wizard-steps li:before,
	.wizard-steps li:after{display: none}

	.coopForm {padding: 1% 0%;}

	.styleLogin_2 .login_panel {
    	width: 90%;}
    .__modal .modal-dialog {
    	width: 90%;}
    .head_msn .btn_clave {
	    float: none !important;}
	.styleLogin_3 footer.login_footer .col-md-4.col-sm-4 {
    	width: 100%;
    	float: none}

    .t_panel.pull-left, .page_portal .t_panel.pull-right{
    	text-align: left;
    	float: none;}

    .infot_ .col-md-3 {
	    width: 90%;
	    float: none;
	    margin: 0 auto;
	    margin-bottom: 30px;}

	body .simulator_.panel__ .panel-body {
    	padding: 0px 0px;}

    body .simulacion_ .card .card-content {
	    padding: 10px 10px;}

	body .send_email.col-md-10{
		padding: 0px;}

	body .send_email .form-group .form-control,
	body .send_email .form-group button {
	    width: 100%;
	    float: none;
	    border-radius: 5px;}

	.login_coop .logos{    
		padding: 0px 0px;}
	.login_coop.styleLogin_2 .login_panel{    
		box-shadow: none;}
	/*.login_coop.styleLogin_3 .login_panel, .modulo_form, .Form_titlee{
		border-radius: 0px;}*/

	._modalValor .modal-body {
    	padding: 40px 20px;}

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

	.iadd{
		float: none;
		margin-top: 10px;}

	.boxdoc {
	    margin: 0px;
	    padding: 10px;}
	.colfilter {
    	display: block !important;}

    .sidebtn{
    	position: relative;
    	right: auto;}

    .inot {
    	height: auto;}
   	.im_, .inf_{
   		width: 100%;
   		float: none;
   		margin: auto;}
   		.im_{
   			height: 170px}

   	.cmin .loadinf {
    	width: 320px;}

}

@media (max-width: 380px){

	.nav_ .btn.Btn_bar{
		width: 65px;}
	.page_name {
    	padding-left: 20px;}
	.page_name i{
		display: none;}

	.welc_name{
		padding: 10px 10px 50px 10px;}
		.welc_name h3 {
    		font-size: 20px;}

    .badge-valor {
    	display: block;
    	float: none;
    	top: auto;}
    .reload {
    	padding: 0;}
    
    .panelright_.isfixed .actoaction .btn_step,
    .panelright_.isfixed .actoaction.opt2 .btn_step,
    .panelright_.isfixed .actoaction .btn_success{
    	font-size: 14px;
    	margin-bottom: 10px;}
    
    .cmin .loadinf {
    	width: 260px;
    	text-align: center;
    	padding: 0;}
    .infinite {
	    position: relative;
	    top: auto;
	    transform: none;
	    left: auto;}

}

/*_____________________________________________________________________________*/
@media screen and (min-height: 900px){
	.logo-nav a img {
    	height: 90px;}
    .styleLogin_3 .slick-slide img {
    	height: 130px !important;}
    .styleLogin_3 .itemSL_ h2{
    	font-size: 26px;
    	margin-left: 80px;
    	margin-top: -25px;}
    .styleLogin_2 .login_panel{    
    	overflow: auto;
	    height: auto;
	    /*min-height: auto;
	    top: 50%; 
	    bottom: auto; 
	    transform: translateY(-50%);*/}
	.modulo_form{
		max-height: 680px;}
}

/*_____________________________________________________________________________*/
@media screen and (max-height: 700px){
	/*.header_panel{background: red}*/

	.modulo_form{    
		top: 10px;
		max-height: 90%;}

}