.login {
  background-image: url(../images/mosaico4.png), url(../images/fondo.jpg);
}


.login_form {
  padding: 10px;
  width: 110%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  color: white;
  -moz-box-shadow:    inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow:         inset 0 0 10px #000000;
  -webkit-transition: box-shadow .5s, background .5s, height .5s; /* For Safari 3.1 to 6.0 */
  transition: box-shadow .5s, background .5s, height .5s;
}
.login_form:hover {
  background: rgba(0, 0, 0, 0.35);
  -moz-box-shadow:    inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
  box-shadow:         inset 0 0 5px #000000;
}

.login_content {
  text-shadow: none;
}

#errorlogin {
  -webkit-transition: all 2s; /* For Safari 3.1 to 6.0 */
  transition: all 2s;
  -moz-box-shadow: inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow: inset 0 0 5px #000000;
  border-color: #333;
}

.profile_pic_user {
  filter: grayscale(100%);
}

.nav_title img {
    max-width: 33px;
    display: -webkit-inline-box;
    margin: 0px !important;
    margin-left: 7px !important;
    margin-bottom: 6px !important;
    margin-right: 11px !important;
    /* -webkit-box-shadow: inset 0 0 10px #000000; */
    /* box-shadow: inset 0 0 10px #000000; */
    border-color: #969696 !important;
    background: rgb(115, 135, 156);
}

.profile_img {
    font-size: 60px;
    margin-left: 13px;
    margin-top: 18px;
}

/* FORMULARIOS */
.caja-textarea-dos-filas textarea {
    height: 78px !important;
}
.caja-textarea-dos-filas .form-control-feedback {
    height: 63px;
    font-size: 27px !important;
    padding-top: 18px;
    padding-left: 5px;
}

select.select-icon {
    /*padding-left: 40px;*/
}

option {
    background: white !important;
}

input.form-control,
textarea.form-control,
select.select-icon {
  transition: background .25s;
  -webkit-transition: background .25s; /* For Safari 3.1 to 6.0 */
  background: #f7f7f7;
}

input.form-control:hover,
textarea.form-control:hover,
select.select-icon:hover {
  background: #e8e8e8;
}

.form-control-check,
.form-control-radio,
.form-control-separator-h,
.display-inline
 {
  display: inline !important;
}
.form-control-check label {
  margin-top: -5px;
}
.form-control-check label span {/* Pretty Check */
  position: relative;
  top: 11px;
}

.form-control-separator-h {
  border: .5px solid silver;
  margin: 0px 10px;
}

.iradio_flat-green { /* Pretty Radio */
  top: -1px;
}

footer {
  background: #EDEDED;
  border-top: 1px solid #D9DEE4;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

input.form-error {
    background: rgba(243, 156, 18, 0.12);
    border-color: rgba(243, 156, 18, 0.88);
}

#info-form {
  display: none;
}

/*#info-form.form-error {
    display: block;
    background-color: rgba(243,156,18,.88);
    border-color: rgba(243,156,18,.88);
}*/

#info-form.form-success {
    display: block;
    background-color: rgba(38,185,154,.88);
    border-color: rgba(38,185,154,.88);
}
#info-form.form-error {
    display: block;
    background-color: rgba(231,76,60,.88);
    border-color: rgba(231,76,60,.88);
}




input {
    -webkit-transition: background-color .25s !important;
    -o-transition: background-color .25s !important;
}
.dataTable tbody tr:hover,
.dataTables_wrapper input:hover {
    background: rgba(0,166,207,0.2);
   /*border-color: rgba(0,166,207,0.4);*/
}
.dataTables_wrapper input:focus {
  background-color: rgba(0,166,207,0.4) !important;
  border-color: rgba(0,166,207,1);
}
.dataTable tbody tr td:hover {
  background-color: rgba(0,166,207,0.15);
}

  /*********************************/
 /* Personalización de DataTables */
