@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:300,400';
/* colors */
/* tab setting */
/* breakpoints */
/* selectors relative to radio inputs */

.tabinator {
  background: transparent;
  padding-top: 5px;
  /*font-family: Open Sans;*/
}
.tabinator h2 {
  text-align: center;
  margin-bottom: 20px;
}
.tabinator input {
  display: none;
}
.box input {
  display: block;
}

.tabinator label {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 15px;
  color: #6a6969;
  margin-bottom: -1px;
  margin-left: -1px;
  font-size: 16px;
  height: 60px;
}
.tabinator label:before {
  /*content:'';*/
  display:block;
  width:100%;
  height:15px;
  background-color:#fff;
  position:absolute;
  bottom:-11px;
  left:0;
  z-index:10;  
}
.tabinator label:hover {
  color: #b0b0b0;
  cursor: pointer;
}
.tabinator input:checked + label {
  position: relative;
  color: #000;
  background: transparent;
  border: 1px solid #f48029;
  /*border: 1px solid #bbb;*/
  border-bottom: 1px solid #fff;
  border-radius: 5px 5px 0 0;
}
.tabinator input:checked + label:after {
  display: block;
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  /*box-shadow: 0 0 13px #939393;*/
}
#content1,#content2, #content3, #content4,
#content5, #content6, #content7 {
  display: none;
  border-top: 1px solid #f48029;
  /*border-top: 1px solid #bbb;*/
  padding: 15px;
  padding-top: 25px;
  padding-bottom: 0px;

}


#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7 {
  display: block;
  /*box-shadow: 0 0 15px #939393;*/
}

.error-block{
  padding-bottom: 15px;
}

.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.by{background-image:url("../images/cc/by.png");}
.by-sa{background-image:url("../images/cc/by-sa.png");}
.by-nd{background-image:url("../images/cc/by-nd.png");}
.by-nc{background-image:url("../images/cc/by-nc.png");}
.by-nc-sa{background-image:url("../images/cc/by-nc-sa.png");}
.by-nc-nd{background-image:url("../images/cc/by-nc-nd.png");}
.ninguno{background-image:url("../images/cc/ninguno.png");}


.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:105px;height:41px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1.2) opacity(.5);
       -moz-filter: brightness(1.8) grayscale(1.2) opacity(.5);
            filter: brightness(1.8) grayscale(1.2) opacity(.5);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

.oldcard-cc{
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:105px;height:41px;
    -webkit-filter: brightness(1.8) grayscale(1.2) opacity(.5);
       -moz-filter: brightness(1.8) grayscale(1.2) opacity(.5);
            filter: brightness(1.8) grayscale(1.2) opacity(.5);
}

.newcard-cc{
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:105px;height:41px;
}


/**Flechas **/

.arrow {
  border: #aa2024 2px solid;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.rotate {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
}

.p-links{
    cursor: pointer;
    color: #952524;
}

.p-links:hover{
    text-decoration: underline;
}



/**Flechas **/



/** Formularios **/

.highlight{
  border-left: solid;
  border-color: #f48029;
}

.form-campo-aviso {
  opacity: 0.6;
  font-style: italic;
  font-size: .9rem;
}

/** Formularios **/
/*Tabla para la formulario Postulacion Catalogo*/
table.table-formulario-postulacion{
  width: 98%;
  border:none;
  margin: 1% 1% 6%; 
}
table.table-formulario-postulacion th{
  width: 35%;
  color: #952524;
  vertical-align: top;
  text-align: left !important;
  padding: 6px !important;
}
table.table-formulario-postulacion td{
  vertical-align: top;
}
table.table-formulario-postulacion tr td > ul{
  margin-left: -25px;
}
table.table-formulario-postulacion tr td > ul li{
  list-style: circle;
}

table tr td .box-input input, table tr td .box-input-small input{
  overflow: visible;
  background: #FBF4F4;
  border: 1px solid #FBF4F4;
  border-color:#FBF4F4 !important;
  border-radius: 0.25rem;
  width: 100%;
}
table tr td .box-input input:hover, table tr td .box-input-small input:hover {
  overflow: visible;
  background: #FBF4F4;
  border: 1px solid #FBF4F4;
  border-color:#FBF4F4 !important;
  outline: 2px solid rgba(245,131,43,.6);
  border-radius: 0.25rem;
}
/*Fin de estilos para Tabla para la formulario Postulacion Catalogo*/

.conteos a, table.table-formulario-postulacion a{
  color: #aa2024;
  text-decoration: underline; 
}

.conteos a:hover, table.table-formulario-postulacion a:hover{
  color: #666;
  text-decoration: none; 
}

.relatorias a, .documentos a,
.monitoreo a {
  color: #666;
  text-decoration: none; 
}

.relatorias a:hover, .documentos a:hover, 
.monitoreo a:hover{
  color: #aa2024;
  text-decoration: underline; 
}

.monitoreo li span {
  color: black;
}

.conteos ul li, .relatorias li{
  padding-bottom: 0.4rem;
}

#table-responsive tr:nth-child(even) {
    background-color: #FBF4F4;
}

#table-responsive tr:nth-child(odd) {
    background-color: #fff;
}

.datos-table label{
  color: #952524;
  font-weight: bolder;
}


.form-modi-edi label {
  color: #952524;
  font-weight: bolder;
}
/********************************************************/
.navbar-nav li.active > .nav-link{
  color: #952524 !important;
  font-weight: bolder;
}


/*
.dataTables_paginate a{color:#aa2024;text-decoration: underline;}
.dataTables_paginate a:hover, a:focus {color:#666;text-decoration: none;}
.dataTables_paginate a:visited{color:#aa2024;text-decoration: underline;}
.dataTables_paginate>.paginate_button.active>.page-link {
  color:#666;
  text-decoration: none;
  background-color: #FBF4F4;
  border-color: #dee2e6;
}
*/

.loader {
  position: fixed;
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite;
}

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