/* 
    Created on : 14-jul-2016, 09:32:00
    Author     : Israel Garaballú
*/

/* GENERAL */
@import url(font-Roboto.css);
@import url(font-Identificacion.css);

@font-face {
    font-family: 'ds-digitalitalic';
    src: url('../fonts/ds-digii-webfont.woff2') format('woff2'),
        url('../fonts/ds-digii-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}



html, body,
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,
.tooltip, .popover,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field,.select2-container--bootstrap .select2-selection {
    font-family: 'Roboto' !important;
}
body {
    color: #3c3c3c;
}
.toggle-group .btn,
.toggle-group .btn:hover,
.badge {
    font-weight: 400;
}
label {
    margin-bottom: 0px;
    font-weight: 400;
}

li{
    margin: 0;
}

.btn,
.btn:hover,
.btn:active,
.btn:focus,
.btn:active:hover {
    border-radius: 0;
}
.btn-primary, .btn-danger, .btn-success {
    font-weight: 400;
}
.btn i {
    font-size: 14px;
}
.select2-results__option {
    margin: 0;
    min-height: 32px;
}
.display-none {
    display: none;
}

.hidden {
    visibility: hidden;
}

/* CONTENT */
.content-wrapper {
    background: #EDEDED;
}
.content-wrapper .content-header h1 {
    color: #000000;
    text-transform: uppercase;
    font-size: 18px;
}

/* CONTENT LIST TABLES */
#main.content {
    padding-bottom: 80px;
}
body.list table {
    border: 0;
}
body.list .table-responsive {
    overflow-x: unset;
    overflow-y: visible;
}
body.list table thead th,
body.list table thead th a,
body.list table thead th span,
body.list table thead th a:hover,
body.list table thead th.sorted,
body.list table thead th.sorted a,
body.list table thead th.sorted span {
    background: transparent;
}
body.list table thead th a,
body.list table thead th span,
body.list table thead th.sorted,
body.list table thead th.sorted a,
body.list table thead th.sorted i,
body.list table thead th.sorted a:hover i {
    color: #616161;
}
body.list .table thead tr th.sorted:first-child,
body.list .table thead tr th.sorted,
body.list .table thead tr th {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #CCCCCC;
    border-left: 0;
}
body.list .table tbody {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
body.list table tbody td.actions a {
    font-weight: 400;
    margin-right: 0px;
}
ul.dropdown-menu {
    border-radius: 0;
    margin: 2px;
    padding: 0;
    background: #ededed;
    box-shadow: 2px 4px 4px 0px rgba(0, 0, 0,0.4);
    border:none;
}
ul.dropdown-menu > li {
    padding: 0;
    border-bottom: 1px solid #CCCCCC;
}

ul.dropdown-menu > li:last-child {
    padding: 0;
    border-bottom: 0;
}

ul.dropdown-menu > li > a {
    padding: 10px;
}
.dropdown-menu > li > a:hover{
    background:#fff;
}


.toggle-group .toggle-on,
.toggle-group .toggle-on.btn-xs,
.toggle-group .toggle-on:hover,
.toggle-group .toggle-on:active,
.toggle-group .toggle-on:active:hover {
    background-color: #52BF90;
    border: 0;
}
.toggle.btn-success,
.toggle.btn-success:hover,
.toggle.btn-success:active,
.toggle.btn-success:focus,
.toggle.btn-success:active:hover {
    background-color: #52BF90;
}
.toggle-group .toggle-off,
.toggle-group .toggle-off.btn-xs,
.toggle-group .toggle-off:hover,
.toggle-group .toggle-off:active,
.toggle-group .toggle-off:active:hover {
    background-color: #FE5C5C;
    border: 0;
}
.toggle.btn-danger,
.toggle.btn-danger:hover,
.toggle.btn-danger:active,
.toggle.btn-danger:focus,
.toggle.btn-danger:active:hover {
    background-color: #FE5C5C;
}

/* FORMS */
form[data-view="new"] input.form-control,
form[data-view="new"] .select2 .select2-selection,
form[data-view="edit"] input.form-control,
form[data-view="edit"] .select2 .select2-selection,
form[data-view="new"] textarea.form-control,
form[data-view="edit"] textarea.form-control {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    box-shadow: none !important;
    padding: 5px 5px;
    border-radius: 0;
    color: #808080;
}
form[data-view="new"] textarea.form-control,
form[data-view="edit"] textarea.form-control {
    min-height: 100px;
}
form[data-view="new"] .select2 *,
form[data-view="edit"] .select2 * {
    box-shadow: none !important;
}
form[data-view="new"] .select2-container--bootstrap.select2-container--focus .select2-selection,
form[data-view="new"] .select2-container--bootstrap.select2-container--open .select2-selection,
form[data-view="new"] .select2-container--bootstrap .select2-dropdown,
form[data-view="edit"] .select2-container--bootstrap.select2-container--focus .select2-selection,
form[data-view="edit"] .select2-container--bootstrap.select2-container--open .select2-selection,
form[data-view="edit"] .select2-container--bootstrap .select2-dropdown {
    border-color: #444444;
}
form[data-view="new"] input[type="file"],
form[data-view="edit"] input[type="file"] {
    box-shadow: none !important;
}

/* LOGIN */
body.fosuser {
    background-color: #077591;
}
body.fosuser .login {
    width: 400px;
    max-width: 100%;
    margin: 80px auto;
}
body.fosuser .login form {
    background-color: #FFFFFF;
    padding: 15px;
}
body.fosuser .login .login-logo {
    height: 100px;
    width: 100%;
    margin-bottom: 0;
    padding: 10px 0;
    background-image: url('../img/identificacion_login.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
body.fosuser .login label[for="username"],
body.fosuser .login label[for="password"],
body.fosuser .login input[type="text"],
body.fosuser .login input[type="password"] {
    width: 100%;
    float: left;
}
body.fosuser .login label[for="username"],
body.fosuser .login label[for="password"] {
    text-align: center;
}
body.fosuser .login input[type="text"],
body.fosuser .login input[type="password"] {
    background-color: transparent;
    border-top: 0px;
    border-right: 0px;
    border-bottom: solid 1px #4d4d4d;
    border-left: 0px;
    box-shadow: none !important;
    padding: 5px 0px;
    text-align: center;
    margin-bottom: 25px;
}
body.fosuser .login .login-remember {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 25px;
}
body.fosuser .login input[type="submit"] {
    background-color: #333333;
    color: #FFFFFF;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 70px;
    border: 0px;
    cursor: pointer;
}

/* MENU ICONS */
.main-sidebar .fa {
    font-size: 20px !important;
    width: auto !important;
    margin-right: 10px;
}
.main-sidebar .fa-id {
    font-size: 20px !important;
    width: auto !important;
}
.fa-id {
    font-family: Identificacion !important;
    text-transform: none;
}
.fa-id.id-personal::before {
    content: '\e801';
}
.fa-id.id-remesas::before {
    content: '\e800';
}
.fa-id.id-sedes::before {
    content: '\e805';
}
.fa-id.id-empresas::before {
    content: '\e802';
}
.fa-id.id-centros::before {
    content: '\e803';
}
.fa-id.id-user::before {
    content: '\e804';
}

/* Modal */
#modal-registros form {
    margin-top: 25px;
    margin-bottom: 25px;
}

.modal-content,
.nav-tabs > li > a {
    border-radius: 0px;
}

.modal-content ul.nav {
    padding-left: 0px;
    margin-left: 0px;
}

.modal-help{
    overflow-y: initial !important
}
.modal-help  .modal-body{
    height: 500px;
}

.contenedor-tipo-servicio.pendientes {
    border: 2px solid #002a67;
    color:#FFF;
    background: #002a67;
}

.contenedor-tipo-servicio {
    width: 100%;
    height: 92px;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.contenedor-tipo-servicio h3{
    padding:0;
    margin:0;
}

.contenedor-tipo-servicio p:nth-child(2) {
    font-size: 16px;
    font-weight: 600;
}

.contenedor-tipo-servicio p:nth-child(3) {
    font-size: 12px;
}

.contenedor-tipo-servicio .contenedor-icono {
    line-height: 72px;
    text-align: center;
    font-size: 40px;
}

.submenu{
    margin-top:15px;
}

.main-header .logo{
    width:auto;
}

.main-header img{
    max-width: 120px;
}

.navbar-nav > li > a {

    padding-top: 14px;
    padding-bottom: 13px;

}

.navbar-header.bg-success {

    margin-left: -15px;
    padding-left: 18px;

}
.bg-rapido{
    background-color: #337ab7;
    border-left: 1px solid #077591;
}

.navbar-custom-menu.full {
    width:100%;
}

.navbar-custom-menu a {
    color: #FFF;
}

.navbar-nav li{
    margin-bottom: 0 !important;
}

.btn-radius {
    border-radius: 3px;
}
.hide_field input {
    display: none;
}

.content-header {
    padding-left:15px;
    padding-right:15px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: #fff;
    border-bottom: 3px solid #63b0ff;
    margin-bottom: 10px;
}

.form-actions.stuck{
    height:63px;
    border-top: 1px solid #63b0ff;
    box-shadow: none;
    z-index: 999;
}

.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}
.red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#f00; }



.table.style1 > thead > tr, .table.style2 > thead > tr, .table.style3 > thead > tr {
    background-color: #337ab7;
    color: #FFFFFF;
}
.table.style1-red  > thead > tr, .table.style2-red > thead > tr, .table.style3-red > thead > tr {
    background-color: #FE5C5C;
    color: #FFFFFF;
}

.easyadmin #main .table-striped > tbody > tr {
    background-color: #F8F8F8;
}
.easyadmin #main .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #FFFFFF;
}

.checkbox input[type="checkbox"]{
    /*margin-left: 0px !important;*/
}


.btn.btn-icon,
.btn.btn-icon:hover,
.btn.btn-icon:active,
.btn.btn-icon:focus,
.btn.btn-icon:active:hover {
    border-radius: 100% !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0px 0px !important;
    text-align: center !important;
    color: #FFF !important;
    background-color: #337ab7 !important;
}
.btn.btn-icon2,
.btn.btn-icon2:hover,
.btn.btn-icon2:active,
.btn.btn-icon2:focus,
.btn.btn-icon2:active:hover {
    border-radius: 100% !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0px 0px !important;
    text-align: center !important;
    color: #FFF !important;
    background-color: #CCC !important;
}
.btn.btn-icon3,
.btn.btn-icon3:hover,
.btn.btn-icon3:active,
.btn.btn-icon3:focus,
.btn.btn-icon3:active:hover {
    border-radius: 100% !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0px 0px !important;
    text-align: center !important;
    color: #FFF !important;
    background-color: #337ab7 !important;
}
.btn.btn-add,
.btn.btn-add:hover,
.btn.btn-add:active,
.btn.btn-add:focus,
.btn.btn-add:active:hover {
    background-color: #337ab7 !important;
}

.hvr-underline-from-center:before, .hvr-underline-from-left:before{
    background:#4CC5FF !important;
}


.btn.btn-radius,
.btn.btn-radius:hover,
.btn.btn-radius:active,
.btn.btn-radius:focus,
.btn.btn-radius:active:hover {
    border-radius: 3px !important;
    border: none;
}

.sameHeight select {
    height: 34px;
}

.menu-icon{

    width: 28px;
    margin-top: -4px;
    background: #6c6c6c;
    border-radius: 4px;
    margin-right: 10px;
}

.sidebar-menu > li:hover > a > .menu-icon{
    background: #fff !important;
}

.icon-title{
    padding: 0px;
    background: #63b0ff;
    border-radius: 40px;
    max-height:40px;
}

.button-icon{
    width: 28px;
}
.button-icon2 {
    width: 22px;
}

.button-icon-img {
    width: 22px;
}

.btn-secundary{
    background:#ccc;
}

.img-listado-personal img, .img-cuadrante {
    border: 1px solid #BFBFBF;
    box-shadow: none;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    object-fit: cover;
}

.img-ficha-resumen img{
    border: 1px solid #bdbdbd;
    height: 225px;
    width: 100%;
    object-fit: cover;
    margin-top: 10px;
}

.icon-content{
    width:100%;
    max-height: 70px;
    max-width: 70px;

}

.separador-right{
    border-right: 1px solid #ccc;
}

.separador-left{
    border-left: 1px solid #ccc;
}

.separador-bottom{
    border-bottom: 1px solid #ccc;
}

.separador-top{
    border-top: 1px solid #ccc;
}
.top-buffer { 
    margin-top:20px; 
}

.menu-superior {
    margin-top: -10px;
}

.menu-superior .navbar-default {

    background-color: #508ECC;
    border-radius: 0 !important;
    border: 0px;

}

.menu-superior .navbar-nav > li > a{
    color:#fff;
}

.menu-superior .navbar-nav > li > a:hover{
    background: #63b0ff;

}

.menus-superior .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
    color: #555;
}