/*********************************/
.dataTables_length select,
.dataTables_filter input {
    height: 30px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.dataTable .fa {
    font-size: 15px;
}
.dataTable .fa-check {
    color: green;
}
.dataTable .fa-times {
    color: red;
}
.dataTable .max-width-30px {
    max-width: 45px !important;
    width: 45px !important;
}
.dataTable .max-width-30px span {
    /*max-width: 40px !important;*/
}

.dataTable .acciones span + span {
    border-left: .5px solid #ddd;
}
.dataTable thead {
    background: #00a6cf;
    color: white;
}

.dataTable tbody .acciones a:hover i {
    color: #00a6cf !important;
}

.dataTable a {
  color: #00a6cf;
}
.dataTable a:hover {
  text-decoration: underline;
  /*color: #46525e;*/
}

.dataTable .e_opaco_transparente {
  text-align: center;
}

/* Estilo de los td de las propiedades activas de los Elementos */
.dataTable .e_activo {
  /*border: #00a6cf 1px dashed !important;*/
  background-color: rgba(0,166,207,0.1);
}
.dataTable .e_activo.e_color {
  /*border: 5px solid rgba(0,166,207,0.1) !important;*/
  /*border: 5px solid rgb(227, 243, 240) !important;*/
}
.dataTable .e_inactivo {
  /*background: grey;*/
  /*background-color: rgba(187, 26, 26, 0.1);*/
}
.dataTable .e_inactivo.e_color {
  /*border: 5px solid rgba(187, 26, 26, 0.1) !important;*/
  /*border: 5px solid rgb(243, 227, 227) !important;*/
}
.dataTable .e_color div {
  /*border: white 1px solid !important;*/
  height: 28px !important;
}

.paginate_button:hover, .paginate_button:focus, .paginate_button:active,
.btn-default:hover, .btn-default:focus, .btn-default:active {
    background-color: rgba(0,166,207, 0.75) !important;
    color: white !important;
}

.dataTables_paginate {
    margin-top: 10px !important;
    cursor: pointer;
}
.dataTables_paginate a {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    background: #00a6cf !important;
    color: white;
}

.dataTables_paginate .disabled,
.dataTables_paginate .disabled:hover {
    cursor: not-allowed;
    color: #777 !important;
    color: #d6d6d6 !important;
    background: #00a6cf !important;
}
table.table .disabled {
    cursor: not-allowed;
    /*color: #d6d6d6;*/
    opacity: .4;
}

a.current,
a.current:hover {
    cursor: default;
    color: #fff;
    /*text-decoration: underline;*/
    background-color: rgba(0,166,207, 0.75) !important;
}
.paginate_button.previous {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.paginate_button.next {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.dataTables_paginate > span > a:first-child {
    border-left: 1px solid rgb(130, 210, 194) !important;
}
.dataTables_paginate > span > a {
    border-right: 1px solid rgb(130, 210, 194) !important;
}
/* END Personalizaciónn de DataTables */

  /*********/
 /* Modal */
/*********/
.modal .modal-header,
.modal .modal-footer {
    background: #00a6cf !important;
    color: white;
}
.modal .modal-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: solid 3px #ddd;
}
.modal .modal-footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: solid 3px #ddd;
}
/* END Modal */


.btn-success,
.btn-default {
    background: #00a6cf !important;
    border: 1px solid #0e92b3 !important;
    color: white;
}
.btn-success:hover,
.btn-default:hover {
    background: #00738f !important;
    border-color: #0a5d71 !important;
}
.btn-success:focus,
.btn-success:active,
.btn-default:focus,
.btn-default:active {
    background: #005e75 !important;
    border-color: #074c5d !important;
}

.btn-primary {
    background: #005e75 !important;
    border-color: #074c5d !important;
}
.btn-primary:hover {
    background: #00738f !important;
    border-color: #0a5d71 !important;
}
.btn-primary:focus,
.btn-primary:active {
    background: #00a6cf !important;
    border: 1px solid #0e92b3 !important;
}


  /***************/
 /* Tooltip CSS */
/***************/
.tooltip-css {
    position: relative;
}
.tooltip-css:hover .tooltip-css-top,
.tooltip-css:hover .tooltip-css-bottom,
.tooltip-css:hover .tooltip-css-left,
.tooltip-css:hover .tooltip-css-right {
    visibility: visible;
}
/* Top */
.tooltip-css .tooltip-css-top {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 130%;
    left: 50%;
    margin-left: -60px;
    line-height: 1;
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    font-size: 12px;
}
.tooltip-css .tooltip-css-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
/* Bottom */
.tooltip-css .tooltip-css-bottom {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
    line-height: 1;
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    font-size: 12px;
}
.tooltip-css .tooltip-css-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}
/* Left */
.tooltip-css .tooltip-css-left {
    visibility: hidden;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: 25%;
    right: 106%;
    line-height: 1;
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    font-size: 12px;
}
.tooltip-css .tooltip-css-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
/* Right */
.tooltip-css .tooltip-css-right {
    visibility: hidden;
    width: 120px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
    line-height: 1;
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    font-size: 12px;
}
.tooltip-css .tooltip-css-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
/* END Tooltip CSS */

