/**
    Override Angle default styles
    Brings clarity by adding independent styles required for MVC projects
*/


/* Override colorpicker paths */
.colorpicker-saturation {
  background-image: url("Images/bootstrap-colorpicker/saturation.png");
}

.colorpicker-hue {
  background-image: url("Images/bootstrap-colorpicker/hue.png");
}

.colorpicker-alpha {
  background-image: url("Images/bootstrap-colorpicker/alpha.png");
}

.colorpicker-color {
  background-image: url("Images/bootstrap-colorpicker/alpha.png");
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url("Images/bootstrap-colorpicker/hue-horizontal.png");
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url("Images/bootstrap-colorpicker/alpha-horizontal.png");
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_222222_256x240.png");
}
.ui-button .ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("Images/jquery-ui/themes/smoothness/images/ui-icons_cd0a0a_256x240.png");
}


/**********************
    Override bootstrap
***********************/
.card-header + .list-group .list-group-item:first-child {
    border-radius: 0;
}

.table-nowrap tr td, .table-nowrap tr th {
    white-space: nowrap;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #dee2e6!important;
}

.card-body.whirl{
    min-height: 200px;
}

/**********************
    Control de estados de la base de datos 
***********************/

/* Ocultamos por defecto las barras*/
.alertTest, .alertDesarrollo, #creadosEstado {
    display: none;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

/* Si existe el ID a la clase le ponemos inlineBlock */
#Desarrollo .alertDesarrollo, #Test .alertTest {
    display: inline-block;
}

/* Si existe el ID, a la clase le ponemos inlineBlock */
#Desarrollo #creadosEstado, #Test #creadosEstado {
    display: block;
}



/**********************
    Notify override
***********************/
.uk-notify {
    z-index: 999999 !important;
}

.nav-tabs > .nav-item > .nav-link {
    font-weight: normal;
    color: #495057;
    background-color: transparent !important;
    margin: 0;
    border: none!important;
    border-radius: 0;
    padding: 10px 20px;

    display: block;
    position: relative;
    padding: 10px 20px;
    padding-left: 53px;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
     border-color: #dee2e6 #dee2e6 #fff; 
}


/**********************
    Public Layout
***********************/
.layout-h .wrapper{
    background-image: url("Images/ribbonpie.png");
    background-position: left bottom;
    background-repeat: no-repeat;
}

body, .wrapper .section-container {
    background-color: transparent;
}


/**********************
    Datetimepicker override
***********************/
.bootstrap-datetimepicker-widget.dropdown-menu{
    width: auto!important;
}


.fc-today {
    background-color: #edf1f2;
}

.fc-today .fc-day-number{
    color: #656565;
}


/**********************
    Fotografia
***********************/
.creados-square:after{
    content: "";
    display: block;
    padding-bottom: 100%;
}

/**********************
Select 2
***********************/

body .select2-dropdown{
    overflow: visible;
}

/**********************
Comentarios
***********************/
.comentario:last-child{
    border-bottom-width: 0px!important;
}

/**********************
Loader
***********************/
body .whirl.double-up:after {
    border-right: 4px solid #a4132d !important;
    border-top: 4px double #a4132d !important;
    border-left: 4px double #a4132d !important;
    border-bottom: 4px double #a4132d !important;
}