body{
	font-family: arial;
  color:#7F7F7F;
  margin: 0;
  font-size: 14px;
}
body::-webkit-scrollbar {
    width: 0.4em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
h2{
	color:#4C4C4C;
}
select{
  padding: 0.25rem;

}
textarea{
  height:15rem;
  resize: none;
}
/*a::selection {
  box-shadow: 2px 2px 10px #DF1F26 !important;
}*/
.w-10{
	width: 10% !important
}
.w-95{
	width: 95% !important
}
.txt-13{
	font-size: 1.3em;

}
.group-white{
	background: white !important;
	border:1px solid darkgray  !important;
	border-left: 0;
}
.line-height-12{
	line-height: 1.2em;
}
.hr-green{
	width: 100%;
    color: #6ea842;
    height: 3px;
    background-color: #6ea842;
    margin: 0;
}
.red{
	color: #DF1F26;
}
.green{
  color:green;
}
.lightblue{
  color:#2FA4E7;
}
.centered{
    margin: 0 auto;
}

.btn{

}

.btn_file_form{
  width: 22%;
  margin-left: 1%;
  text-align: center;
}
.btn-white{
  background: white;
  color: #DF1F26;
  width: 100%;

}
footer{
	background-color:  #DF1F26;
	color: white;
}

input{
  padding: 5px;
}


.file-input::before {
  content: 'Seleccionar archivo';
  display: inline-block;
  background: white;
  border: 1px solid #999;
  border-radius: 5px;
  padding: 5px 28px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
  visibility: visible;
  position: absolute;
  color: #DF1F26;
}


.file-input:hover::before {
 border-color:#DF1F26;
}
.file-input:active::before {
  background: red;
  color:white;
}

.file-input {
  visibility: hidden;
  width: 0;
  position: relative;
}
@-moz-document url-prefix() {
  
  .file-input {
    visibility: initial;
    width: 0;
    position: relative;
  }
}

.file-ticket {
  visibility: hidden;

  position: relative;
}
.file-ticket::before {
  content: '+ Archivo Adjunto';
  display: inline-block;
  text-decoration: underline;
  padding: 05px 10px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
  visibility: visible;
  position: absolute;
  color: #DF1F26;
}

.file-ticket:hover::before {
 border-color:#DF1F26;
}
.file-ticket:active::before {
  background: red;
  color:white;
}
.datepicker table tr td.active.active, 
.datepicker table tr td.active.highlighted.active, 
.datepicker table tr td.active.highlighted:active, 
.datepicker table tr td.active:active,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover, 
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus, 
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus, 
.datepicker table tr td.active.highlighted:active:focus, 
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus, 
.datepicker table tr td.active:active:hover{
	background-color:#DF1F26;
}
.datepicker table tr td:last-child {
 color: red
 }


 #div_cont_file_2,#div_cont_file_3,#div_cont_file_4{
  display: none;
 }

 .fondogris{
  background: #BDCBD4;
   color:white;
 }
 .fondorojo{
  background:#DF1F26; 
  color:white;
 }
 .vertical_scroll{
  max-height: 500px;
  overflow-y: scroll;
  padding-right: 3rem;
 }
.vertical_scroll::-webkit-scrollbar {
    width: 0.8em;
    background: #F9F9F9;
}
 
.vertical_scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
}
 
.vertical_scroll::-webkit-scrollbar-thumb {
  background-color: #E8E6E7;
  outline: 1px solid slategrey;
}

.flecha_arriba {
  width: 0;
  height: 0;
  margin-left: 2.25rem;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #BDCBD4;
}
.borderojo{
  border-bottom: 15px solid #DF1F26;
}
.bordegris{
  border-bottom: 15px solid #BDCBD4;
}
.card{
  border: 0;
}

.btn-danger{
  background: #E02327;
  border-radius: 0.8rem;
  padding: 0.25rem 2rem 0.20rem 2rem;
}
.btn-danger2{
  
  border-radius: 0.2rem;
  padding: 0.1rem 1rem 0.1rem 1rem;
}
.btn-info{
  background: #2FA4E7;
  border-radius: 0.2rem;
  padding: 0.1rem 1rem 0.1rem 1rem;
}
.btn-success{
  background: green;
  border-radius: 0.2rem;
  padding: 0.1rem 1rem 0.1rem 1rem;s
}
.img_click{
  cursor: pointer;
}
.circle{
    border-radius: 50%;
    background: #2FA4E7;
    width: 65px;
    height: 65px;
    /*padding: 5%;*/
    display: inline-block;
    vertical-align: top;
    text-align: center; 
} 
.back_red{
  background: red;
}
.back_green{
  background-color: green;
}
.fa_circle{
  color: white;
  font-size: 2.5em;
  padding: 10px;
  margin: auto;
   
} 
.box_init h3{
  color: black;
  font-size: 1em;
  font-weight: 500;
}
.box_ini_add{
  text-align: center;
  padding-top: 50px;
}
.file-p{
  margin:0;
  margin-left: 12rem;
  display: inline-block;

}
th{
  color: red;
  text-align: center;
}

.page-item.active .page-link{
      background-color: #DF1F26;
    border-color: #DF1F26;
    color:white !important;
}

.logo_footer{
    width: 106px;
    position: absolute;
    left: 215px;
    top: -50px;
    z-index: 1;
}
/*th{
  border-right:1px solid #dee2e6; 
  border-left:1px solid  #dee2e6;
  margin:0;
}*/
.page-link{
  color: #7F7F7F !important;
}
.page-link:hover{
  color:#787171 !important;
}
.fa-large{
  font-size: xx-large;
}

#enviado{
  display: none;
}

.multimedia{
  color:#3F85C6 !important;
  cursor: pointer;
}

.multimedia .fa,.multimedia i{
    color: cornflowerblue;
}
.multimedia .fa:hover{
  color:#436EB5;
}
@media (min-width: 768px){
  .box_init{
    
    margin-left: 0.50rem;
    width: 48% !important;
    flex: 46%;
    max-width: 46%;
  }
  .box_init:first-child{
    margin-right: 2.6rem;
  }
  footer{
   margin-top: 9rem;
  }
  #btn_rden{
    float: right;
  }
  h2{
    font-size: 1.5rem;
  }
  .modal-dialog {
    max-width: 85%;
  }
}
@media (max-width: 1055px){
  .logo_footer{
    display: none;
  }
}
@media (max-width: 768px){
  /*.logo_footer{
    display: none;
  }*/
  #h2_logo{
        font-size: 1.2rem;
        width: 70%;
  }
  .box_init{
    padding:1rem !important;
    margin: 10px  !important;
  }
  #logo{
    width: 15% !important;
  }
  .p-5{
    padding: 1.5rem !important;
  }
  .data_box_segui{
    padding: 10px !important;
     margin: 0  !important;
  }
}