.panel_toolbox {
  min-width: auto !important;
}


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



.acciones .editar,
.acciones .eliminar {
    /*padding: 0px 20px !important;*/
    width: 50%;
}
.acciones .editar > a,
.acciones .eliminar > a {
    /*padding: 0px 10px !important;*/
}

select[name=tipo] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.icon-disabled i,
.icon-disabled:hover i {
    color: rgba(0, 166, 207, 0.41) !important;
    cursor: not-allowed !important;
}






body {
    color: #757575 !important;
}
a {
    color:#757575;
}
a:hover {
    color: #231f20;
}
.nav.side-menu>li.active>a {
    background:linear-gradient(#1e1b1c,#1e1b1c),#231F20 !important;
}
.nav-md ul.nav.child_menu li:after {
    border-left:1px solid #393536 !important;
}
.nav-md ul.nav.child_menu li:before {
    background:#393536 !important;
}
.left_col {
    background:#231F20 !important;
}
.nav_title {
    background: none;
}
.nav.side-menu>li.active, .nav.side-menu>li.current-page,
.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {
    border-right: 5px solid #00a6cf !important;
}
.nav-sm ul.nav.child_menu {
    background: #333031;
}

.nav-md .navbar.nav_title a {
    /* padding: 14px; */
    /* margin-bottom: 10px; */
    /* width: 150px; */
    /* height: 38px; */
    background: url(https://bcsdevelopment.ddns.net/unicasarepositorio/img/logo-unicasa-2.svg) 0 0 no-repeat;
    display: inline-block;
    background-size: 149px 38px;
    background-position: 10px 13px;
}

.nav-sm .navbar.nav_title a {
    margin: 14px 13px !important;
    /* padding: 14px; */
    /* margin-bottom: 10px; */
    width: 40px;
    height: 40px;
    background: url(https://bcsdevelopment.ddns.net/unicasarepositorio/img/logo-unicasa-2.svg) 0 0 no-repeat;
    display: inline-block;
    background-size: 40px 40px;
    /* background-position: 10px 13px; */
}

  /**************/
 /* Login Page */
/**************/
.login_form {/* Caja de login */
    padding: 20px;
   /* background: #231F20 !important;*/
   background: #FFDF00 !important;
    position: relative;
}
.login {
    /*background: #EDEDED;*/
}
.login button {
    width: 100%;
}
.login a:hover {
    text-decoration: underline;
    color: #757575;
}
.login_content {
    padding: 0px;
}

.logo-login img {
    width: 100% !important;
    margin: 16px !important;
}

.login {
    /*background-image: url(../img/mosaicos/mosaico4.png);*/
}
 /* END Login Page */
 
  /**********/
 /* Footer */
/**********/
footer {
    margin-left: 0px !important;
    border-top: 1px solid #E6E9ED;
}
footer div {
    line-height: .5;
}
footer .logo-footer {
    padding: 0px;
    width: 150px;
    height: 38px;
    background: url(https://bcsdevelopment.ddns.net/unicasarepositorio/img/logo-unicasa-2.svg) 0 0 no-repeat;
    display: inline-block;
    background-size: 149px 38px;
}

.version-footer {
    font-size: 16px;
    margin: 10px;
    background: #fff;
    border: 1px solid;
    height: 20px !important;
    padding: 9px;
    position: relative;
    top: -14px;
    border: 1px solid #E6E9ED;
    border: 1px solid #cdcdcd;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgb(205, 205, 205);
    -moz-box-shadow: inset 0px 0px 1px 0px rgb(205, 205, 205);
    box-shadow: inset 0px 0px 1px 0px rgb(205, 205, 205);
    color: #b8b8b8;
}
/* END Footer */

  /***********/
 /* General */
/***********/
body {
    background: #231f20;
}
.login {
    background: #EDEDED;
    /*background-image: url(../img/logo-unicasa-2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;*/
}
/* END General */

  /***************/
 /* Formularios */
/***************/
.daterangepicker.picker_1 .calendar-table thead tr:first-child {
    background: #00a6cf !important;
}
.daterangepicker.picker_1 .calendar-table thead tr {
    background: rgba(255,255,255,.05) !important;
    
}
.daterangepicker.picker_1,
.daterangepicker.picker_1 .calendar-table,
.daterangepicker.picker_1 .calendar-table td.off {
    background: #231F20 !important;
}
.daterangepicker.picker_1 .calendar-table td.available:hover {
    color: #00a6cf;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #00a6cf !important;
    color: white !important;
}

#boton-filtrar-general {
    margin: 0px;
    padding: 18px;
    float: right;
}

.well input[type=text]{
    background: white;
}
/* END General */



.titulo {
    margin: 30px 0px !important;
}
.titulo strong {
    border-left: 5px solid #00a6cf !important;
    padding-left: 8px !important;
}

#grafica-global-mensajes {
    height: 772px !important;
    overflow: scroll;
}
@media only screen and (max-width: 991px) {
  #grafica-global-mensajes {
    height: inherit !important;
  }
}


.timeline h2.title:before {
    border-color: #00a8d7;
    background: #00a8d7;
}

.pila:before {
    position: relative;
    right: 16px;
}

.color-success {
    color: rgba(38,185,154,.88);
}
.color-warning {
    color: rgba(243,156,18,.88);
}
.color-error {
    color: rgba(231, 76, 60, 0.88);
}

#calendario_inicio_general,
#calendario_fin_general,
#boton-filtrar-general {
    height: 62px;
    width: 100% !important;
}


.nav-md #sidebar-menu li > a {
    padding: 21px 15px 20px;
    font-size: 16px;
}
.nav-md ul.nav.child_menu li:before {
    margin-top: 30px !important;
}



#calendario_inicio_general,
#calendario_fin_general {
    font-size: 20px;
}

.color-grey {
    color: grey;
}

.navbar-right > li > .user-profile.dropdown-toggle {
    padding: 17px 15px 8px !important;
}
.navbar-right > li > .user-profile.dropdown-toggle .fa {
    font-size: 26px;
}

.tile-stats {

    border: none !important;
    /*background: transparent !important;*/

}

.tile-stats:hover .icon i {
    /*color: #757575;
    color: inherit !important;*/
}

#nombre {
    padding-top: 10px;
    padding-bottom: 10px;
    background: rgba(255,255,255,.05);
        font-size: 12px;
}

#sidebar-menu {
    margin-top: 8px;
}


.login form {
    margin: 0px;
}

/* Caja del sidebar con nombre del usuario */

.img-circle.profile_img {
    border: none;
    background: #00a8d7;
}

.recordar-clave {
    float: left;
    margin-bottom: 14px;
}

.recordar_form {
    width: 117%;
}