/************************************************** GENERAL */
  
@media (max-width: 575.98px)  {
   .sntk-card{
    padding:.5em; 
    margin:.5em;   
    }
}

@media (min-width: 576px) { 
    .sntk-card{
    padding:1em; 
    margin:1em;   
    }
}

@media (min-width: 768px) { 
    .sntk-card{
    padding:1em; 
    margin:3.5em;   
    } 
}
      
body {
    margin: 0;
    background-color:#f2f2f2;
    padding-bottom: 6rem;
  min-height: 100%;
   position: relative;
}



html {
    height: 100%;
}

footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  text-align: center;
}

.sntk-card{
    -webkit-box-shadow: 0px 1px 6px 1px rgba(176,170,176,1);
    -moz-box-shadow: 0px 1px 6px 1px rgba(176,170,176,1);
    box-shadow: 0px 1px 6px 1px rgba(176,170,176,1);               
    border-radius:7px !important;     
    background-color:white !important;        
}

.sntk-card-2{  
    border: 1px solid #d9d9d9;        
    border-radius:7px !important; 
    padding:.75em;
    background-color:white !important;     
    margin:1em;  
}

.sntk-b{
    font-weight:bold;
}

.sntk-icono-descarga{
    cursor:pointer;
    color:#4d4d4d;
}

.sntk-titulo-pagina{
    color:#145e8f !important;
    font-size:2em;
    margin-bottom:1em;
    font-weight:700;
}

.sntk-div-titulo{
    width:80px; 
    background-color: #145e8f; 
    color:white; 
    padding:.5em; 
    display:inline-block; 
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;  
}

.sntk-div-titulo-2{
    color:#4d4d4d;  
    display:inline-block;                                       
} 

.sntk-div-titulo-light{
    width:80px; 
    background-color: #f3f6fc; 
    display:inline-block; 
    border-bottom-left-radius:5px;
    border-top-left-radius:5px; 
    color:#333333;    
    padding:.5em;        
}

.sntk-titulo-modulo{
    color:#145E8F;
    font-size:2em;
}

.sntk-titulo-control-form{
    color:#145E8F;
    font-size:1.5em;
}

.sntk-label-1{
     color:#145E8F !important;
    font-size:2em;
}

.sntk-label-2{
    color:#145e8f;   
    font-weight:bold; 
    opacity:.7;
}

.sntk-label-3{
    font-weight:600;
    font-size:1.5em;  
}

.sntk-label-4{
    color:white;   
    font-weight:bold; 
    opacity:.8;
}

.sntk-button-atras{
    color:#b31919;
    font-size:2em;
}

/****************************ESTILOS ESPECIFICOS DE PAGÍNAS*/

/*Agrega margen a checkbox en 'Responsable'*/
#ContentAspNet_chkbxlstResponsables input {
    margin-right:3px;
}  

.sntk-titulo-tickets{
    color:red !important;
    padding-left:.5em;
}

/************************************************** BOTONES */

/*BOTÓN BASE*/
.sntk-button { 
    min-width:6em;
    border-style:none;
    border-radius:4px; 
    padding:6px;
    padding-left:10px;
    padding-right:10px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
}

/*BOTÓN ESTILO AZUL*/
.sntk-button-info{     
    background-color:#145E8F !important;
    color:white !important;
} 
.sntk-button-info:hover{
    background-color:#1975b3 !important;
    color:white !important;   
}
.sntk-button-info:active {
    background-color:#104970 !important;
    color:white !important; 
}

.sntk-button-info-disabled{     
    background-color:#6a8394 !important;
    color:white !important;
} 
.sntk-button-info-ghost{   
    border:1px solid #145E8F !important;
    color:#145E8F !important;    
     background-color:white !important;  
} 
.sntk-button-info-ghost:hover{   
    border:1px solid #145E8F!important;
    color:white !important;    
    background-color:#145E8F !important;  
} 

.sntk-background-disabled{   
    background-color:#e9e8e8 !important;  
} 

