/**
 *
 * Apply Here your Custom CSS
 *
*/

body {
}

h1, h2, h3, h4, h5 {
    font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif !important;
    font-weight: 500!important;
}

h2.title {
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
  background: transparent url(../images/title.png) no-repeat bottom center;
}

/* th.header {
  position: sticky;
  top: 0;

  z-index: 10001;
} */

/* .header-fixed thead, .header-fixed tbody, .header-fixed tr, .header-fixed td, .header-fixed th { display: block; } */

/* .header-fixed tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
} */

/*.header-fixed thead th {
    height: 30px;

    text-align: left;
}
*/

.header-fixed thead tr{
  display:block;
  width: 100%;
}
.header-fixed tbody {
    height: 700px;
    overflow-y: auto;
    display:block;
    overflow:auto;
    width:100%;
}

.header-fixed tbody tr {
  width: 100%;
}

.header-fixed thead {
    /* fallback */
}

/* .header-fixed tbody td, .header-fixed thead th {
    width: 6%; 
    float: left;
}*/


.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}

span.draggable {
    cursor: move;
}

td.valignmiddle {
  vertical-align: middle!important;
}

.badge.badge-success {
    background-color: #00a651!important;
    color: #fff!important;
}

.badge.badge-secondary {
  background-color: #ee4749!important;
  color: #fff!important;
}

/* table */
table.table-dias td {
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
}

/*table.table-dias tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}*/

.inactive td {
    background-color: rgba(0,0,0,0.05);
    border-bottom: 1px solid #ccc!important;
    color: rgba(0,0,0,0.5);
}
.inactive td .badge.badge-success,
.inactive td .badge.badge-danger,
.inactive td .badge.badge-info,
.inactive td .badge.badge-primary {
  background-color: rgba(0,0,0,0.5)!important;
}

.inactive td .alert.alert-info,
.inactive td .alert.alert-danger,
.inactive td .alert.alert-warning,
.inactive .alert.alert-info,
.inactive .alert.alert-danger,
.inactive .alert.alert-warning {
    background-color: rgba(0,0,0,0.1)!important;
    border-color: rgba(0,0,0,0.15)!important;
    color: rgba(0,0,0,0.4)!important;
}

.inactive td .text-success,
.inactive td .text-danger {
  color: rgba(0,0,0,0.5)!important;
}

/* transitions vue */

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

#mute {
  /*position: absolute;*/
}

#mute.on {
  /*opacity: 0.3;*/
  /*z-index: 1000;*/
  /*background: #f1f1f1;*/
  height: 100%;
  width: 100%;
}

#mute.on .loader {
  margin: 0 auto;
  opacity: 1;
  border: 10px solid #f3f3f3; /* Light grey */
  border-top: 10px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
}

.data_loader {
  width: 100%;
  height: 150px;
}

.data_loader .loader {
  margin: 60px auto;
  opacity: 1;
  border: 10px solid #f3f3f3; /* Light grey */
  border-top: 10px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
}

#muteForm {
  /*position: absolute;*/
  height: 150px;
  width: 100%;
}

#muteForm.on {
  /*opacity: 0.7;*/
  /*z-index: 1000;*/
  /*background: black;*/
  /*height: 100%;*/
  height: 150px;
  width: 100%;
}

#muteForm.on .loader {
  margin: 0 auto;
  opacity: 1;
  border: 10px solid #f3f3f3; /* Light grey */
  border-top: 10px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
}

select.ui.dropdown {
  height: 40px!important;
}

.main_overlay {
  position: relative;
  min-height: 60px;
}

.main_overlay .overlay {
  position: absolute;
  min-height: 60px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(255,255,255,0.5); /*dim the background*/
}

.main_overlay .overlay .loader {
  margin: 6px auto;
  opacity: 1;
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.displaynone {
  position: absolute;
  visibility:hidden;
  display:none;
}

/*accordeon*/

.panel-default > .panel-heading .badge.badge-info {
  background-color: #21a9e1;
  color: #fff;
}

.panel-default > .panel-heading .badge.badge-danger {
  background-color: #cc2424;
  color: #fff;
}

.panel-default > .panel-heading .badge.badge-primary {
  background-color: #373e4a;
  color: #fff;
}


/*input group append*/
.input-group-append {
    margin-left: -1px;
}

.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2;
}

