/**
    Indicador de carga
*/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
    padding-top: 200px;
}
.loader > .indicator {
    text-align: center;
}
.loader > .indicator > .message {
    margin-top: 10px;
    font-size: 16px;color: #e9e9e9;
}


input.ng-invalid.ng-touched {
    border-left: 3px solid red;
}

/**
    Tamaño de modal
*/
.modal-lg-extra {
    width: 1024px;
}

/**
* Reparar popover en eventos de calendario
*/
.fc-widget-content h3 {
    margin-top: 0px;
}

/**
    Personalización de ui grid
*/
.ui-grid {
    border: 0px !important;
    margin-top: 10px;
}
.ui-grid-top-panel {
    background: white !important;
}
.ui-grid-menu-button {
    height: 29px !important;
    width: 30px;
    text-align: center;
    border: 0px;
    background: none;
}
.ui-grid-menu .ui-grid-menu-inner {
    border: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui-grid-menu .ui-grid-menu-inner ul li button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #e9e9e9;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
    overflow: visible;
    max-height: none;
}
.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
    display: none;
}
.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
    background: none;
    border-bottom: none;
    color: #444444;
}
.ui-grid-selection-row-header-buttons {
    opacity: 0.3;
}
.ui-grid-selection-row-header-buttons.ui-grid-row-selected, .ui-grid-selection-row-header-buttons.ui-grid-all-selected {
    color: #1ab394;
}
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    background-color: #e5e5e5;
}
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell .btn {
    background-color: #ffffff;
}
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell .btn:hover {
    background-color: #bababa;
}
.ui-grid-column-menu-button {
    display: none;
}
.ui-grid-render-container-body > .ui-grid-viewport {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
}
.ui-grid-render-container-left > .ui-grid-viewport {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
}
.ui-grid div[role=contentinfo]{
    border-top: 1px solid #e7eaec;
}
.ui-grid-canvas {
    width: auto !important;
}
.ui-grid-cell {
    border: none;
    border-bottom: 1px solid #e7eaec;
}
.ui-grid-header-cell {
    border: none;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
    border: none;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border: none;
}
.ui-grid-header {
    border-bottom: 1px solid #e7eaec;
}
.ui-grid-row {
    border-bottom: 1px solid #e7eaec;
}
.ui-grid-row .ui-grid-cell {
    background-color: transparent !important;
}
.ui-grid-row:hover {
    background-color: #cccccc;
}
.ui-grid-row:nth-child(even) {
    background-color: #f3f3f3;
}
.ui-grid-row:hover {
    background-color: #cce7e2;
}
.ui-grid-pager-panel {
    padding-top: 10px;
    padding-bottom: 10px;
}
.ui-grid-filter-container {
    padding-left: 5px;
}
.ui-grid-filter-container input, .ui-grid-filter-container select {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7 !important;
    border-radius: 1px !important;
    color: inherit;
    display: block;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100% !important;
    font-size: 11px;
    font-weight: normal;
    height: 30px;
}
.ui-grid-cell-contents .btn-outline {
    margin-top: -2px;
}
.ui-grid-cell-contents .btn-outline:hover {
    background-color: #54cdb4;
    border-color: #54cdb4;
}
.ui-grid-filter-container input:focus, .ui-grid-filter-container select:focus{
    border-color: #1ab394 !important;
}
.ui-grid-filter-container .ui-grid-filter-button-select {
    display: none;
}

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
    border-right: 0px !important;
}