/*BOTÓN ESTILO ROJO*/ 
.sntk-button-danger{    
    background-color:#8f1414 !important;
    color:white !important;    
} 
.sntk-button-danger:hover{
    background-color:#b31919 !important;
    color:white !important;   
}
.sntk-button-danger:active {
    background-color:#701010 !important;
    color:white !important;             
}
.sntk-button-danger-ghost{   
    border:1px solid #8f1414 !important;
    color:#8f1414 !important;  
    background-color:white !important;  
} 


/*BOTÓN ESTILO NARANJA*/ 
.sntk-button-success{    
    background-color:#398f14 !important;
    color:white !important;    
} 
.sntk-button-success:hover{
    background-color:#3fb90a !important;
    color:white !important;   
}
.sntk-button-success:active {
    background-color:#226704 !important;
    color:white !important;             
}
.sntk-button-success-ghost{   
    border:1px solid #398f14 !important;
    color:#398f14 !important;  
    background-color:white !important;  
} 

/*BOTÓN ESTILO VERDE - SUCCESS*/ 
.sntk-button-edit{    
    background-color:#ff6600 !important;
    color:white !important;    
} 
.sntk-button-edit:hover{
    background-color:#ff751a !important;
    color:white !important;   
}
.sntk-button-edit:active {
    background-color:#e65c00 !important;
    color:white !important;             
}
.sntk-button-edit-ghost{   
    border:1px solid #e65c00 !important;
    color:#e65c00 !important;  
    background-color:white !important;  
} 


/************************************************** TELERIK PERSONALIZADO */

 /*RadAsyncUpload: ocultar cuadro del input*/
 .ruFakeInput {
     display:none !important;
 }

  /*RadAsyncUpload: botón personalizado como  secundario*/
 div.RadUpload .ruBrowse {
    background-image: url('') !important;         
    background-color:white !important;
    color:#145E8F !important;
    min-width:6em !important;
    border: 1px solid #145E8F !important;
    border-radius:4px !important; 
    padding:6px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    height:auto !important;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75)!important;
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75)!important;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75)!important;
 }  

/*
.ruFileWrap ruStyled>input:hover{
   cursor:pointer !important;
   background-color:#145E8F !important;
}
*/

/********ESTILO RadMenu y botones PERSONALIZADO*/

.rmItem{
    margin:.25em !important;   
}

.RadMenu{
    margin:.2em !important;
}

.RadMenu_Default, .RadMenu_Default a.rmLink{
     font: normal 15px/23px "PulpoxFonts"!important;
}   
    
.rmRootGroup {
    background-image: linear-gradient(white,white) !important;
    border: none  !important;  background-color:red !important;    
}

#menuItemEditar{
background-image: linear-gradient(#e68a00,#e68a00) !important;
color:white !important;
}

#menuItemEditar:hover{
background-image: linear-gradient(#ff9900,#ff9900) !important;
color:white !important;
}

#menuItemEditar:active{
background-image: linear-gradient(#b36b00,#b36b00) !important;
color:white !important;
}

#menuItemEliminar{
background-image: linear-gradient(#8f1414,#8f1414) !important;
color:white !important;
}

#menuItemEliminar:hover{
background-image: linear-gradient(#b31919,#b31919) !important;
color:white !important;
}

#menuItemEliminar:active{
background-image: linear-gradient(#701010,#701010) !important;
color:white !important;
}

#menuItemRefrescar{
background-image: linear-gradient(#009933,#009933) !important;
color:white !important;
}

#menuItemRefrescar:hover{
background-image: linear-gradient(#00cc44,#00cc44) !important;
color:white !important;
}

#menuItemRefrescar:active{
background-image: linear-gradient(#006622,#006622) !important;
color:white !important;
}



