.MainConten_Kardex{
  background: grey;
  border: solid .5px black;
}

.multiselect-container > li{
  padding-left: 15px !important;
}

@-webkit-keyframes marquee {
    0% {text-indent:100%;}
    100% {text-indent:-40%}
}

.fa-commenting{
  color: #013e7f !important;
}

.text{
  font-size: medium;
}
/*
.notif_box{
    position: absolute;
    background: red;
    border-radius: 35px;
    font-size: 12px;
    font-weight: bolder;
    left: 26px;
    margin-top: -5px;
    color: white;
    padding-left: 4px;
    width: 17px;
    height: 17px;
}
*/
.comment_a{
  margin-left: 10px;
}


input.marquee {
  -webkit-animation: marquee 8s infinite;
  -webkit-animation-timing-function: linear;
}

span > .icon{
  right: 12px;
    bottom: 9px;
    font-size: 15px;
    color: grey;
    position: absolute;
}
#Load_ReportExec {
  border: 7px solid #013e7f;
  border-radius: 50%;
  border-top: 7px solid #ffffff;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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

.filter-option-inner-inner{

 color: #013e7f;
 font-weight: bolder;

}
.bs3{
  width: 100% !important;
}

.space6{
 margin-right: 6px;
 font-size: 15px;
 color: #013e7f;
}

.input_bankInfo{
  width: 100% !important;
}

.Reload_Kardex{
  display: none;
}

.modal-header{
  display: block !important;
}

.btn .caret {
    display: none;
}
.Info_Reference > div > input{
  font-size: 14px;
  font-weight: bolder;
  width: 90%;
  cursor: not-allowed;
}
.Info_Reference > div > select{
  font-size: 14px;
  font-weight: bolder;
  width: 90%;
}

.Info_Tittle_Current{
  color: #013e7f;
  font-size: medium;
}

.MoneySign{
font-size: 1em;
}

#List_Documents_KC7 > li{
  font-size: .8rem;
  font-weight: bold;
}
.BreadcrumsSize{
    display: block;
  }
.Span_breadcrumbs{
  margin-left:20px;
  transform: translateY(27%);
  font-weight: bolder;
  color: #013E7F;
  font-size: initial;
}

.Span_breadcrums_Current{
font-weight: 500;
}

.card-header{
  background:#013e7f !important;
  display: flex;
      border: solid 1px;
    box-shadow: 0px 0px 6px 1px;
     border-radius: 4px !important;
}

h5 > button {
  color: white !important;
  font-weight: bold !important;
}

.Percent_Info_Kardex{
color: white;
/*background-color: #02e3024a;*/
}

.Text_Status_Form{
    font-weight: bolder;
}

.Progress_Status{
    font-weight: bolder;
}

button > span >.material-icons{
  margin: 0px;
}

.form-row > button { 
    padding: 6px 8px 6px 8px;
     }

.Tittle_cardContent{
  margin-top: 10px;
  font-weight: bolder;
  padding-left: 0px;
  margin-bottom: 24px;
  color: #013e7f;
  font-size: large;
}

.infoFact_Tittle{
  font-weight: bolder;
}

.bank_info{
  width: 97%;
}

.ExpedienteDigital{
  display: flex;
  margin-bottom: 5px;
}

.areaInput_Documents{
  border: solid 1px;
  height: 450px;
  background-color: grey;
  border-radius: 8px;
}

.fa-check-circle{
  margin-right: 6px;
}
.TitleAre_Page{
  margin-bottom:18px;
}

.Select_Plazo{
  min-width: 75%;
  max-width: 75%;
}

.Tittle_Sub{
  font-weight: bolder;
  color: #013E7F;
  padding-bottom: 15px;
}

.Bar_Separator{
   margin-bottom: 18px;
  border-bottom: solid #e8e8e8 .5px;
  padding-bottom: 8px;
}

.Number_Option_Financ{
  left: 40px;
  font-weight: 500;
}

.Tittle_Option_Financ{
  font-weight: bolder;
}

.Dissapear_Txt{
  color: grey
}

.NoMarginBottom{
  margin-bottom: 0px !important;
}
.Odd_Row_Tarif{
  background-color: #f2dada; 
  margin-bottom: 10px;
}

.Pair_Row_Tarid{
  background-color: #f6f6f6;
  margin-bottom: 10px;
}

#Select_TypeOP{
  padding: 0px 0px 0px 15px !important;
  height: 57% !important;
}

.select_Input{
  padding: 0px 0px 0px 15px !important;
  height: 57% !important; 
}
.item-1 > i {
top:14px;
}


.item-2 > i {
top:14px;
right: 9px;
}

.item-3 > i {
top:8px;
right: 8px;
}

.item-4 > i {
top:8px;
right: 8px;
}

.item-5 > i {
top:8px;
right: 13px;
}

.item-6 > i {
top:8px;
right: 13px;
}

.item-7 > i {
top:8px;
right: 13px;
}

.item-8 > i {
top:8px;
right: 8px;
}

/*
PARTE PARA DAR ESTILOS AL PROGRESS BAR
*/

.events{
  margin-left: 6px;
  padding-left: 0px;
}

.events li { 
  display: flex; 
}

.events time { 
  position: relative;
  color: #013e7f;
  font-weight: bold;
  padding: 0 1.5em;  }
 
.events time::after { 
   content: "";
   position: absolute;
   z-index: 2;
   right: 0;
   top: 0;
   transform: translateX(50%);
   border-radius: 50%;
   background: #fff;
   border: 1px #ccc solid;
   width: 1.2em;
   height: 1.2em;
}

.complete time::after {    
   background: green !important;  
}

.incomplete time::after {    
   background: red !important;  
}

.aceptable time::after {
 background: yellow !important;  
}

.events span {
  padding: 0 1.5em 1.5em 1.5em;
  position: relative;
  max-width: 270px;
}

.events span::before {
   content: "";
   position: absolute;
   z-index: 1;
   left: 0;
   height: 100%;
   border-left: 1px #ccc solid;
}

.events strong {
   display: block;
   font-weight: bolder;
}

time{
      width: 77px !important;
}



.events { margin: 1em; width: 100%; }
.events, 
.events *::before, 
.events *::after { box-sizing: border-box; font-family: arial; }

/*
PERSONALIZACION DEL VERTICAL PROGRESS BAR, PARA EL KARDEX COMERCIAL
*/

.Vertical_Progress_Pers{
  display: flex;
}

.form-control{
  background: transparent !important;
}
/*-------------------------------------------------------------
  Aparecer|Desaparecer la progressBar
---------------------------------------------------------------*/


.Mandatory_sign{
  display: none;
}