@charset "UTF-8";
/* CSS Document */

body{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #565656;
	font-size: 14px;
}
/*.form-control{
	width: 100%;
    !*border-radius: 100px;*!
    padding: 23px 20px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px #d6e6ed;
	font-size: 14px;
	color: #565656;
	font-weight: 300;
	border: 0;
}
.form-control:focus {
	color:#495057;
	background-color:#fff;
	border-color:none;
	outline:0;
	box-shadow: 0 5px 7px #d6e6ed;
}*/
.input-group-append span{
	background: #FFFFFF;
	box-shadow: 0 2px 4px #d6e6ed;
	border-radius: 0 100px 100px 0;
	border: 0;
}
.input-group-append span a{
	color:#01DCDB;
}
select.form-control{
	width: 100%;
	height: 45px;
    padding: 0 20px;
    background: url("/assets/images/arrow-input.png") 97% center no-repeat;
    box-shadow: 0 2px 4px #d6e6ed;
	font-size: 14px;
	color: #565656;
	font-weight: 300;
	border: 0;
	border-radius: 100px;
	-moz-appearance:none;
	-webkit-appearance: none;
}
.custom-select{
	width: 100%;
	height: 45px;
    border-radius: 100px;
    padding: 0 20px;
    box-shadow: 0 2px 4px #d6e6ed;
	font-size: 14px;
	color: #565656;
	font-weight: 300;
	border: 0;
}

.btn-main{
	width: 100%;
	color: #FFFFFF;
	background: #FF5F5A;
	font-size: 14px;
	text-align: center;
	border-radius: 100px;
	padding: 13px;
	box-shadow: 0 2px 4px #d6e6ed;
}
.btn-main:hover{
	background: #FF4B46;
	color: #FFFFFF;
}
.custom-control-input:checked~.custom-control-label::before {
 	border-color:#01DCDB;
 	background-color:#01DCDB;
	border-radius: 50px;
}
.custom-checkbox .custom-control-label::before {
 	border-radius:50px;
}

/*login*/

.login{
	width:100%;
	height: 100%;
	position: absolute;
	display: table;
}
.login h1{
	color:#01DCDB;
	font-size: 26px;
	font-weight: 400;
	text-align: center;
}
.login p{
	text-align: center;
}
.login .log-l{
	width:45%;
	background: url("../images/banner_1.png") center 0 no-repeat;
	background-size: cover;
	display: table-cell;
}
.login .log-l .log-l-tit{
	width: 100%;
	padding: 10px 10%;
	margin: 10% 0 0 0;
}
.login .log-l .log-l-tit ul{
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}
.login .log-l .log-l-tit ul li{
	width: 50%;
	float: left;
	font-size: 24px;
	color: #424C5A;
	position: relative;
	padding: 0 20px 10px 25px;
	line-height: 26px;
}
.login .log-l .log-l-tit ul li:before{
	width: 10px;
	height: 15px;
	background: url("../images/ico-arrow-log.png") 0 0 no-repeat;
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
}
.login .log-r{
	width:55%;
	display: table-cell;
	position: relative;
	vertical-align: middle;
}
.login .log-r .log-header{
	width:100%;
	position: absolute;
	z-index: 2;
	text-align: center;
	padding: 20px 0;
	top: 0;
}
.login .log-r .log-header .log-help{
	position: absolute;
	right: 20px;
	top: 30px;
}
.login .log-r .log-header .log-help a{
	font-size: 11px;
	color: #565656;
	text-decoration: none;
}
.login .log-r .log-header .log-help a:hover{
	text-decoration:underline;
}
.login .log-r .log-cont{
	width:100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: inline-flex;
	padding: 100px 0 40px 0;
	z-index: 1;
}
.login .log-r .log-cont .log-center{
	width: 60%;
}
.login .log-r .log-cont .log-center .log-check{
	text-align:center;
	font-size: 12px;
}
.login .log-r .log-cont .log-center .log-check a{
	text-decoration: none;
	color:#565656;
}
.login .log-r .log-cont .log-center .log-check a:hover{
	text-decoration: underline;
}
.login .log-r .log-cont .log-center .log-check label{
	padding: 3px 0 0 0;
}
.login .nav-tabs{
	width: 100%;
	border:0;
}
.login .nav-tabs a{
	color: #B6B4B4;
	font-size: 14px;
	border-bottom: 1px solid #B6B4B4;
}
.login .nav-tabs a:hover{
	color: #565656;
	border: 0;
	border-bottom: 2px solid #565656;
}
.login .nav-tabs .nav-item.show .nav-link, 
.login .nav-tabs .nav-link.active{
	background:none;
	color: black;
	font-weight: 500;
	border: 0;
	border-bottom: 2px solid #01DCDB;
}
.login .tab-content{
	padding: 20px 0 0 0;
}
.login .log-form{
	width: 100%;
}
.login .log-form .log-redes{
	width: 100%;
	text-align: center;
}
.login .log-form .log-redes .log-red-tit{
	width: 100%;
	font-size: 12px;
	text-align: center;
	margin: 0 0 10px 0;
}
.login .log-form .log-redes .log-red{
	width: 130px;
	padding: 7px 30px;
	display: inline-block;
	border: 1px solid #E8E8E8;
	border-radius: 100px;
	margin: 5px;
}
.login .log-form .log-redes .log-red:hover{
	background:#F5F5F5;
}
.login .log-r .log-footer{
	width:100%;
	position: absolute;
	z-index: 2;
	bottom: 0;
	padding: 5px 0 10px 0;
	text-align: center;
}
.login .log-r .log-footer a{
	width: 100%;
	text-align: center;
	text-decoration: none;
	color: #565656;
	font-size: 12px;
}
.login .log-r .log-footer a:hover{
	text-decoration: underline;
}


