/*@import url('https://fonts.googleapis.com/css?family=Barlow&display=swap');
@font-face {
    font-family: fs-joey-bold;
    src: url('fonts/fs-joey/FSJoey-Bold.otf'),
    url('fonts/fs-joey/Verlag-Book.otf'),
    url('fonts/fs-joey/Verlag-XLight.otf');        
}*/

@font-face {
    font-family: 'SuraSans';
    src: url('fonts/SuraSans/SuraSans-Regular.otf'),
         url('fonts/SuraSans/SuraSans-Bold.otf'),
         url('fonts/SuraSans/SuraSans-ExtraLight.otf');
}
.requied_field{
    border-bottom: 3px solid salmon !important;
}
body{
   /*font-family: 'Barlow', sans-serif !important;*/
    font-family: 'SuraSans' !important;
    src: url('fonts/SuraSans/SuraSans-Regular.otf'),
         url('fonts/SuraSans/SuraSans-Bold.otf'),
         url('fonts/SuraSans/SuraSans-ExtraLight.otf');	
    font-size: 16px  !important;
    color: #727272  !important;
}
h1,h2,h3,h4,h5{
    font-family: 'SuraSans' !important;
    src: url('fonts/SuraSans/SuraSans-Regular.otf'),
         url('fonts/SuraSans/SuraSans-Bold.otf'),
         url('fonts/SuraSans/SuraSans-ExtraLight.otf') ;	
 /*font-family: "fs-joey-bold" !important;*/
}
p{
   font-family: 'SuraSans';
    src: url('fonts/SuraSans/SuraSans-Regular.otf'),
         url('fonts/SuraSans/SuraSans-Bold.otf'),
         url('fonts/SuraSans/SuraSans-ExtraLight.otf');	
  
}

.obligatorio{
    color:red;
}
.panel_campo{
    padding-top: 20px;
}
/*HEADER SECCIONES*/
.header_seccion{
/*    background-color: rgba(209,202,209,0.5);*/
background-color: #FBF9F9;
  margin-bottom: 50px;
  min-height: 150px;
}
/*TITULOS*/
h2,h3,h4{
   color:#00aec7 !important;
}
.volver{
   color:#00aec7 !important; 
}

/*HEADER*/
header{
    min-height: 10%;
    flex: 0 0 auto;
}
    .logo_grupo {
    margin-top: 10px;
    float: right;
/*    margin-right: 50px;*/
}
.container-fluid{
 padding-left: 0px !important;
 padding-right: 0px !important;
}
  .bg-sura{  
      background-color:#003c71;
      color:#ffffff !important;
      padding-left: 120px !important;
 padding-right: 120px  !important;
      
    }
    .bg-sura a{
        color: #ffffff !important;
    }
    
    .dropdown-menu a{
       color: #000000 !important;  
    }

.container{
  min-height: 80%; 
flex: 0 0 auto;  
}
/*Para coregir el diseño del calendario (INPUT)*/
.btn-outline-secondary{
    background-color: #ffffff !important;
    border: 0px #ffffff !important;
    border-color: #ffffff !important;
}
.input-group-append{
    display: none !important;
}

footer{
  min-height: 10%;  
  background-color: #17a2b8;
  color:#ffffff;
  flex: 0 0 auto;
}
html{
    height: 100%;
}

/*TABLE*/
.table{
    border-collapse: separate;
    border-spacing: 10px;
    
}

.table tr{
 
-webkit-box-shadow: 0px 0px 10px 0px rgba(209,202,209,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(209,202,209,1);
box-shadow: 0px 0px 10px 0px rgba(209,202,209,1);
 border-radius: 5px 5px 5px 5px;
 min-height: 80px;
}
table tr td{
    text-align: justify;
    border: hidden  !important;
}
table tr th{
    text-align: justify;
    border: hidden  !important;
}

/*BOTONES*/
.btn{
    background-color: #003c71 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    min-width: 200px !important;
    max-width: 200px !important;
}
.btn_sura_aqua{
    background-color: #00aec7 !important;
    color: #ffffff !important;
    font-weight: 500;
    max-width: 200px !important;
}
.btn-indigo{
    background-color: #003c71 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    max-width: 200px !important;
}
.btn_sura_yellow{
    background-color: #e4e826;
    color: #3273dc;
    font-weight: 500;
    max-width: 200px !important;
}
.btn_sura_yellow_pequeno{
    background-color: #e4e826;
    color: #3273dc;
    font-weight: 500;
    max-width: 200px !important;
}
.btn-indigo_pequeno{
    background-color: #003c71 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    max-width: 200px !important;
}

/*INPUTS*/
.form-control{
        width: 100% !important;
    border-radius: 10px !important;
    background-color: #fff !important;
/*    font-size: 1.125rem !important;*/
    line-height: 1.27 !important;
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(209,202,209,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(209,202,209,1);
box-shadow: 0px 0px 10px 0px rgba(209,202,209,1);
 border-radius: 5px 5px 5px 5px;
   
    color: #727272 !important;
}
input[type="checkbox"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(checkbox-uncheck.png);
	background-size: cover;
	cursor: pointer;
}
input[type="checkbox"] + label span {
	display: inline-block;
	width: 30px;
	height: 15px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(checkbox-uncheck.png);
	background-size: cover;
	cursor: pointer;
}
input[type="checkbox"]:checked + label span {
	background: url(checkbox-check.png);
	background-size: cover;
}


/*******************  PAGINADOR ************************************/
/*******************************************************************/
/*******************************************************************/
/*******************************************************************/
.panel_paginador{
	background-color:#F0F0F0;margin-top: 20px; height: 40px;
	
}
.paginador{
	margin-left:2%;
	padding: 5px;
/*	font-size: 20px;*/
}
.paginador>li>a,.paginador>li>span{
	
position:relative;

margin-left:20px;
line-height:1.42857143;
color:#0033A0;
text-decoration:none;

padding-left:10px;
width: 200px;

}

.paginador li {
    float: left;
    text-decoration: none;
    list-style:none;
}


.paginator {
  display: inline-block;
}

.paginator a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.paginator a.active {
  background-color: #003c71;
  color: white;
  border-radius: 5px;
}

.paginator a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;
}

/******************************************/
/******************************************/
/*    TEXTO DE AYUDA                      */
/******************************************/
/******************************************/
.help_text{
    color:#727272;
    font-weight:500;
    font-size:12px;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
  .padding-gs {
   padding-left: 15px !important;
 padding-right: 15px  !important;
  }
  
  .panel_ficha_activo{
     
   
    font-weight: 500;
    max-width: 1200px !important;
    height: 37px;
    padding-top: 5px;
    margin-top: 15px;
    text-align: center;
    border-radius: 5px 5px 5px 5px;
    text-align: left;
    padding-left: 20px;
        
}
  
}