@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,500,600,700&subset=latin,latin-ext);
@import "jquery/jquery-ui.min.css";
@import "bootstrap/bootstrap.css";
@import "fontawesome/font-awesome.min.css";
@import "animate/animate.min.css";
@font-face {font-family:avenir; src: url("avenir_ff/AvenirLTStd-Black.otf");}
@font-face {font-family:avenirb; src: url("avenir_ff/AvenirLTStd-Book.otf");}

label{ font-weight:bold;}

/***estilo editor**/
.estedi{width:80%; margin-right: auto; margin-left: auto; margin-top: 20px;  padding: 30px 20px 30px 20px; border-radius:10px; text-align:center;   top:50%; transform: translate(0,-50%); position: absolute;  left:0px; right:0px;  background-color: rgba(255,255,255,0.9);}
 .btnedit{position:relative; cursor:pointer; width:80px; margin-right: auto; margin-left: auto; margin-top: 20px; background-color: #F60; color: #000; padding: 10px 5px 10px 5px; border-radius:5px; text-align:center; font-size:16px;  font-weight:bold}
/*********************/
.with100{width:100%;}
.vert100{height:100%;}
.bottop  .stytip{ position:relative; top:14px; }
/* obj visibles segun tipo de disp y centrado de div */
.solo_cel{ display:none; }
.solo_lap{ display:block; }
.centrado{ margin-right: auto; margin-left: auto; }
.styfot{border: 1px solid black; padding:25px 0px; margin-bottom:20px; height:180px;}


/* indicador de pago */
  .sts{ width:100px; height:18px; background-color:#f0f0f0; display: inline-block;  position: relative; margin-top:0px; top:3px;}
  .sts div{ height:18px; background-color:#9AD028; float: left; }
  .sts span{ color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top:0px; position:absolute; left:55px; top:1px; }
/* PRELOADER */
.loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #666666; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
@-webkit-keyframes spin { /* Safari */
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* OBJETO DE SELECCION EDITABLE */
.vsedisel {position:relative; width:100%; }
.vsedisel .vs_sel {position:relative; background-color:white; height:37px; border-radius:7px; border:0px solid; margin-bottom:5px; }
.vsedisel .vs_sel select {position:absolute; top:0px; left:0px; width:100%; margin:0; border-radius:7px; border:none; height:37px; }
.vsedisel .vs_sel input {position:absolute; top:0px; left:0px; width: calc(100% - 0px); border-radius:7px; padding:1px 1px 1px 10px; border:none; height:37px; }
/* .select_editable select:focus, .select_editable input:focus {outline:none;} */
.vsedisel #vsdynhtm{ position:absolute; top:37px; z-index:1000; width:100%; max-height:160px; width:100%; border: 1px solid #CCC; overflow: auto;
	 border-radius:0px 0px 5px 5px; text-align:center; padding:5px; }
#vsdynhtm ul{ width:100%;background-color:#fff; list-style: none; margin:0px; padding:0px; }
#vsdynhtm li{ margin:0px; padding:4px; text-decoration:none; user-select: none; display: block; text-align:left; }
#vsdynhtm li:hover{ background-color:#349EF5; color:#fff; }


/***MENSAJE***/
.capaprinc{bottom:0px; right: 0; width:70%; height:40px; display:inline-block; position:absolute; border-top-right-radius:10px; border-top-left-radius:10px; padding:0 10px; left:0; margin:0 auto;}
.capaprinc span{color:#ffffff; margin:0px; text-align:center; font-size:14px; position:relative; top:30%;  padding:5px 0px 0px 0px;}
.capaprinc img{color:#ffffff; margin:0px; position:relative; top:50%; transform:translate(0,-50%); float:right;}
.muestramsg{ -webkit-animation-name:movim1; animation-name:movim1; animation-duration: 1s; }
.ocultarmsg{ -webkit-animation-name:movim2; animation-name:movim2; animation-duration: 2s; }
@keyframes movim1{ 0% {bottom:-50px; opacity:0; } 50% {bottom:10px; opacity: |1;} 100% {bottom:0px; opacity: 1;} }
@keyframes movim2{ 0% {bottom:0px; opacity:1; } 50% {bottom:-20px; opacity: |1;} 100% {bottom:-80px; opacity: 0;} }

/********titulos********/
.titulosrep {font-size:18px; color:#00a2fa; margin-bottom:15px; text-transform:uppercase; font-weight:bold; font-family:avenir;}
.titulosrec{font-size:18px; color:#ff6600; margin-bottom:15px; text-transform:uppercase; font-weight:bold; font-family:avenir;}
.tituloscom{font-size:18px; color:#669933; margin-bottom:15px; text-transform:uppercase; font-weight:bold; font-family:avenir;}
.tituloscot{font-size:18px; color:#de0700; margin-bottom:15px; text-transform:uppercase; font-weight:bold; font-family:avenir;}
.titpolvidsal{font-size:18px; color:#009c22; margin-bottom:15px; text-transform:uppercase; font-family:avenir;}
.titpoliplaind{font-size:18px; color:#666699; margin-bottom:15px; text-transform:uppercase; font-family:avenir;}
.titpolincsal{font-size:18px; color:#33cccc; margin-bottom:15px; text-transform:uppercase; font-family:avenir;}
.titpolsinsal{font-size:18px; color:#006633; margin-bottom:15px; text-transform:uppercase; font-family:avenir;}
.titpoliplaind{font-size:18px; color:#666699; margin-bottom:15px; text-transform:uppercase; font-family:avenir;}
.titpolimedc{font-size:18px; color:#ff9900; margin-bottom:15px; text-transform:uppercase; font-family:avenir;}
.titpolanusal{font-size:18px; color:#996699; margin-bottom:15px; text-transform:uppercase; font-family:avenir;}
.titulosclisal{font-size:18px; color:rgba(255, 111, 0); margin-bottom:15px; text-transform:uppercase; font-family:avenir;}
.titulosren{font-size:18px; color:#ffcc00; margin-bottom:15px; text-transform:uppercase; font-weight:bold; font-family:avenir;}
.titulosherra{font-size:18px; color:#707070; margin-bottom:15px; text-transform:uppercase; font-family:avenir;}


/* OTROS */

.listabanns{ padding-left: }


/* CLASE PARA SELECT */
.filtro{ width:100px;  color:#0a0a0a; font-size:10px; margin-left:5px;top: 5px;position: relative; height:33px; display: inline-block}
.filtr2{ width:100px; color:#0a0a0a; font-size:10px; margin-left:5px;top: 5px;position: relative; height:33px; display: inline-block}

.stysel{width:100px;  color:#0a0a0a; font-size:12px; top: 5px;position: relative; height:33px; border-radius:5px; background:#ffffff;}
.divbusca .styse3{width:150px; color:#0a0a0a; height:33px;  font-size:12px; top: 5px; position: relative; border-radius:5px; background:#ffffff;}

.styse2{width:175px;  color:#0a0a0a; font-size:12px; top: 5px;position: relative; height:33px; border-radius:5px; background:#ffffff;}
.filtr2 button{width:50px;  color:#0a0a0a; font-size:10px; top: 4px;position: relative; height:32px; border-radius:5px; background: #4380c2; border: none; color: #ffffff; padding-top:2px;}

/* BOXES INDICADORES */
.boxver{ width:18px; height:18px; display:inline-block; position: relative; top: 3px; }
.boxnar{ width:18px; height:18px; background:#ffcc00; display:inline-block; position: relative; top: 3px; }

.indgri{ width:74px; height:18px; background:#757575; display:inline-block; position:relative; top:0px; color:#FFF; padding-top:3px; font-size:10px; }
.indver{ width:74px; height:18px; background:#1c9424; display:inline-block; position:relative; top:0px; color:#FFF; padding-top:3px; font-size:10px; }
.indplo{ width:74px; height:18px; background:#c0c2c0; display:inline-block; position:relative; top:0px; color:#FFF; padding-top:3px; font-size:10px; }
.indroj{ width:74px; height:18px; background:#d63200; display:inline-block; position:relative; top:0px; color:#FFF; padding-top:3px; font-size:10px; }
.indazu{ width:74px; height:18px; background:#3268a8; display:inline-block; position:relative; top:0px; color:#FFF; padding-top:3px; font-size:10px; }
.indvec{ width:74px; height:18px; background:#a0bf5e; display:inline-block; position:relative; top:0px; color:#FFF; padding-top:3px; font-size:10px; }
.indnar{ width:74px; height:18px; background:#e38c00; display:inline-block; position:relative; top:0px; color:#FFF; padding-top:3px; font-size:10px; }

/* HOMEPAGE */
.headersys{width:100%; height:50px; background-color:#FFF; position:fixed; left:0px; top:0px; z-index:400; box-shadow:0px 5px 5px #CECECE;}
.tools{height:50px; text-align:right;}
.cuerpo{position:absolute; top:50px; bottom:0; left:0; right:0; overflow:hidden;}
.ladoizq{background-color:#41A5A5; overflow:auto; height:100vh; padding-top:10px; padding-right:10px; padding-bottom:60px; padding-left:10px;}
.ladoder{background-color:#F2F2F2; height:100vh; padding-top:10px; padding-right:10px; padding-bottom:60px; padding-left:10px;}
.fotoid{height:50px; width:50px; float:left; margin-left:10px;}
.fotonom{margin-left:10px; float:left;}
.userbox{height:20px; position:relative;}

/* DASHBOARD */
.formfields{width:80%; height:60px; border-radius:7px; margin-bottom:15px; padding-left:10px; border:1px solid #bcbcbc; }
.formfields1{height:30px; width:100%; border:1px solid #CCC; border-radius:3px; padding-left:5px;}
.formbots1{font-size:12px; color:#FFF; background-color:#399191; border:1px solid #FFF; height:30px; padding-left:10px; padding-right:10px;}
.dashbox{overflow:hidden; padding:20px; height:200px;}
.dashcant1{font-size:18px;}
/* BUTTON IMAGENES */
#btnim{margin-top:10px;font-weight: bold;font-size:10px;width: 105px;margin-bottom: 10px;text-align: center;padding: 4px;}
#btnim span{display:block;}
/* MENU *********************************************************************************************************************************************************/
.nav-side-menu {overflow:auto; font-size:12px; width:100%; color:#e1ffff; margin-bottom:0px; padding-bottom:0px;}
.nav-side-menu span{font-size:14px; margin-left:10px; top:3px; position:relative;}
#menubot{display:none;}
.nav-side-menu ul,.nav-side-menu li{list-style:none; padding:0px; margin:0px; line-height:32px; cursor:pointer;}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before{font-family:FontAwesome; content:"\f078"; display:inline-block; padding-left:0px; padding-right:10px; vertical-align:middle; float:right;}
.nav-side-menu ul .active,.nav-side-menu li .active{background-color:#4f5b69;}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active{color:#d19b3d;}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {color:#d19b3d;}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li{background-color:#181c20; border:none; line-height:28px; margin-left:0px;}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover{background-color:#8add04; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before{font-family:FontAwesome; content:"\f105"; display:inline-block; padding-left:10px; padding-right:10px; vertical-align:middle;}
.nav-side-menu li {padding-left:0px;}
.nav-side-menu li a{text-decoration:none; color:#e1ffff;}
.nav-side-menu li a i{padding-left:10px; width:20px; padding-right:20px;}
.nav-side-menu #enlacomi:hover, .nav-side-menu #btndas:hover, .nav-side-menu #btncof:hover, .nav-side-menu #btncli:hover, .nav-side-menu #btnren:hover, .nav-side-menu #btncot:hover, .nav-side-menu #btnrec:hover, .nav-side-menu #btncom:hover, .nav-side-menu #btnrep:hover, .nav-side-menu #btnher:hover, .nav-side-menu #btnpor:hover, .nav-side-menu #btncer:hover, .nav-side-menu #enlacond:hover, .nav-side-menu #btcdas:hover, .nav-side-menu #btccon:hover, .nav-side-menu #btccod:hover, .nav-side-menu #btcher:hover, .nav-side-menu #btcpor:hover, .nav-side-menu #btccer:hover, .nav-side-menu #btnda3:hover, .nav-side-menu #btnco3:hover, .nav-side-menu #btncl3:hover, .nav-side-menu #btnre3:hover, .nav-side-menu #btnct3:hover, .nav-side-menu #btnrc3:hover, .nav-side-menu #btncm3:hover, .nav-side-menu #btnrp3:hover, .nav-side-menu #btnhe3:hover, .nav-side-menu #btnpo3:hover, .nav-side-menu #btnce3:hover  { -webkit-transition:all 1s ease;-moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
.nav-side-menu #btndas:hover{border-right: 5px solid #4d4d4d;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btncof:hover{border-right: 5px solid #ed15b0;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btncli:hover{border-right: 5px solid #2b78d8;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnren:hover{border-right: 5px solid #ffcc00;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btncot:hover{border-right: 5px solid #cc0000;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnrec:hover{border-right: 5px solid #ff6600;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btncom:hover{border-right: 5px solid #339900;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnrep:hover{border-right: 5px solid #00a2fa;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnher:hover{border-right: 5px solid #8a8a8a;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnpor:hover{border-right: 5px solid #8add04;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btncer:hover{border-right: 5px solid #6b6b6b;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btcdas:hover{border-right: 5px solid #4d4d4d;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btccon:hover{border-right: 5px solid #ed15b0;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btccod:hover{border-right: 5px solid #996699;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btcher:hover{border-right: 5px solid #8a8a8a;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btcpor:hover{border-right: 5px solid #8add04;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btccer:hover{border-right: 5px solid #6b6b6b;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnda3:hover{border-right: 5px solid #4d4d4d;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnco3:hover{border-right: 5px solid #ed15b0;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btncl3:hover{border-right: 5px solid #2b78d8;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnre3:hover{border-right: 5px solid #ffcc00;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnct3:hover{border-right: 5px solid #cc0000;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnrc3:hover{border-right: 5px solid #ff6600;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btncm3:hover{border-right: 5px solid #339900;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnrp3:hover{border-right: 5px solid #00a2fa;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnhe3:hover{border-right: 5px solid #8a8a8a;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnpo3:hover{border-right: 5px solid #8add04;background: rgba(211, 211, 211,.2);}
.nav-side-menu #btnce3:hover{border-right: 5px solid #6b6b6b;background: rgba(211, 211, 211,.2);}
/* LOGIN */
.login-container {float:left; width:100%; min-height:100%; background-color:#FFF; background-image:url(../img/bg.png); background-repeat:repeat; background-position:left top;}
.login-container .login-box{width:400px; margin:0px auto; padding-top:100px;}
.login-container .login-box .login-logo {background:url("../img/logo-lr.png") top center no-repeat; width:100%; height:100px; float:left;}
.login-container .login-box .login-body {width:90%; margin-left:auto; margin-right: auto; padding:20px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; background-color:#dbdbdb; background-position:255;}
.login-container .login-box .login-body .login-title{color:#000; font-size:19px; margin-bottom:20px;}
.login-container .login-box .login-body .form-control{border:0px; background:rgba(0, 0, 0, 0.1); padding:10px 15px; color:#000; line-height:20px;height:auto;
 -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -ms-transition:all 200ms ease; -o-transition:all 200ms ease; transition:all 200ms ease;}
.login-container .login-box .login-body .form-control:focus{background:rgba(0, 0, 0, 0.3);}
.login-container .login-box .login-body .btn-link{color:#FFF; border: 0px;}
.login-container .login-box .login-body .login-or{width:40px; height:25px; background:rgba(0, 0, 0, 0.2); position:relative; margin:25px auto; text-align:center;
	line-height:25px; color:#FFF;}
.login-container .login-box .login-body .login-or:before{content:""; position:absolute; left:0; width:0; height:0; top:-10px; border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:10px solid rgba(0, 0, 0, 0.2);}
.login-container .login-box .login-body .login-or:after{content:""; position:absolute; left:0; width:0; height:0; bottom:-10px; border-left:20px solid transparent; border-right:20px solid transparent; border-top:10px solid rgba(0, 0, 0, 0.2);}
.login-container .login-box .login-body .login-subtitle {line-height:20px; padding:5px 0px; font-size:12px; color:#FFF;}
.login-container .login-box .login-body .login-subtitle a{color:#3fbae4;}
.login-container .login-box .login-footer{width:100%; float:left; padding:10px; color:#41A5A5;}
.login-container .login-box .login-footer a{color:#41A5A5;}
.login-container .login-box .login-footer a:hover{color:#000;}
/* Datatables */
.dataTable{float:left; margin-bottom:10px;}
.dataTable div.checker,.dataTable div.radio{display:inherit;}
.dataTables_wrapper{float:left; width:100%;}
.dataTables_length{width:50%; float:left; padding:0px 0px 5px;}
.dataTables_length label,.dataTables_filter label{padding:0px; line-height:30px; height:auto; margin:0px; font-size:12px; color:#999999; font-weight:600; text-transform:uppercase;}
.dataTables_length select{width:70px; display:inline;  margin:0px 5px; height:30px; border-color:#CED8E3; border-radius:3px; padding:0px 10px;}
.dataTables_filter{width:50%; float:right; padding-left:5px; padding:0px 0px 5px;}
.dataTables_filter label{float:right;}
.dataTables_filter label input{width:150px; display:inline; margin-left:5px; height:30px; border:1px solid #CED8E3; border-radius:3px; padding:0px 10px;}
td.dataTables_empty{font-size:11px; text-align:center; color:#333;}
.dataTables_info{float:left; font-size:12px; padding:0px; line-height:30px; padding:5px 20px;}
.dataTables_paginate{padding:0px; text-align:right; float:right; padding:5px 0px;}
.dataTables_paginate a.paginate_disabled_previous,
.dataTables_paginate a.paginate_disabled_next,
.dataTables_paginate a.paginate_button,
.paginate_enabled_next,
.paginate_active,
.paginate_enabled_previous {padding:5px 10px;font-size:12px;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; float:left;
  text-decoration:none; background-color:#fff; border:1px solid #ddd; color:#656d78; margin-left:3px; cursor:pointer;}
.dataTables_paginate .paginate_enabled_next:hover,
.dataTables_paginate a.paginate_button:hover,
.dataTables_paginate .paginate_enabled_previous:hover{background-color:#eee; border-color:#ddd; color:#222;}
.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover{background-color:#5C768D;  color:#FFF; border-color:#3F505F;}
.dataTables_paginate a.paginate_disabled_previous,
.dataTables_paginate a.paginate_button_disabled,
.dataTables_paginate a.paginate_disabled_next{cursor:default; color:#ccc;}
.dataTables_paginate a.paginate_button_disabled:hover {box-shadow:none; color:#ccc;}
.sorting_desc,.sorting_asc,.sorting{position:relative; cursor:pointer; padding-right:20px !important;}
.sorting:before,.sorting_desc:before,.sorting_asc:before{position:absolute; top:18px; right:5px; font-family:'FontAwesome'; opacity:0.9; filter:alpha(opacity=90); width:10px; height:10px; display:block;}
.sorting:before{content:"\f0dc"; opacity:0.3; filter:alpha(opacity=30);}
.sorting_desc:before{content:"\f0d8";}
.sorting_asc:before{content:"\f0d7";}
.sorting_asc_disabled:before,.sorting_desc_disabled:before{opacity:0.1;filter:alpha(opacity=10);}
.table > tbody > tr > td{height:36px; color:#141414; font-size:12px; vertical-align:middle; overflow:hidden; border-bottom:1px solid #dbdbdb; border-top:0px; padding-left:10px; padding-top:0px; padding-bottom:0px; padding-right:10px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
.table  thead  tr th {color:#141414; font-size:13px;  white-space:nowrap; text-transform:uppercase; height:36px; border-bottom:1px solid #000000; vertical-align:middle !important;  padding-left:25px; font-family:avenir; border-top:1px solid  #ffffff !important; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; padding-top: 10px;}
.table.table-condensed > tbody > tr > td{padding:8px 15px;}
.sorting_desc,.sorting_asc,.sorting{position:relative; cursor:pointer; padding-right:20px !important;}
.sorting:before,.sorting_desc:before,.sorting_asc:before{position:absolute; top:18px; right:5px; font-family:'FontAwesome'; opacity:0.9; filter:alpha(opacity=90); width:10px; height:10px; display:block;}
.sorting:before{content:"\f0dc"; opacity:0.3; filter:alpha(opacity=30);}
.sorting_desc:before{content:"\f0d8";}
.sorting_asc:before{content:"\f0d7";}
.sorting_asc_disabled:before,.sorting_desc_disabled:before{opacity:0.1;filter:alpha(opacity=10);}
.TFtable tr:nth-child(odd){background:#ffffff;}
.TFtable tr:nth-child(even){background:#ffffff;}
.TFtitulo{height:44px; padding-left:10px; padding-right:10px; margin-bottom:5px; background-color:#666;}
.TFtext{padding-top:10px; font-size:16px; text-transform:uppercase; color:#FFF;}
.table > tbody > tr{ background-color:#FFF; cursor:pointer; }
.table > tbody > tr:nth-child(even){background-color: #fff; }
.table > tbody > tr:hover {	background-color: #d6d6d6; }
.sorting:before,.sorting_desc:before,.sorting_asc:before{position:absolute; top:10px; left:10px; opacity:0.9; filter:alpha(opacity = 90); width:10px; height:10px; }
.sorting:before{content:"\f0dc"; opacity:0.3; filter:alpha(opacity=30); float:left !important;}
.sorting_desc:before{content:"\f0d8"; float:left !important;}
.sorting_asc:before{content:"\f0d7"; float:left !important;}
.sorting_asc_disabled:before,.sorting_desc_disabled:before{opacity:0.1; filter:alpha(opacity=10);}
/* PERSONALIZADO EL BOTON DE FILE */
.inputfile{width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1;}
.inputfile + label{font-size:12px; color:white; background-color:#666; display:inline-block; cursor:pointer; padding:10px; height:36px;}
.inputfile:focus + label,.inputfile + label:hover{background-color:#999;}

/* DROP ZONE */
 .dropZone {width:100%; height:200px; line-height:200px; border:1px solid #ccc; text-align:center; cursor:pointer;}
 .dropZone span{ padding-top:60px; font-size:16px; }
 .dropZone:hover{ background-color:#EAEAEA; }
 .dropZoneloa{ width: 100%; background:linear-gradient(#F90,#FC0); padding-top:5px; padding-bottom:5px; }
#dropimage-preview {margin-top:0px;}
#dropimage-preview .image-view {display:inline-block; position:relative; margin-right:auto; margin-bottom:auto;}
#dropimage-preview .image-view img {max-width:220px; max-height:180px; margin-top:0px;}
#dropimage-preview .overlay {position:absolute; width:100%; height:100%; top:0; right:0; z-index:2; background: rgba(255,255,255,0.3);}

/************** estilos comunes    ******************/
.font20{font-size:20px;}
#td{border:none;}
#td .tila{border:none; font-size:22px; color:#33cccc; font-weight: bold; padding-top:4px; }
#td select{width:100%; }
#td label{width:100%;  }
#vensubpro1{ height:95vh;}
#text{margin-top:25px;}

body{margin:0px; padding:0px; font-family: avenirb;}
html,body{height:100%;}

#noapel{font-size:36px;}
#coapel{font-size:36px;}
#titsal{font-size:36px; color:#ff6d00;}


.sticky { position:-webkit-sticky; position:sticky; top:0; }
.stickyjs { position: fixed; top: 0px; }
.btnpago{width:100%; border-radius:7px 7px 0px 0px; padding: 3px 0px;height:53px;}
.btnpago img{margin-top:5px; display: inline-block;}
.btnpago p{margin:0px auto; padding:0px 5px; position:relative;  display:inline-block; position:relative; top:6px;}
.capfil{width:300px; display:inline-block;}
.capfil span{position:relative; top:8px; font-size:12px;}
.capfi2 {width:60px; display:inline-block; text-align:left;}
.capfi2 button{position:relative; top:-5px;}

.familibol{font-family: avenir;}
.sinfondo{padding:0px;}
.sinmargen{margin:0px;}
.centrar-left{text-align:left;}
.centrar-right{text-align:right;}
.transf_rap{-webkit-animation-duration:0.3s; animation-duration:0.3s;}
.tran05seg{-webkit-transition:all 0.5s; transition:all .5s;}
.recuadrocentrado{height:100%; width:100%; display:flex; justify-content:center; align-items:center;}
.centravert{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%; text-align:center;}
.ventmen{width:50%; margin-left:auto;margin-right:auto;padding:20px 30px 20px 30px;border-radius:5px;text-align:center;font-size:16px;font-weight:bold;vertical-align: middle;}
.ladoizq{background-color:#41A5A5; overflow:auto; height:100vh; padding-top:10px; padding-right:10px; padding-bottom:60px; padding-left:10px;}
.form100{width:100%; height:37px; border-radius:7px; padding-left:10px; border:1px solid #bcbcbc; margin-bottom:5px;}
label{width:100%; background:transparent; height:37px;  border-radius:7px; vertical-align:middle; padding-right:15px; padding-top:9px; font-size:12px; margin-left:2px; font-weight:bold;}
#buscar{margin:0px; top:2px; position:relative;}
.desape{visibility:hidden;}

/************** estilos propiedad  ******************/
.cappor{width:20%; float:left;}
/********titulos********/
.statuspol_NUE{color:#292b29; font-weight:bold;}
.statuspol_PAG{color:#78bf0f; font-weight:bold;}
.statuspol_VIG{color:#309903; font-weight:bold;}
.statuspol_REN{color:#06b2d1; font-weight:bold;}
.statuspol_VEN{color:#fc890f; font-weight:bold;}
.statuspol_EXP{color:#C6C5C4; font-weight:bold;}
.statuspol_CAN{color:#bc3200; font-weight:bold;}
.btnpag{width:70px; height:30px; background:#999999; border-radius:5px; font-size:10px; color:#ffffff; border:1px solid white;}
.titulos{font-size:18px; color:#ed15b0; margin-bottom:15px; text-transform:uppercase;font-family:avenir;}
.tituloscli{font-size:19px; color:rgba(67,128,194); margin-bottom:15px; text-transform:uppercase; font-family:avenir;}



/***BOTONES CUBIERTA**/
.stylecubiertbtn:hover,
.bot_submen2:hover{background-color:#CCC;}
.stylecubiertbtn{width: 100%; height:135px; background:transparent; border:1px solid #1a68c9; color:#1a68c9; font-family:avenir; position: relative;text-align: center;  }
.stylecubiertbtn span{font-weight:bold; font-size:10px; position: relative;  font-family:avenir;  display: block; top:5px;  display:block; width:100%;}
.stylecubiertbtn img{ margin: 0px auto; display:block; position: relative;}

.banercli{margin-top:0px; height:54px; background:#1a68c9; margin-bottom:20px;}


/************** estilos condominio ******************/
/********titulos********/

#height350{height:350px;}


.btnpagc{width:100px; height:30px; background:#999999; border-radius:0px; font-size:10px; color:#ffffff; border:1px solid white; border-radius:5px;}

.tituloscon{font-size:18px; color:#996699; margin-bottom:15px; text-transform: uppercase; font-weight:bold; font-family:avenir;}
.btncond{color:#FFF; margin-left:3px;  border-radius:5px; width:90px; border-right:1px solid black; background:#470447;  border-width:0px 0px 0px 0px; font-weight:bold; height:30px; margin-top:2px;}
.btncond div{border-bottom:1px solid ##470447; position:relative; top:5px;}
#certif span{font-weight:bold; position:relative; left:5px; top:13px; float:left;}
.btnco2{color:#FFF; margin-left:3px; border-radius:5px; width:84px; border-right:1px solid black; background:#996699;  border-width:0px 0px 0px 0px; font-weight:bold; height:30px; margin-top:2px; }
/*******otros****************/
.btnrec{color:#FFF; margin-left:5px; border-radius:5px; width:110px; border-right:1px solid black; background:#474747;  border-width:0px 0px 0px 0px; font-weight:bold; height:33px; display: inline-block; float:none; width:150px;}
#secban .filtro{float:left; top:-5px;}
#btnrenv{width:146px;}
.fixed{position:fixed;width:100%; left:0px; bottom:0px; z-index:1200;}
#liscon .divbusca {width:235px;}
#liscon .divbusca .titfil{width:235px;}
#liscon .divbusca .titfil select{width:235px;}

#divimpresion div{ margin-top:15px; }
#droptipvis{width:120px;}
#droptipvis select{width:120px; display:block;}
#dropbanco{width:180px;}
#dropbanco select{width:180px; display:block;}
#droppagado{width:170px;}
#dropbanco select{width:150px; display:block;}
#dropimpres{width:150px;}
#dropbanco select{width:160px; display:block;}


#repcond  .bottop{margin-top:0px; margin-bottom:0px;}

#secimpco{height:125px;}

/**************   estilos salud   ******************/
label.backgris{background:rgb(247, 247, 247);}
.btnsal{position:absolute; right:0px; left:0px; top:50%; transform:translate(0,-50%);}
.heigth640{height:640px;}
.heigth561{height:570px;}
.btnsalpol{height:37px; width:115px; border:none; border-radius:5px; color:#ffffff; font-weight:bold; position:relative;}
.btnsalpol span{position:absolute; top:50%; transform:translate(0%,-50%); right:0%; left:0%;}
.backvid{background:#009c22;}
.backinc{background:#33cccc;}
.backanu{background:#996699;}
.backsin{background:#006633;}
.backspli{background:#666699;}
.backmedc{background:#ff9900;}
.colpolvid{color:#009c22;}
.colpolinc{color:#33cccc;}
.colpolanu{color:#996699;}
.colpolsin{color:#996699;}
.colpolpli{color:#666699;}
.colpolmed{color:#ff9900;}
.titulosreem{font-size:18px; color:#ff6600; margin-bottom:15px; text-transform:uppercase; font-weight:bold; font-family:avenir;}

#cont_met_pag,#cont_met_pag_1{width:85%;}
#cuadrsal{width:200px;}

#polcusal { height:60px; }

/****botonoes de detalle****/



/* ESTILOS COMUNES ********************************************************************************************************************************************/


.rdbig{ height:20px; width:20px; }
.negrita{ font-weight:bold; }
.displno{display:none;}
.botoksub{ height: 40px; width:80px; font-size: 14px; }
.staroj{ font-weight:bold; font-size:15px; color:#ff0000; text-transform:uppercase; text-align:center; }				/* Texto centrado para stautus */
.staver{ font-weight:bold; font-size:15px; color:#339933; text-transform:uppercase; text-align:center; }
.bxbla{ color:#ffffff; padding-top:2px; font-weight:bold; width:20px; height:20px; } 			/* boxes propiedad y salud */
.bxpro{ background-color:#2b78d8; color:#ffffff; padding-top:2px; font-weight:bold; width:20px; height:20px; }
.bxsal{ background-color:#be03fc; color:#ffffff; padding-top:2px; font-weight:bold; width:20px; height:20px; }
.subpol{ background: #ededed; width:130px; font-weight:bold; margin-left:10px; font-size:11px; height:30px;  border-radius:5px; border-top:1px solid #878787; border-bottom:1px solid #878787; border-left:1px solid #878787; border-right:0px solid #878787; -webkit-box-shadow: -1px 2px 7px -1px rgba(0,0,0,0.25);
-moz-box-shadow: -1px 2px 7px -1px rgba(0,0,0,0.25);
box-shadow: -1px 2px 7px -1px rgba(0,0,0,0.25);
font-weight:bold; padding:0px;}
.subpol div{border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px;  width:30px; height:30px; background:#ffffff; border:1px solid #707070; position:relative; float:right; position:relative; top:-1px;}
.subpol span{float:left; position:relative; left:10px; top:8px;}
.subpol .fa-check{position:relative;top:8px; color:#00bf06;}
.subpol .fa-times{position:relative;top:8px; color:#eb4034;}
.objinv{visibility:hidden;}
.editbox{ cursor:pointer; padding: 8px; height: 160px; width: 100%; border: 1px solid #CCC; overflow: auto; border-radius:5px; text-align:left; }


.derecentro{ text-align:right; }	/* contenidos que aparecen a la derecha y en vista celular centrados */
.izqcentro{	text-align:left; }		/* contenidos que aparecen a la izqierda y en vista celular centrados */
.botrnv{ display:inline-block; text-align: center; width:140px; height:45px; margin-top:6px; margin-right:6px; border-radius:10px; border:1px solid white; -webkit-box-shadow:0px 1px 20px -4px rgba(0,0,0,0.75);-moz-box-shadow:0px 1px 20px -4px rgba(0,0,0,0.75); box-shadow:0px 1px 13px -4px rgba(0,0,0,0.75); color:#ffffff; font-size:12px; background:#33b521; }
#SUBTX1{ text-transform: uppercase; }
.izqbla{ border-left-width:1px; border-left-style:solid; border-left-color:#FFF; }
.form100texar{ width:100%; height:100px; border-radius:7px; padding:10px; border:1px solid #bcbcbc; margin-bottom:5px; }

.tooltip {position:absolute; z-index:1070; display:block; font-family:avenirb; font-size:11px; font-style:normal; font-weight:normal; line-height:1.42857143;
  text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal;
  word-wrap:normal; white-space:normal; line-break:auto;}
*:focus { outline: none;}
.tltip{color:#5ac12e;}
.img100-02{width:auto;}
.bordesias1 span{font-size:15px;}
.estilochequel{font-size:40px; margin-top: 20px;}

.imglog{width:auto; height:50px;}

.botovx{ cursor:pointer; width:43px; height:47px; background:transparent; color:#fff; padding:2px; border-radius:0; text-align:center; font-size:30px; top:0px; float:right; font-weight:bold; border:2px solid white; margin:10px ;}
.botovx:hover{	background:transparent; color: #0d0d0d; border:2px solid #0d0d0d;}
.botstatus{width:70px; padding:3px; color:#000; text-shadow:#FFF 0.1em 0.1em 0.1em;}
.botsmenu{width:150px; height:auto; padding:10px; background:linear-gradient(#04cef2,#01849b); border:1px solid #ffffff;}
.botsmenu01{width:150px; height:auto; padding:10px; background:linear-gradient(#ff7802,#d66604); border:1px solid #ffffff;}
.botsmenu:hover {background:linear-gradient(rgba(4, 206, 242,.5),rgb(1, 132, 155,.5));}
.botsmenu01:hover {background:linear-gradient(rgba(255, 120, 2,.5),rgb(214, 102, 4,.5));}
.img100{width:100%;}
.img100v{height:100%;}
.texto-blanco-chi{font-size:10px; color:#FFF;}
.letrablanca{font-size:14px; color:#FFF;}
.texto-blanco-med{font-size:12px; color:#FFF;}
.texto-verde-14{font-size:14px; color:#0C0;}
.separador{padding-top:5px; padding-bottom:5px;	}
#preloader{color:#41A5A5; visibility:hidden;}
.cmpfchfec{ width:140px; height:40px; text-align:left; }
.cmpfch{ position:relative;}
.cmpfch input{text-indent:32px;}
.cmpfch .fa-calendar{position:absolute; top:10px; left:10px; color:#0f0f0f; font-size:18px;}
.form100fe{width:135px; height:37px; border-style:solid; border-color:#A8A8A8; border-width:1px; padding-left:5px; padding-right:5px; border-radius:7px; background-color:#FFF;}
.form100fe:focus{background-color:#FFF; color:#000;}
.marg0{	margin: 0px;}
.marg5{margin-top:5px;}
.marg10{margin-top:10px;}
.marg12{margin-top:12px;}
.marg10b{margin-bottom:10px;}
.marg15{margin-top:15px;}
.marg20{margin-top:20px;}
.marg20b{margin-bottom:20px;}
.marg30{margin-top:30px;}
.marg40{margin-top:40px;}
.marg40b{margin-bottom:40px;}
.marg50{margin-top:50px;}
.bottop{margin:10px 0px;}
.marg70{margin-top:70px;}



.marglad0{margin-right:0px; margin-left:0px;}		/* margen a los dos lados */
.marglad5{margin-right:10px; margin-left:5px;}
.marglad10{margin-right:10px; margin-left:10px;}
.marglad20{margin-right:20px; margin-left:20px;}

.hei20{height:20px;}
.hei30{height:30px;}
.hei40{height:40px;}
.hei50{height:50px;}
.hei100{height:100%;}
.height100{height:100%;}
.vertical{display:flex; align-items:center;}				/* centrado vertical de textos y otros */
.centrver{display:flex; align-items:center;}

.texto10{font-size:10px;}
.texto11{font-size:11px;}
.texto12{font-size:12px;}
.texto14{font-size:14px;}
.texto16{font-size:16px;}
.texto18{font-size:18px;}
.texto14b{font-size:14px; font-weight:bold;}
.texto16b{font-size:16px; font-weight:bold;}
.texto18b{font-size:18px; font-weight:bold;}
.texto20b{font-size:20px; font-weight:bold;}

.cotcap{ display:inline-block; margin:0 auto; }
.btncoti{ margin-top:4px; padding-top:2px; background-color:#fff; width:28px; height:28px; float:left; text-align:center; border:1px solid #CCC; border-radius:8px 0px 0px 8px; }
.btncot{ margin-top:4px; padding-top:2px; background-color:#fff; width:28px; height:28px; float:left; text-align:center; border:1px solid #CCC; border-radius:0px; }
.btncotd{ margin-top:4px; padding-top:2px; background-color:#fff; width:28px; height:28px; float:left; text-align:center; border:1px solid #CCC; border-radius:0px 8px 8px 0px; }
.btncot i,.btncoti i,.btncotd i{font-size:12px;}
.btncot:hover,.btncoti:hover,.btncotd:hover{ background-color:#000; color:#FFF; }

/* posicion de objeto respecto a su top */
.top5{position:relative; top:-5px;}
.top6{position:relative; top:-6px;}
.top10{position:relative; top:-10px;}
.top6ps{position:relative; top:6px;}
.top20{position:relative; top:20px;}
.pto10{position:relative; top:10px;}




.bottop p{ margin:0px; position:relative; top:6px;display: inline-block;}
.img100 .divbusca{margin:0px; top:0px; padding:0px; bottom:0px; display:inline block;}
.img100 .divbusca form input{margin:0px; top:0px; padding:0px; bottom:0px;}
#bati{color:#fff; position:relative; top:15px;}
.dyn_botformsinfon{height:37px; color:#fff;}
.dyn_botformsinfon i{font-size:20px;}
.divbusca{text-align:right; width:240px; display:inline-block; margin:22px 0px 0px 0px;  top:10px; position:relative; }
.divbusca input{width:210px; height:33px; outline:none;  border:1px solid black; font-size:12px;margin: 0px; border-top-left-radius:7px; border-bottom-left-radius:7px; border-top-right-radius:0px; border-bottom-right-radius:0px; float:left;}
.divbusca select{height:33px; outline:none; border-radius:0px; border:1px solid #acb1b1; font-size:12px;margin: 0px; width:170px; }
.divbusca button{border:1px solid black; background:#1a1a1a; height:33px; position:relative;  width:30px; border-radius:2px;  top:0px; border-top-right-radius:5px; border-bottom-right-radius:5px; float:right; left:-1px;}
.divbusca button i{color:#ffffff; font-size:17px; position:relative;  top:1px; left:-2px;}
.butnfil{background:transparent; border:none; outline:none;  left:10px;  position:relative;}
.butnfil i{color:#acb1b1; font-size:30px; position:relative; top:4px;}

.capselc .divbusca{width:150px;  display:inline-block;  position:relative; top:4px; margin-bottom:20px; text-align:right;}
.capselc span{position:relative; top:8px;  font-size:12px;}
.titfil{width:150px; display:inline-block;  text-align:left;}
.titfil span{position:relative; top:8px;  font-size:10px;}
.selfil{width:90px;  display:inline-block;}
.titulohojas{color:#666; font-size:24px; text-shadow:#666 0.1em 0.1em 0.2em; text-align:left;}
.minititulo{color:#666; font-size:20px; text-shadow:#999 0.1em 0.1em 0.2em; text-align:left;}
.boton-border-blanco{width:120px; height:100%; font-size:12px; color:#FFF;  padding:4px; border:1px solid white; margin:0px auto; background:transparent; cursor:pointer;}
.boton-border-blanco:hover{background-color:rgba(197, 198, 201,.4);}
/* secccion para titulos con marco */
.titulowide{height:40px; padding:10px; margin-bottom:5px; margin-top:5px;}
/* secccion para titulos con marco */

/* colores de fondo */
.campoblur{background-color:#CEECEC;}
.fon_celeste{background-color:#41A5A5;}
.fon_gris{background-color:#595959;}
.fon_grisclaro{	background-color:#E0E0E0; }
.fon_grisclaro2{ background-color:#EBEBEB; }
.fon_blanco{background-color:#FFFFFF;}
.fon_naranja{background-color:#F60;}
.fon_naranjaclaro{background-color:#FC0;}
.fon_lila{background-color:#555f9c;}
.col-yellow{background:#f4d142;}
.col-blanquecino{background-color:#eaebed;}
.col_morad{background: #996699;}
.col_celes{background: #00a2fa;}
.fondoblanco{background-color:white;}
.fon_ver{background:#00a32c;}
.col_blan{color:#FFF;}
.col_gris{color:#C3C3C3;}
.col_azul{color:#06C;}
.col_rojo{color:#F00;}
.col_ver1{color:#316e2e;}




/**estilo de botons de impresion y excel*/
button .col_verd{color:#00ba51;}
button .col_negr{color:#050505;}




/* colores de listados y reportes */
.portalogo{margin-left:auto; margin-right:auto; width:250px; margin-bottom:20px;}
.ovelim{width:60%; margin-left:auto; margin-right:auto; margin-top:250px; padding:40px; border-color:#FFF; border-radius:10px; background-color:#F90;}
.blursi{filter:blur(8px); }
.blurno{filter:none;}
.check{width:15px; height:15px; margin-top:5px; margin-left:auto; margin-right:auto; border-color:#999; border-style:solid; border-width:0.5px;}
.bordesias1{padding:20px; border:2px solid #CCC; border-radius:10px;}
.formclass{width:100%; height:32px; border:1px solid #999; padding:7px; margin:0px; font-size:12px;}
.fondonardeg{background:linear-gradient(#ef6634,#d13a04);}
.fondoyelldeg{    background: #FFAB23;background-image: -webkit-linear-gradient(top, #FFAB23, #FFAB23);	background-color:#ffec64;
 -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #ffffff; display:inline-block; cursor:pointer; color:#ffffff; font-size:15px; padding:6px 15px; text-decoration:none;   -webkit-box-shadow: 1px 1px 20px 0px #FFAE00;
   -moz-box-shadow: 1px 1px 20px 0px #FFAE00;
   text-shadow: 1px 1px 20px #000000;}
.fondoreddeg{background-image:linear-gradient(#F00,#AB0000); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #ffffff;
display:inline-block; cursor:pointer; color:#ffffff; font-size:15px; padding:6px 15px; text-decoration:none; text-shadow:0px 1px 0px #f9ba59;}
.fondoplo{background-image:linear-gradient(#666666,#3d3d3d); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #ffffff;
display:inline-block; cursor:pointer; color:#ffffff; font-size:15px; padding:6px 15px; text-decoration:none;text-shadow:0px 1px 0px #f9ba59;}
.fondover{background-image:linear-gradient(#55c41d,#66cc33); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #ffffff;
display:inline-block; cursor:pointer; color:#ffffff; font-size:15px; padding:6px 15px; text-decoration:none; text-shadow:0px 1px 0px #f9ba59;}
.fondoverag{background-image:linear-gradient(#2fad1f,#2ca51c); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #ffffff;
display:inline-block; cursor:pointer; color:#ffffff; font-size:15px; padding:6px 15px; text-decoration:none; text-shadow:0px 1px 0px #f9ba59;}
.fondoverag:hover,.fondoyelldeg:hover,.fondoplo:hover,.fondoreddeg:hover,.fondoblackdeg:hover,.fondogredeg:hover,.fondonardeg:hover,.fondover:hover,.btnmini:hover{opacity:0.5;}
.fondogredeg{background:linear-gradient(#18b503,#128c02);}
.fondoblackdeg{background:linear-gradient(#232323,#040505);}
.hrsepara{width:100%; height:1px; margin-top:10px; margin-bottom:10px; background-color:#CCC;}
.btnpolizasias01{width:150px; height:auto; padding:10px; color:#ffffff; font-size:25px; border-radius:5px;}
.estilobtnre{padding:10px; background:linear-gradient(#6b9b03,#5b8402); color:#ffffff; border:none; border-radius:5px; font-size:14px;}
.letra{padding:0px; font-size:30px; color:#035b00; border:1px solid #1e1e1e; width:100%; text-align:center;}
.hovergri{cursor:pointer;}
.hovergri:hover{background-color:#EAEAEA;}
#btnss .bots-100:hover{background:#93ef7f;}
.altotabl{height:500px;}
.overopac:hover{opacity:0.5;};
/* FIN DE ESTILOS COMUNES **************************************************************************************************************************************** */


/*  EMPLEADOS */
.emp_droop{margin-top:10px; text-align:left;}
/*otros-estilos*/
.btnnomina{width:100%; height:20px; margin-top:10px; padding-bottom:2px;}
.btnsubnomina{border-radius:20px; background:#595959; width:35px; height:35px; margin-top:-8px; position:absolute; margin-left:5px; border:2px solid #e5e5e5; padding:3px;}
.btnnominaceleste{width:100%; height:20px; margin-top:10px; padding-bottom:2px;}
.btnnominaceleste01{border-radius:20px; background:#dee0e2; width:35px; height:35px; margin-top:-8px; position:absolute; margin-left:5px; border:2px solid #41A5A5; padding:3px; font-size:14px; color:#41A5A5;}
 #ccentral{display:block;}
.margenesnomina{margin-top:5px; margin-bottom:5px;}
.anyheform{width:100px; height:20px;}
.stiloinput{width:80px; height:20px; border:1px solid #000207;}
.stylepaddingbottom{padding-bottom:5px;}
.stylepaddingtop{padding-top:5px;}
.margenes{padding-top:10px;}
.fondocheque{width:100%; height:auto; padding:20px;}
.fondocompaem{width:100%; height:auto;}
.fondocontenido{width:100%; height:auto; background-color:#c7c8c9;}
.stiloinputmediano{width:200px; height:20px; border:2px solid #757677;}
.margin{margin-top:30px;}
.fondo{padding:0px 15px;}
#ingres-usu{text-align:left;}
#btnusu{margin:0; float:right;}
.btnge{float:right; margin:0px;}
.textarea{color:#000000; width:100%; border:1px solid black;}
.archivo{background-color:#a2d85b; width:100px; height:24px; color:#ffffff; font-size:18px; text-align:center; margin:0px auto;}
/*ESTILOS SIAS*/
.btngrabarch{padding:10px; width:auto; height:auto; box-shadow:2px 2px 3px #999; border-radius:7px; font-size:11px; border:1pxsolid; cursor:pointer; color:white; text-align:center; display:inline-block;}
.btneleiminarch{padding:10px; width:auto; height:auto; box-shadow:2px 2px 3px #999; border-radius:7px; font-size:11px; border:1px solid; cursor:pointer; color:white; text-align:center; display:inline-block;}

.btncir{background-image:linear-gradient(#2fad1f,#2ca51c); width:25px; height:25px; margin-left:15px; border: none;
position:relative; font-size:13px; right:15px; text-align:center; color:#fff;  padding-top:4px; top:11px; display: inline-block;}

/* BOTONES */
.btnmini{width:70px; height:40px; padding:8px 8px 5px 8px;  position:relative; right:15px; border-radius:10px; font-size:13px; color:white; margin-top:0px; margin-right:20px;border:0px solid white}
.btnagra{width:200px; height:40px; padding:8px 8px 5px 8px;  position:relative; right:15px; border-radius:10px; font-size:13px;}
.btnagra img{margin-top:-3px;}
.btnagra .col-md-10{padding-top:2px;}
.btnsub1{ width:100px; height:40px; padding:8px 8px 5px 8px; position:relative; margin:15; border-radius:10px; font-size:10px; }
.btnsub1 .bsbimg{ display:block; margin-left:auto; margin-right:auto; } .btnsub1 .bsbspa{ display:none; margin-left:auto; margin-right:auto; }
.btnsub1:hover .bsbimg{ display:none; } .btnsub1:hover .bsbspa{ display:block; }


.btncomun{width:60px; height:50px; padding:5px 8px;-webkit-box-shadow:0px 1px 20px -4px rgba(0,0,0,0.75);-moz-box-shadow:0px 1px 20px -4px rgba(0,0,0,0.75);
box-shadow:0px 1px 13px -4px rgba(0,0,0,0.75); border:1px solid white; position:relative; border-radius:10px;}
.btnupload{cursor:pointer; background:#26b217; color:white; font-size:13px; width:150px; text-align:center; height:34px; border-radius:7px; padding-top:7px; display:inline-block;}
.btnupload i{margin-left:10px;}
.btnupload:hover{background-color:#56d104;}
.btnpermisos{cursor:pointer; background:black; width:100px; height:28px; color:white; font-size:14px; padding:3px; text-align:center; display:inline-block;}
.btnpermisos:hover{background:#2d2d2d;}
.bordertexbox{border:1px solid black;}
.fondo5px{padding: 5px;}
.fn{width:100%; padding:5px;}
.f-menu{background:transparent; cursor:pointer;}
.f-menu{background:rgb(237, 237, 237,.5);}
.fondo10px{padding:10px;}
/* COBERTURAS */
.homecobertbot{background-color:#FFF;}
.homecobertbot:hover{background-color:#9C3; cursor:pointer;}
.imgico{width:30px; height:25px;}
/* 08 botones */
.btninf{width:12.5%; background:#707070; height:70px; float:left; border:1px solid white; position:relative; color:white; font-size:12px; display:flex; align-items:center;}
/* 10 botones */
.btninf10{width:10%; background:#707070; height:70px; float:left; border:1px solid white; position:relative; color:white; font-size:12px; display:flex; align-items:center;}
/* Sombra de varios botones */
.btncirplo:hover,.btncirsel:hover,.btninf:hover,.btninf10:hover,.subpol:hover,.btnatr:hover,.botrnv:hover,.botov:hover,.bthover:hover,btnpag:hover{ background-color:#C0C0C0; }

.btnrep{width:8.33%; background:#707070; height:70px; float:left; border:1px solid white; position:relative; color:white; font-size:12px; display:flex; align-items:center;}

.baner{margin-top:0px; height:54px; background:#ed15b0; margin-bottom:20px;}

.banerrec{margin-top:0px; height:54px; background:#996699; margin-bottom:20px;}
.btncirplo{border-radius:5px; width:30px; height:30px; top:0px; display:inline-block; background:#707070; color:#fff; border:none; padding-top:5px; margin-top:3px;}
.btncirsel{border-radius:3px; width:20px; height:20px; top:0px; display:inline-block; background:#000000; color:#fff; border:none; padding-top:0px; margin-top:0px;}
.btncirsel i {font-size:10px;}
.stylecheck{width:20px; height:20px; position:relative; top:12px;}
.capfixed{width:100%; position:fixed; right:0px; bottom:0px; text-align:right;}
.contbutton{width:300px; background:#f2f2f2; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px; display:inline-block; border:3px solid #b3b3b3;}
.btninfo{width:100%; position: absolute; z-index:1300; text-align:right; top:10px;}
.right{text-align:right;}
.sppago{ color:#2b78d8; font-size:14px; position:relative; top:35%; left:3px; font-weight:bold; }
.col-md-2 .dropzone{background:rgba(219, 219, 219,0.5); border-radius:5px; border:2px solid #a1a1a1; border-image:none; max-width:100%; margin-left:auto; margin-right:auto; position:relative;}
.heigvtc{height:100vh;}
.btnatr{text-align:center; width:40px; background:#737373; border:2px solid rgb(247, 247, 247); height:40px; color:#f7f7f7; font-weight:bold;}
.btnatr span{position:relative; font-size:35px; top:-1px;}
.stycheck{width:300px; height:300px;}
#banertar{height:54px;}
#banertar .col-md-12 .col-md-4 div div span{font-size:16px;}
.btnpro{width:75px; margin-top:10px; height:50px; border-radius:7px; display:inline-block; float:none; border:2px solid #bfbfbf; color:#ffffff;}
.bacpro{background:rgba(67,128,194)}
.height48{height:80px;}
.height40{height:40px;}
.width5{width:5%;}
.width18{width:16%;}
.width23{width:20%;}
.height60{height:60px;}
.width10{width:10%;}
.width14{width:14%;}
.width13{width:13%;}
.width19{width:19%;}
.widt18{width:18%;}
.widt12{width:12%;}
#conpro{width:180px;}
.height52{height:52px;}
.floatleft{float:left;}
.floatright{float:right;}
.with35{width:35%;}
.with30{width:30%;}
.fondplo{ background:#f4f6f6;}
.dispinli{display:inline-block;}
.fontrans{background:transparent;}
.btnbaner{width:220px; height: 48px; font-size:15px; border:none; padding:0px 20px;}
.btnbaner span{color:#262626; position:relative; top:4px; float:right;}
.left10{position:relative; left:10px;}
.right10{position:relative; right:10px;}
.fondgris{ background-color: #DEDEDE; }
.btnreccom{width:140px; height:48px; background:#2da71d; color:#ffffff; font-size:14px; padding:13px;}
.stydias{width:20%; float:left; border:1px solid #bcbcbc; height:33px; padding-left:7px;}
.btnreconcond{width:309px; height: 44px; background:#009c17; border:none; padding:0px 13px; display:inline-block; }
.btntab{width:50px; height:30px; background:#707070; border-radius:5px; color:#ffffff; padding-top:5px;}
.width12{width:12.5%;}
.with130{width:130px;}
/* CSS DE PLUGINS ********************************************************************************************************************************************************/

/*otros*/
#btnrnv{width:11%;}
.icoerr{ font-size:70px; }

.height96{height:96px;}

 #metpagsal{width:85%;}


/* MEDIA QUERIES *********************************************************************************************************************************************************/

@media only screen and (min-width:1500px){#idladoder{width:87%;} #idladoizq{width:13%;}}

@media only screen and (max-width:1500px){
	.nav-side-menu span{font-size:12px; margin-left:10px;}
	#bantar .col-md-12 .col-md-4 div div span{font-size:14px;}
}

@media only screen and (min-width:1200px){ .displno{display:block;} #certif{width:73%;} #tabla{width:27%;}
.certit{width:18%;}.certic{width:82%;} .certic .col-md-12{width:95%;} .certic .col-md-12 .col-md-3:nth-child(1),.certic .col-md-12 .col-md-3:nth-child(2){padding:0px 5px; width:25%;} .certic .col-md-12 .col-md-3:nth-child(3){
  padding:0px 5px; width:20%;} .certic .col-md-12 .col-md-3:nth-child(4){padding:0px 5px; width:30%;}}

@media only screen and (min-width:780px){
	#minheight60{height:62px; }
	.btnupload{width:140px;}
	#btnim{width:80px; font-size:8px;}
}

@media only screen and (max-width: 1200px) {
		.marg70{margin-top:30px;}

	#height350{height:200px;}
	#secimpco{height:125px; }
	#repcond  .bottop{margin-top:10px; margin-bottom:10px;}

		#cont_met_pag,#cont_met_pag_1{width:100%;}

	.magn5{margin:5px 5px;}
	#divimpresion div{ margin-top:15px; }
	#droptipvis{width:100px;}
	#droptipvis select{width:120px; display:block;}
	#dropbanco{width:120px;}
	#dropbanco select{width:120px; display:block;}
	#droppagado{width:120px;}
	#dropbanco select{width:120px; display:block;}
	#dropimpres{width:120px;}
	#dropbanco select{width:120px; display:block;}

		.fixed{position:fixed; bottom:20px;}

	.btncond{color:#FFF; margin-left:3px;  border-radius:5px; width:70px; border-right:1px solid black; background:#470447;  border-width:0px 0px 0px 0px; font-weight:bold; height:30px; margin-top:2px; font-size:8px; }
	.btnco2{color:#FFF; margin-left:3px; border-radius:5px; width:65px; border-right:1px solid black; background:#996699;  border-width:0px 0px 0px 0px; font-weight:bold; height:30px; margin-top:2px; font-size:8px; }

	#capol{height:60px;}
	#campol span,#campri span,#camest span,#camapt span,#camdia span{font-size:12px; }
	#campol,#campri,#camest,#camapt,#camdia{width:19%;}
	#cambtn{width:5%;}

	#vensubpro1{ height:85vh;}
	.centravert{position:absolute; left:50%; top:45%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%; text-align:center;}
    #recon {height:120px;}

  	.TFtext{font-size:12px;}
  	.TFtitulo{height:34px;}
  	.titulos{font-size:18px;}
  	.minititulo{font-size:16px; text-align:center;}
  	.divbusca{text-align:center;}
  	.titulohojas{font-size:18px; text-align:center;}
  	.letrablanca{font-size:12px;}
  	.ovelim{margin-top:50px; width:90%;}
  	.botonexcel{text-align:center;}
  	.login-container {padding:0px 10px;}
  	.login-container .login-box {padding-top:10px; width:100%;}
  	.registration-container {padding:0px 10px;}
  	.registration-container .registration-box{padding-top:10px; width:100% !important;}
  	.nav-side-menu{position:relative; width:100%; margin-bottom:0px;}
  	#menubot {display:block;}
  	.fotoid{width:30px; height:30px; margin-top:7px;}
  	.fotonom{line-height:15px; margin-top:7px;}
  	.ladoizq{height:auto; padding-top:0px; padding-bottom:0px;}
 	.tools{display:none;}
  	.separador{display:none;}
  	.margenesnomina .col-blanquecino{text-align:center;}
    .bot_submen{width:60px; margin:0px;}
  	.bot_submen > span{font-size:8px;}
  	#idladoizq{width:100%;}
  	#idladoder{width:100%; height:100vh;}
  	.btnagra{right:15px;}
	.nav-side-menu span{font-size:15px; margin-left:10px;}
	.width5{width:100%;}
 	.width18,.width23{width:20%;}
	.height60{height:auto;}
	#conpro{width:130px;}
	.btninf,.btninf10{font-size:10px;}
	.width10,.width14,.width13,.width19,.widt18,.widt12{width:25%;}
	#barralateral{height:110px;bottom: 8%;}
	#barralateral .height48{height:42px;}
	#banercom_der{height: auto;}
	#banercom_izq{height: auto;}
	#certif .marg30{margin:0px;}
	#certif span{font-weight:bold; position:relative; left:10px; top:10px; float:none; display:block;}

}

@media only screen and (max-width: 1100px) { #barralateral{height:auto;padding-bottom: 3px;} #certif .marg30{margin:0px;} #certif span{font-weight:bold; position:relative; left:10px; top:15px; float:none; display:block;}   .certit label{font-size:11px;padding:3px; } 	}
}

@media(max-width:990px){
		#campol span,#campri span,#camest span,#camapt span,#camdia span{font-size:10px; }
		#capol{height:auto;}
		#campol,#campri,#camest,#camapt,#camdia{width:19%;}
	 	#vensubpro1{ height:85vh;}
	 		.centravert{position:absolute; left:50%; top:45%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%; text-align:center;}

 	.width18,.width23{width:33.33%;}
	.btninf,.btninf10{width:20%;}
  	.textcen{text-align:center;}
  	.marg15{margin-top:15px;}
  	#barralateral{height: 150px;}
	.width10,.width14,.width13,.width19,.widt18,.widt12{width:33%;}
	#cont_met_pag,#cont_met_pag_1{width:100%;}
   #idladoder{width:100%; height:100vh; }
  .cuerpo{ overflow: visible; }
  #noapel{font-size:16px;}
}

@media(max-width:750px){

 	 #metpagsal,#cont_camp{width:100%;}
  	#banertar{height:auto;}
	.botoksub{ height: 24px; width:40px; font-size: 12px; }
  	label{margin-top:5px; position:relative; top:2px; width:100%; background:transparent; height:auto; border-radius:0px; vertical-align:middle; padding-right:0px; padding-top: 0px; font-size:13px;}
	.centrar-right{text-align:left;}
	#banertar .col-md-12 .col-md-4 div div{text-align: left;}
	#banertar .col-md-12 .col-md-4 div div span{font-size:13px;}
	.with50{width:50%;}
	.height60{height:auto;}
	#bancon{height:auto;}
	.height52{height:auto;}
	.floatleft{float:none;}
	.floatright{float:none;}
	.with35{width:100%;}
	.with30{width:100%;}
	.fixed{position: relative;}
  	.imglog{auto; height:30px; margin-top:10px;}
  	#nomcli{font-size: 12px;}
	.capfixed{width: 100%; position:relative;right:0;  z-index:7000; text-align:right;}
	#barralateral{height: auto;}
	.botovx{ width:30px; height:30px; font-size:14px;}
	.ventmen{ width:90%; font-size:12px; }
	.heigth640 {height: auto;}
	.heigth561{height: auto;}
   #idladoder{width:100%; height:100vh; }
  .cuerpo{ overflow: visible; }
 }

/* VISTA MOBIL ***************************************************************************/

@media(max-width: 470px){
  .nav-side-menu {font-size:14px;}
 	#titsal{font-size:16px;}
 	#secimpco{height:60px;}
 	label.backgris{background:transparent;}
 	#polcusal { height:auto; }
  .cent-cel{text-align:center;}
 	.btnsal{position:absolute; right:0px; left:0px; top:0%; transform:none;}
 	.btnsal  .col-sm-2{margin-top:10px;}
 	#detcon{display:block; margin-left:auto; margin-right:auto;}
 	#detco1{display:block; margin-top:20px; margin-left:auto; margin-right:auto;}
 	#impr{width:100%; margin-bottom:9px;}
 	#btnfil{margin:0 auto; width:300px;}
 	.disp{display:none;}
 	.fonc{padding:0px 15px;}
 	.automarg20{margin:20px 0px;}
 	#liscon .divbusca {width:150px;}
  #liscon .divbusca .titfil{width:150px;}
  #liscon .divbusca .titfil select{width:150px;}
  #certif span{font-weight:bold; position:relative; left:10px; top:10px; float:none; display:block;}
	#campol span,#campri span,#camest span,#camapt span,#camdia span{font-size:14px; }
	#campol,#campri,#camest,#camapt,#camdia{width:100%;}
	#cambtn{width:100%;}
	#vensubpro1{ height:75vh;}
 	.centravert{position:absolute; left:50%; top:40%;  width:100%; text-align:center;}
 	.cappor{width:100%; float:none;}
	.solo_cel{ display:block; }
	.solo_lap{ display:none; }
	#filrep .marg40{ margin:0px; }
	#filrep .marg50{margin:0px;}
	#filrep #capsel{margin:0px;}
  .estedi{width:100%; margin-right: auto; margin-left: auto; padding:10px; border-radius:10px; text-align:center; top:37%; position: absolute;  left:0px; right:0px;  background-color: rgba(255,255,255,0.9);}
  .capaprinc{height:80px; width:100%; background-color:#00a32c; display:inline-block;}
  .btnedit{position:relative; cursor:pointer; width:80px; margin-right: auto; margin-left: auto; margin-top: 5px; background-color: #F60; color: #000; padding: 10px 5px 10px 5px; border-radius:5px; text-align:center; font-size:16px;  font-weight:bold}
  .capaprinc span{color:#ffffff; margin:0px; text-align:center; font-size:14px; position:relative; top:40%;  padding:5px 0px 0px 0px;}
  .height96{height:auto;}
 	.dispnon{display:none;}
 	.icoerr{ font-size:1.5em; }
	.derecentro{ text-align:center; }
	.izqcentro{	text-align:center; }
	#contenedorcentral #ccentral{display:none;}
 	.portalogo{width:200px;}
	.emp_droop{margin-top:20px; text-align:center;}
	.fondo{padding:0px;}
	#ingres-usu{text-align:center;}
	#btnusu{margin:0 auto; float:none;}
	.centrar-left{text-align:center;}
	.btnge{float:none; margin:0 auto;}
	.fondo5px{padding:2px;}
	.fn{padding:2px;}
	#menu{display:none;}
	#btnss .bots-100 span {background:transparent; display:none;}
	#btnss .bots-100{background:transparent; height:30px; width:30px; font-size:20px;}
	.altotabl{height:400px;}
	.fondo10px{padding:2px;}
	.pantalla-loader{width:100%; margin:0 auto; border:5px solid #c4c5c6; height:100%;}
	.img100-02{width:100%;}
	.bordesias1 span{font-size:8px;}
	.bordesias1{padding:5px;}
	.row{margin:0px; padding:0px;}
	.form100{margin-top:5px; margin-bottom:5px;}
 	.marg50{margin-top:20px;}
	.btnagra{width:100%; height:43px; padding:5px; right:0px;}
	.titulos{font-size:18px; margin-bottom:2px;}
	.tituloscli,.tituloscot,.titulosrec,.tituloscon,.titulosren,.titulosrep,.tituloscom,.titulosclisal,.titpolvidsal,.titpolincsal,.titpoliplaind,.titulosherra{font-size:18px; margin-bottom:2px;}
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{padding:10px; margin:0px;}
	.form100texar{ margin-bottom:2px; width:100%; }
	.btninf,.btninf10{width:20%; background:#707070; height:70px; float:left; border:1px solid white; position:relative; color:white; font-size:8px; padding-top:5px;}
  	.btninf p,.btninf10 p{display: none;}
	.marg20{margin-top:20px;}
	.capfixed{width: 100%; position:relative;right:0;  z-index:7000; text-align:right;}
	.contbutton{width:100%; background:transparent; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px; display:inline-block; border:0px solid transparent;}
	.btninfo{ width:100%; position:relative; z-index:1300; text-align:center; top:10px;}
	.right{text-align:center;}
	.sppago{display:none;}
	.heigvtc{height:auto;}
	.banercli{margin-top:0px; height:auto; background:#1a68c9; margin-bottom:20px;}
	.banerrec{margin-top:0px; height:auto; background:#996699; margin-bottom:20px;}
	.form100fe{width:120px;}
	.height48{height: auto;}
	.with50{width:100%;}
	.with50 {padding-top:10px;}
 	.width18,.width23{width:100%;}
  	.bottop p{ margin-bottom:20px; position:relative; top:6px;}
    .marg15{margin-top:15px;}
	.width10,.width14,.width13,.width19,.widt18,.widt12{width:100%;}
	.stydias{width:33.33%;}
	.btnreconcond{width:250px; }
	.width12{width:33.33%;}
	.with130{width:100%;}
	.mares20{margin-top:20px; }
	#btnrnv{width:100%;}
	#cuadrsal{width:100%;}
	#btnrenv{width:100%;}
  #idladoder{width:100%; height:100vh; }
  .cuerpo{ overflow: visible; }
  .filtr2 button{ margin-left:50px;}
  .fondto{padding-top:20px;}
  .fondtb{padding-top:20px; padding-bottom:20px;}
  .capfil{width:50%; float:left; margin-top:15px;}
  .capfi2{width:50%; text-align:right; float:left; margin-top:15px;}
  .capfi2 button{position:relative; top:10px;}
  .capselc .divbusca{width:50%;float:left;}
  .capselc .divbusca select{ position:relative; top:-10px; }
  .capselc .divbusca span{ position:relative; top:-10px; }
  .titfil{width:100%; display:inline-block;  text-align:left;}
  .selfil{width:50%;  display:inline-block;  float:right;}
  .selfil button{top:30px;}
  #text{ margin-top:5px; }
  #tabla{margin-top:15px;}
  #secban .filtro{float:none; top:5px; display:inline-block; margin:0px;}
  .bottop  .stytip{position:relative; top:-10px; margin: 0 auto; }
  .btnrep{width:20%; }
  .btnrep p{display:none;}
  #recon {height:150px;}
  .divbusca{display: block; margin: 0 auto;}
  .btncir{float: left;background-image:linear-gradient(#2fad1f,#2ca51c); width:25px; height:25px; right:-50px; border: none;
  position:relative; font-size:13px;  text-align:center; color:#fff;  padding-top:4px; top:-10px; display: inline-block; }

}

.btncir i{position: relative; top:-1px;}

@media (min-width: 128px) {
  	#menu-content {display: block;}
}


/****************

.datolin1{margin:5px; background-color:#F0F0F0; padding-top:5px; padding-bottom:5px;}
.marcoportalogo{margin:20px; padding:5px; background-color:#FFF;}
.dashcuad1{ width:15px; height:15px; background-color: #0C839C;}
.dashcuad2{ width:15px; height:15px; background-color: #0E97B4;}
.dashcuad3{ width:15px; height:15px; background-color: #10AECF;}
.dashcuad4{ width:15px; height:15px; background-color: #1AC9EE;}
.dashcuad5{ width:15px; height:15px; background-color: #76DFF5;}


.form100mr{width:100%; height:37px; border-radius:7px; margin-bottom:15px; padding-left:10px; border:1px solid #bcbcbc;}
.titulonaranja{height:40px; padding:10px; background-color:#F60; color:#FFF; margin-bottom:5px; margin-top:5px;}
.botA-140x25{cursor:pointer; width:140px; height:25px; background-color:#399191; vertical-align:middle; text-align:center; color:#FFF; margin-bottom:5px; font-size:12px; padding:4px;}
.botA-140x25:hover{background-color:#4AB9B9;}
.botB-100x25{cursor:pointer; width:140px; height:25px; background-color:#F60; vertical-align:middle; text-align:center; color:#FFF; margin-bottom:5px; font-size:12px; padding:4px;}
.botB-100x25:hover{background-color:#FF9146;}
.btn-80x30{width:80px; height:30px; font-size:13px; padding:5px; color:#ffffff; border:1px solid #ffffff; }
.btn-80x30:hover{opacity:0.5;}
.bot_excel{cursor:pointer; width:120px; height:25px; background-color:#060; vertical-align:middle; text-align:center; color:#FFF; margin-bottom:5px; margin-top:10px; border:#FFF; border-width:thin; font-size:12px; padding:4px;}
.botonexcel{text-align:right;}
.bot_excel:hover{background-color:rgba(30, 122, 4,.8);}
.botn-plomo{cursor:pointer; width:200px; background-color:#666; vertical-align:middle; text-align:center; color:#FFF; margin-bottom:5px; margin-top:10px; border:#FFF; border-width:thin; font-size:12px; padding:4px;}
.botn-plomo:hover{background-color:#999;}
.botC-60x25{cursor:pointer; width:60px; height:25px;background-color:#666; vertical-align:middle; text-align:center; color:#FFF; margin-bottom:5px; font-size:12px; padding:4px;}
.botC-60x25:hover{background-color:#999;}
.botC-100x25{cursor:pointer; width:140px; height:25px; background-color:#666; vertical-align:middle; text-align:center; color:#FFF; margin-bottom:5px; font-size:12px; padding:4px;}
.botC-100x25:hover{background-color:#999;}
.bots-volver{cursor:pointer; width:70px; height:36px; background-color:#666; color:#FFF; margin-bottom:5px; font-size:12px; padding:10px; margin-right:10px; display:inline-block;}
.bots-volver:hover{background-color:#999;}
.bots-100{text-align:center; font-size:11px; display:inline-block; color:#2a2a2b; width:auto; padding:10px; height:auto; cursor:pointer; background-color:#ded7d1; border-radius:5px; margin-bottom:5px;}
.bots-100:hover{background-color:#999;}
.btnsias02{text-align:center; font-size:13px; display:inline-block; width:125px; padding:10px; height:auto; cursor:pointer; background:#707070; color:white; border-radius:5px; margin-bottom:5px; border-radius:7px;}
.btnsias02:hover{background:rgba(55, 55, 56,.5);}
.pantalla-loader{width:60%; margin:0 auto; border:15px solid #c4c5c6; height:100%;}
#btnss .bots-100{background:transparent; width:65px; font-size:10px;}
.letra16{ font-size:16px;}
.letra14{font-size:14px;}
.colorblack{color:black;}



**********/


/* PLUGINS ADICIONADOS *************************************************************************************************************************************/
/* PLUGINS ADICIONADOS *************************************************************************************************************************************/
/* PLUGINS ADICIONADOS *************************************************************************************************************************************/


/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@-webkit-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
  vertical-align: middle;
}
.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #595959;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: rgba(255, 255, 255, 0.5);
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #28a745;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto;
}
:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto;
}
.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
  width: auto;
}
.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
  padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem;
}
.form-inline .bootstrap-select .form-control {
  width: 100%;
}
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: inherit;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}
.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important;
}
.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
  position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select .dropdown-menu .notify.fadeOut {
  -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
       -o-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
          animation: 300ms linear 750ms forwards bs-notify-fadeOut;
}
.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: '\00a0';
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select .bs-ok-default:after {
  content: '';
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}
/*# sourceMappingURL=bootstrap-select.css.map */
 .mb-60 {
    margin-bottom: 20px;
}
.services-inner {
    margin-left: 35px;
}
.our-services-img {
    float: left;
    margin-left: -36px;
    margin-right: 22px;
    margin-top: 0px;
}
.our-services-text {
    padding-right: 0px;
}
.our-services-text {
    overflow: hidden;
    padding: 0px;
    position: relative;
    left: -15px;
    right: 0px;

}

.our-services-text p {
    margin-bottom: 0;
    font-size: 18px;
     margin-left: 12px;
}

.circu{border-radius: 100%; width: 25pX; height: 25px; background: #ed15b0; color: #ffffff;font-weight: bold;    display:flex;
    justify-content: center;
    align-items: center;font-size: 18px;}