/*Estilos personalizados*/
/*GENERIC*/
a{
	color:#25b8ef;
}
.display-inline{ display:inline-block !important; }

.section-no-padding{
    padding-top:0px;
}
.clear{
    clear:both;
}
@media (max-width: 767px){
.section-no-padding{
    padding-left:0px !important;
    padding-right:0px !important;
}
.content-header{
    padding-left:0px !important;
    padding-right:5px !important;
}
}
.content-header-xtra-margin{margin-bottom:.4em;}
@media (min-width: 767px){}
    .justify-content-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

.nav-pills>li>a {
    padding:4px 15px;
}
.nav-pills {
    position:absolute;
    bottom: -42px;
    right: 15px;
}
.nav-pills>li>a {
    padding-bottom:15px;
}
@media (max-width: 480px){
    .nav-pills>li>a {
        padding:4px 5px;
        font-size:.9em;
    }
    .nav-pills { bottom: -42px; }
    .nav-pills>li>a { padding-bottom:20px; }
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #33a9ec;
}
.float-right{ float:right;  }
.mySpace{
    display:block;
    margin:.3em 0;
}
.btn-primary {
    background-color: #25b8ef;
    border-color: #25b8ef;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0d96c9 !important;
    border-color: #0d96c9 !important;
}
/*HEADER*/
@media (max-width: 767px){
    .main-header {
        max-height: 155px;
    }
}
.skin-blue .main-header .navbar {
    background-color: #b518d1;
    color: #ffffff;
}
@media (max-width: 767px){
    .skin-blue .main-header .navbar {
        background-color: #810097;
        color: #ffffff;
    } 
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #b21bd2;
}
.nav.navbar-nav{
    position:relative;
}
.navbar-custom-menu .navbar-nav li{
    margin:.5em .5em 0 .5em;
}
@media (max-width: 767px){
    .navbar-custom-menu .navbar-nav li.li-no-margin{
        margin:.3em .5em 0 .5em;
    }
}
.navbar-custom-menu .navbar-nav li img{
    max-height: 40px;
    display:inline-block;
    background:#fff;
    -webkit-border-radius:  .3em;   
    -moz-border-radius:  .3em;
    border-radius: .3em;
    padding:.3em;
    float:right;
}
.header-help, .header-help:visited{
    margin:0.3em 0 0 0 !important;
    padding:0em !important;
    background:none !important;
    color:#fff !important;
    font-size:1.6em;
}
.header-help:hover, .header-help:active{
    color:#eaeaea !important;
}
div.lista-usuarios{    
    position:absolute;
    width:25em;
    top:0;
    left:3em;
}

div.lista-usuarios img{   
    position:absolute;
    top:.8em;
    width:2em;
}
div.lista-usuarios .card-div-top{
    display:inline-block;
    float: left;
    top: .75em;
    position: relative;
    width: 100%;
    max-width:2em;
    overflow: hidden;
    border-radius:50%;
    background: #3e3e3e;
}
@media (max-width: 767px){
    div.lista-usuarios .card-div-top{
        top: .35em;
    }
}
div.lista-usuarios .card-div-top:before{
    content: "";
    display: block;
    padding-top: 100%;
}
div.lista-usuarios .card-div-top-inner{
    position:  absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;    
    color:#ffffff;
    font-weight:bold;
    font-size:1em;
}