.easyadmin-thumbnail img {
    width: 110px;
    height: 70px;
    object-fit: contain;
    background: #FFFFFF;
}

.easyadmin-lightbox {
    text-align: center;
    background: #FFFFFF;
}

.help-required{
    margin-left:10px;
}

.alert.alert-info {
    background: #d9edf7 !important;
    border: 0 !important;
    border-radius: 0;
    color: #3a87ad !important;
}

.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: #FFFFFF;
}
.panel-heading a.collapsed:after {
    content:"\e080";
}
.panel-heading a{
    color: #FFFFFF;
    cursor: pointer;
}

.tooltip-inner {
    max-width: 400px;
    /* If max-width does not work, try using width instead */

    background: #fafafa;
    color: #616161 !important;
    border:1px solid lightgray;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: lightgray;
    border-width: 0 5px 5px;
}

.tooltip.in{opacity:1!important;}

.select2-container--bootstrap .select2-results > .select2-results__options{
    max-height: 250px !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu{
    width:210px !important;   
}

.bg-selected{
    background: #63b0ff;
}

.icon2>div {
    cursor:pointer;
}

/***CAMBIO ALERTAS BOOTSTRAP ***/

.displaystyle-leftborder {
    padding: 15px;
    background-color: #FFFFFF;
    border-left: 9px solid ;
    margin-bottom: 10px;
    box-shadow: 3px 4px 4px -2px rgba(0, 0, 0, 0.19);

}

.displaystyle-sm {
    padding: 10px;
    font-size: 80%;
}
.displaystyle-lg {
    padding: 35px;
    font-size: large;
}
.displaystyle-success {
    border-color: #80D651;
}
.displaystyle-success>strong {
    color: #80D651;
}
.displaystyle-info {
    border-color: #45ABCD;
}
.displaystyle-info>strong {
    color: #45ABCD;
}
.displaystyle-warning {
    border-color: #FEAF20;
}
.displaystyle-warning>strong {
    color: #FEAF20;
}
.displaystyle-error {
    border-color: #d73814;
}
.displaystyle-error>strong {
    color: #d73814;
}

/**COMIENZA LA MAGIA DEL POSTIT */

.postit{
    width: 210px;
    height: 224px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    color: #FFF;
    cursor: move;
    z-index:10000;
}

.postit-position{
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    left: 11px;
    right: 0;
    top: 347px;
}

.postit.info{
    background-image: url('../img/postit/postit_azul.png');
}

.cabecera-postit{
    height: 48px;
    width: 203px;
    text-align: right;
    padding: 15px 10px 0 0;
    color: #000;
}

.texto-postit{
    height: 163px;
    width: 202px;
    padding: 10px;
    font-weight: bold;
    font-size: 17px;
    text-align:center;
}

/** BOTONES EXPANDIBLES **/


.expand {
    text-align: right;
    transition: all 0.5s;
    cursor: pointer;
}

.expand span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.expand span:after {
    position:absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
    margin-top: 4px;
}

.editar:after{
    content: 'Modificar';
}
.expand:hover span.editar {
    padding-right: 66px;
}

.ver:after{
    content: 'Ver Todo';
}
.expand:hover span.ver {
    padding-right: 66px;
}

.ver-perfil:after{
    content: 'Ver Perfil';
}
.expand:hover span.ver-perfil {
    padding-right: 130px;
}

.nuevo:after{
    content: 'Añadir';
}
.expand:hover span.nuevo {
    padding-right: 50px;
}

.expand:hover span.editar {
    padding-right: 66px;
}

.expand:hover span:after {
    opacity: 1;
    right: 0;

}

/*CALENDARIO*/
.calendario{
    width:100%;
    height: calc(100vh - 150px) ;
    overflow:visible;
}

.dhx_btn_set.dhx_right_btn_set.dhx_delete_btn_set {
    background: #f44336;
    color: #fff;
}

.jornada.dhx_cal_event_line:hover div{
    background: none !important;
    cursor: initial !important;
}

.jornada.dhx_cal_event_line{
    cursor: initial !important;
}

#mapa{
    width:100%;
    height: calc(100vh - 160px) ;
    overflow:visible;
}