/*inicio*/

.sidebar-wrapper {
	min-height: 100vh;
	margin-left: -15rem;
	-webkit-transition: margin .25s ease-out;
	-moz-transition: margin .25s ease-out;
	-o-transition: margin .25s ease-out;
	transition: margin .25s ease-out;
	background: #FFFFFF;
	border: 0;
	position: relative;
}
.sidebar-wrapper .navbar-brand{
	width: 100%;
}
.sidebar-wrapper .navbar-brand a{
	width: 100%;
	padding:20px 10px;
	display: inline-block;
	text-align: center;
}
.sidebar-wrapper .navbar-brand img{
	/*width: 200px !important;*/
}
.sidebar-wrapper .list-group{
	  width: 240px;
}
.sidebar-wrapper .list-group ul{
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.sidebar-wrapper .list-group ul li{
	width: 100%;
	padding: 0 20px;
	margin: 0;
}
.sidebar-wrapper .list-group ul li a{
	width: 100%;
	padding: 13px 20px;
	text-decoration: none;
	color: #9B9B9B;
	font-size: 14px;
	display: block;
}
.sidebar-wrapper .list-group ul li a:hover{
	color:#565656;
}
.sidebar-wrapper .list-group ul li.active{
	position: relative;	
}
.sidebar-wrapper .list-group ul li.active a{
	color:#01DCDB;
}
.sidebar-wrapper .list-group ul li.active:before{
	width: 2px;
	height: 20px;
	background: #01DCDB;
	content: "";
	left: 0;
	top: 15px;
	position: absolute;
}
.sidebar-wrapper .list-group ul li.active:after{
	width: 40px;
	height: 40px;
	background: url("../images/ico-arrow-menu.png") 26px center no-repeat #FFFFFF;
	content: "";
	right: -15px;
	top: 5px;
	position: absolute;
	border-radius: 50px;
}
.sidebar-wrapper .list-group ul li.log-out a:hover{
	color: #FF5F5A;
}
.sidebar-wrapper .list-group .nav-ico{
	display: inline-block;
	margin: 0 5px 0 0;
}
.sidebar-wrapper .sidebar-fo{
	width: 100%;
	position: absolute;
	bottom: 0;
}
.sidebar-wrapper .sidebar-fo .sidebar-fo-help{
	width: 100%;
	text-align: center;
	padding: 10px 0 25px 0;
}
.sidebar-wrapper .sidebar-fo .sidebar-fo-help a{
	text-align: center;
	padding: 8px 15px;
	border-radius: 50px;
	font-size: 11px;
	color: #565656;
	text-decoration: none;
	background: #F5F5F5;
}
.sidebar-wrapper .sidebar-fo .sidebar-fo-help a:hover{
	background: #01DCDB;
	color: #FFFFFF;
}
.content-wrapper {
	min-width: 100vw;
	background:#f8f9fa;
}
.wrapper.toggled .sidebar-wrapper {
	margin-left: 0;
}


/*navbar*/
.navbar-top{
	justify-content: end;
	padding: 20px;
}
.navbar-top .navbar-btn-close{
	margin: 0 10px;
}
.navbar-top .navbar-btn-close a{
	background:#01DCDB;
	padding: 7px 20px;
	font-size: 14px;
	color: #FFFFFF;
	border-radius: 50px;
	text-decoration: none;
	display: inline-block;
	transition: 0.5s;
}
.navbar-top .navbar-btn-close a:hover{
	background:#43EFE7;
}
.navbar-top .navbar-contact{
	text-align: right;
	line-height: 15px;
	margin: 0 10px;
	font-size: 13px;
}
.navbar-top .navbar-contact span{
	width: 100%;
	display: inline-block;
	color: #01DCDB;
	font-size: 12px;
}
.navbar-top .navbar-btn-menu{
	margin: 0 10px;
	display:none;
	position: absolute;
	left: 0;
}
.navbar-top .navbar-btn-menu:hover{
	background:#FFFFFF;
}
.navbar-top .navbar-btn-menu .navbar-toggler-icon{
	color:red;
}

/*contenido*/
.main{
	width: 100%;
	padding: 40px 40px 20px 40px;
}
.main .frase{
	width:100%;
}
.main h1{
	color:#424C5A;
	font-size: 34px;
	font-weight: 300;
}
.main .subTit{
	color:#424C5A;
	font-size: 20px;
}
.main .tit{
	width: 100%;
	margin: 10px 0 5px;
	display: inline-block;
}
.main .tit h2{
	font-size: 16px;
	color: #424C5A;
	margin: 0;
	display: inline-block;
}
.main .tit .btn-new{
	float: right;
}
.main .tit .btn-new a{
	background:#FF5F5A;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	border-radius: 50px;
	padding: 10px 25px;
	font-size: 12px;
}
.main .tit .btn-new a:hover{
	background: #FF4B46;
}
.main .box{
	width: 100%;
	background: #FFFFFF;
	margin: 10px 0;
	box-shadow: 0 2px 4px #d6e6ed;
	border-radius: 15px;
	font-size: 14px;
	display: inline-block;
	transition: 0.5s;
}

/*home accesos directo*/
.main .acces{
	width: 100%;
	display: inline-block;
	margin: 20px 0;
}
.main .acces .acces-cont{
	width: 100%;
}
.main .acces .acces-cont a{
	width:100%;
	text-decoration: none;
}
.main .acces .acces-cont a:hover .box{
	box-shadow: 0 5px 7px #d6e6ed;
}
.main .acces .acces-cont a:hover .acces-center:before{
	width: 100px;
}
.main .acces .acces-cont a:before{
	width: 15px;
	height: 15px;
	content: "";
	background: url("../images/ico-list-arrow.png") center center no-repeat;
	position: absolute;
	right: 30px;
	top: 30px;
	opacity: 0;
	transition: 0.5s;
}
.main .acces .acces-cont a:hover:before{
	opacity: 1;
}
.main .acces .acces-cont .box{
	justify-content: center;
	align-items: center;
	display: inline-flex;
	height: 250px;
}
.main .acces .acces-center{
	width: 70%;
	position: relative;
}
.main .acces .acces-center:before{
	width:0;
	height: 1px;
	content: "";
	background: #01DCDB;
	left: 0;
	bottom: -10px;
	position: absolute;
	transition: 0.3s;
}
.main .acces .acces-cont .acces-ico{
	margin: 0 0 10px 0;	
}
.main .acces .acces-cont .acces-tit{
	color: #01DCDB;
	font-size: 16px;
	margin: 10px 0 5px;
}
.main .acces .acces-cont .acces-txt{
	color: #565656;
}
/*home noticias*/
.main .noti{	
	width: 100%;
	display: inline-block;
	margin: 20px 0;
}
.main .noti .noti-banner{
	height: 100%;
	background: #F8FFFE;
	display: table;
}
.main .noti .noti-banner .noti-banImg{
	width: 190px;
	display: table-cell;
	background: url("../images/bg-banner.png") right bottom no-repeat;
	text-align: center;
	vertical-align: middle;
}
.main .noti .noti-banner .noti-banTxt{
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	padding: 0 20px;
}
.main .noti .noti-banner .noti-banBtn{
	width: 100%;
	margin: 10px 0 0 0;
}
.main .noti .noti-banner .noti-banBtn a{
	background: #FFFFFF;
	color: #01DCDB;
	padding: 5px 20px;
	text-decoration: none;
	border-radius: 100px;
	box-shadow: 0 2px 4px #d6e6ed;
	transition: 0.4s;
}
.main .noti .noti-banner .noti-banBtn a:hover{
	background: #01DCDB;
	color: #FFFFFF;
}
.main .noti .noti-banner span{
	color: #01DCDB;
	font-size: 16px;
}
.main .noti .noti-banner p{
	margin: 0;
}
.main .noti .noti-minibanner{
	height: 100%;
	text-align: center;
	padding: 30px 0 0 0;
}
.main .noti .noti-minibanner .noti-miniTit{
	width: 100%;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	color: #01DCDB;
}
.main .noti .noti-minibanner .noti-miniNum{
	width: 100%;
	text-align: center;
	display: inline-block;
	font-size: 22px;
}

/*lista usuarios*/
.list-usu{
	width:100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.list-usu li{
	width: 100%;
	margin: 0;
	display: inline-block;
}
.list-usu li a{
	width: 100%;
	text-decoration: none;
}
.list-usu li:hover .box{
	box-shadow: 0 5px 7px #d6e6ed;
	transition: 0.5s;
}
.list-usu li a:hover .list-usu-accion img{
	transition: 0.5s;
	margin: 0 -10px 0 0;
}
.list-usu .box{
	padding: 10px 30px;
	display: table;
}
.list-usu .list-usu-cont{
	display:table-cell;
}
.list-usu .list-usu-ico{
	width: 50px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 0;
}
.list-usu .list-usu-name{
	color:#424C5A;
	font-size: 16px;
	font-weight: 400;
	display: table-cell;
	vertical-align: middle;
	padding: 0 5px;
}
.list-usu .list-usu-txt{
	color:#565656;
	display: table-cell;
	vertical-align: middle;
	padding: 0 5px;
}
.list-usu .list-usu-accion{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	min-width: 20px;
	padding: 0 5px;
}
.list-usu .list-usu-accion img{
	transition: 0.5s;
}
.list-usu .list-usu-accion button{
	transition: 0.5s;
	background:#01DCDB;
	color: #FFFFFF;
	text-align: center;
	border-radius: 50px;
	padding: 5px 15px;
	font-size: 12px;
}
.list-usu .list-usu-accion button:hover{
	transition: 0.5s;
	background:#43EFE7;
}
/*empleados*/
.empleo{
	width: 100%;
}
.empleo .emple-cont{
	width: 100%;
	margin: 10px 0 0 0;
}
.empleo .emple-cont .emple-btn-gray{
	width: 100%;
	margin: 10px 0;
}
.empleo .emple-cont .emple-btn-gray a{
	color:#01DCDB;
	background: #FFFFFF;
	padding: 10px 25px;
	border-radius: 100px;
	text-decoration: none;
	display: inline-block;
}
.empleo .emple-cont .emple-btn-gray a:hover{
	color:#FFFFFF;
	background: #01DCDB;
}
.empleo .emple-datos{
	width: 100%;
	margin: 10px 0;
	display: inline-block;
}
.empleo .emple-datos .emple-ico{
	float: left;
	padding: 0 10px 0 0;
}
.empleo .emple-datos .emple-txt{
	float: left;
	padding: 0 20px 0 10px;
}
.empleo .emple-datos .emple-txt span{
	width: 100%;
	display: block;
	color: #01DCDB;
	font-size: 16px;
}
.empleo .emple-datos .emple-estado{
	float: left;
	padding: 0 10px 0 20px;
}
.empleo .emple-datos .emple-estado span{
	background: #FFFFFF;
	padding: 7px 20px;
	text-align: center;
	color: #565656;
	border-radius: 50px;
	display: inline-block;
}
.empleo .emple-datos .emple-btn{
	float: right;
}
.empleo .emple-datos .emple-btn a{
	width: 35px;
	height: 35px;
	opacity: 0.5;
	border:1px solid #FF5F5A;
	border-radius: 50px;
	text-align: center;
	display: inline-block;
	padding: 5px 0 0 0;
}
.empleo .emple-datos .emple-btn a:hover{
	opacity: 1;
}
.empleo .emple-list{
	padding: 20px;
}
.empleo .emple-list ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.empleo .emple-list ul li{
	border-bottom: 1px solid #D8D8D8;
	font-size: 12px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
.empleo .emple-list ul li:last-child{
	border: 0;
	margin: 0;
	padding: 0;
}
.empleo .emple-list ul li p{
	margin: 0;
}
.empleo .emple-list ul li span{
	font-weight: 500;
}

/*form nuevo empleado*/
.form_new_emple{
	width:100%;
}
.form_new_emple nav{
	width:100%;
}
.form_new_emple nav .nav-tabs{
	width:100%;
	justify-content: center;
	border: 0;
}
.form_new_emple nav .nav-tabs a{
	width:130px;
	background: #f8f9fa;
	border-radius: 50px;
	margin: 5px 10px;
	text-align: center;
	color:#565656;
	border: 0;
}
.form_new_emple nav .nav-tabs a:hover{
	background: #EAEAEA;
}
.form_new_emple nav .nav-tabs .nav-item.show .nav-link, 
.form_new_emple nav .nav-tabs .nav-link.active{
	background: #01DCDB;
	color: #FFFFFF;
}
.form_new_emple h4{
	width:100%;
	text-align: center;
	color: #01DCDB;
	font-size: 26px;
	font-weight: 400;
}
.form_new_emple h5{
	width:100%;
	text-align: center;
	color: #01DCDB;
	font-size: 22px;
	font-weight: 300;
	margin: 0 0 20px 0;
}
.form_new_emple p{
	width:100%;
	text-align: center;
}
.form_new_emple .tab-pane{
	padding:20px 0 80px 0;
}
.form_new_emple hr{
	width:100%;
	margin: 15px;
	display: inline-block;
}
.form_new_emple .btn-new-emple{
	margin: 10px 0 5px 0;
}
.form_new_emple .labelLink{
	width: 100%;
}
.form_new_emple .labelLink a{
	font-size: 11px;
	color:#01DCDB;
	background: #F5F5F5;
	padding: 5px 10px;
	border-radius: 100px;
	float: right;
	text-decoration: none;
}
.form_new_emple .labelLink a:hover{
	color:#FFFFFF;
	background: #01DCDB;
}
.form_new_emple .btnFixed{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #FFFFFF;
	box-shadow: 0 2px 4px #d6e6ed;
	z-index: 2;
}

/*sueldo*/
.sueldo{
	width: 100%;
}
.sueldo .sueldo-cont{
	width: 100%;
}

/*finiquito*/
.fini{
	width:100%;
}
.fini .fini-cont{
	width:100%;
	padding: 20px;
	display: table;
}
.fini .fini-l{
	width:50%;
	display: table-cell;
	vertical-align: middle;
	padding: 20px 40px;
}
.fini .fini-l h3{
	color: #01DCDB;
	font-size: 20px;
	font-weight: 400;
}
.fini .fini-l p{
	width: 80%;
}
.fini .fini-r{
	width:50%;
	display: table-cell;
	vertical-align: middle;
	padding: 20px 40px;
}
.fini .fini-center{
	width:100%;
}
.fini .fini-form{
	width: 100%;
}

/*seguro social*/
.segur{
	width: 100%;
}
.segur .segur-cont{
	padding: 20px;
	display: table;
}
.segur .segur-l{
	width:30%;
	display: table-cell;
	vertical-align: middle;
	padding: 20px 40px;
}
.segur .segur-l h3{
	color: #01DCDB;
	font-size: 20px;
	font-weight: 400;
}
.segur .segur-l p{
	width: 80%;
}
.segur .segur-l .segur-center{
	width:100%;
}
.segur .segur-l .segur-cod{
	width: 100%;
}
.segur .segur-l .segur-cod .segur-cod-tit{
	font-size: 11px;
	color: #9B9B9B;
}
.segur .segur-l .segur-cod .segur-cod-num{
	border-radius: 50px;
	padding: 5px 30px;
	border:1px solid #01DCDB;
	text-align: center;
	font-size: 26px;
	color: #01DCDB;
	margin: 10px 0;
}
.segur .segur-l .segur-cod .segur-cod-btn{
	width: 100%;
}
.segur .segur-l .segur-cod .segur-cod-btn a{
	width: 100%;
	text-align: center;
	font-size:12px;
	text-decoration: underline;
	display: inline-block;
	color: #9B9B9B;
}
.segur .segur-l .segur-cod .segur-cod-btn a:hover{
	color: #01DCDB;
}
.segur .segur-r{
	width:70%;
	display: table-cell;
	vertical-align: middle;
	padding: 20px 40px;
}
.segur .segur-r .segur-paso{
	width: 100%;
	margin: 0 0 20px 0;
	display: inline-block;
}
.segur .segur-r .segur-paso h4{
	width: 100%;
	color: #01DCDB;
	font-weight: 300;
	font-size: 20px;
}
.segur .segur-r .segur-paso .segur-paso-btn{
	width: 100%;
}

/*modal formulario*/
.modFull{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	display: none;
	bottom: 0;
	position: fixed;
	z-index: 1033;
	left: 0;
	padding: 30px 40px;
}
.modFull .modFull-cont{
	width: 100%;
	max-width: 1100px;
	position: relative;
    /*padding-bottom: 56.25%;*/
    height: 100%;
    overflow: hidden;
	margin: 0 auto;
}
.modFull iframe{
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modFull .modFull-close{
	border: 0;
	position: absolute;
	color:#D3D3D3;
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	right: 30px;
	top: 5px;
	z-index: 2;
}
.modFull .modFull-close:hover{
	color:#fd5c5c;
}