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

html, body { height: 100%; width: 100%; margin: 0; padding: 0; font-family: 'Neris'; color: #29235C; font-size: 14px;}
h1,h2,h3,h4,h5,h6,h7 { font-size: inherit; font-weight: normal; padding: 0; margin: 0;}
ul { list-style: none; margin: 0; padding: 0}
i {  display: block; font-style: normal; font-size: 22px;}
a, a:hover { text-decoration: none; color: inherit;}
*:focus { outline: none;}

.flt { display: inline-block;}
.d-block { display:block;}
.d-none { display:none;}
.clear { clear: both;}
.table { display: table; width: 100%; height: 100%;}
.table-cell { display: table-cell;}
.v-top { vertical-align: top;}
.v-middle { vertical-align: middle;}
.v-bottom { vertical-align: bottom;}
.f-left { float: left;}
.f-right { float: right;}

.t-left { text-align: left;}
.t-right { text-align: right;}
.t-cent { text-align: center;}
.t-justify { text-align: justify;}
.o-hidden { overflow: hidden;}
.o-scroll { overflow: auto;}

.a-click > * { cursor: pointer;}
.a-click > *:hover { color:#159698;}

.alert { color:red; font-weight: bold; font-size: 12px;}


textarea, input, select, .textarea { border: 1px solid #fff; background: #EEF1F2; resize: none; border-radius: 10px; font-family: inherit; font-size: inherit; padding: 10px; margin-bottom: 10px; transition: all 0.3s;}
input[type="submit"]{ cursor: pointer;}
textarea:focus, input:focus, select:focus { border: 1px solid #159698; background: #FFF;}
textarea.w-100, .textarea.w-100 { width: calc(100% - 22px);}
textarea.w-100.m-100, .textarea.w-100.m-100 { width: calc(97% - 22px);}
input.w-33, .checkbox.w-33 { width: calc(33% - 22px)}
input.w-33.m-33, .checkbox.w-33.m-33 { width: calc(30% - 20px)}
input.w-40.m-40, .checkbox.w-40.m-40 { width: calc(37% - 22px)}
input.w-50, .checkbox.w-50 { width: calc(50% - 22px)}
input.w-50.m-50, .checkbox.w-50.m-50 { width: calc(47% - 22px)}
input.w-70 {width: calc(70% - 22px);}
input.w-70.m-70, .checkbox.w-70.m-70 { width: calc(67% - 22px)}
input.w-100,.checkbox.w-100 { width: calc(100% - 22px)}
input.w-100.m-100, .checkbox.w-100.m-100 { width: calc(97% - 22px)}

select.w-50.m-50 {width: calc(47% - 3px)}
select.w-70 { width: calc(70% - 7px);}
select.w-70.m-70 {width: calc(70% - 25px)}
select.w-100 { width: calc(100% - 7px);}
select.w-100.m-100 {width: calc(100% - 25px)}

label { width: 90px; padding-right: 10px; display: inline-block; text-align: right; font-weight: bold;}
label.v-top { padding-top: 10px;}
.label {display: inline-block;}
textarea.label.w-17, input.label.w-17 { width: calc(17% - 122px);}
textarea.label.w-25, input.label.w-25 { width: calc(25% - 122px);}
textarea.label.w-33, input.label.w-33 { width: calc(33% - 122px);}
textarea.label.w-50, input.label.w-50 { width: calc(50% - 122px);}
textarea.label.w-66, input.label.w-66 { width: calc(66% - 122px);}
textarea.label.w-100, input.label.w-100 { width: calc(100% - 122px);}

.w-100.checkbox { width: calc(99% - 22px);}
.w-40.checkbox { width: calc(38% - 22px);}
.w-50.checkbox { width: calc(48% - 22px);}
.checkbox { border: 1px solid #fff; background: #EEF1F2; resize: none; border-radius: 10px; font-family: inherit; font-size: inherit; padding: 10px; margin-bottom: 10px; transition: all 0.3s;}
.checkbox input { margin-bottom: 0; display: inline-block; vertical-align: middle;}
.checkbox label { display: inline-block; vertical-align: middle; text-align: left; padding-left: 5px; width: calc(100% - 25px); padding-right: 0; line-height: 1.2em; font-weight: normal;}

.btn.w-30.m-30 { margin-left: 0;width: calc(27% - 22px);}

.textarea.label { width: calc(98% - 122px);}
div.w-100.label { width: calc(98% - 107px);}
select.w-100.m-100.label {width: calc(100% - 124px)}

.w-5 { width: 5%;}
.w-10 { width: 10%;}
.w-15 { width: 15%;}
.w-17 { width: 17%;}
.w-20 { width: 20%;}
.w-25 { width: 25%;}
.w-30 { width: 30%;}
.w-33 { width: 33%;}
.w-35 { width: 35%;}
.w-40 { width: 40%;}
.w-45 { width: 45%;}
.w-50 { width: 50%;}
.w-55 { width: 55%;}
.w-60 { width: 60%;}
.w-65 { width: 65%;}
.w-66 { width: 66%;}
.w-70 { width: 70%;}
.w-75 { width: 75%;}
.w-80 { width: 80%;}
.w-85 { width: 85%;}
.w-90 { width: 90%;}
.w-95 { width: 95%;}
.w-100 { width: 100%;}

.w-15.m-15 { width: 12%; margin-right: 3%;}
.w-17.m-17 { width: 14%; margin-right: 3%;}
.w-20.m-20 { width: 17%; margin-right: 3%;}
.w-20.m-10 { width: calc(19% - 22px); margin-right: 1%;}
.w-25.m-25 { width: 22%; margin-right: 3%;}
.w-30.m-30 { width: 27%; margin-right: 3%;}
.w-33.m-33 { width: 30%; margin-right: 3%;}
.w-35.m-35 { width: 32%; margin-right: 3%;}
.w-40.m-40 { width: 37%; margin-right: 3%;}
.w-50.m-50 { width: 47%; margin-right: 3%;}
.w-50.ml-50 { width: 47%; margin-left: 3%;}
.w-66.m-66 { width: 63%; margin-right: 3%;}
.w-100.m-100 { width: 97%; margin-right: 3%;}

.w-33.mo-33 { width: 30%; margin-right: 1%;}


.h-20 { height: 20px;}
.h-30 { height: 30px;}
.h-40 { height: 40px;}
.h-50 { height: 50px;}
.h-60 { height: 60px;}
.h-70 { height: 70px;}
.h-80 { height: 80px;}
.h-90 { height: 90px;}
.h-95 { height: 95px;}
.h-100 { height: 100px;}
.h-120 { height: 120px;}
.h-130 { height: 130px;}
.h-140 { height: 140px;}
.h-150 { height: 150px;}
.h-160 { height: 160px;}
.h-170 { height: 170px;}
.h-180 { height: 178px;}
.h-190 { height: 188px;}
.h-200 { height: 198px;}
.h-210 { height: 208px;}
.h-220 { height: 218px;}
.h-230 { height: 228px;}
.h-240 { height: 238px;}
.h-250 { height: 248px;}
.h-260 { height: 258px;}

.h-30x { height: 30%;}
.h-40x { height: 40%;}
.h-50x { height: 50%;}
.h-60x { height: 60%;}
.h-70x { height: 70%;}
.h-80x { height: 80%;}
.h-90x { height: 90%;}
.h-100x { height: 100%;}

.mr-1x { margin-right: 1%;}
.mr-2x { margin-right: 2%;}
.mr-3x { margin-right: 3%;}

.ml-3x { margin-left: 3%;}
.ml-15 { margin-left: 15px;}

.mb-5 { margin-bottom: 5px;}
.mb-10 { margin-bottom: 10px;}
.mb-15 { margin-bottom: 15px;}
.mb-20 { margin-bottom: 20px;}
.mb-25 { margin-bottom: 25px;}
.mb-30 { margin-bottom: 30px;}
.mb-35 { margin-bottom: 35px;}
.mb-40 { margin-bottom: 40px;}
.mb-45 { margin-bottom: 45px;}
.mb-50 { margin-bottom: 50px;}
.mb-55 { margin-bottom: 55px;}
.mb-60 { margin-bottom: 60px;}
.mb-65 { margin-bottom: 65px;}
.mb-70 { margin-bottom: 70px;}
.mb-75 { margin-bottom: 75px;}
.mb-80 { margin-bottom: 80px;}
.mb-85 { margin-bottom: 85px;}
.mb-90 { margin-bottom: 90px;}
.mb-95 { margin-bottom: 95px;}
.mb-100 { margin-bottom: 100px;}
.mb-110 { margin-bottom: 110px;}
.mb-120 { margin-bottom: 120px;}
.mb-130 { margin-bottom: 130px;}
.mb-140 { margin-bottom: 140px;}
.mb-150 { margin-bottom: 150px;}
.mb-160 { margin-bottom: 160px;}
.mb-170 { margin-bottom: 170px;}
.mb-180 { margin-bottom: 180px;}
.mb-190 { margin-bottom: 190px;}
.mb-200 { margin-bottom: 200px;}

.sortable { cursor: move;}

.btn, .btn2, #menuadmin a { padding: 5px 10px 7px; border: 1px solid #159698; background: #159698; color: #FFF; font-family: 'NerisS'; border-radius: 10px; transition: all 0.3s; margin-left: 15px; position: relative; letter-spacing: -0.04em; min-width: 100px; text-align: center; display: inline-block;}
.btn i, .btn2 i { margin: 0 5px; font-size: 20px; }
.btn i, .btn2 i, .btn span, .btn2 span { vertical-align: top;}
.btn:hover, .btn2:hover, #menuadmin a:hover { background: #FFF; color:#159698;}

.btn-cl { border: 1px solid #29235C; background: #29235C;}
.btn-cl:hover {  color: #29235C;}

.pop-up { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 20px;box-shadow: 0px 0px 30px rgba(0,0,0,0.30); z-index: 100; padding: 20px; }

.titular {display: inline-block; vertical-align: top; padding-bottom: 3px; border-bottom: 4px solid #159698; color: #29235C; margin-right: 10px;}
.titular_plus {display: block; padding-bottom: 3px;background: #159698; color: #FFF;  font-size: 20px; text-align: center; margin-bottom: 10px; text-transform: uppercase;}

.list-textarea li { margin-bottom: 5px;}
.list-textarea li a { color: #6A658D; }
.list-textarea li a:hover {color: #159698}

.no-mr, .no-mr li { margin: 0;}

.p-relative { position: relative;}

/* HEADER */
header { position: fixed; top: 0; left: 0; width: 100%; padding-top: 5px;  background: #FFF; z-index: 1000; moz-box-shadow: 0px 1px 5px rgba(173, 122, 179, 0.6); box-shadow: 0px 1px 5px rgba(173, 122, 179, 0.6); }
header #logo { margin: 0 15px 0 25px; width: 180px; }
header #logo img { max-width: 100%;}
header nav { margin-left: 20px; position: relative;}
header nav a#pull { display:none;}
header nav li { display: inline-block; margin-top: 16px; position:relative}
header nav a { display: block; text-align: center; font-family: 'NerisB'; color:#29235C; transition: all 0.5s; padding: 10px; background: transparent; border-radius: 10px 10px 0 0; }
header nav a i, header nav a span { vertical-align: middle;}
header nav a i.fa, header nav a i.fas, header nav a i.far, header nav a i.fal, header nav a i.fab { margin-right: 5px;}
header nav li:hover a, header nav li.select a { background-color:rgba(60,182,172,0.85); color:#FFF;}
header nav ul ul { position: absolute; background: #FFF; border-bottom-left-radius:10px; border-bottom-right-radius: 10px; box-shadow: 0px 4px 10px rgba(0,0,0,0.15);  overflow: hidden; left: 50%; transform: translate(-50%,0);display: none;}
header nav ul li:hover > ul { display: block;}
header nav ul ul li { margin: 0; padding: 0; width: 100%; text-align: left;}
header nav ul ul a { background: #FFF; padding:10px 20px; text-align: left; font-family: 'Neris'; color: #29235C; border-bottom: 2px solid #EEF1F2; }
header nav ul ul li:last-child a { border: none;}
header nav ul li:hover li a, header nav li.select li a {color: #29235C; background: transparent; text-align: center; border-radius: 0;}
header nav ul ul li:hover a, header nav li.select li.select a {background-color:rgba(60,182,172,0.85); color:#FFF;}

header nav ul ul ul { position: relative; display: block; top: 0; left: 0; border-bottom-left-radius:0; border-bottom-right-radius: 10; box-shadow: none;}
header nav ul ul ul a {  padding:5px 40px;}
header nav ul ul ul a:hover {color: #29235C;}
header nav ul ul ul li:last-child a { border-bottom: 2px solid #EEF1F2}

header #year_date { position: absolute; right: 100px; top: 12px; }


header #user { position: absolute; right: 25px; top: 15px; color:#4FAE32}
header #user .flt { vertical-align: middle;}
header #user i.fa-user { padding: 4px; width: 25px;  height: 25px; border-radius: 100%; border: 1px solid #4FAE32; text-align: center; cursor: pointer; transition: all 0.5s; }
header #user:hover i.fa-user { background: #4FAE32; color: #FFF;}
header #user:hover > #subuser { display: block;}
header #user #subuser { display: none; position: absolute; right: -3px; width: 150px; background: #FFF; text-align: center;border-bottom-left-radius: 10px; padding-bottom: 5px;  border-bottom-right-radius: 10px;  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);}
header #user #subuser a, header #user #subuser span { display: block; padding: 7px 5px; transition: all 0.5s;}
header #user #subuser a span { display: inline-block;padding: 0; transition: none;}
header #user #subuser a span, header #user #subuser a i { vertical-align: middle;}
header #user #subuser a:hover { background-color:rgba(60,182,172,0.85); color:#FFF; }

header #tools { position: absolute; right: 60px; bottom: 10px; color:#4FAE32;}
header #tools .flt { vertical-align: bottom;}
header #tools span { margin-right: 5px;}

section#access { height: calc(100% - 280px);}

#access article { padding: 30px; background:#29235C; border-radius: 20px; height: 280px; }
#access #nam { margin-bottom: 35px; padding: 0 10px; }
#access input {padding: 10px 10px 10px 65px; background: none; border:none; border-radius: 10px; color: #FFF; font-family: inherit; font-size: inherit; width: calc(100% - 75px);}
#access .formi {position: relative;}
#access .formi i { position: absolute; left: 18px; top: 10px; color: #FFF;}
#access .form-user input {margin-bottom: 15px;background: #544f7d;}
#access .form-pass input {margin-bottom: 0; background: #544f7d;}
#access .form-submit { padding: 9px; background:#159698; width: 100%; font-weight: bold; font-family: 'NerisB'; cursor: pointer; transition: all 0.3s; }
#access .form-submit:hover { background: #FFF; color:#159698;}
#access ::-webkit-input-placeholder { color: #FFF; opacity:1;}
#access :-moz-placeholder { color: #FFF; opacity:1; }
#access ::-moz-placeholder { color: #FFF; opacity:1; }
#access :-ms-input-placeholder { color: #FFF; opacity:1; }
#access input[placeholder] { color:#FFF; opacity:1;}
#access .form-rec a { color: #159698; padding: 10px 0; }
#access .form-rec a:hover { color: #FFF; text-decoration: underline;}
#access #form-rec { padding-top: 5px; display: none;}
#access #form-rec div {color:#FFF; margin-bottom: 5px;}
#access .form-recup input {margin-bottom: 10px; background: #544f7d;}
#access .form-aviso { padding-bottom: 10px; color: red; width: 100%;}



#submenu { position: fixed; top: 65px; width: 45px; background: #FFF; left: 0; z-index: 20; overflow: hidden; transition: all 0.3s; moz-box-shadow:  1px 0px 10px 0px rgba(173, 122, 179, 0.6); box-shadow:  1px 0px 10px 0px rgba(173, 122, 179, 0.6);  height: 100%;}
#submenu:hover {  width: 215px; }
#submenu a { display: block; padding: 0; margin: 10px 0 0 5px; font-family: 'NerisS'; color: #29235C; width: 200px; background: transparent; height: 32px; }
#submenu a i, #submenu a span { display: inline-block; vertical-align: middle;padding: 5px 0;  height: 25px; }
#submenu a span { width: calc(100% - 55px);padding: 5px; line-height: 22px; }

#submenu a.select i {background-color:rgba(60,182,172,0.85); color:#FFF}
#submenu a.select i, #submenu a.select span {border-radius:10px; transition: all 0.5s;}
#submenu a.select span {background: transparent;}

#submenu:hover a:hover i, #submenu:hover a.select i {border-radius:10px 0 0 10px; background-color:rgba(60,182,172,0.85); color:#FFF; transition: all 0.5s; }
#submenu:hover a:hover span, #submenu:hover a.select span {border-radius:0 10px 10px 0; background-color:rgba(60,182,172,0.85); color:#FFF; transition: all 0.5s; }

#submenu a i { width: 35px; text-align: center; vertical-align: middle;}


section.siaside aside { width: 160px; position: fixed; top: 0; right: 0; height: calc(100% - 125px); background: #EEF1F2; padding: 105px 25px 20px 15px; moz-box-shadow:  -1px 0px 10px 0px rgba(173, 122, 179, 0.6); box-shadow:  -1px 0px 10px 0px rgba(173, 122, 179, 0.6); z-index: 10;}

section aside #showaside { display:none;}

aside #filtro { text-align: center;}
aside #filtro textarea, aside #filtro input:not(.btn), aside #filtro select, aside #filtro .textarea { background: #FFF;}
aside #filtro .btn, aside #filtro .btn2 { margin-left: 0; width: calc(100% - 20px);}
aside #filtro #showcal { position: absolute; z-index: 20; display: none; right: 0; }

aside #calendar .ui-widget.ui-widget-content {border:1px solid #3CB6AC}

aside #bottons {bottom: 0;}

#es_head { position: absolute; top: 0; left: 0; width: 100%; background: #FFF; z-index: 2; padding-bottom: 5px;}
#es_head .subf { padding-left: 5px; padding-right: 43px;}

#es_content { height: calc(100% - 100px); overflow-y: auto; overflow-x: hidden; margin-top: 70px; margin-bottom: 30px; }
#es_content.nop { height: calc(100% - 30px); margin-top: 0;}
#es_cont { padding-right: 20px;}

section.siaside { padding: 75px 220px 0 70px;  }
section { padding: 75px 80px 0; height: calc(100% - 75px);}

#calendario aside .anos  { margin-bottom: 10px;}
#calendario aside .anos i { display: inline-block; vertical-align: middle; color:#3CB6AC; transition: all 0.3s;}
#calendario aside .anos i:hover { color:#C5E9E6}
#calendario aside .anos span { display: inline-block; vertical-align: middle; padding: 0 5px 2px; color: #29235C; font-family: 'NerisB'; font-size: 18px;}
#calendario aside .mesi { color: #6A658D; }
#calendario aside .mesi a { display: block; font-weight: bold; margin-bottom: 10px;color: #6A658D; transition: all 0.3s; cursor: pointer;}
#calendario aside .mesi a.past { color:#94B8C4;}
#calendario aside .mesi a:hover, #calendario aside .mesi a.active { font-family: 'NerisB'; font-weight: normal; font-size: 18px; color:#3CB6AC;}




#calendario article {width: 100%; height: 100%; }

#calendario article .bloque h3 { font-style: italic; font-size: 18px; font-family: 'NerisT'; padding: .3em .7em;}
#calendario article .bloque h3.ui-state-active { color:#FFF;}
#calendario article .bloque h3 strong { font-family: 'Neris';}
#calendario article .bloque .item { position: relative; display: block; padding: 5px 15px; margin-bottom: 5px; font-family: 'NerisS'; font-size: 14px; color:#29235C; border-bottom:2px solid #EEF1F2; transition: all 0.3s; }
#calendario article .bloque .item:hover { background-color:rgba(60,182,172,0.85); color: #FFF;}
#calendario article .bloque .item.pres {  background:#4FAE32; color:#FFFFFF; }
#calendario article .bloque .item span { display: inline-block; vertical-align: middle;}
#calendario article .bloque .item span span { display:initial; vertical-align: initial;}
#calendario article .bloque .item i { opacity: 0; transition: all 0.3s; color:#FFF;}
#calendario article .bloque .item:hover i { opacity: 1;}
#calendario article .bloque .item:hover i:hover { color:#29235C; }


#calendario .ui-state-default, #calendario .ui-widget-header .ui-state-default, #calendario .ui-button, html #calendario .ui-button.ui-state-disabled:hover, html #calendario .ui-button.ui-state-disabled:active { border:none; background: #9DDAD5; color:#29235C; transition: all 0.3s; }

#calendario .ui-state-hover {color:#FFF;background: #29235C}

#calendario .ui-state-active {border: 1px solid #29235C;background: #29235C; color: #FFF;}
#calendario .ui-widget-content { border: none; color: #29235C; padding: 0; }
#calendario .ui-accordion .ui-accordion-header { margin: 10px 0 0 0}

#calendario .ui-corner-all, #calendario .ui-corner-top, #calendario .ui-corner-right, #calendario .ui-corner-tr { border-top-right-radius: 0px;}
#calendario .ui-corner-all, #calendario .ui-corner-top, #calendario .ui-corner-left, #calendario .ui-corner-tr { border-top-left-radius: 0px;}
#calendario .ui-corner-all, #calendario .ui-corner-bottom, #calendario .ui-corner-right, #calendario .ui-corner-br {border-bottom-right-radius: 0px;}
#calendario .ui-corner-all, #calendario .ui-corner-bottom, #calendario .ui-corner-left, #calendario .ui-corner-br {border-bottom-left-radius: 0px;}

#calendario #loadercal {background-color: rgba(60,182,172,0.85); height: 90vh; color: white; text-align: center; position: relative; }
#calendario #loadercal .pten{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}


#calendar .ui-widget.ui-widget-content { border:none;}
.ui-timepicker.ui-widget.ui-widget-content { border:none;}

#calendario article .bloque h3 i { position: absolute; right: .7em; top: 5px; color: #159698;}
#calendario article .bloque h3 i.fa-chevron-down { display: none;}
#calendario article .bloque h3.ui-state-active i.fa-chevron-up, #calendario article .bloque h3.ui-state-hover i.fa-chevron-up { display: none;}
#calendario article .bloque h3.ui-state-active i.fa-chevron-down, #calendario article .bloque h3.ui-state-hover i.fa-chevron-down { display: block; color: #FFF;}



#estados article { width: 100%; height: 100%; }

#es_header { margin-bottom: 20px; height: 40px; position: relative;}
#es_header .btn {  min-width: 150px;}

#es_header #ident { position: absolute; left: 0; top: 0; font-family: 'NerisS';}

#es_content .fh, #es_content .ev, #es_content .cl, #es_content .pr, #es_content .es,#es_content .es2, #es_content .rs, #es_content .fll, #es_content .ed,#es_content .ed2, #es_content .ed3 { display: inline-block; vertical-align: middle;}

#es_content #es_head a, #es_content #es_head span , #es_content li a, #es_content li span, #es_content #es_head2 a, #es_content #es_head2 span  { display: inline-block; vertical-align: middle;}
#es_content li span span { display: initial; vertical-align: initial;}

#es_content .fh { width: 10%; }
#es_content .ev { width: 20%;}
#es_content .cl { width: 20%;}
#es_content .pr { width: 20%;}
#es_content .es { width: 29%;}
#es_content .es2 { width: 20%;}
#es_content .rs { width: 60%;}
#es_content .fll { width: 90%;}
#es_content .ed { width: 1%;}
#es_content .ed2 { width: 10%; text-align: right;}
#es_content .ed2 a {  display: inline-block; margin-left: 15px;}
#es_content .ed3 { width: 20%; text-align: right;}
#es_content li a {  display: inline-block; margin-left: 15px;}

#es_head a span { display: inline-block; vertical-align: top; padding-bottom: 3px; border-bottom: 4px solid #159698; color:#29235C; margin-right: 10px;  }
#es_head a i { color:#159698; vertical-align: top; padding-top: 2px; opacity: 1; transition: all 0.3s; }
#es_head a:hover i { opacity: 0.5;}
#es_head a:hover > i.d-none { display: inline-block;}

#es_head2 a span { display: inline-block; vertical-align: top; padding-bottom: 3px; border-bottom: 4px solid #159698; color:#29235C; margin-right: 10px;  }
#es_head2 a i { color:#159698; vertical-align: top; padding-top: 2px; opacity: 1; transition: all 0.3s; }
#es_head2 a:hover i { opacity: 0.5;}
#es_head2 a:hover > i.d-none { display: inline-block;}
#es_head2 { padding-bottom: 20px;}

#es_cont li { padding: 8px 5px 8px;  border-bottom: 2px solid #EEF1F2; position: relative; background: transparent; transition: all 0.3s;}
#es_cont li:hover { background:rgba(60,182,172,0.9); color:#FFF; }
#ct_items #es_cont li:hover {  background: transparent; color:inherit; }
#es_cont li.active { margin-top: 20px; border-top: 4px solid #159698; border-bottom: none;}
/*#es_cont li span:last-child { opacity: 0; transition: all 0.3s;}
#es_cont li:hover span:last-child { opacity: 1;}
#es_cont li span span:last-child { opacity: 1;}*/
#es_cont li a { color: #29235C;}
#es_cont li span.vpdf { color:#29235C; cursor: pointer; position: relative; display: inline-block; vertical-align: middle; padding: 5px 0; margin-left: 15px;}
#es_cont li span.vpdf span { position: absolute; top: 28px; right: -15px; width: 550px; font-size: 14px; background: #FFF; padding: 5px;  border:1px solid #159698; border-radius: 10px; z-index: 10; display: none; word-break: break-all;}
#es_cont li span.vpdf:hover > span { display:block;}
#es_cont li span.vpdf span a {color:#159698;}
#es_cont li span.vpdf span a:hover { text-decoration: underline;}

#es_cont li .active { color:#159698}
#es_cont li:hover .active { color:#FFF; font-weight: bold;}
#es_cont li .desactive { color:red}
#es_cont li a i, #es_cont li span i {color:#FFF; opacity: 1; transition: all 0.3s; font-size: 20px;}
#es_cont li a:hover i {color:#29235C;}
#es_cont li:hover .ed i { opacity: 0.5;}
#es_cont li .ed2 a:hover i { opacity: 0.5;}

#es_cont li ul { list-style: disc;}
#es_cont li li {}

#es_cont { padding-bottom: 20px;}


#gestion article { width: 100%; height: 100%; }



#gestion #es_cont .es_conti { width: 100%; font-size: 14px; background: #FFF; padding: 10px 0 0; transition: all 0.5s; border-radius: 10px; cursor:default; z-index: 10}
#gestion #es_cont .es_conti .textarea { margin-bottom: 0;}

#gestion .iva { display: block; position: absolute;}

#f_presupuesto { margin-right: -2%;}

#ct_items #es_cont { padding: 0; margin: 0;}

#gestion #items { height: calc(100% - 340px); border: 3px solid #EEF1F2; border-radius: 20px; }

#gestion #items ul { padding: 20px; margin-top: 0;}
#gestion #items li { cursor: move; padding-left:10px; padding-right: 10px; }
#gestion #items li:hover { background: #159698; color: #FFF;}
#gestion #items li:hover a i { color: #FFF;}

#gestion #items .ps_cabe { font-size: 18px; font-family: 'NerisS'}
#gestion #items .ps_text { font-size: 12px;}

#bottons { position: relative; bottom: -15px; width: 100%;}
#bottons.volver { left: 0; bottom: 0px;}
#bottons .f-left { width: 330px;}
#bottons .f-right { width: calc(100% - 330px);}
#bottons .msj { color:#159698; vertical-align: middle;}


#calendario .loaderb, #gestion .loaderb { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(60,182,172,0.85); color: white; text-align: center; display: none;}
#calendario .loaderb .pten, #gestion .loaderb .pten{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

#add_prod, #add_cabe, #add_text, #fc_cliente, #add_trab { width: 570px; left: 50%; z-index: 1000; top: 50%; transform: translate(-50%,-50%);}
#fc_cliente { width: 400px; text-align: center;}
#fc_cliente #es_content { height: 200px; margin-top: 10px; margin-bottom: 10px;}
#fc_cliente #es_head { position: relative;}
#fc_cliente #es_cont li:hover { background: #EEF1F2; }

#add_trab { display: none;}

#add_prod .subtitu, #add_trab .subtitu { margin-bottom: 15px;}
#add_prod .subtitu span, #add_trab .subtitu span { padding-bottom: 3px; border-bottom: 4px solid #159698; color:#29235C; }
#add_prod #pro_list { height:204px; overflow: auto; position: relative; margin-bottom: 10px;}
#add_prod #pro_list li { border-bottom: 2px solid #EEF1F2; padding: 5px 0 5px 10px ; cursor: pointer; transition: all 0.3s;}
#add_prod #pro_list li span { display: initial; vertical-align: initial;}
#add_prod #pro_list li:hover, #add_prod #pro_list li.select { color:#3CB6AC}
#add_prod #pro_list li.cerrado { background: red; color:white; cursor: default;}
#add_prod #pro_list li.ocupado { background: yellow;}
#add_prod .t-cent a, #add_cabe .t-cent a, #add_text .t-cent a, #add_note .t-cent a  { margin: 0 7%;}
#add_prod .pd_filt { width: calc(95% - 300px); margin-left: 5%;}
#add_prod .pd_filt a { color:#159698; transition: all 0.3s;}
#add_prod .pd_filt a:hover { color:#C5E9E6;}

.btn span.loader { width: 100%; min-width: 64px; height: 64px; display: none; background: url(../img/loader.gif) no-repeat center top; position: absolute; top: 0; left: 0;}
.btn span.loader2 { width: 25px; height: 25px; display: none; background: url(../img/loader2.gif) no-repeat center center; vertical-align: text-top;}

#es_estados li { position:relative; cursor: pointer;}
#es_estados li.active {color:#159698}
#es_estados li.desactive { color:red}
#es_estados li:hover .es_head { color:#159698;}
#es_estados i, #es_archivos i { font-size: 14px;}
#es_estados .es_conti { position: absolute; width: 80%; left: 0; top: 30px; font-size: 14px; background: #FFF; padding: 0 10px; max-height: 0; overflow: hidden; transition: all 0.5s; border-radius: 10px; cursor:default; z-index: 10}
#es_estados li:hover > .es_conti{ max-height: 100px; padding: 10px}

#add_note, #add_archive { width: 20%; left: calc(50% - 100px);}

#search { position: relative;}
#search input { padding: 10px 30px 10px 10px; }
#search a { display: block; position: absolute; right: 13px; top: 11px; cursor: pointer;}

#trabajadores article { width: 100%; height: 100%; }

#trabajadores #items { height: calc(100% - 210px); border: 3px solid #EEF1F2; border-radius: 20px; }

#trabajadores #items ul { padding: 20px;}
#trabajadores #items li { cursor: move; padding-left:10px; padding-right: 10px; }
#trabajadores #items li:hover { background: #159698; color: #FFF;}
#trabajadores #items li:hover a i { color: #FFF;}

#trabajadores #items .ps_cabe { font-size: 18px; font-family: 'NerisS'}
#trabajadores #items .ps_text { font-size: 12px;}


#administrador article {  width: 100%; height: 100%; }

#administrador #items { height: calc(100% - 210px); border: 3px solid #EEF1F2; border-radius: 20px; }

#administrador #items ul { padding: 20px;}
#administrador #items li { cursor: move; padding-left:10px; padding-right: 10px; }
#administrador #items li:hover { background: #159698; color: #FFF;}
#administrador #items li:hover a i { color: #FFF;}

#administrador #items .ps_cabe { font-size: 18px; font-family: 'NerisS'}
#administrador #items .ps_text { font-size: 12px;}


#facturacion article {   width: 100%; height: 100%; }

#facturacion #es_cont.nop { height: 280px; overflow: auto;}


#contabilidad article {  width: 100%; height: 100%; }


.simovil { display:none !important;}

#carga_ajax { position: fixed; text-align: center; padding: 4px 0; background: #159698; color: #FFF; left: 0; bottom: -100px; z-index: 100; width: 100%; transition: all 0.3s; }
#carga_ajax img { vertical-align: top;}
#carga_ajax.ver { bottom:0;}

#fc_cliente #resultados {}

@media screen and (max-width:1400px) {
    body { font-size: 13px;}
	#add_note, #add_archive { width: 30%;}
	i { font-size: 20px;}
	#es_content li a { margin: 3px 0 3px 10px;}
    .titular_plus { font-size: 16px;}
}

@media screen and (max-width:1100px) {
    body { font-size: 12px;}
    section { padding: 75px 25px 0 65px;}
    section.siaside {padding: 75px 25px 0 65px;}
    section.siaside aside {right:-200px; transition: all 1s;}
    section.siaside aside.ver { right: 0;}
    section.siaside aside #showaside { display: block; position: absolute; top: 50%; left: -35px; transform: translate(0,-50%);}
    #showaside { background: #EEF1F2; padding: 3px !important; border-radius: 0 3px 3px 0; }
	#showaside i { font-size: 30px;}
	#showaside i.fa-caret-square-right{ display: none;}
	#showaside.see i.fa-caret-square-right { display: block;}
	#showaside.see i.fa-caret-square-left { display: none;}
    #es_head .subf { padding-right: 22px; }
    #es_cont li span:last-child { opacity: 1;}
    .h-70 { height: 35px; }
    .h-95 { height: 45px; }
    .h-120 { height: 60px; }
    .h-150 { height: 75px; }
    .h-160 { height: 80px; }
    .h-180 { height: 90px; }
    .h-250 { height: 125px; }
    .h-260 { height: 130px; }
	
	header #year_date { top: -2px; right: 65px; }
	header #year_date select {  padding: 3px 10px;}
}


/* MOVIL */
@media screen and (max-width:768px){
    header #logo { width: 100px;}
    header #user { top: 5px; right: 5px;}
    header nav { width: 100%; margin-left: 0;}

    header nav a#pull {display: block;	padding:5px 0;	color:#FFF; background:#29235C; margin:10px 0 0; font-size: 14px; border-radius: 0;}
				header nav a#pull:after {	content:"";	background: url('../img/nav-icon.png') no-repeat;	width: 30px;height: 40px;display: inline-block;	position: absolute;	right: 15px;}
		header nav ul { display:none;position: absolute; top: 38px; z-index: 1000; background:#FFF; width: calc(90% - 2px); margin: 0 5%; border: 1px solid #29235C;}
    header nav ul li i { display: none !important;} 
    header nav ul li { display: block; border-bottom: 2px solid #EEF1F2; margin-top: 0;}
    
    header nav ul ul { display: none !important;}
    header nav a { border-radius: 0;}
	
	header #year_date label  { display: none;}
    
	.simovil { display:block !important;}
    
    section.siaside { padding: 85px 25px 0 65px;  }
	section.siaside aside {padding: 105px 10px 20px 10px;right: -190px;}
    section.nosubmenu { padding: 85px 25px 0 25px;}
	section.siaside aside #showaside { left: -42px;}
	
    section {height: calc(100% - 85px); padding: 85px 10px 0 65px;}
    #submenu { top:75px;}
	#submenu:hover { width: 45px;}
	#submenu:hover a:hover span, #submenu:hover a.select span { background-color: transparent;}
	#submenu:hover a:hover i, #submenu:hover a.select i { border-radius: 10px;}
	
    #calendario article .bloque h3 i, #calendario article .bloque h3.ui-state-active i.fa-chevron-down, #calendario article .bloque h3.ui-state-hover i.fa-chevron-down { display:none;}
    #calendario article .bloque h3 { font-size: 14px;}
    #calendario article .bloque .item { font-size: 12px; text-align: center;}
    #calendario article .bloque .item span { width: 100%;}
    #calendario article .bloque .item span:last-child { display: none;}
    #calendario aside .mesi a:hover, #calendario aside .mesi a.active { font-size: 14px;}
    
    #es_head .subf { display:none;}
    #es_content { margin-top: 35px; height: calc(100% - 65px);}
    #es_content #es_head a, #es_content #es_head span, #es_content li a, #es_content li span, #es_content #es_head2 a, #es_content #es_head2 span { width: 100%;}
    #es_cont li, #es_cont li span:last-child { text-align: center;}
    #es_content li span:last-child a { width: auto; margin: 10px 3% 5px;}
    #es_content li span.t-right { text-align: center;}
    #es_content li span:empty { display:none;}
    #es_content li a { margin: 10px 0 5px;}
    #es_cont li a i, #es_cont li span i { color:#29235C;}
    
    #es_content.nop div.flt { width: 100%; text-align: center;}
    .h-120,.h-80x, .h-60x { height: auto;}
    .btn, .btn2 { margin-left: 0;}
    .titular { margin-right: 0;}
    .titular_plus { font-size: 14px;}
    .pop-up { padding: 20px 10px;}
    #add_prod, #add_cabe, #add_text, #fc_cliente, #add_trab { width: 90%;}
    #add_prod .t-cent a, #add_cabe .t-cent a, #add_text .t-cent a, #add_note .t-cent a { margin: 0 1%;}
    #gestion #items { height: auto;}
	#facturacion #es_cont { height: auto; overflow: visible;}
	
}