.content-wrapper{
    background:#fff;
}

.calendario .leyenda {
    display: inline-block !important;
    background: #ededed;
    width: 100%;
    padding: 15px 10px 5px 10px;
    text-align: right;
}

.calendario .colores {

}

.calendario .leyenda .color {
    width: 15px;
    height: 15px;
    border: 1px solid #3d3d3d;
    float: right;
    margin-left: 5px;
}


.dhx_matrix_scell {
    text-align: left !important;
    font-weight: bold;
    padding-left:5px;
}

#scheduler_here {
    border: 1px solid #CECECE;
}


.dhx_time{
    display:none !important;
}

.dhx_title{
    color:#FFF;
}

.dhx_cal_ltitle{
    background: #337ab7;
}

.dhx_title {
    color: #FFF;
    font-weight: bold;
    margin: 0 !important;
    line-height: 25px!important;
    font-size: 14px !important;
    text-transform: uppercase;
}

.dhx_cal_light.dhx_cal_light_wide {
    border: none;
    box-shadow: none;
}

.dhx_cal_cover {
    opacity: 0.5 !important;
}

.dhx_cal_ltext textarea{
    background: #FFF !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    padding:0 0 0 5px !important;
}

.dhx_cal_light_wide .dhx_wrap_section{
    border:none !important;
}