.custom-select {    
    margin:.5em .5em 0 2em;
    margin-bottom:0px;
}
.custom-select select {
  display: none; /*hide original SELECT element: */
}
.select-selected {
  background-color: #b518d1;
  font-weight:bold;
}
@media (max-width: 767px){
    .select-selected {
      background-color: #810097;
    }   
}
.select-selected:focus {
  outline: none;
}
@media (max-width: 767px){
    div.lista-usuarios {
        position: relative;
        width: 96%;
        top: 0;
        left: 2%;
    }       
    div.lista-usuarios img { top: .3em; }
}
/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 24px;
    right: 4px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: rgba(255,255,255,.5) transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent rgba(255,255,255,.5) transparent;
  top: 18px;
}
@media (max-width: 767px){
    .select-selected:after {  top: 20px; }
    .select-selected.select-arrow-active:after { top: 14px; }
}
/* style the items (options), including the selected item: */
.select-items div, div.lista-usuarios  .select-selected {
    color: #ffffff;
    padding: 5px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0) transparent;
    cursor: pointer;
    font-size: 1.2em;    
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #00c0ef;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.select-items div{
  border-bottom:1px solid rgba(0,0,0,.1);
  font-size:1em;
}
/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 460px){
    .navbar-custom-menu .navbar-nav li.lista-usuarios {
       width:96%;
       margin:0 2%;
    }
}
@media (max-width: 767px){
    .main-header .navbar-custom-menu {
       position:absolute;
       top:-48px;
       right:0;
    }    
}
.small-button-fix{
    margin-left:.5em;
    background:#333333;
    border:1px solid #333333;
    color:#ffffff;
    font-weight:700;
    padding:.2em .9em;
    outline: none !important;
}
.small-button-fix:hover, .small-button-fix:focus{
    background:#000000;
    border:1px solid #000000;
    color:#ffffff;
    outline: none !important;
}
.small-button-fix:active, .small-button-fix.active, .small-button-fix.active:hover,  .small-button-fix.active:focus{
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    background:#10d6b7 !important;
    color:#ffffff !important;
    outline: none !important;    
    border: 1px solid #00bd9f;
}
.skin-blue .main-header .navbar .nav>li>a {
    color: #666666;
}
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a {
    background: #33a9ec;
    color: #f6f6f6;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    top: 0px;
    right: 0;
    left: auto;
    background: linear-gradient(25deg, #25b8ef, #b518d1);
}
.skin-blue .main-header li.user-header {
    background-color: rgba(0,0,0,0);
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {   
    color: #fff;
    color: rgba(255,255,255,1);
    font-size: 1.5em;
    font-weight:300;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
    padding: 15px;
    border-bottom: 1px solid  rgba(0,0,0,0);
    border-top: 1px solid  rgba(0,0,0,0);
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
    color: #ffffff !important;
    font-size:2em;
    background:rgba(0,0,0,.2);
    padding:.2em .4em;
    border-radius:.3em;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover {
    background:rgba(0,0,0,.4);
}
.nombre-usuario{
    color: #ffffff;
    font-size: 1.2em;
    font-weight: 700;
    margin-right: .5em;
    padding-top: .7em;
}
/*MENU LATERAL*/
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background: linear-gradient(25deg, #25b8ef, #b518d1);
	background-size: 100% 100%;

	-webkit-animation: AnimationName 18s ease infinite;
	-moz-animation: AnimationName 18s ease infinite;
	animation: AnimationName 18s ease infinite;

	@-webkit-keyframes AnimationName {
	    0%{background-position:100% 0%}
	    50%{background-position:0% 100%}
	    100%{background-position:100% 0%}
	}
	@-moz-keyframes AnimationName {
	    0%{background-position:100% 0%}
	    50%{background-position:0% 100%}
	    100%{background-position:100% 0%}
	}
	@keyframes AnimationName { 
	    0%{background-position:100% 0%}
	    50%{background-position:0% 100%}
	    100%{background-position:100% 0%}
	}
}
.skin-blue .main-header .logo {
    background-color: rgba(0,0,0,0) !important;
    color: #fff;
    border-bottom: 0 solid transparent;
}
@media (max-width: 767px){
.skin-blue .main-header .logo {   
    background-color: #b518d1 !important;
}
}
.logo-lg img{
	width:100%;
}
.logo-mini img {
    width: 76%;
}
.logo-movil img {
    float:left;
    width: 100%;
    max-width:40px;
    margin: .3em 0 0 1.5em;
}
.user-panel {
    margin-top:1em;
    text-align: center;
}
.user-panel>.image>img {
    max-width: 70px;
}
.user-panel .card-div-top-outer{
    text-align: center;
}
.user-panel .card-div-top{
    display:inline-block;
    position: relative;
    width: 100%;
    max-width:70px;
    overflow: hidden;
    border-radius:50%;
    background: #3e3e3e;
}
.user-panel .card-div-top:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.user-panel .card-div-top-inner{
    position:  absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;    
    color:#ffffff;
    font-weight:bold;
    font-size:2em;
}
.sidebar-collapse .user-panel .card-div-top-inner{
    font-weight:300;
    font-size:.8em;
}

@media (max-width: 767px){
    .main-sidebar { margin-top:/*2em*/0 !important;}
    .fixed .content-wrapper { padding-top: 8em; }
}
@media (max-width: 460px){
    .main-sidebar { margin-top:/*4.5em*/0 !important;}    
    .fixed .content-wrapper { padding-top: 10em; }
}
.user-panel>.info {
    padding: 5px 5px 5px 5px;
    line-height: 1;
    position: relative;
    left: 0px;
}
@media (max-width: 767px){
    .logo-lg img{
        width:25% !important;
    }
    .sidebar-toggle{
        position:absolute;
        top:-50px;
        left:0;
    }
    .sm-align-center{
        text-align:center !important;
        /*margin-bottom: 1em;*/
    }
   .sm-align-center.nav-pills li, .sm-align-center ul.pagination{
        display:inline-block;
        float:none !important;
    }
    .box-header .box-title.sm-align-center{
        text-align:center !important;
        width:100%;
    }
}
@media (max-width: 551px){
    .logo-lg img{
        width:35% !important;
    }
}
@media (max-width: 401px){
    .logo-lg img{
        width:45% !important;
    }
}
@media (max-width: 320px){
    .logo-lg img{
        width:60% !important;
    }
}
.sidebar {
    padding-bottom: 10px;
    margin-top: 2em;
}
.skin-blue .sidebar-menu>li.active>a {
    border-left-color: #ffffff;
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {
    color: #fff;
    background: rgba(0,0,0,.7);
}
.skin-blue .sidebar a {
    color: #ffffff;
    font-weight:300;
    font-size:1.2em;
}
.skin-blue .sidebar-menu>li>.treeview-menu {
	margin:0px;
    background: rgba(0,0,0,.5);
    padding-left:0px;
}
.treeview-menu>li.active {
   background: rgba(0,0,0,.5);
}
.skin-blue .sidebar-menu .treeview-menu>li>a {
    color: #dadada;
    padding-left: 3em;
    font-size:.9em;
    text-transform:uppercase !important;
}

/*FOOTER*/
.main-footer {
    color: #888888;
    border-top: 1px solid #ffffff;
}

/*CALENDARIO DATE PICKER*/
.list-group-fecha .pagination-sm>li>a, .pagination-sm>li>span {
    padding: 4.1px 11px;
    font-size: 12px;
    line-height: 1.5;
}
.input-fecha{
    border:rgba(0,0,0,0);
    background:transparent;
    text-align: center;
    font-weight: 300;
    color:#333 !important;
    display: inline;
    float: left;
    font-size: 1em;
    width: 10em;
    padding: .4em .5em;
    margin-top: 0em;
    cursor: default;
}
/**/@media (max-width: 767px){
    .input-fecha{
        font-weight: 400;
        font-size: .8em;
        margin-top: 0.25em;
        width: 6.2em;
    }
    .input-fecha-admin{ width: 7em; }
    .list-group-fecha .pagination-sm>li>a, .pagination-sm>li>span { padding: 4.1px 10px; }
}
.input-calendar{
    display: inline;
    float: left;
    font-size: .9em;
    width: 7.2em;
    padding: .411em .5em;
    margin: 0em .2em;
    border: 1px solid #dadada;
    border-radius: .15em;
}
.input-calendar-year{  
    text-align: center;
    font-weight:bold;
}
.icon-calendar-year{
    float:left;
    color:#999999;
    font-size:1.4em;
    display:block;
    margin-right:.5em;
    margin-top:.25em;
}
/*TABLAS REGISTRO-----------------------------------------------------------------*/
.box.box-success {
    border-top-color: #25b8ef;
}
@media (min-width: 768px){
    .box.box-success { 
        border: 3px solid #25b8ef;
    }
}
.registro-header{
    font-size:1.1em;
    font-weight:700;
    margin-top:.1em;
}
.registro-header span{
    color:#888888;
}
.registro-header span.registro-actual{
    display:inline-block;
    background:#d967ee;
    color:#fff;
    font-size:.7em;
    font-weight:400;
    border-radius:.3em;
    padding:.2em .5em;
    margin-left:.3em;
    text-transform: uppercase;
}
.registro-header.registro-ok, .registro-header.registro-ok span{
    color:#00c0ef;
}

.registro-header-total{
    font-size: .9em;
    color:#666666;
}
.registro-header-total strong{
    font-size:1.2em;
    color:#00c0ef;
}
.btn-exportar-pdf{
   background:#ffffff;
   color:#ff3333;
   border:1px solid rgba(0,0,0,0);
   margin-right:.5em;
}
.btn-exportar-pdf:hover, .btn-exportar-pdf:active, .btn-exportar-pdf:focus{ 
    background:#ff3333;
    color:#ffffff; 
    border:1px solid rgba(0,0,0,0);
}
.btn-exportar-excel{
   background:#ffffff;
   color:#12c69a;
   border:1px solid rgba(0,0,0,0);
   padding: .2em .5em;
}
.btn-exportar-excel:hover, .btn-exportar-excel:active, .btn-exportar-excel:focus{  
    background:#12c69a;
    color:#ffffff;    
    border:1px solid rgba(0,0,0,0);
 }
.btn-exportar-pdf i, .btn-exportar-excel i{
    font-size:1.1em;
    padding-top:.1em;
}

/*TABLE REGISTRO BOT*/
.table-registro-header{ margin:5px 0; }
.table-registro-header .registro-header-tit { 
    background:rgba(0,0,0,0);
    border-top:none !important;
    border-bottom:none !important;
    text-align: left;
    vertical-align: middle;
    padding: 1px 8px;
}
table.table-registro { border-collapse:collapse !important; border-spacing:0; }
.table-registro td {
    text-align:center;
    border-top: 1px solid #c4c4c4 !important;
    position:relative;
    /**/vertical-align:middle !important; 
    background: #efefef;
    /*background-clip: padding-box !important;*/
}
.table-registro td.fila1 {
    background: #efefef;
}
.table-registro td.fila2 {
    background: #fafafa;
}
.table-registro td.fila1-noborde{ border-top: 1px solid #efefef !important;  }
.table-registro td.fila2-noborde{ border-top: 1px solid #fafafa !important;  }
.table-registro td.border-me-right {
    border-right: 1px solid #c4c4c4 !important;
}
.registro-validado{
    color:#00c0ef;
    font-size:1.6em;
    float:right;
    margin-left:.5em;
}
.tooltip.top .tooltip-inner{ 
    width:10em;     
}
.table-registro td.top-header { border-top: none !important; }
.table-registro td.table-dia {
    color: #ffffff;
    background: #5c5c5c;
    text-align: left; 
    border-top: 1px solid #292929 !important;  
    width: 11%; 
}
.table-registro td.table-dia.table-dia-noborde{ border-top: 1px solid #5c5c5c !important;  }
.table-registro .table-dia span { font-size:1em; }
.table-registro td.table-total { 
    text-align:center; 
    padding:8px 2px;
}
.table-registro td.table-total span { 
    font-size: 1em;
    color: #45daff;
    font-weight:700;
}
.table-registro .table-dia span strong {
    display:block;
    font-size:.8em;
    font-weight:300;
}
.table-registro th {
    text-align:center;
    text-transform: uppercase;
    color:#fff;
    background:#676767;
    font-weight:400;
    vertical-align: middle !important;
}
.table-registro th.th-categoria{
    text-align:left;
    position:relative;
    color:#ffffff;
    background:#222222;
    font-weight:700;
    font-size:1.2em;
}
.table-registro th.th-categoria:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0 20px 10px;
    border-color: transparent transparent transparent #222222;
    top: 0;
    right: -10px;
}
.table-registro-subheader{
    background:#dadada !important;
    font-size:.8em;
    text-transform: uppercase;
    padding:2px 8px !important;
}

.input-registro{
    display: inline-block;
    padding: .3em .5em !important;
    font-size: .9em;
    text-align: center;
    margin: 0 0 .1em 0;
    border-radius:.2em;
    color: #5a5a5a;
}
.input-registro.eliminado{
    color: #ff0000;
    text-decoration:line-through;
}
input.input-registro{
    width:min-content !important;
    border:0px solid rgba(255,255,255,0) !important;
    /**/background:none !important;
    padding:.3em 0em !important;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    outline: none;
    color:blue !important;
    background:white !important;
}

/*TABLE REGISTRO FIX*/
.table-registro-fix td{
    background: none; 
    border-top: 1px solid #c4c4c4 !important;
    width:42%;
    height: 50px;
    position:relative;
}
.table-registro-fix td.top-header{ border-top: 1px solid #c4c4c4 !important;  }
.table-registro td.table-dia-fix {
    color: #ffffff;
    text-align: left; 
    border-top: 1px solid #c4c4c4 !important;  
    border-right: 1px solid #ececec !important;  
    text-align: center;
    width:16% !important;
}
.table-registro-fix th {    
    color:#666666;
    background:rgba(0,0,0,0);
    font-weight:300;
    vertical-align: middle !important;
}
.table-registro th.th-categoria-fix{
    text-align:left;
    position:relative;
    color:#888;
    background:rgba(0,0,0,.05);
    font-weight:700;
    font-size:1.2em;
    text-align: center;
    width:16% !important;
}
.table-registro th.th-categoria-fix:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0 20px 10px;
    border-color: transparent transparent transparent rgba(0,0,0,.05);
    top: 0;
    right: -10px;
}
.table-registro-fix td.border-me-right {
    border-right: 1px solid #ececec !important;
}
.input-registro-container{ position:relative; }
.table-registro .input-registro-container.input-registro-container-in-bot{
    position:absolute;
    width:100%;
    z-index: 2;
    top: 1.1em;
    left: 45%;
}  
.table-registro .input-registro-fix{   
    color: #ffffff;
    background:#ff0000;
    padding: 0em 0.5em !important;
    border-radius: .2em;
}
.table-registro .input-registro-fix.eliminado{
    color: #eaeaea;
    background:#999;
    text-decoration:line-through;
}

@media (max-width: 675px){
    .table-registro .input-registro-container.input-registro-container-in-bot{
        min-width: 225%;
        left: -9%;
        top: 1.2em;
    }
    .table-registro .input-registro-fix{   
        padding: 0em 0.2em !important;
    }
}


.table-registro-fix .table-registro-subheader{
    background:none !important;
    height: auto;
}
.table-registro-fix .sub-sub{    
    width:16% !important;
}
.table-registro-fix td.td-noborde{ border-top: 1px solid #ffffff !important;  }

/*BOTONES*/
.table-registro td button:focus{ outline: none !important; }
.table-registro td button.btn-delete-registro{
    background: none !important;
    color: #aaaaaa;
    font-size: .65em;
    border: 1px solid #c5c5c5;
    border-radius: 3em;
    padding: 0em .3em;
    display:inline-block;
}
.table-registro td button.btn-delete-registro:hover{
    border: 1px solid #ff6800;
    color:#ff6800;
}
.table-registro td button.btn-add-slot{
    border:none !important;
    background:none !important;
    padding:0 !important;
    color: #10d6b7;
    font-size: 1.5em;
}
.table-registro td button.btn-add-slot:hover{ color:#118c7c; }
.table-registro-fix .input-registro{    
   /* border: 1px solid #e28e8e;
    color: #d64c4c;
    background:#f2f2f2;*/
    color: #ffffff;
    background:#ff0000;
    padding: 0em 0.5em !important;
    margin:0.6em 0;
}

.table-registro-fix .input-registro.eliminado{
    color: #ccc;
    border: 1px solid #ffffff;
    background:#ffffff;
    text-decoration:line-through;
    margin-right:1.4em;
}

/*MEDIAQUERIES REGISTRO*/
@media (min-width: 320px){
    input.input-registro{ padding: .3em 0em !important; }
    .input-registro, .input-registro-fix{         
        padding: .3em 0em !important;
        font-size: .8em;
    }
    .table-dia span strong { font-size: .6em; }
}
@media (min-width: 640px){
    .table-dia span strong { font-size: .8em; }
}
@media (min-width: 1279px){
    .input-registro, .input-registro-fix{  
        font-size: 1em;
        font-weight:700;
    }
}
@media (min-width: 1490px){
    .input-registro, .input-registro-fix{ 
        font-size: 1.2em;
        font-weight:700;
    }
}
@media (min-width: 2000px){
    .input-registro, .input-registro-fix{    
        font-size: 2.5em;
    }
    .table-registro td button.btn-delete-registro { font-size: 1.4em; }
    .table-registro .table-dia span { font-size:1.8em; }
    .table-registro td button.btn-add-slot {        
        top: .5em;
        font-size: 2em;
        right: .6em;
    }
}
@media (max-width: 960px){
.table-registro td.fila2, .table-registro td.fila1 {
        padding: 3px !important;
        height: 50px;
    }
}
@media (max-width: 768px){
    
    .registro-header {
        font-size: .9em;
        text-align: left !important;
        margin-bottom:3px;
    }
   /* .registro-validado {
        font-size: .8em;
    }
    .registro-validado i{
        margin-left:.3em;
    }*/
    .table-registro td.table-total span {
        font-size: .8em;
        font-weight: 400;
    }
    input.input-registro{ padding: 0em !important; }
    .input-registro {
        padding: 0em !important;
    }
    .table-registro td.table-dia { 
        width: 14%; 
    }
    .table-registro td button { 
        font-size: 1em !important;
    }
    .table-registro td button.btn-add-slot{ 
        font-size: 1.7em !important;
    }
    th.no-padding-registro, td.no-padding-registro{
        padding:0px !important;
    }
}
/*//////////////TABLAS REGISTRO-----------------------------------------------------------------*/


.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters .col{
    padding-right: 0px;
    padding-left: 0px;
}

/*MODALES REGISTRO*/
#modal-delete-bot .modal-header {
    border-bottom-color: #ff6800;
    background: #ff6800;
    color:#ffffff;
    text-transform:uppercase;
}
.datos-fecha-modal{
    margin:.2em .4em !important;
    padding-left:0px !important;
}
.datos-fecha-modal li{
    list-style: none;
    border-bottom: 1px dashed #c7c7c7;
    padding:.5em .3em;
}
#modal-add-slot .modal-header {
    border-bottom-color: #00d8ba;
    background: #00d8ba;
    color:#ffffff;
    text-transform:uppercase;
}
#modal-edit-bot .modal-header {
    border-bottom-color: #999999;
    background: #999999;
    color:#ffffff;
    text-transform:uppercase;
}
#modal-validar .modal-header {
    border-bottom-color: #15bfff;
    background: #15bfff;
    color:#ffffff;
}

#modal-error-repetido .modal-body{
    background-color: #ffffff !important;
    color:#333333 !important;
}

#modal-error-repetido .datos-fecha-modal{
    margin:.2em .4em !important;
    padding-left:0px !important;
}
#modal-error-repetido .datos-fecha-modal li{
    list-style: none;
    border-bottom: 1px dashed #c7c7c7;
    padding:.5em .3em;
}

/*VISTA ADMIN TODOS*/
.card{
    background:#efefef;
    border-radius:.6em;
    padding:0px;
}
.card-header{
    background: rgb(177,47,237); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(177,47,237,1) 0%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(177,47,237,1) 0%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(177,47,237,1) 0%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b12fed', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding:.5em 0 .3em 0;
    -webkit-border-top-left-radius: .4em;
    -webkit-border-top-right-radius: .4em;
    -moz-border-radius-topleft: .4em;
    -moz-border-radius-topright: .4em;
    border-top-left-radius: .4em;
    border-top-right-radius: .4em;
    min-height: 135px;
    
}
.card-header-subtit{
    min-height: 160px;
}
.card-header img.card-img-top {
    border-radius: 50%;
    /* para versión estática
    margin: .05em 0 .385em 0;
    */ 
    /*Para versión dinámica*/
    margin: .05em 0 .30em 0;    
    width: /*25%*/ 5.5em;
    max-width:90px;
}
.card-header .card-div-top-outer{
    text-align: center;
}
.card-header .card-div-top{
    display:inline-block;
    position: relative;
    width: /*25%*/ 5.5em;
    max-width:90px;
    overflow: hidden;
    border-radius:50%;
    background: #3e3e3e;
}
.card-header .card-div-top:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.card-header .card-div-top-inner{
    position:  absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;    
    color:#ffffff;
    font-weight:bold;
    font-size:2.6em;
}
.card-header h5{
    font-weight:400;
    font-size:1.3em;
    color:#ffffff;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.card-header h6{
    color:#ffffff;
    margin:0px !important;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.card-body{
    margin: 1em;
}
.card-body h6{
    /*font-size:1em;
    font-weight:300;
    color:#888;
    text-align: left !important;    
    margin-bottom: 5px;*/
    position:relative;
    font-size: 1em;
    font-weight: 300;
    color: #757575;
    text-align: left !important;
    margin-bottom: 0px;
    position: relative;
    /**/padding-bottom: 1em;
    padding-top:.5em;
}
.card-body h6 span{
    position: absolute;
    bottom: -8px;
    right: 0px;
    font-size: .8em;
    font-weight: 700;
    color: #868686;
    border-right: 1px dashed #bcbcbc/* #747474*/;
    padding: 0 .5em .7em 0;
}
.card-body .jornada-porcentaje{
    text-align:right;   
    /*position:absolute;*/
    z-index:19;
    display:block;
    width:100%;
    bottom:.6em;
    right:0px; 
    /*border-top: 1px solid #cccccc;*/
}
.card-body .jornada-porcentaje span{
    position: absolute;
    right: 0;
    bottom: -3px;
    display: inline-block;
    width: 23%;
    font-size: .6em;
    font-weight: 400;
    color: #868686;
    text-align: right;
    border-right: 1px dashed #bcbcbc;
    padding: 0.3em .5em .6em 0;
}
.card-body .jornada-porcentaje span.lil{
    font-size: 0.3em;
    padding: 0px .5em .7em 0;
    border-right: 1px dashed #bcbcbc;
}
.card-body .jornada-porcentaje span.lil1{
    right:75%;
    bottom:0;
}
.card-body .jornada-porcentaje span.lil2{
    right:50%;
    bottom:0;
    /*font-size: .6em;
    padding: 0 .5em .3em 0;*/
    border-right: 2px solid #bcbcbc;
}
.card-body .jornada-porcentaje span.lil3{
    right:25%;
    bottom:0;
}

.card-body a, .card-body p{  
    display:inline-block;
    margin-bottom: .5em;
    color: #999;
}
.card-body p.trabajando{  
    color: #25b8ef;
    font-weight:700;
}
.progress-bar-outer{
    position:relative;
}
.progress-bar-inner{
    width:/*95%*/90%;
}
.progress-bar-outer a{
    position: absolute;
    right: -.6em;
    top: 66%;
    font-size: .8em;
    padding: .15em .25em;
    background: #d1d1d1;
    color: #727272;
    border-radius: 3em;
    z-index: 1;
}
.progress-bar-outer a:hover{
    background: #bbb;
    color: #555;
}
.progress-bar-outer a.validated{
    background: #00c0ef;;
    color: #ffffff;
}
.progress-bar-outer a.validated:hover{
    background: #00a6ce;
    color: #ffffff;
}

@media (min-width: 2000px){
    .progress-bar-outer a{        
        right: -.2em;
    }
}
.progress-day, .progress-week,  .progress-week-last, .progress-month  {
    margin-bottom: 12px;
    overflow: hidden;
    background-color: #bcbcbc;
    border-radius: 4px;
    z-index:20;
}
.progress-day {
    height: 40px;
}
.progress-week, .progress-week-last, .progress-month {
    height: 25px;
}
.progress-day .progress-bar{
    background-color: #33a9ec !important;
}
.progress-week .progress-bar{
    background-color: #ba3bd7 !important;
}
.progress-week-last .progress-bar{
    background-color: #757575 !important;
}
.progress-month .progress-bar{
    background-color: #cc18a8 !important;
}
.progress-day .progress-bar span{
    display:inline-block;
    margin-top:.5em;
    font-size:1.8em;
    font-weight:bold;
} 
.progress-week .progress-bar span, .progress-week-last .progress-bar span, .progress-month .progress-bar span{
    display:inline-block;
    margin-top:.1em;
    font-size:1.4em;
    font-weight:bold;
}
.progress-week-last .progress-bar span{    
    margin-top:.2em;
    font-size:1em;
    font-weight:bold;
}
.progress-day .progress-bar span, .progress-week .progress-bar span,  .progress-week-last .progress-bar span, .progress-month .progress-bar span{
    position: absolute;
    left: 0;
    right: 0;
    width:90%;
}
.table tr td .progress {
    margin-top: 0px;
}
.table tr td.table-total .progress {
    display:inline-block;
}
td .progress-day {
    height: 6px;
    width:90%;
}
td .progress-week, td .progress-month {
    height: 10px;
}
td .progress-day .progress-bar span{   
    margin-top:-.2em;
    font-size:1em;
    font-weight:normal;
    color:#fff;
} 
td .progress-week .progress-bar span, td .progress-month .progress-bar span{
    margin-top:-.2em;
    font-size:1em;
    font-weight:normal;
}
/*FIX MOBILE*/
.btn-delete-registro-fix-outer{
    display:inline-block !important;
    width:1em;
   /**/ height: auto;
    margin-top:0 !important;
    padding-top:0 !important;
    margin-left: .4em;
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
}

.table-registro .collapse {
  visibility: hidden;
}
.table-registro .collapse.in {
  visibility: visible;
  display: block;
}
.table-registro .collapsing {
  position: relative;
  /**/height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.table-registro .collapsing.right-collapse {
  -webkit-transition-property: width, visibility;
  transition-property: width, visibility;
  width: 0;
  /**/height: auto;
}

/*FIX COLLAPSE*/


.container-registro .collapsing {
transition:opacity 0.1s linear; 
-webkit-transition:opacity 0.1s linear; 
-moz-transition:opacity 0.1s linear; 
-o-transition:opacity 0.1s linear;
}

.container-registro .collapse.in{
opacity:1.0;
transition:opacity 0.1s linear; 
-webkit-transition:opacity 0.1s linear; 
-moz-transition:opacity 0.1s linear; 
-o-transition:opacity 0.1s linear;
}

.container-registro .collapse{
transition:opacity 0.1s linear; 
-webkit-transition:opacity 0.1s linear; 
-moz-transition:opacity 0.1s linear; 
-o-transition:opacity 0.1s linear;
}

.container-registro .right-collapse {
    opacity: 0;
  /**/ height: auto !important;
}

/*LOGIN*/
.login-page, .register-page {
    height: auto;
    background: linear-gradient(25deg, #25b8ef, #b518d1);
    background-size: 100% 100%;

    -webkit-animation: AnimationName 18s ease infinite;
    -moz-animation: AnimationName 18s ease infinite;
    animation: AnimationName 18s ease infinite;

    @-webkit-keyframes AnimationName {
        0%{background-position:100% 0%}
        50%{background-position:0% 100%}
        100%{background-position:100% 0%}
    }
    @-moz-keyframes AnimationName {
        0%{background-position:100% 0%}
        50%{background-position:0% 100%}
        100%{background-position:100% 0%}
    }
    @keyframes AnimationName { 
        0%{background-position:100% 0%}
        50%{background-position:0% 100%}
        100%{background-position:100% 0%}
    }
}
.login-box-body, .register-box-body {
    background: #fff;
    padding: 35px;
    border-top: 0;
    color: #666;    
    border-radius:.3em;
}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
    color: #28b5ee;
    font-size: 1.5em;
}
.login-box-body .icheck>label {
    padding-left: 20px;
}
.login-box-body p {
    text-align: center;
    margin-top:1em;
}
.login-box-body p button{
    background: none !important;
    border: 1px solid rgba(255,255,255,0) !important;
    outline: none !important;
    color: #00c0ef;
}
.login-box-body p button:active {
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    outline: none !important;
}
.login-box-body p button:hover,  .login-box-body p button:active{    
    color: #0e9abc;
}

.box-ajustes{
    margin-top:1em;
}
h4.separador{
    border-bottom:1px solid #dadada;
    padding-bottom:.3em;
    margin:2.5em 0 1em 0;
}

/*CLOCKPICKER*/
.single-input[readonly] {
    background-color: #fff;
    opacity: 1;
}
.popover.bottom {
    margin-top: 0px;
}
.popover {    
    max-width: 276px;
    padding: 1px;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;   
    font-size: 1em;
    background-color: #aaa;
    border: 1px solid #aaa;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .5em;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
    box-shadow: 0 5px 10px rgba(0,0,0,.5);
}
.popover.bottom>.arrow {
    border-bottom-color: #ffffff;
    border-bottom-color: rgba(0,0,0,.2);
}
.clockpicker-popover .popover-title {
    background-color: #fafafa;
    color: #666666;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.clockpicker-popover .popover-title span.text-primary {
    color: #10d6b7;
}
.clockpicker-canvas line {
    stroke: #10d6b7;
}
.clockpicker-canvas-bearing, .clockpicker-canvas-fg {
    fill: #10d6b7;
}
.clockpicker-canvas-bg {
    fill: #51f3d9;
}
.clockpicker-tick.active, .clockpicker-tick:hover {
    background-color: #10d6b7;
}
/*----------LIST GROUP header de contents*/
ul.list-group-horizontal {margin-bottom:0px;}
ul.list-group-horizontal li.list-group-item{
    display:inline;
    padding: 0em;
    margin-bottom: 0px;
    background-color:#ecf0f5;
    background-color: rgba(255,255,255,0);
    border: none !important;
    line-height: 1.4em;
}
@media (max-width: 767px){
    ul.list-group-horizontal li.list-group-item{  line-height: 1em; }
}
.list-group-fecha{
    margin-left:5.8em;
}
/*SELECT TIEMPO*/
div.select-tiempo{    
    position: absolute;
    width: 4.1em;
    top: -1.6em;
    left: .5em;
}

div.select-tiempo .custom-select {    
    margin:.7em 0;
    margin-bottom:0px;
    height: 1.7em;
}
div.select-tiempo .custom-select select {
  display: none; /*hide original SELECT element: */
}
div.select-tiempo .select-selected {
  background-color: /**/#ecf0f5;
  font-weight:normal;
}
/* Style the arrow inside the select element: */
div.select-tiempo .select-selected:after {
    position: absolute;
    content: "";
    top: 19px;
    right: -6px;
    width: 0;
    height: 0;
    border: 3.5px solid transparent;
    border-color: rgba(0,0,0,.5) transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
div.select-tiempo .select-selected.select-arrow-active:after {
  border-color: transparent transparent rgba(0,0,0,.5) transparent;
  top: 14px;
}
/* style the items (options), including the selected item: */
div.select-tiempo .select-items div, div.select-tiempo  .select-selected {
    color: #555;
    padding: 0px 2px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0) transparent;
    cursor: pointer;
    font-weight:300;
    font-size: 1em;    
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
/* Style items (options): */
div.select-tiempo .select-items {
    position: absolute;
    background-color: #fff;
    width: 4.5em;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
div.select-tiempo .select-items div {
    border: 1px solid rgba(0,0,0,.1);
    font-size: .9em;
    padding: .8em .6em;
}
div.select-tiempo .select-items div:hover, div.select-tiempo  .same-as-selected {
    background-color: rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px){
    .list-group-fecha{ margin-left:5em;  }
    div.select-tiempo{    
        position: absolute;
        width: 4.1em;
        top: -1.3em;
        left: .5em;
    }
    div.select-tiempo .select-items div, div.select-tiempo  .select-selected { font-size: .8em; 
    font-weight:400;    }
    div.select-tiempo .select-selected:after {
        top: 17px;
        right: 4px;
    }
    div.select-tiempo .select-selected.select-arrow-active:after { top: 13px; }

    div.select-tiempo .select-items div{
      border:1px solid rgba(0,0,0,.1);
      font-size:.8em;
      padding: .8em .3em;
    }
    div.select-tiempo .select-items { width: 3.5em; }

}
/*AYUDA*/
.list-group-item {
    padding: 1.5em;    
    line-height: 1.7em;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    font-size: 1.3em; 
    line-height: 1.2em;
    font-weight:300;
    color: #fff;
    background-color: #25b8ef;
    border-color: #25b8ef;    
    padding: 10px 15px;
}
.list-group-item img {
    margin-bottom:2em;
    border:4px solid #dadada;  
}
.list-group-item img.cincuenta {
    width:50% !important; 
}
.list-group-item img.veinte {
    width:20% !important; 
}
.list-group-item img.treinta {
    width:30% !important; 
}
.list-group-item img.cuarenta {
    width:45% !important; 
}
.list-group-item img.pull-right {
    margin-left:1em; 
}
.list-group-item img.pull-left {
    margin-right:1em; 
}
.list-group-item p span {
    -webkit-border-radius:  5em;   
    -moz-border-radius:  5em;
    border-radius: 5em;
    background: #fff600;
    padding: .1em .5em .2em .5em;
    margin-right:.4em;
    margin-left:.4em;
    font-weight: 700;
}
div.list-group{
    margin-bottom:0em;
}
div.list-group .list-group-item {
    padding: .5em;
    line-height: 1em;
    border:1px solid #999;
    background:#999;
    margin-bottom:1px;
}
div.list-group .list-group-item.active, div.list-group  .list-group-item.active:focus, div.list-group  .list-group-item.active:hover {
    font-size: 1em;
    line-height: 1em;
    font-weight: 300;  
    padding: .5em;    
    border:1px solid #999;
}
.list-group-item.active:hover {
    background:##25b8ef;
    border:1px solid ##25b8ef   ;
    border-bottom: 1px solid #fff;
}
a.anchor {
    display: block;
    position: relative;
    top: -30px;
    visibility: hidden;
}