/*----------------------------------  PERSONALIZADOS (ANCHOS, PADDINGS, FUENTES, ETCÉTERA)*/
.font_roboto_mono{
    font-family: "Roboto" !important;
}

table.dataTable .link{color: #2c67a0; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;transition: all .3s;}
table.dataTable .link:hover{color: #1142a0;}
.table_header_colspan{background: white !important; color: black !important; border: 5px solid #73aeb9;}
.calendar .input{padding: 0;}

.underline{ text-decoration: underline; text-underline-position: under; }
.underline-dashed{ text-decoration: underline; text-decoration-style: dashed; text-underline-position: under; }
.a-link{ color: #2c67a0; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;transition: all .3s; }

/*TAMAÑOS DE FUENTES*/
.font10{ font-size: 10px !important; }
.font11{ font-size: 11px !important; }
.font12{ font-size: 12px !important; }
.font13{ font-size: 13px !important; }
.font14{ font-size: 14px !important; }
.font15{ font-size: 15px !important; }
.font16{ font-size: 16px !important; }
.font17{ font-size: 17px !important; }
.font18{ font-size: 18px !important; }
.font19{ font-size: 19px !important; }
.font20{ font-size: 20px !important; }
.font25{ font-size: 25px !important; }
.font30{ font-size: 30px !important; }
.font35{ font-size: 35px !important; }
.font40{ font-size: 40px !important; }
.font45{ font-size: 45px !important; }
.font50{ font-size: 50px !important; }
.font55{ font-size: 55px !important; }
.font60{ font-size: 60px !important; }
.font65{ font-size: 65px !important; }

.font-weight100{ font-weight: 100 !important; }
.font-weight200{ font-weight: 200 !important; }
.font-weight300{ font-weight: 300 !important; }
.font-weight400{ font-weight: 400 !important; }
.font-weight500{ font-weight: 500 !important; }

/*ANCHO*/
.width100{ width: 100px; }
.height100{ height: 100px; }

.box-sizing-border-box{ -webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important; }
.dataTable .dropdown_tabla{ min-width: 0 !important; min-height: 0 !important; }

.width_porcentaje100{ width: 100% !important; }
.width_porcentaje99{ width: 99% !important; }
.width_porcentaje98{ width: 98% !important; }
.width_porcentaje97{ width: 97% !important; }
.width_porcentaje96{ width: 96% !important; }
.width_porcentaje95{ width: 95% !important; }
.width_porcentaje94{ width: 94% !important; }
.width_porcentaje90{ width: 90% !important; }
.width_porcentaje85{ width: 85% !important; }
.width_porcentaje80{ width: 80% !important; }
.width_porcentaje75{ width: 75% !important; }
.width_porcentaje70{ width: 70% !important; }
.width_porcentaje65{ width: 65% !important; }
.width_porcentaje60{ width: 60% !important; }
.width_porcentaje55{ width: 55% !important; }
.width_porcentaje50{ width: 50% !important; }
.width_porcentaje45{ width: 45% !important; }
.width_porcentaje40{ width: 40% !important; }
.width_porcentaje35{ width: 35% !important; }
.width_porcentaje30{ width: 30% !important; }
.width_porcentaje25{ width: 25% !important; }
.width_porcentaje20{ width: 20% !important; }
.width_porcentaje15{ width: 15% !important; }
.width_porcentaje10{ width: 10% !important; }

.height_porcentaje100{ height: 100% !important; }
.height_porcentaje90{ height: 90% !important; }
.height_porcentaje80{ height: 80% !important; }
.height_porcentaje70{ height: 70% !important; }
.height_porcentaje60{ height: 60% !important; }
.height_porcentaje50{ height: 50% !important; }
.height_porcentaje40{ height: 40% !important; }
.height_porcentaje30{ height: 30% !important; }
.height_porcentaje20{ height: 20% !important; }
.height_porcentaje10{ height: 10% !important; }

/*PADDING*/
.padding0{ padding: 0px !important; box-sizing: border-box; }
.padding2{ padding: 2px !important; box-sizing: border-box; }
.padding5{ padding: 5px !important; box-sizing: border-box; }
.padding6{ padding: 6px !important; box-sizing: border-box; }
.padding7{ padding: 7px !important; box-sizing: border-box; }
.padding8{ padding: 8px !important; box-sizing: border-box; }
.padding9{ padding: 9px !important; box-sizing: border-box; }
.padding10{ padding: 10px !important; box-sizing: border-box; }
.padding15{ padding: 15px !important; box-sizing: border-box; }
.padding20{ padding: 20px !important; box-sizing: border-box; }
.padding25{ padding: 25px !important; box-sizing: border-box; }
.padding30{ padding: 30px !important; box-sizing: border-box; }
.padding35{ padding: 35px !important; box-sizing: border-box; }
.padding40{ padding: 40px !important; box-sizing: border-box; }
.padding45{ padding: 45px !important; box-sizing: border-box; }
.padding50{ padding: 50px !important; box-sizing: border-box; }
.padding55{ padding: 55px !important; box-sizing: border-box; }

.padding-left0{ padding-left: 0px !important; box-sizing: border-box; }
.padding-left5{ padding-left: 5px !important; box-sizing: border-box; }
.padding-left10{ padding-left: 10px !important; box-sizing: border-box; }
.padding-left15{ padding-left: 15px !important; box-sizing: border-box; }
.padding-left20{ padding-left: 20px !important; box-sizing: border-box; }
.padding-left25{ padding-left: 25px !important; box-sizing: border-box; }
.padding-left30{ padding-left: 30px !important; box-sizing: border-box; }
.padding-left35{ padding-left: 35px !important; box-sizing: border-box; }
.padding-left40{ padding-left: 40px !important; box-sizing: border-box; }
.padding-left45{ padding-left: 45px !important; box-sizing: border-box; }
.padding-left50{ padding-left: 50px !important; box-sizing: border-box; }
.padding-left55{ padding-left: 55px !important; box-sizing: border-box; }

.padding-right0{ padding-right: 0px !important; box-sizing: border-box; }
.padding-right5{ padding-right: 5px !important; box-sizing: border-box; }
.padding-right10{ padding-right: 10px !important; box-sizing: border-box; }
.padding-right15{ padding-right: 15px !important; box-sizing: border-box; }
.padding-right20{ padding-right: 20px !important; box-sizing: border-box; }
.padding-right25{ padding-right: 25px !important; box-sizing: border-box; }
.padding-right30{ padding-right: 30px !important; box-sizing: border-box; }
.padding-right35{ padding-right: 35px !important; box-sizing: border-box; }
.padding-right40{ padding-right: 40px !important; box-sizing: border-box; }
.padding-right45{ padding-right: 45px !important; box-sizing: border-box; }
.padding-right50{ padding-right: 50px !important; box-sizing: border-box; }
.padding-right55{ padding-right: 55px !important; box-sizing: border-box; }

.padding-right-left0{ padding-right: 0px !important; padding-left: 0px !important; box-sizing: border-box; }
.padding-right-left2{ padding-right: 2px !important; padding-left: 2px !important; box-sizing: border-box; }
.padding-right-left5{ padding-right: 5px !important; padding-left: 5px !important; box-sizing: border-box; }
.padding-right-left10{ padding-right: 10px !important; padding-left: 10px !important; box-sizing: border-box; }
.padding-right-left15{ padding-right: 15px !important; padding-left: 15px !important; box-sizing: border-box; }
.padding-right-left20{ padding-right: 20px !important; padding-left: 20px !important; box-sizing: border-box; }
.padding-right-left25{ padding-right: 25px !important; padding-left: 25px !important; box-sizing: border-box; }
.padding-right-left30{ padding-right: 30px !important; padding-left: 30px !important; box-sizing: border-box; }
.padding-right-left35{ padding-right: 35px !important; padding-left: 35px !important; box-sizing: border-box; }
.padding-right-left40{ padding-right: 40px !important; padding-left: 40px !important; box-sizing: border-box; }
.padding-right-left45{ padding-right: 45px !important; padding-left: 45px !important; box-sizing: border-box; }
.padding-right-left50{ padding-right: 50px !important; padding-left: 50px !important; box-sizing: border-box; }
.padding-right-left55{ padding-right: 55px !important; padding-left: 55px !important; box-sizing: border-box; }

.padding-bottom0{ padding-bottom: 0px !important; box-sizing: border-box; }
.padding-bottom5{ padding-bottom: 5px !important; box-sizing: border-box; }
.padding-bottom10{ padding-bottom: 10px !important; box-sizing: border-box; }
.padding-bottom15{ padding-bottom: 15px !important; box-sizing: border-box; }
.padding-bottom20{ padding-bottom: 20px !important; box-sizing: border-box; }
.padding-bottom25{ padding-bottom: 25px !important; box-sizing: border-box; }
.padding-bottom30{ padding-bottom: 30px !important; box-sizing: border-box; }
.padding-bottom35{ padding-bottom: 35px !important; box-sizing: border-box; }
.padding-bottom40{ padding-bottom: 40px !important; box-sizing: border-box; }
.padding-bottom45{ padding-bottom: 45px !important; box-sizing: border-box; }
.padding-bottom50{ padding-bottom: 50px !important; box-sizing: border-box; }
.padding-bottom55{ padding-bottom: 55px !important; box-sizing: border-box; }

.padding-top0{ padding-top: 0px !important; box-sizing: border-box; }
.padding-top5{ padding-top: 5px !important; box-sizing: border-box; }
.padding-top10{ padding-top: 10px !important; box-sizing: border-box; }
.padding-top15{ padding-top: 15px !important; box-sizing: border-box; }
.padding-top20{ padding-top: 20px !important; box-sizing: border-box; }
.padding-top25{ padding-top: 25px !important; box-sizing: border-box; }
.padding-top30{ padding-top: 30px !important; box-sizing: border-box; }
.padding-top35{ padding-top: 35px !important; box-sizing: border-box; }
.padding-top40{ padding-top: 40px !important; box-sizing: border-box; }
.padding-top45{ padding-top: 45px !important; box-sizing: border-box; }
.padding-top50{ padding-top: 50px !important; box-sizing: border-box; }
.padding-top55{ padding-top: 55px !important; box-sizing: border-box; }

.padding-top-bottom0{ padding-top: 0px !important; padding-bottom: 0px !important; box-sizing: border-box; }
.padding-top-bottom2{ padding-top: 2px !important; padding-bottom: 2px !important; box-sizing: border-box; }
.padding-top-bottom5{ padding-top: 5px !important; padding-bottom: 5px !important; box-sizing: border-box; }
.padding-top-bottom6{ padding-top: 6px !important; padding-bottom: 6px !important; box-sizing: border-box; }
.padding-top-bottom7{ padding-top: 7px !important; padding-bottom: 7px !important; box-sizing: border-box; }
.padding-top-bottom8{ padding-top: 8px !important; padding-bottom: 8px !important; box-sizing: border-box; }
.padding-top-bottom10{ padding-top: 10px !important; padding-bottom: 10px !important; box-sizing: border-box; }
.padding-top-bottom15{ padding-top: 15px !important; padding-bottom: 15px !important; box-sizing: border-box; }
.padding-top-bottom20{ padding-top: 20px !important; padding-bottom: 20px !important; box-sizing: border-box; }
.padding-top-bottom25{ padding-top: 25px !important; padding-bottom: 25px !important; box-sizing: border-box; }
.padding-top-bottom30{ padding-top: 30px !important; padding-bottom: 30px !important; box-sizing: border-box; }
.padding-top-bottom35{ padding-top: 35px !important; padding-bottom: 35px !important; box-sizing: border-box; }
.padding-top-bottom40{ padding-top: 40px !important; padding-bottom: 40px !important; box-sizing: border-box; }
.padding-top-bottom45{ padding-top: 45px !important; padding-bottom: 45px !important; box-sizing: border-box; }
.padding-top-bottom50{ padding-top: 50px !important; padding-bottom: 50px !important; box-sizing: border-box; }
.padding-top-bottom55{ padding-top: 55px !important; padding-bottom: 55px !important; box-sizing: border-box; }

.border-box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.border-none{ border: none !important; }

/*MARGIN*/
.margin0{ margin: 0px !important; }
.margin5{ margin: 5px !important; }
.margin10{ margin: 10px !important; }
.margin15{ margin: 15px !important; }
.margin20{ margin: 20px !important; }
.margin25{ margin: 25px !important; }
.margin30{ margin: 30px !important; }
.margin35{ margin: 35px !important; }
.margin40{ margin: 40px !important; }
.margin45{ margin: 45px !important; }
.margin50{ margin: 50px !important; }
.margin55{ margin: 55px !important; }

.margin-left0{ margin-left: 0px !important; }
.margin-left5{ margin-left: 5px !important; }
.margin-left6{ margin-left: 6px !important; }
.margin-left7{ margin-left: 7px !important; }
.margin-left8{ margin-left: 8px !important; }
.margin-left9{ margin-left: 9px !important; }
.margin-left10{ margin-left: 10px !important; }
.margin-left15{ margin-left: 15px !important; }
.margin-left20{ margin-left: 20px !important; }
.margin-left25{ margin-left: 25px !important; }
.margin-left30{ margin-left: 30px !important; }
.margin-left35{ margin-left: 35px !important; }
.margin-left40{ margin-left: 40px !important; }
.margin-left45{ margin-left: 45px !important; }
.margin-left50{ margin-left: 50px !important; }
.margin-left55{ margin-left: 55px !important; }

.margin-right0{ margin-right: 0px !important; }
.margin-right5{ margin-right: 5px !important; }
.margin-right10{ margin-right: 10px !important; }
.margin-right15{ margin-right: 15px !important; }
.margin-right20{ margin-right: 20px !important; }
.margin-right25{ margin-right: 25px !important; }
.margin-right30{ margin-right: 30px !important; }
.margin-right35{ margin-right: 35px !important; }
.margin-right40{ margin-right: 40px !important; }
.margin-right45{ margin-right: 45px !important; }
.margin-right50{ margin-right: 50px !important; }
.margin-right55{ margin-right: 55px !important; }

.margin-bottom0{ margin-bottom: 0px !important; }
.margin-bottom5{ margin-bottom: 5px !important; }
.margin-bottom10{ margin-bottom: 10px !important; }
.margin-bottom15{ margin-bottom: 15px !important; }
.margin-bottom20{ margin-bottom: 20px !important; }
.margin-bottom25{ margin-bottom: 25px !important; }
.margin-bottom30{ margin-bottom: 30px !important; }
.margin-bottom35{ margin-bottom: 35px !important; }
.margin-bottom40{ margin-bottom: 40px !important; }
.margin-bottom45{ margin-bottom: 45px !important; }
.margin-bottom50{ margin-bottom: 50px !important; }
.margin-bottom55{ margin-bottom: 55px !important; }

.margin-top0{ margin-top: 0px !important; }
.margin-top0{ margin-top: 0px !important; }
.margin-top2{ margin-top: 2px !important; }
.margin-top5{ margin-top: 5px !important; }
.margin-top10{ margin-top: 10px !important; }
.margin-top15{ margin-top: 15px !important; }
.margin-top20{ margin-top: 20px !important; }
.margin-top25{ margin-top: 25px !important; }
.margin-top30{ margin-top: 30px !important; }
.margin-top35{ margin-top: 35px !important; }
.margin-top40{ margin-top: 40px !important; }
.margin-top45{ margin-top: 45px !important; }
.margin-top50{ margin-top: 50px !important; }
.margin-top55{ margin-top: 55px !important; }
.margin-top60{ margin-top: 60px !important; }
.margin-top65{ margin-top: 65px !important; }
.margin-top70{ margin-top: 70px !important; }
.margin-top75{ margin-top: 75px !important; }
.margin-top80{ margin-top: 80px !important; }
.margin-top85{ margin-top: 85px !important; }
.margin-top90{ margin-top: 90px !important; }
.margin-top95{ margin-top: 95px !important; }
.margin-top100{ margin-top: 100px !important; }


.right0{ right: 0 !important; }
.top0{ top: 0 !important; }
.top-n-5{ top: -5px !important; }
.top-n-10{ top: -10px !important; }
.top-n-15{ top: -15px !important; }
.right-n-5{ right: -5px !important; }
.right-n-10{ right: -10px !important; }
.right-n-15{ right: -15px !important; }
.left0{ left: 0 !important; }
.bottom0{ bottom: 0 !important; }

/*DISPLAY*/
.display-none{ display: none !important; }
.display-block{ display: block !important; }
.display-inline{ display: inline !important; }
.display-inline_block{ display: inline-block !important; }
.display-flex{ display: flex !important; }
.flex-column{ flex-direction: column; }
.flex-end{ justify-content: flex-end; }
.flex-justify_content_center{ justify-content: center !important; }
.flex-vertical-center{ align-items: center !important; }
.flex-space-between{ justify-content: space-between !important; }
.flex-space-around{ justify-content: space-around !important; }
.flex-space_around-center{ justify-content: space-around; align-items: center; }
.flex-space_between-center{ justify-content: space-between; align-items: center; }
.flex-flex_start-center{ justify-content: flex-start; align-items: center; }
.flex-center-center{ justify-content: center; align-items: center; }
.flex-auto_grow{ flex-grow: 1; }
.flex-center{ justify-content: center; align-items: center; }
.items-end{ align-items: flex-end; }

/*COLORES*/
.color-gris{ color: #646464; }
.color-blanco{ color: #ffffff; !important;}

.font-bold{ font-weight: bold !important; }

.font-size-1em{ font-size: 1em; }
.font-size-1_1em{ font-size: 1.1em; }
.font-size-1_2em{ font-size: 1.2em; }
.font-size-1_3em{ font-size: 1.3em; }
.font-size-1_4em{ font-size: 1.4em; }
.font-size-1_5em{ font-size: 1.5em; }
.font-size-1_6em{ font-size: 1.6em; }
.font-size-1_7em{ font-size: 1.7em; }
.font-size-1_8em{ font-size: 1.8em; }
.font-size-1_9em{ font-size: 1.9em; }
.font-size-2em{ font-size: 2em; }

.box-shadow-none{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/*ALINEACIÓN*/
.texto-centrado{ text-align: center !important; }
.texto-izquierda{ text-align: left !important; }
.texto-derecha{ text-align: right !important; }
.texto-justificado{ text-align: justify !important; }
.elemento-centrado{ display: block; margin: 0 auto; }
.float-left{ float: left !important; }
.float-right{ float: right !important; }
.margin0-auto{ margin: 0 auto !important; }
.margin-auto{ margin: auto !important; }


/*ALINEACIÓN*/
.position-absolute{position: absolute !important;}
.position-relative{position: relative;}

/*BORDER RADIUS*/
.border-radius0{ border-radius: 0 !important; }
.border-radius10{ border-radius: 10%; }
.border-radius20{ border-radius: 20%; }
.border-radius30{ border-radius: 30%; }
.border-radius40{ border-radius: 40%; }
.border-radius50{ border-radius: 50%; }

/*BORDES*/
.border-color-gris{ border-color: #646464; }
.border-color-negro{ border-color: black; }
.border-color-blanco{ border-color: white; }
.border-color-salmon{ border-color: salmon; }
.border-color-verde{ border-color: forestgreen; }
.border-color-azul{ border-color: darkblue; }

.border-bottom-color-gris{ border-bottom-color: #646464; }
.border-bottom-color-negro{ border-bottom-color: black; }
.border-bottom-color-blanco{ border-bottom-color: white; }
.border-bottom-color-salmon{ border-bottom-color: salmon; }
.border-bottom-color-verde{ border-bottom-color: forestgreen; }
.border-bottom-color-azul{ border-bottom-color: darkblue; }

.border-width-1{ border-width: 1px; }
.border-width-2{ border-width: 2px; }
.border-width-3{ border-width: 3px; }
.border-width-4{ border-width: 4px; }
.border-width-5{ border-width: 5px; }

.border-bottom-width-1{ border-bottom-width: 1px; }
.border-bottom-width-2{ border-bottom-width: 2px; }
.border-bottom-width-3{ border-bottom-width: 3px; }
.border-bottom-width-4{ border-bottom-width: 4px; }
.border-bottom-width-5{ border-bottom-width: 5px; }

.border-style-solid{ border-style: solid; }
.border-style-dotted{ border-style: dotted; }
.border-style-dashed{ border-style: dashed !important; }

.border-bottom-style-solid{ border-bottom-style: solid; }
.border-bottom-style-dotted{ border-bottom-style: dotted; }

.overflow_auto{ overflow: auto !important; }
.overflow_hidden{ overflow: hidden !important; }

.absolute_centered{
    position: absolute !important;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto !important;
}

/*ESTADOS DE ELEMENTOS*/
.tr_activo{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    background: #006495 !important;
    color: white !important;
    padding: 5px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 5px solid transparent !important;
}

.tr_activo td{
    border-top: 5px solid transparent;
}
/*-----------------------------------------------------------------------------------*/


/**** VALIDACIONES ****/
.input_error label{
    color: #C25B56 !important;
}

.input_error_border{
    border-color: #C25B56 !important;
}

.select2-selection--multiple .select2-search__field{
    display: none;
}

.select2-container{
    width: 100% !important;
}

.th_acciones{
    min-width: 250px;
    max-width: 250px;
    width: 250px;
}

.td_acciones{
    min-width: 250px;
    max-width: 250px;
    width: 250px;
}

.custom_error input{
    border-color: red;
}

.custom_error label{
    color: red !important;
}

.verde-excel{
    background-color: #009434 !important;
}

.verde-excel:hover{
    background-color: #06752d !important;
}

/*.dropdown.disabled{ color: black !important; border: 1px solid black !important; }*/
.cursor-not-allowed{ cursor: not-allowed; }
.cursor-pointer{ cursor: pointer; }

.form .field label{ cursor: pointer !important; }

.editable{
    color: darkblue;
    text-decoration: underline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration-style: dashed;
    text-underline-position: under;
    cursor: pointer;
}

.editable:hover{
    color: darkblue;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-position: under;
}

.input_editable{
    cursor: text !important;
    padding: .3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.custom_error{
    border: 1px solid crimson;
    outline-color: red;
}

.editable_error{
    display: none;
}

.editable_container_error .editable_error{
    display: block;
    color: red;
}

.switch_component {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.switch_component-checkbox {
    display: none;
}
.switch_component-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.switch_component-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.switch_component-inner:before, .switch_component-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.switch_component-inner:before {
    content: "Sí";
    padding-left: 10px;
    background-color: #5BBA27; color: #FFFFFF;
}
.switch_component-inner:after {
    content: "No";
    padding-right: 10px;
    background-color: #E05353; color: #FFFFFF;
    text-align: right;
}
.switch_component-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.switch_component-checkbox:checked + .switch_component-label .switch_component-inner {
    margin-left: 0;
}
.switch_component-checkbox:checked + .switch_component-label .switch_component-switch {
    right: 0px;
}

.text-decoration-none{ text-decoration: none !important; }

.label_input_file{
    display: block;
    margin: 0 auto;
    width: auto;
    text-align: center;
    font-size: 1.2em;
    color: #686868;
    font-weight: 100;
    margin-bottom: 2em;
}

.contenedor_control{
    display: flex;
    justify-content: center;
    align-items: center;
}


.contenedor_control .input_file{
    width: 6em;
    height: 6em;
    background: #00855B;
    border-radius: 50%;
    cursor: pointer;
    transition: .2s;
}

.contenedor_control .input_file li{
    position: relative;
    display: flex;
    font-size: 3.25em;
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0;
    color: white;
    justify-content: center;
    align-items: center;
    margin-top: .3em;
}

.contenedor_control .nombre_archivo{
    color: #5E5E5E;
    font-size: 1.05em;
    display: inline-block;
    margin-left: .5em;
}

.contenedor_control .input_file:hover{
    animation-name: animacion_input_file;
    animation-duration: 1s;
}

.contenedor_control .input_file .input_file_control{
    display: none;
}

.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}



/*HACK HEADER FIXED AND SCROLL X DATATABLES*/
table.dataTable.fixedHeader-floating {
    display: none !important; /* Hide the fixedHeader since we dont need it*/
}


.dataTables_scrollHeadInner{
    margin-left: 0px;
    width: 100% !important;
    position: fixed;
    display: block;
    overflow: hidden;
    margin-right: 30px;
    background: white;
    z-index: 1000;
}

.dataTables_scrollBody{
    padding-top: 60px;
}