.dhx_cal_light_wide {
    width: 618px !important;
}
.dhx_cal_light_wide .dhx_cal_larea {
    width: 510px !important;
}

.dhx_btn_set.dhx_left_btn_set {
    border: 1px solid #aca8a8 !important;
}


.dhx_cal_ltext>select{
    height:26px;
    border:1px solid #CECECE;
}

.dhx_cal_ltext{
    height: 30px !important;
}

.dhx_btn_set, .dhx_btn_set div{
    text-shadow:none;
    border:none;
}


.dhx_btn_set, .dhx_cancel_btn_set{
    border:none !important;
    border-radius:5px;
}

.dhx_cancel_btn_set{
    background:#CCC;
}

.dhx_cal_navline {

    background: #337ab7;

}

.dhx_cal_date {
    color: #fff !important;
}

.dhx_cal_prev_button {

    background-color: #fff !important;
    width: 30px !important;
    border-radius: 50px !important;

}

.dhx_cal_next_button {
    background-color: #fff !important;
    width: 30px !important;
    border-radius: 50px !important;

}

.dhx_cal_today_button {
    background: #fff !important;
    border-radius: 5px !important;

}

.dhx_cal_tab {
    background: #CCC !important;

}

.dhx_cal_tab.active{
    background: #fff !important;
    color: #5780AD !important; 
    font-weight: bold !important;
}

