body{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  background-color: #e9e8e8;
}

p, a, label, input, select, .form-control, .btn {
    font-size: 14px;
}

h6 {
    font-size: 14px;
    font-weight: bold;
}

.half, .half .container > .row {
  height: 100vh;
  margin-top: -21px;
}


.half .contents, .half .bg {
  width: 50%;
}
.half .bg {
  background-size: cover;
  background-position: center;
}
img.logitipo-login {
  width: 100%;
}
.login-wrap {
  position: relative;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
  -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
}
.login-wrap .icon {
  width: 60px;
  height: 60px;
  background: #3e9ec9;
  border-radius: 50%;
  font-size: 30px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.login-wrap .icon span {
  color: #fff;
}
.form-control.medium {
  height: 52px;
  background: #fff;
  color: #000;
  font-size: 14px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.form-control.btn {
  height: 52px;
  font-size: 16px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.btn-primary.gris{
  background-color:#424243 ;
}
.checkbox-wrap {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
footer {
  background: #2c2d33;
  float: left;
  width: 100%;
  padding: 8px 4px 4px;
  /* position: absolute; */
  bottom: 0;
  color:#fff;

}
footer p{
  color:#fff;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  label, input, select, .form-control{
    margin-bottom: 1rem;
  }
  .container.sm{
    width: 100%;
    max-width: 100%;
  }
  .half .contents, .half .bg {
    width: 100%;
    padding-top: 5rem;
    position: absolute;
  }
  .half .bg {
    height: 100%;
  }
  .half, .half .container > .row {
    height: 100%;
  }
}
/* MENU  */
.bg-dark {
  background-color: #0474a7 !important;
}
li.nav-item {
  padding: 4px 8px;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
.btn-secondary {
  color: #fff;
  background-color: #2ab57d;
  border-color: #2ab57d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #249a6a;
  border-color: #229164;
}
.btn-primary {
  color: #fff;
  background-color: #5156be;
  border-color: #5156be;
}
.btn-primary:hover {
  color: #fff;
  background-color: #4549a2;
  border-color: #414598;
}
.btn-default{
  color: #fff;
  background-color: #74788d;
  border-color: #74788d; 
}
.btn-default:hover {
  color: #fff;
  background-color: #636678;
  border-color: #5d6071;
}
.card-o {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #e9e9ef;
  border-radius: 0.25rem;
  margin-bottom: 10px;
}
.card-Top {
  background-color: #fff;
  background-clip: border-box;
  border-left: 1px solid #e9e9ef;
  border-top: 1px solid #e9e9ef;
  border-radius: 0.25rem 0.25rem 0 0;
  border-right: 1px solid #e9e9ef;
}
.card-Bottom {
  background-color: #fff;
  background-clip: border-box;
  border-left: 1px solid #e9e9ef;
  border-top: none;
  border-radius: 0 0 0.25rem 0.25rem;
  border-right: 1px solid #e9e9ef;
  border-bottom: 1px solid #e9e9ef;
  padding: 5px;
}
.nav-tabs.nav-optimuz {
  border-bottom: 1px solid #f6f6f6;
}
.nav-tabs.nav-optimuz li.nav-item {
  padding: 4px 8px 0;
  
}
.nav-tabs.nav-optimuz .nav-link{
  border: none;
  background: none;
}
.nav-tabs.nav-optimuz .nav-link:hover{
  color: #fff;
  background-color: #05083e96;
  border-bottom: 1px solid #5156be;
}
.nav-tabs.nav-optimuz .nav-link.active {
  color: #fff;
  border-bottom: 1px solid #5156be;
  background-color: #05083e96;
}

.table.table-optimuz {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  display: table;
  border-collapse: collapse;
  caption-side: bottom;
  border-spacing: 2px;
  vertical-align: top;
  margin: 0;
  border: none;
}
.table.table-optimuz tr{
  border-bottom: 1px solid #e9e9ef;

}
.table.table-optimuz th, .table.table-optimuz td{
  padding: 0.5rem;
    border: 1px solid #dee2e6;

}
.table.table-optimuz .table-light-o {
  background-color: #595c9a !important;
  color: #fff;
  border-color: #d2d2d7;
}
.table.table-optimuz .table-light-o a{
  color: #fff;
}
.table.table-optimuz  tr:nth-child(even) {
  background: #fff;
}



        /* TABLA */
        @media screen and (max-width: 600px) {
            table .table-optimuz {
                border: 0;
            }

                table.table-optimuz caption {
                    font-size: 1.3em;
                }

                table.table-optimuz thead {
                    border: none;
                    clip: rect(0 0 0 0);
                    height: 1px;
                    margin: -1px;
                    overflow: hidden;
                    padding: 0;
                    position: absolute;
                    width: 1px;
                }

                table.table-optimuz tr {
                    border-bottom: 3px solid #ddd;
                    display: block;
                    margin-bottom: .625em;
                }

                table.table-optimuz td {
                    border-bottom: 1px solid #ddd;
                    display: block;
                    font-size: .8em;
                    text-align: right;
                }

                    table.table-optimuz td::before {
                        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
                        content: attr(data-label);
                        float: left;
                        font-weight: bold;
                        text-transform: uppercase;
                    }

                    table.table-optimuz td:last-child {
                        border-bottom: 0;
                    }

            .navbar.navbar-dark {
                padding: 4px 1rem !important;
            }

            ul.navbar-nav-optimuz {
                float: left;
                margin: 0;
                padding: 0;
            }

                ul.navbar-nav-optimuz li.nav-item {
                    width: 100%;
                }

                    ul.navbar-nav-optimuz li.nav-item.icono-menu {
                        width: 30%;
                        float: left;
                    }

            .dropdown-menu.show {
                border: none;
                width: 100%;
                background-color: #034e70;
                margin: -1px 0 0;
                border-radius: 0;
            }
        }
        /* FIN TABLA */

.form-inline-optimuz {
    float: left;
    width: 100%; 
    /* margin-bottom: 8px; */
}
.form-inline-optimuz input{
  float: left;
}
.flex-end {
  float: right;
}
.generalLista {
  /* position: absolute; */
  top: 63px;
  right: 212px;
  /* background: #000000cc; */
  padding: 8px 0;
  border-radius: 8px;
}
.generalLista::before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #000000cc;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  right: -20px;
  top: 15px;
  transform: rotate(180deg);
}
.mostrarOrdenes {
  position: absolute;
  left: 140px;
  top: 63px;
  background: #000000cc;
  padding: 8px ;
  border-radius: 8px;
}
.mostrarOrdenes::before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #000000cc;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: -20px;
  top: 15px;
  
}
.img16{
  width: 16px;
}
.img18{
  width: 18px;
}
.img20{
  width: 20px;
}
.img24{
  width: 24px;
}
.img32{
  width: 32px;
}
.width-100{
  width: 100%;
}
.btn-anadir{
  height: 24px;
  background: url("../images/icono/tres-puntos-azul.png") center center no-repeat;
  cursor: pointer;
  background-size: 27px;
}
.btn-anadir:hover{
  background: url("../images/icono/tres-puntos-negro.png") center center no-repeat;
  cursor: pointer;
  background-size: 27px;
}
.m12{
  margin: 12px;
}
.ico-ver {
  position: absolute;
  left: 108px;
  margin-top: -12px;
  background: #000000cc;
  padding: 8px;
  border-radius: 8px;
}
.ico-ver::before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #000000cc;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: -20px;
  top: 15px;
  transform: rotate(0);
} 
.float-fixed {
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 50px;
  height: 50px;
  border:1px solid #229467;
  border-radius: 50%;
  background: url("../images/icono/mas.png") center center no-repeat #2ab57d;
  background-size: 24px;
}
a.btnRedondo {
  border-radius: 50%;
  background: #0474a7;
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 8px;
}
a.btnRedondo:hover{
  background: #034e70;
}
.navbar{
  padding: 0 1rem !important;
}
.navbar-collapse-optimuz {
  width: 800px;
  justify-content: flex-end;
}
.navbar-collapse-optimuz ul{
  margin-top: 0px;
    margin-bottom: 0;
}
.navbar-collapse-optimuz li.nav-item {
  padding: 4px 4px;
  float: left;
  list-style: none;
}
.navbar-collapse-optimuz li.nav-item:hover{
  background: #034e70;
}
.navbar-collapse-optimuz .navbar-nav-optimuz > li.nav-item > a{
  color: #fff;
}
.navbar-collapse-optimuz .dropdown-menu{
  background-color: #0474a7;
}
.navbar-collapse-optimuz .dropdown-menu a{
  color: #fff;
}
.navbar-collapse-optimuz .dropdown-item:hover,.navbar-collapse-optimuz .dropdown-item:focus {
  color: #fff;
  text-decoration: none;
  background-color: #034e70;
}
a.centro-medico {
  color: #fff;
}
a.navbar-brand-optimuz {
  padding: 8px 4px;
  line-height: 3;
  height: 24px;
  width: 24px;
}
#BtnDarkTheme {
  background: url(../images/icono/monitor-levels.png) no-repeat center;
  width: 40px;
  height: 44px;
  float: left;
  background-size: 23px;
  padding: 8px;
  cursor: pointer;
}
a.nav-link.btnSalir {
  padding: 8px 4px;
}