.padding-top-20 {
    padding-top: 20px;
}
.padding-top-10 {
    padding-top: 10px;
}
.padding-top-5 {
    padding-top: 5px;
}
.padding-20{
    padding: 20px;
}
.padding-bottom-20{
    padding-bottom: 20px;
}
.padding-right-5{
    padding-right: 5px;
}
.padding-right-10{
    padding-right: 10px;
}
.margin-left{
    margin-left: 0px !important;
}
.hasDatepicker{
    width:26% !important;     
}
.hasTime{
    width: 70px;
    text-align: center;
}
.custom_selectize .selectize-input{
    padding: 2px 2px 2px 5px !important;
    height: 25px;
}
.margin-top-5{
    margin-top: 5px;
}
.margin-top-10{
    margin-top: 10px;
}
.margin-top-15{
    margin-top: 15px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-left-5{
    margin-left: 5px;
}
.margin-left-10{
    margin-left: 10px;
}
.margin-left-15{
    margin-left: 15px;
}
.margin-left-20{
    margin-left: 20px;
}
.margin-right-5{
    margin-right: 5px;
}
.margin-right-10{
    margin-right: 10px;
}
.margin-right-15{
    margin-right: 15px;
}
.margin-right-20{
    margin-right: 20px;
}
.margin-bottom-5{
    margin-bottom: 5px;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.timepicker_custom{
    width: 105px;
    float: left;
}
.timepicker_custom .form-group{
    margin-right: 0px;
    margin-left: 0px;
}
.timepicker_custom  input{
    width: 40px;
    height: 34px;
    padding: 5px;
}
.labelY{
    float:left; 
    width: 30px; 
    text-align:center; 
    line-height: 30px;
}
.width20{
    width: 20px;
}

.alignCenter{
    align-content: center;
}

.floatLeft{
    float: left;
}
.icon-text-primary {
  color: #1ab394 !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}


/*
    File upload
*/

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}




/*NO BORRAR ES DE ESTE PROYECTO**/
.ui-select-small-custom .selectize-input{
    padding: 2px 2px 2px 5px !important;
    width: 200px;
}

.nav-translation.nav{
    margin-bottom: -1px;
}
.skin-3 .ui-grid-cell-contents .btn-outline:hover{
    background-color: #ecba52;
    border-color: #ecba52;
}
.skin-3 .btn-warning{
    background-color: #c2c2c2;
    border-color: #c2c2c2;
}
.skin-3 .btn-warning:hover,.skin-3  .btn-warning:focus,.skin-3  .btn-warning:active, .skin-3 .btn-warning.active {
    background-color: #bababa;
    border-color: #bababa;
}
.skin-3 .btn-primary{
    background-color: #ecba52;
    border-color: #ecba52;
}
.skin-3 .btn-primary:hover, .skin-3 .btn-primary:active:hover,.skin-3  .btn-primary.active:hover, .skin-3 .btn-primary.disabled, .skin-3 .btn-primary.disabled:hover,.skin-3  .btn-primary.disabled:focus, .skin-3 .btn-primary.disabled:active, .skin-3 .btn-primary.disabled.active, .skin-3 .btn-primary[disabled], .skin-3 .btn-primary[disabled]:hover,.skin-3  .btn-primary[disabled]:focus, .skin-3 .btn-primary[disabled]:active,.skin-3  .btn-primary.active[disabled], .skin-3 fieldset[disabled] .btn-primary,.skin-3  fieldset[disabled] .btn-primary:hover, .skin-3 fieldset[disabled] .btn-primary:focus, .skin-3 fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    
    background-color: #d9a73f;
    border-color: #d9a73f;
}
.skin-3 .form-control:focus{
     border-color: #ecba52;
}
.skin-3 .ui-grid-row:hover {
    background-color: #faecc7; 
}


.no-padding-top{
    padding-top: 0 !important;
}
.no-padding-bottom{
    padding-bottom: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.clearBoth{
    clear: both;
}
.fixedSizeDate{
    width: 110px !important;
}
.text-align-right{
    text-align: right;
}

.text-align-left{
    text-align: left;
}
.text-align-center{
    text-align: center;
}
.fillWidth{
    width:100% !important;
}
.skin-1 .custom-tab .nav > li.active{
    background: #FFF;
}
.skin-1 .custom-tab .nav > li.active > a{
    color: #676a6c;
}
.skin-1 .custom-tab .nav > li > a{
    color: #A7B1C2;
}
.skin-1 .nav-tabs>li.active>a, .skin-1 .nav-tabs>li.active>a:focus, .skin-1 .nav-tabs>li.active>a:hover{
    border-bottom-color: white;
}


.skin-3 .custom-tab .nav > li.active{
    background: none;
}
.skin-3 .custom-tab .nav > li.active > a{
    color: #676a6c;
}
.skin-3 .custom-tab .nav > li > a{
    color: #A7B1C2;
}
.skin-3 .nav-tabs>li.active>a, .skin-3 .nav-tabs>li.active>a:focus, .skin-3 .nav-tabs>li.active>a:hover{
    border-bottom-color: white;
}
.custom-compact-tab .nav > li > a{
    padding: 10px 10px 10px 10px;
}

.progress-bar .sr-only{
    position: inherit;

}

/*Calendar*/

.skin-3 button.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
    background-color: #ecba52;
    border-color: #ecba52;
}

.skin-3 button.fc-agendaWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
    background-color: #ecba52;
    border-color: #ecba52;
}