.scheduler_weekends {
    background-color: #DFDFDF;
    opacity: 1;
}

/*RELOJ*/
.clockdate-wrapper {
    background-color: #337ab7;
    padding: 0px 15px;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto;
    display: table;
    width: 100%;
    
}
#clock, #clock-b{
    background-color: #337ab7;
    font-family: ds-digitalitalic;
    font-size: 28px;
    text-shadow: 0px 0px 18px #fff;
    color: #fff;
    font-kerning: none;
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    width: 40%;
}
#clock span, #clock-b span {
    color:#fff;
    font-size:18px;
}
#date {
    letter-spacing:5px;
    font-size:14px;
    font-family:ds-digitalitalic;
    color:#fff;
    display: table-cell;
    vertical-align: middle;
}

.sweet-alert p{
    text-align: center !important;
    font-size: 14px !important;
}

/* Leyenda */



.colores {
    display: inherit;
    margin-bottom: 5px;
    font-size:10px;
}

.leyenda div {
    margin: 0px;
    padding: 0px;
}

.leyenda .color {
    width: 15px;
    height: 15px;
    border:1px solid #3d3d3d;
    float: left;
    margin-right: 5px;
}

.leyenda .color.dia-laboral {
    background-color: #ecbb51;
}

.leyenda .color.dia-ausencia {
    background-color: #E26E67;
}