.table.table-optimuz .oselect {
    background-color: lightblue !important;
}



/* DARK THEME */

body.darkTheme{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  background-color: #030f16;
  color: #6f7d86;
}
body.darkTheme .navbar{
  background-color: #000 !important;
}
body.darkTheme .nav-tabs.nav-optimuz {
  border-bottom: 1px solid #0b334b;
}
body.darkTheme  .card-o {
  background-color: #061e2c;
  border: 1px solid #082a3e;
}
body.darkTheme  .card-Top {
  background-color: #061e2c;
  border-left: 1px solid #082a3e;
  border-top: 1px solid #082a3e;
  border-right: 1px solid #082a3e;
}
body.darkTheme  .card-Bottom {
  background-color: #061e2c;
  border-left: 1px solid #082a3e;
  border-right: 1px solid #082a3e;
  border-bottom: 1px solid #082a3e;

}
body.darkTheme  .form-control, body.darkTheme  input, body.darkTheme  select {
  color: #adb5bd;
  background-color: #072435;
  border: 1px solid #0b334b;
}

body.darkTheme  .table.table-optimuz {
  color: #adb5bd;
  background-color: #0b334b;
  border-color: #0b334b;
}
body.darkTheme .table.table-optimuz .table-light-o{
  background-color: rgba(0, 0, 0, 0.5) !important;
    color: #eff0f2;
}
body.darkTheme .table.table-optimuz .table-light {
  background-color: #0b334b;
  color: #eff0f2;
}
body.darkTheme  .table.table-optimuz tr {
  background-color:transparent;
}