.input-group>.input-group-append>.btn {
  border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.nomargin {
  margin: 0px;
}

.tile-stats .num {
    line-height: 40px;
}

.table > tbody > tr > td {
     vertical-align: middle;
}

ui.table td.blue, .ui.table tr.blue {
  background: rgba(246,252,255,0.2) !important;
  color: #337b92 !important;
}

ui.table td.negative, .ui.table tr.negative {
  box-shadow: 0 0 0 #E0B4B4 inset;
  background: #FFF6F6!important;
  color: #9F3A38!important;
}

.ui.form .field .prompt.label.blue {
    white-space: normal;
    background: #F8FFFF!important;
    border: 1px solid #A9D5DE!important;
    color: #276F86!important;
}

.table > tbody > tr.info,
.table > tbody > tr.info > td {
  background-color: rgba(197,232,247,0.1)!important;
}
.table > tbody > tr.success,
.table > tbody > tr.success > td {
  background-color: rgba(189,237,188,0.1)!important;
}
.table > tbody > tr.warning,
.table > tbody > tr.warning > td {
  background-color: rgba(255,239,164,0.1)!important;
}
.table > tbody > tr.danger,
.table > tbody > tr.danger > td {
  background-color: rgba(255,201,201,0.1)!important;
}

.table-hover > tbody > tr.info:hover {
  background-color: rgba(197,232,247,1)!important;
}

.table-hover > tbody > tr.success:hover {
  background-color: rgba(189,237,188,1)!important;
}

.table-hover > tbody > tr.warning:hover {
  background-color: rgba(255,239,164,1)!important;
}

.table-hover > tbody > tr.danger:hover {
  background-color: rgba(255,201,201,1)!important;
}

.float-left {
  float:left;
}

.no-margin {
  margin: 0px !important; }

.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

.m-b-60 {
  margin-bottom: 60px !important; }

.m-b-70 {
  margin-bottom: 70px !important; }

.m-b-80 {
  margin-bottom: 80px !important; }

.m-b-90 {
  margin-bottom: 90px !important; }

.m-b-100 {
  margin-bottom: 100px !important; }

.m-b-150 {
  margin-bottom: 150px !important; }

.m-b-200 {
  margin-bottom: 200px !important; }

.m-t-0 {
  margin-top: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-50 {
  margin-top: 50px !important; }

.m-t-60 {
  margin-top: 60px !important; }

.m-t-70 {
  margin-top: 70px !important; }

.m-t-80 {
  margin-top: 80px !important; }

.m-t-90 {
  margin-top: 90px !important; }

.m-t-100 {
  margin-top: 100px !important; }

.m-l-0 {
  margin-left: 0px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.m-l-50 {
  margin-left: 50px !important; }

.m-l-60 {
  margin-left: 60px !important; }

.m-l-70 {
  margin-left: 70px !important; }

.m-l-80 {
  margin-left: 80px !important; }

.m-l-90 {
  margin-left: 90px !important; }

.m-l-100 {
  margin-left: 100px !important; }

.m-r-0 {
  margin-right: 0px !important; }

.m-r-5 {
  margin-right: 5px !important; }

.m-r-10 {
  margin-right: 10px !important; }

.m-r-15 {
  margin-right: 15px !important; }

.m-r-20 {
  margin-right: 20px !important; }

.m-r-25 {
  margin-right: 25px !important; }

.m-r-30 {
  margin-right: 30px !important; }

.m-r-35 {
  margin-right: 35px !important; }

.m-r-40 {
  margin-right: 40px !important; }

.m-r-50 {
  margin-right: 50px !important; }

.m-r-60 {
  margin-right: 60px !important; }

.m-r-70 {
  margin-right: 70px !important; }

.m-r-80 {
  margin-right: 80px !important; }

.m-r-90 {
  margin-right: 90px !important; }

.m-r-100 {
  margin-right: 100px !important; }

.m-0 {
  margin: 0px !important; }

.m-5 {
  margin: 5px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-35 {
  margin: 35px !important; }

.m-40 {
  margin: 40px !important; }

.m-50 {
  margin: 50px !important; }

.m-60 {
  margin: 60px !important; }

.m-70 {
  margin: 70px !important; }

.m-80 {
  margin: 80px !important; }

.m-90 {
  margin: 90px !important; }

.m-100 {
  margin: 100px !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding {
  padding: 0 !important; }

.p-0 {
  padding: 0px !important; }

.p-5 {
  padding: 5px !important; }

.p-10 {
  padding: 10px !important; }

.p-15 {
  padding: 15px !important; }

.p-20 {
  padding: 20px !important; }

.p-25 {
  padding: 25px !important; }

.p-30 {
  padding: 30px !important; }

.p-35 {
  padding: 35px !important; }

.p-40 {
  padding: 40px !important; }

.p-50 {
  padding: 50px !important; }

.p-60 {
  padding: 60px !important; }

.p-70 {
  padding: 70px !important; }

.p-80 {
  padding: 80px !important; }

.p-90 {
  padding: 90px !important; }

.p-100 {
  padding: 100px !important; }

.p-150 {
  padding: 150px !important; }

.p-200 {
  padding: 200px !important; }

.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

.p-b-60 {
  padding-bottom: 60px !important; }

.p-b-70 {
  padding-bottom: 70px !important; }

.p-b-80 {
  padding-bottom: 80px !important; }

.p-b-90 {
  padding-bottom: 90px !important; }

.p-b-100 {
  padding-bottom: 100px !important; }

.p-b-110 {
  padding-bottom: 110px !important; }

.p-b-120 {
  padding-bottom: 120px !important; }

.p-b-130 {
  padding-bottom: 130px !important; }

.p-b-140 {
  padding-bottom: 140px !important; }

.p-b-150 {
  padding-bottom: 150px !important; }

.p-b-200 {
  padding-bottom: 200px !important; }

.p-t-0 {
  padding-top: 0px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-50 {
  padding-top: 50px !important; }

.p-t-60 {
  padding-top: 60px !important; }

.p-t-70 {
  padding-top: 70px !important; }

.p-t-80 {
  padding-top: 80px !important; }

.p-t-90 {
  padding-top: 90px !important; }

.p-t-100 {
  padding-top: 100px !important; }

.p-t-110 {
  padding-top: 110px !important; }

.p-t-120 {
  padding-top: 120px !important; }

.p-t-130 {
  padding-top: 130px !important; }

.p-t-140 {
  padding-top: 140px !important; }

.p-t-150 {
  padding-top: 150px !important; }

.p-t-200 {
  padding-top: 200px !important; }

.p-r-0 {
  padding-right: 0px !important; }

.p-r-5 {
  padding-right: 5px !important; }

.p-r-10 {
  padding-right: 10px !important; }

.p-r-15 {
  padding-right: 15px !important; }

.p-r-20 {
  padding-right: 20px !important; }

.p-r-25 {
  padding-right: 25px !important; }

.p-r-30 {
  padding-right: 30px !important; }

.p-r-35 {
  padding-right: 35px !important; }

.p-r-40 {
  padding-right: 40px !important; }

.p-r-50 {
  padding-right: 50px !important; }

.p-r-60 {
  padding-right: 60px !important; }

.p-r-70 {
  padding-right: 70px !important; }

.p-r-80 {
  padding-right: 80px !important; }

.p-r-90 {
  padding-right: 90px !important; }

.p-r-100 {
  padding-right: 100px !important; }

.p-l-0 {
  padding-left: 0px !important; }

.p-l-5 {
  padding-left: 5px !important; }

.p-l-10 {
  padding-left: 10px !important; }

.p-l-15 {
  padding-left: 15px !important; }

.p-l-20 {
  padding-left: 20px !important; }

.p-l-25 {
  padding-left: 25px !important; }

.p-l-30 {
  padding-left: 30px !important; }

.p-l-35 {
  padding-left: 35px !important; }

.p-l-40 {
  padding-left: 40px !important; }

.p-l-50 {
  padding-left: 50px !important; }

.p-l-60 {
  padding-left: 60px !important; }

.p-l-70 {
  padding-left: 70px !important; }

.p-l-80 {
  padding-left: 80px !important; }

.p-l-90 {
  padding-left: 90px !important; }

.p-l-100 {
  padding-left: 100px !important; }

.b-r-2 {
  border-radius: 2px !important; }

.b-r-3 {
  border-radius: 3px !important; }

.b-r-4 {
  border-radius: 4px !important; }

.b-r-5 {
  border-radius: 5px !important; }

.b-r-6 {
  border-radius: 6px !important; }

.b-r-7 {
  border-radius: 7px !important; }

.b-r-8 {
  border-radius: 8px !important; }

.b-r-9 {
  border-radius: 9px !important; }

.b-r-10 {
  border-radius: 10px !important; }

.b-radius {
  border-radius: 50% !important; }

.divTimeSetterContainer input.hours,
.divTimeSetterContainer input.minutes {
    width: 60px!important;
    font-size: 1.25em!important;
    border: none!important;
}

.divTimeSetterContainer span.hourSymbol, 
.divTimeSetterContainer span.minuteSymbol {
  margin: 10px 2px 0!important;
}

.divTimeSetterContainer span.timeDelimiter {
  margin: 10px 2px 0 5px!important;
}

.divTimeSetterContainer input.timePart {
  height: 40px!important;
}

.ui.form select:focus {
  border-color: #85B7D9;
  box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
}


/*
select#grupo_proyecto { color: red; }
select#grupo_proyecto option:not(:checked) { color: black; }
select#grupo_proyecto option:checked { color: red; }
*/


#js-usuarios span.removeUser {
  display: inline-block;
  margin-left: 10px;
}

#js-usuarios span.removeUser i {
  padding-top: 2px;
}