.leyenda .color.dia-festivo {
    background-color: #3883a3;
}

.leyenda .color.vacaciones {
    background-color: #8ed077;
}

.leyenda .color.permisos {
    background-color: #075500;
}

.leyenda .color.baja {
    background-color: #C9C1FE;
}

#prefijo-empresa {
    border: none;
    margin: 0;
    height: 100%;
}

#empresaSelect {
    padding: 0;
    margin: 0;
    height: 34px;
}
.input-group .input-group-addon{
    border-left:1px solid #CCC;
}

.swal-wide {
    width: 700px !important;
}

/**TOGGLES**/

.toggle-group .toggle-handle, .toggle-group .toggle-handle:hover, .toggle-group .toggle-handle:active, .toggle-group .toggle-handle:active:hover {
    height: 100% !important;
    margin:0 !important;
    border: 1px solid #7d7d7d;
    background: #ededed;
}
.toggle-group .btn {
    font-size:14px !important;
}
.toggle.btn.btn-sm.btn-primary {
    background: none !important;
}

.toggle {
    margin-bottom: 19px;
}

.bootstrap-datetimepicker-widget .btn{
    background:none;
}


.bootstrap-datetimepicker-widget.dropdown-menu,.bootstrap-datetimepicker-widget  .table-condensed{
    width: unset !important;
    min-width: 10px !important;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table td span {
    height: 25px !important;
    line-height: 25px !important;
    width: 25px !important;
}


.truncate {
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.posicion-boton {
    position: absolute;
    z-index: 100;
    right: 230px;
    top: 83px;
}

.posicion-boton.open {
    top: 160px;
    transition: top 0.4s;
}

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus, .nav > li.active > a {
    color: #444;
    background: #f7f7f7;
}

.col-md-3.capa-users {

    height: calc(100vh - 160px);
    overflow-y: scroll;

}

.capa-users .row {
    background: #efefef;
    border-bottom: 1px solid #bcbcbc;
    cursor: pointer;
}

#icon-alerta {
    margin-right: 20px;
    animation: blinker 2s linear infinite;
    cursor:pointer;
}

@keyframes blinker {
  25% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
}

@media only screen and (max-width: 1200px) {
    .accesosRapidos,
    .iconUsuarioFos,
    .nombreUsuarioFos {
        display: none;
    }
}
@media only screen and (max-width: 900px) {
    .textoLogoutFos {
        display: none;
    }
}



body.custom_ea .main-sidebar .fa,
body.custom_ea .main-sidebar .fa.fa-img {
    width: 28px !important;
    height: 28px !important;
    background-color: #6c6c6c !important;
    border-radius: 4px;
    margin-right: 10px !important;
    float: left;
}
body.custom_ea.sidebar-collapse .main-sidebar ul.sidebar-menu > li > a {
    padding: 12px 7px;
}
body.custom_ea.sidebar-collapse .main-sidebar ul.sidebar-menu > li > a .fa {
    float: none;
}
body.custom_ea .main-sidebar a:hover .fa,
body.custom_ea .main-sidebar a:hover .fa.fa-img {
    background-color: #FFF !important;
}
body.custom_ea .main-sidebar a .fa {
    color: #AAA;
    text-align: center;
    padding-top: 3px;
}
body.custom_ea .main-sidebar a span {
    float: left;
    margin-top: 4px;
}
body.custom_ea .main-sidebar .fa.fa-img {
    background-size: contain;
}
body.custom_ea .fa-img.principal {
    background-image: url('../img/icons/principal.png');
}
body.custom_ea .fa-img.empresas {
    background-image: url('../img/icons/empresa.png');
}
body.custom_ea .fa-img.personal {
    background-image: url('../img/icons/personal.png');
}
body.custom_ea .fa-img.remesas {
    background-image: url('../img/icons/remesas.png');
}
body.custom_ea .fa-img.informes {
    background-image: url('../img/icons/informes.png');
}
body.custom_ea .fa-img.user {
    background-image: url('../img/icons/administradores/principal.png');
}
body.custom_ea .fa-img.documentacion {
    background-image: url('../img/icons/documentacion/principal.png');
}

.fa.fa-angle-left.pull-right {
  display: none;
}

.fa.fa-chevron-right{
    display:none;
}

body.custom_ea .btn:not(.customBtn),
body.custom_ea .btn:not(.customBtn):hover {
    border-radius: 3px !important;
    border: none;
    line-height: 28px;
}
body.custom_ea .btn.btn-primary {
    background-color: #337ab7 !important;
}
body.custom_ea .btn.btn-primary.action-new .fa.fa-plus {
    width: 28px !important;
    height: 28px !important;
    margin: -10px 0;
    background-size: contain;
    background-image: url('../img/icons/administradores/crear.png');
}
body.custom_ea .btn.btn-primary.action-new .fa.fa-plus::before {
    content: "";
}

body.custom_ea td.actions .btn.btn-default {
    border-radius: 100% !important;
    width: 36px !important;
    height: 36px !important;
    background-color: #CCC !important;
    text-indent: -99999px;
    background-size: 90%;
    background-position: center;
    background-image: url('../img/icons/administradores/opciones.png');
}

body.custom_ea td.actions .btn.btn-default.editar {
    background-image: url('../img/icons/personal/editar.png');
}

body.custom_ea td.actions .btn.btn-default.documentacion {
    background-image: url('../img/icons/personal/documentacion.png');
}

body.custom_ea body.easyadmin h1.title {
    margin-bottom: 10px;
    margin-top: 10px;
}

body.custom_ea .input-group.search input.form-control {
    height: 40px;
}
body.custom_ea .input-group.search .input-group-btn .btn {
    border-radius: 0 3px 3px 0;
}

body.custom_ea #form-actions-row ul.dropdown-menu .btn {
    margin: 0;
    padding: 3px 5px;
    background-color: #FFF;
    display: block;
    border-radius: 0 !important;
}
body.custom_ea #form-actions-row ul.dropdown-menu .btn.action-delete {
    background-color: #D42124;
    color: #FFF;
}