.skin-3 button.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
    background-color: #ecba52;
    border-color: #ecba52;
}



/**
* Solucionar vista de gantt en modo arbol
*/
.gantt-row-label-background {
    position: absolute;
    width: 100%;
}
ol[ui-tree-nodes]{
    color: white;
    font-weight: bold;
}
ol[ui-tree-nodes] a {
    color: white;
}
ol[ui-tree-nodes] ol{
    color: rgb(103, 106, 108);
    font-weight: normal;
}
ol[ui-tree-nodes] a[disabled] {
    display: none;
}
.gantt-tree-body .gantt-row-label span.gantt-tree-handle {
    padding: 10px !important;
}
.gantt-row-height{
 border-bottom: 1px solid #e7eaec;
}

 .ibox.collapsed .ibox-content { display: none; }

 .ibox-tools {
     display: inline-block !important;
     float: right;
     margin-left: 10px;
 }


 /**
     Estilos de configurador de espacios
 */
.element {
    border: 1px none gray;
}
.elementSelected {
    border: 1px solid #000099;
    box-sizing: content-box;
}
.zone-number {
    position: absolute;
    top: 35%;
    left: 42%;
    color: black;
    background-color: white;
    min-width: 20px;
    min-height: 20px;
    /*border-radius: 50%;*/
    text-align: center;
    font-weight: bold;
    border: 1px solid black;
}
.element .location {
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    background-color: #000099;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    font-weight: bold;
    border: 1px solid black;
    
    -webkit-transform: rotateX(60deg) rotateZ(-45deg) translateX(6px) translateZ(0px);
    -webkit-transform-style: preserve-3d;
}

/*
    Estilos botons en tablas
*/
td .btn {
    margin-bottom: 0px !important;
}

/*
    Custom clases para tablas de ui select
*/
/*.lightblueonhover  :hover{
    background-color:lightblue;
}*/
.zindexover9000 {
  z-index: 99000 !important;
}

.allwhite ui-grid-row:nth-child(even)  {
    background-color: inherit ;
}
.withparentask  {
    background-color: #f3f3f3 !important;
}
.color-red {
    color:red;

}

.text-white {
    color: white;
}

.dollar-enabled {
    color: limegreen;
}

.modal-level-1 {
    z-index: 2050 !important;
}

.modal-level-2 {
    z-index: 2200 !important;
}

.modal-level-3 {
    z-index: 2300 !important;
}

.float-right{
    float:right;
}

.font-normal{
    font-weight:normal;
}

.gantt-task-info {
    color: black;
}
.angular-ui-tree-node {
    color: #444444;
    font-weight: normal;
}
.angular-ui-tree-node .gantt-label-text {
    padding-left: 12px !important;
    font-size: 10px;
}
.gantt-task-content {
    text-align: left !important;
}
.gantt-row-versions {
    background-color: black;
    color: white;
}
.gantt-task-version {
    font-size: 9px;
    color: white;
    border-left: 4px solid yellow;
}
.gantt-task-version .gantt-task-background {
    background-color: transparent !important;
}
.gantt-task-version .gantt-task-content {
    padding-top: 4px;
    overflow: visible;
}

.gantt-task-content span {
    margin-left: 2px;
    font-size: 9px !important;
    padding-top: 4px;
}

.gantt-header-row .gantt-column-header {
    font-size: 9px !important;
    height: 30px !important;
}


.progress-bar-gray {
    background-color: #cccccc;
}



.task-meeting {
    background-color: transparent !important;
}

.task-meeting .gantt-task-background {
    -webkit-transform: rotate(45deg) skew(15deg, 15deg);
    -moz-transform: rotate(45deg) skew(15deg, 15deg);
    -ms-transform: rotate(45deg) skew(15deg, 15deg);
    -o-transform: rotate(45deg) skew(15deg, 15deg);
    transform: rotate(45deg) skew(15deg, 15deg);
    height: 9px;
    width: 9px;
    top: 6px;
}