body.darkTheme .table.table-optimuz tr:nth-child(even) {
  background-color: rgba(10, 70, 88, 1);
}
body.darkTheme  tr:hover td, body.darkTheme  tr.over td {
  background-color: #0b334b;
}
body.darkTheme .table.table-optimuz th, body.darkTheme  .table.table-optimuz td {
  border: 1px solid #0b334b;
}
body.darkTheme  #BtnDarkTheme {
  background: url(../images/icono/monitor-levels-blanco.png) no-repeat center;
  width: 40px;
  height: 44px;
  float: left;
  background-size: 23px;
  padding: 8px;
  cursor: pointer;
}
body.darkTheme .navbar-collapse-optimuz .dropdown-menu{
  background-color: #000;
}
body.darkTheme  .navbar-collapse-optimuz .dropdown-menu a{
  color: #eff0f2;
}
body.darkTheme  .navbar-collapse-optimuz .dropdown-item:hover,.navbar-collapse-optimuz .dropdown-item:focus {
  color: #eff0f2;
  text-decoration: none;
  background-color: #0b334b;
}
body.darkTheme .card{
  background-color: #0b334b;
}
body.darkTheme .sceditor-container,
body.darkTheme .sceditor-container iframe, body.darkTheme .sceditor-container textarea,
body.darkTheme div.sceditor-toolbar
{
  background-color: #0b334b78;
  border: 1px solid #0b334b;
  color: #eff0f2 !important;
}
body.darkTheme  .note-editor.note-frame .note-editing-area .note-editable{
  background-color: #0b334b78;
  border: 1px solid #0b334b;
  color: #eff0f2;
}

body.darkTheme .breadcrumb {
    background-color: #0b334b78;
    border: 1px solid #0b334b;
    color: #eff0f2;
}

body.darkTheme .table.table-optimuz .oselect {
    background-color: #061e2c !important;
}

/* CALENDAR */
#calendar .fc-toolbar {
  flex-wrap: wrap;
}
#calendar .fc-left {
  float: left;
}
#calendar .fc-center {
  float: left;
  /* width: 200px; */
}
#calendar .fc-right {
  float: left;
  margin-top: 2px;
  /* width: 300px; */
}

.breadcrumb {
    margin: 0px 0px 8px 0px;
}