.odd{
    background: #F8F8F8 !important; 
}

.itemUser.selected{
    background: #C0D6FF !important;
}


.even{
     background: #FFF !important; 
}

.itemUser{
    cursor:pointer;
}

.btnMenu {
    background: #626161;
    text-align: center;
    border-radius: 5px;
    color: #ccc;
    font-weight: bold;
    max-width: 103px;
    margin: 0 auto;
    padding: 5px 0px;
}

.btnMenu img{
    max-width: 36px;
}

.titulo-menu {
    text-align: center;
    color: #ccc;
    margin-top: 50px;
}

.separador-menu {
    height: 1px;
    background: #ccc;
    width: 60%;
    margin: 0 auto;
        margin-bottom: 0px;
    margin-bottom: 15px;
}

.sidebar-collapse .asistencia-menu{
    display:none;
}

.number-alerta {
    position: absolute;
    z-index: 10000;
    background: #f00;
    height: 20px;
    width: 20px;
    padding: 0 !important;
    line-height: 18px;
    text-align: center;
    border-radius: 40px;
    margin-top: -24px;
    margin-left: 20px;
}
.icon-mensaje{
    margin-right:20px;
}

.asistencia-menu {
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
}

.nav-pills > li > a {
    border-left: solid 1px #3c8dbc;
    border-right: solid 1px #3c8dbc;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    border-top: solid 3px #3c8dbc;
    color: #444;
    background-color: #f7f7f7;
}
.nav-pills > li:not(.active) > a {
    border-top: solid 1px #ddd;
    border-color: #ddd;
}

.circle {
    width: 50px;
    height: 50px;
    margin: 20px auto 30px auto;
    font-size: 34px;
    font-weight: bold;
    border: 3px solid;
    text-align: center;
    border-radius: 50px;
    color: #337ab7;
}


.easyadmin-thumbnail img {
  background: #afafaf;
}