/********ESTILO RADGRID PERSONALIZADO*/
        .rgRow>td,.rgAltRow>td{ /*RADGRID*/
            border-style:none !important;
            color:#4d4d4d !important;
        }

        .rgRow:hover,.rgAltRow:hover{ /*RADGRID*/
           background-color:#e6e6e6 !important;
           /*color:#4d4d4d !important;*/
        }

        .RadGrid{ /*RADGRID*/
            border-style:none !important;              
        }
        
        /*RADGRID BOTONES ADD Y REFRESH*/
        .rgAdd:hover, .rgRefresh:hover { /*RADGRID*/
            background-image: linear-gradient(#145e8f,#145e8f) !important;
            color:white !important;
            border:none !important;
        }

        .rgHeader a{ /*RADGRID*/
            color:#145e8f !important;            
        }

        .RadGrid .rgHeader {
            /*  border-top-left-radius:6px !important; */
            /*  border-top-right-radius:6px !important;  */
        }
      
        .RadGrid .rgHeader a{ /*RADGRID*/
             color:white !important;     
                    
        }

        .RadGrid .rgHeader, .RadGrid th.rgResizeCol{      /*RADGRID*/       
            background-image: linear-gradient(#145e8f,#145e8f) !important;
            background-color:#3498DB !important;
            color:white !important;
        }

        .RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol, .RadGrid_Default .rgHeaderWrapper{ /*RADGRID*/
            border:none !important;
        }

        thead{ /*RADGRID*/
            border:none !important;
            border-top-left-radius:6px !important; 
            border-top-right-radius:6px !important;
        }

        /*BARRA AGREGAR/ACTUALIZAR*/ 
        .rgCommandCell{     /*RADGRID*/    
            background-image: linear-gradient(white,white) !important;
            border:none !important;
            color: #595959 !important;
        }

        /*BARRA FILTROS*/
        .rgFilterRow{ /*RADGRID*/
            background-image: linear-gradient(white,white) !important;
        }

        /*GRID ÁREA DE EDICIÓN FORMULARIO*/
        .rgEditForm {           
            background-color:#e7ecee !important;         
        }
        .rgEditForm table{
            padding:1em !important;
        }
         .rgEditForm td{           
             padding-left:1em !important;
             padding-bottom:.25em !important;
        }

          /*GRID ÁREA DE EDICIÓN ROW*/
         .rgEditRow{
              background-color:#e6e6e6 !important;
         }

         /*BARRO DE EXPANSION DE REGISTROS*/
         .rgExpandCol{
             background-color:#e6e6e6 !important;
         }

         /*ICONO EDITAR*/
         .rgEditIcon{
             color:orange
         }

         /*ICONO ELIMINAR*/
         .rgDelIcon{
             color:red;
         }

         .rgUpdateIcon{
             padding-left:8em;
             color:cornflowerblue;
         }

         .rgCancelIcon{
              color:red;
         }  


/******************************************************MENU*/

.nav-item ul{
       z-index: 9999 !important;

}

#main_navbar{   
    background-color:hsl(0, 0%, 99%) !important;   
    -webkit-box-shadow: 0px 1px 6px 1px rgba(176,170,176,1);
    -moz-box-shadow: 0px 1px 6px 1px rgba(176,170,176,1);
    box-shadow: 0px 1px 6px 1px rgba(176,170,176,1);   
}

#sntkBotonSalir:hover{
    background-color:#8f1414 !important;
}

.navbar-nav li a:hover{
    background-color:#145e8f !important;
    border-radius:4px !important;
    color:hsl(0, 0%, 99%) !important;
}    

.navbar-nav li a:active{
    background-color:#145e8f !important;
    border-radius:4px !important;
    color:hsl(0, 0%, 99%) !important;
} 

.navbar-light .navbar-nav .nav-link{
         color:#145e8f !important;
}    

.navbar-light .navbar-nav .nav-link:hover{
         color:hsl(0, 0%, 99%) !important;
         background-color:#145e8f !important;
}  
.dropdown-item:hover{
   background-color:#145e8f !important;
   color:hsl(0, 0%, 99%) !important;
}  

#sntkBotonSalir{
color:green !important; 
font-weight:bold !important;
}

#sntkBotonSalir:hover{
    background-color:green !important;
    color:white !important;
}


/*****************************
    TEXTBOX
******************************/

.sntk-textbox{
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-color: #fff;   
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline:none !important;
}

.sntk-textbox-1{
    max-width:5em;
}

.sntk-textbox-2{
    max-width:10em;
}

.sntk-textbox-3{
    max-width:15em;
}

.sntk-textbox-4{
    max-width:20em;
}

.sntk-textbox-5{
    max-width:25em;
}

.sntk-textbox-full{
    max-width:100%;
}