#btnNuevoC, #btn_CertCoursed{
  background-color: #274742;
  border-color: inherit;
}


div #title_style_index{
  background-color: black;
  color: white;
  border-style: double;
  border-color: black;
}

.alert_menu_index:hover , .alert_menu_index:focus {
  cursor: pointer;
  background-color: #ced4da !important;
  color:black !important;
  text-decoration:none !important;
  font-weight: bold !important;
}

button.btn.btn-link.collapsed{
  color: #fff !important;
}

div #card_billing, div #card_data , div #card_confi, div #card_conduc, div #card_personal, div #card_install, div #card_equip,
div #card_pattern, div #card_reference, div #card_supplier, div #card_data, div #card_order, div #card_capacity, div #card_method, div #card_backups, div #card_uncertainty,
div #card_test, div #card_inform, div #card_complaint, div #card_noConform, div #card_validates, div #card_politics, div #card_document,
div #card_register, div #card_risk, div #card_idea, div #card_corrective, div #card_audit, div #card_direct, div #card_admin, div #card_assignment, div #card_inform {
  background: linear-gradient(to right, #114C61, #0B6B8F) !important;
  color: white !important;

}

div.card.card-link-menu:hover {
  opacity: 80%;
}

div.notify-menu{
  border-radius:50%;
  background-color:#cc0000;
  min-width:30px;
  display:inline-block;
  padding-top: auto;
  color:white;
  font-weight:bold;
  position:absolute;
  top: -10%;
  right: -5%;
  height:30px;
}

div.notify-menu p{
  margin-top:4%;
  margin-bottom:auto;
  margin-left:auto;
  margin-right:auto;
}


@media (max-width:780px) {
  div.card-link-menu div.card-body div.card-title{
    font-size: 14px;
  }
}


@media (max-width:100px) {
  div.card-link-menu div.card-body div.card-title{
    font-size: 20px !important;
  }

}


div.alert-equipment-menu div.alerts-container{
  max-height: 8em;
  height: auto;
  overflow-y: auto;
}


#card_billing h5 button, #card_data h5 button, #card_confi h5 a, #card_conduc h5 a, #card_personal h5 button, #card_install h5 button, #card_equip h5 button,
#card_pattern h5 button, #card_reference h5 button, #card_supplier h5 button, #card_data h5 button, #card_order h5 button, #card_capacity h5 a, #card_method h5 button,
#card_backups h5 a, #card_uncertainty h5 a, #card_test h5 button, #card_inform h5 button, #card_complaint h5 button,  #card_noConform h5 a,  #card_validates h5 a,
#card_politics h5 button, #card_document h5 button, #card_register h5 a, #card_risk h5 a, #card_idea h5 button, #card_corrective h5 a, #card_audit h5 a, #card_direct h5 a, 
#card_admin h5 a, #card_inform h5 a {
  width:100%;
  font-size: 70% !important;
  padding: inherit;
  margin: 0 0 0 0;
  color:white;
  text-decoration:none;

  display: inline-block !important;
  align-items: center !important;
  word-break:break-all !important;
  justify-content: center;

}

div.card-link-menu:hover {
  cursor: pointer;
}

div.card-link-menu, div.card-link-menu div.card-body{
  width: 100% !important;
  padding-right: 0;
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
}

div.card-link-menu div.card-body div.card-title{
  margin-bottom: 0;
}

div.card-link-menu div.alerts-container div.alert_menu{
  font-size: 80%;
  text-align: center;
}

div.card-link-menu div.alerts-container div.alert_menu div{
border: solid 1px grey;
}

#btn_Nw_Client, #btn_Nw_ServiceS, #btn_Nw_Emp, #btn_Nw_Title, #btn_Nw_Skill, #btn_Nw_Cal, #btn_Nw_Vac, #btn_Nw_Course,
#btn_Nw_ProgramC, #btn_Mk_Course, #btn_Nw_Test, #btn_Nw_Code, #btn_Nw_Confi, #btn_Nw_Equip, #btn_Nw_Norm, #btn_Nw_BitEq,
#btn_Nw_SpecEq, #btn_Nw_Specs, #btn_Nw_Soli, #btn_Nw_Calib, #btn_Nw_SoliC, #btn_Continue_service, #btn_Nw_ControEquip, #btn_Nw_Suplier,
#btn_Nw_TesSupp, #btn_Nw_BitEq_, #btn_Nw_SpecItem, #btn_Nw_SoliItem, #btn_Nw_Correct, #btn_Fs_Correct, #btn_Nw_noConfom, #btn_Nw_ProgramAu,
#btn_Nw_RegisAu, #btn_Nw_InfoAu, #btn_Nw_inCheck, #btn_Nw_outChec, #btn_Nw_AddOns, #btn_Nw_Verify_Met, #btn_Nw_proficiencyPlan, #btn_Nw_proficiency,
#btn_Nw_Assure_Regis, #btn_Nw_ImproIdeas, #btn_Nw_Satisfaction, #btn_Nw_IdentyRisk, #btn_Nw_Complaint, #btn_Nw_Install, #btn_Nw_check_installs, #btn_Nw_BackUp,
#btn_Nw_SpecPattern, #btn_Nw_Soli_Pattern, #btn_Nw_SpecPa, #btn_Nw_BitPa_, #btn_Nw_BitPa, #btn_Nw_CalibPattern, #btn_Nw_SoliC_pattern, #btn_Nw_Control_Pattern,
#btn_Nw_Reference_Spec, #btn_Nw_Soli_Reference, #btn_Nw_Uncertainty, #btn_Nw_Fiscal_Data, #btn_Nw_Accred_Data, #btn_Nw_Approved_Data, #btn_Nw_Capacity,
#btn_Nw_cert_pattern, #btn_Nw_cert_equip, #btn_Nw_cert_ref, #btn_Nw_Politic,  #btn_Nw_Object, #btn_Nw_Calculate, #btn_Nw_Document_Ctrl_int, #btn_Nw_Document_Ctrl_ext,
#btn_Nw_Register_Ctrl, #btnInBox, #btnVer, #btn_Nw_Parameter, #btn_Continue_load, #btn_start_order, #btn_employ_material, #btn_material_assign, #btn_Download_rate,
#btn_accept_billing, #btn_employ_equipment, #btn_equipment_assign, #btn_nw_stationery, #btn_employ_stationery, #btn_Dw_certified, #btn_Nw_certified, #btn_Ap_requicition, #btn_accept_requirieds,
#btn_receive_request, #btn_nw_requisition, #btn_Nw_purchase_order, #btn_accept_requisition, #btn_work_area, #btn_Nw_work_area, #btnInBox_out_system, #btn_accept_billing_out,
#btn_nw_activity, #btn_nw_vehicles, #btn_pay_billing, #btn_nw_method, #btn_nw_important_doc, #btn_Nw_pattern, #btn_nw_cert_material, #btn_nw_report, #btn_nw_repse,
#btn_new_require, #btn_register_medical, button.btn_nw_spec, #btn_nw_effect_training {
  background-color: #384745;
  border-color: inherit;
  color: #fff;
}

#btn_Vw_Confi, #btn_Vw_Code, #btn_Vw_Metood, #btn_Vw_Test, #btn_Vw_Equip, #btn_Vw_Cal, #btn_Vw_Title, #btn_Vw_Employ, #btn_Vw_Vac,
#btn_Vw_Coursed, #btn_Vw_His, #btn_Vw_Specs, #btn_Vw_Soli, #btn_Vw_SoliCalib, #btn_Vw_SoliMail, #btn_Vw_SoliMail_Eq, #btn_Vw_BitEq, #btn_Vw_Control,
#btn_Vw_EquipList, #btn_Vw_TesSupp, #btn_Vw_SoliItem, #btn_Vw_MailItem, #btn_Vw_Correct, #btn_Vw_CorrectF, #btn_Vw_Conform, #btn_vw_checks, #btn_Vw_Addon,
#btn_Vw_Idea, #btn_Vw_SoliPattern, #btn_Vw_SoliMail_Pa, #btn_Vw_BitPa, #btn_Vw_Pattern, #btn_Vw_SoliC_Pattern, #btn_Vw_SoliMail_Pattern,
#btn_Vw_Control_Pattern, #btn_Vw_Soli_reference, #btn_Vw_Mail_reference, #btn_Vw_Patterns_List, #btnVisto, #btn_file_up,
#btn_Generate_rate, #btn_view_marketrate, #btn_Ap_Soli, #btn_vw_po, #btn_view_required, #btn_view_mail_required, #load_PO_authorized, #btn_vw_memorandum,
#btn_services, #btn_vw_holidays
{
  background-color: #274742;
  border-color: inherit;
  color: #fff;

}


#btnEdicion, #btn_Ed_Inf, #btn_Ed_Emp, #btn_Ed_Cal, #btn_Ed_Confi, #btn_Ed_Code, #btn_up_regulation, #btn_Ed_Test, #btn_Ed_Equip, #btn_Ed_Soli,
#btn_cancel, #btn_Ed_SoliCalib, #btn_Ed_ControEquip, #btn_Ed_SoliItem, #btn_res_correct, #btn_Tk_Auditor,  #btn_check_edit, #btn_Nw_outCheck,
#btn_Nw_ConCheck, #btn_Ed_proficiencyPlain, #btn_Ed_proficiency, #btn_Ed_assure, #btn_Con_Idea, #btn_Ed_Idea, #btn_Ed_risk,
#btn_Ed_Complaint, #btn_Ed_check_install, #btn_Ed_Material, #btn_Ed_Install, #btn_Ed_SoliPattern, #btn_Ed_Pattern, #btn_Ed_SoliC_Pattern,
#btn_Up_control_pattern, #btn_Ed_Soli_reference, #btn_Ed_Uncertainty, #btn_Ed_FiscalD, #btn_Ed_general, #btn_Ed_Accred, #btn_Ed_Approve,
#btn_Up_Capacity, #btn_Ed_Capacity, #btn_Ed_politic, #btn_Up_politic, #btn_Up_object , #btn_Ed_object, #btn_Up_Calculate, #btn_Ed_Calculate,
#btn_Up_Doc_Ctrl, #add_skill, #btn_Up_file_Doc_Ctrl, #btn_Ed_Reference, #btn_Ed_Spec_Equip, #box_au,
#btn_Ed_Spec_Pattern, button.btn-options-employes, #btn_Ed_Parameter, #btn_up_order, #btn_up_employ_material, #btn_Up_Accred, #btn_Up_Approval,
#btn_up_employ_equipment, #btn_up_stationery, #btn_Ed_Supp, #btn_Up_item, #btn_Ed_verify, #btn_Ed_work_area, #btn_up_report, #btn_Up_parameters_equip,
#btn_up_vehicle, #btn_up_memorandum, #btn_add_according, #btn_add_generals, #btn_up_memo_track, #btn_up_memo_general, #btn_pay_billing,
#btn_up_billing, #btn_up_market_rate, #up_accords_for_employ, #btn_ed_method, #btn_up_important_doc, #btn_up_complaint, #btn_ed_complaint, #btn_up_document_ext, 
#btn_ed_course, #btn_ed_course_programed, #btn_up_repse, #btn_ed_certified, #btn_up_medical, button.register_spec, #btn_ed_uncertainty, #btn_up_proficiency
{
  background-color: #71918B;
  border-color: inherit;

}

#btnEliminar, #btnDelInf, #btnAuTi, #btn_del_course, #btnAut_inf, #btnDelCourse, #btn_logOut, #btnDelAll, #btn_DelSoliCali, #btn_DelSoli, #btn_DelSoliItem,
#btn_Au_Correct, #btn_Au_Conform, #btn_del_auditor, #btn_Au_Auditor, #btn_au_Check, #btn_Au_Addons, #btn_del_checks, #btn_Au_DelChecks,
#btn_Au_Idea, #btn_Del_risk, #btn_Au_Complaint, #btn_Au_risk, #btn_Au_risk_, #btn_Up_table, #btn_Del_Install, #btn_Del_SoliPattern, #btn_DelSoliC_Pattern, #btn_DelSoli_reference,
#btn_Del_Uncertainty, #btn_Au_Uncertainty, #btn_Au_general, #btn_Del_general, #btn_Au_Del_risk, #btn_del_Capacity, #btn_Au_Install, #btn_Au_politic, #btn_Au_object, #btn_Au_Calculate,
#btn_Au_Doc_Ctrl, #btnSuccess, #btn_Del_ClientCot, #btn_Del_ServiCot, #btn_Del_Doc_Ctrl_, #btn_file_up_, #btn_Up_file_obsolete, #btn_Res_Doc_Ctrl, #btn_check,
#btn_no_check, #box_nau, #btn_Del_Parameter, #btn_del_order, #btn_Del_Spec_Equip, #btn_Del_Spec_Pattern, #btn_Del_Equip, #btn_del_reference, #btn_Del_item, #btn_reject_requirieds, #btn_reject_requisition,
#btn_finish_order, #btn_del_assigned, #btn_Del_work_area, #btn_del_PO, #btn_del_parameter_register, #btn_del_billing, #btn_cancel_billing, #btn_del_requirieds, #btn_del_method, #btn_del_pattern, #btn_del_certified,
#btn_del_important_doc, #btn_del_regulation, #btn_del_verify, #btn_del_complaints, #btn_del_noConform, #btn_del_calculate, #btn_del_corrective, #btn_del_requireds, 
#btn_del_course_programed, #btn_del_repse, #btn_del_Emp, #btn_del_stationery, #btn_del_vehicle, #btn_del_requisition, #btn_del_medical
 {
  background-color: #8A261D;
  border-color: inherit;
}

td#row_window_info:hover{
  background-color: #E0E0E0;
  cursor: pointer;
}

th .cat_AL{
  background-color: #80F5F4 !important;
}
th.cat_FF{
  background-color: #CAF571;
}
th.cat_RP{
  background-color: #8999F5;
}
th.cat_AR{
  background-color: #F5C0A2;
}

div .box_tex_out{
  padding-top: 5em !important;
  padding-bottom: 5em !important;
  margin-bottom: 5em !important;
}

div .box_tex_in{
  padding-top: 5em !important;
  padding-bottom: 5em !important;
}

thead{
  font-size: 80%;
}

.vertical{
    font-size: 13px;
    writing-mode: vertical-lr;
    width: 55%;
    transform: rotate(180deg);
}

.vertical-th{
    font-size: 100%;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

td.table_mini {
  background-color: #A0FFA8 !important;
}


.main-page-content table {
    margin-bottom: 48px;
}

.bc-table {
    background-color: #eee;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 0;
    table-layout: fixed;
    width: 100%;
}
.properties, .standard-table, table {
    border-collapse: collapse;
    margin-bottom: 24px;
}

@media (min-width: 47.9385em){
  table {
      font-size: 1rem;
  }

}

table {
    font-size: .9rem;
    overflow-x: auto;
}
article>*+* {
    margin-top: 1em;
}
*, :after, :before {
    box-sizing: border-box;
}
table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}

div .au {
  font-size: 80%;
  text-orientation: sideways-right;
}

.large p {
  width:500px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
 }

 .large p:hover{
   width:500px !important;
   overflow: inherit ;
   white-space: inherit;
   text-overflow:  inherit;
   flex-wrap: wrap;
 }


  .order_row p {
    width:300px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
  }

  .order_row p:hover {
    width:350px !important;
    overflow: inherit ;
    white-space: inherit;
    text-overflow:  inherit;
    flex-wrap: wrap;
  }


 .med p {
   width:150px;
   overflow:hidden;
   white-space:nowrap;
   text-overflow: ellipsis;
  }

 .med p:hover {
   width:200px !important;
   overflow: inherit ;
   white-space: inherit;
   text-overflow:  inherit;
   flex-wrap: wrap;
  }

  .short p {
    width:150px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
   }

  .short p:hover {
    width:150px !important;
    overflow: inherit ;
    white-space: inherit;
    text-overflow:  inherit;
    flex-wrap: wrap;
   }

.interior{
   display:none;
   } /* oculta las listas anidadas */

#nivel1-1 input:checked ~ ul{
  display:block;
}
#nivel1-2 input:checked ~ ul{
  display:block;
}

#menu * { list-style:none;}
#menu li{ line-height:180%;}
#menu li a{color:#222; text-decoration:none;}
#menu li a:before{ content:"\025b8"; color:#ddd; margin-right:4px;}
#menu input[name="list"] {
	position: absolute;
	left: -1000em;
	}
#menu label:before{ content:"\025b8"; margin-right:4px;}
#menu input:checked ~ label:before{ content:"\025be";}
#menu .interior{display: none;}
#menu input:checked ~ ul{display:block;}


.fullscreen-modal .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

@media (min-width: 768px) {
  .fullscreen-modal .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .fullscreen-modal .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .fullscreen-modal .modal-dialog {
     width: 1170px;
  }
}

div .work, .not_cal, .process, .success, .not_confi, .not_code, .not_asig, .not_response, .not_au{
  padding: 3px 7px 3px 7px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  font-size: 10px;
}

div .not_au {
  background: #322A87;
}

div .not_code {
  background: #E8B05D;
}


div .not_confi {
  background: #FFD04A;
}

div .work {
  background: #cc0000;
}

div .not_cal {
  background: #F56E42;
}

div .process {
  background: #10599C;
}

div .success {
  background: #0F9154;
}

td.highlight {
  background-color: whitesmoke !important;
}

.precaution{
  background-color: #F5EF9A;
  border: 6px solid #000000;
  }
.warning{
  background-color: #CC8A83;
  border: 6px solid #000000;
  }


  #matriz-table thead td  {
    border:0.5px solid black !important;
  }


  #table_ProCourses tbody tr td, #tabla_list_equip tbody tr td, #table_list_patterns_ tbody tr td, #matriz-table tbody tr td, #tableMetoodR tbody tr td, #table_soli_card tbody tr td, #tableSoli_Calib  tbody tr td {
    border: 0.25px solid black !important;
  }

  #table_ProCourses thead th, #tabla_list_equip thead th, #table_list_patterns_ thead th, #matriz-table thead th, #tableMetoodR thead th, #table_soli_card thead th{
    border:0.25px solid black !important;
  }

/* estilos para los hover en las filas */
#inTime tbody tr:hover {
  background-color: #97F581;
  font-weight: bold;
}

#inTime tbody tr:hover > .sorting_1 {
  background-color: #97F581;
}

#passed tbody tr:hover {
  background-color: #F7B1A5;
  font-weight: bold;
}

#passed tbody tr:hover > .sorting_1 {
  background-color: #F7B1A5;
}


#table_calculates tbody tr:hover, #table_uncertainty tbody tr:hover, #table_capacity tbody tr:hover, #table_AccredictD tbody tr:hover, #table_ApprovedD tbody tr:hover,
#table_document_int tbody tr:hover, #table_ProgramC_Materials tbody tr:hover, #table_register_ctrl tbody tr:hover, #tableProgm_Mant tbody tr:hover, #tableProgm_Calib tbody tr:hover,
#table_Specs_Reference_Box tbody tr:hover
{
  background-color: #EDEDED;
  font-weight: bold;
  cursor: pointer;
}


div .newRegister {
  background-color: #384745;
  color: #ffffff;
}

div .autorization{
  background-color: #078F4D;
  color: #ffffff;
}

#modalEmploy .close {
    color: #fff;
    opacity: 1;
}

.firmas {
  height: 100px;
  border: #3232;
}

.firmas-m {
  height: 100px;
  border: #3232;
}

div.edition{
  font-size: 11px;
}


hr .line {
  height: 8px;
  width: 75%;
  background-color: red;
}

div .check-center{

    display:flex;
    justify-content: center;
    align-items: center;
}

.td_box{
    font-size: auto;
    width: 100%;
}

#modalVac .close, #modalHCal .close, #modalRCal .close,
#modalView .close, #modal_Au .close, #modalHabil .close,
#modalTitle .close, #modalEmploy .close, #modalRCour .close,
#modalDCour .close, #modalRVac .close, #modalPCour .close,
#modalPrueba .close, #modalConducta .close, #modalImparcial .close,
#modalEquip .close, #modalSpecs .close, #modalMetodo .close,
#modalBinna .close, #modalSoli .close, #modalCalib .close, #modalSoli_Calib .close,
#modalProgram_Calib .close, #modalControl_Ed .close, #modalSuppliers .close,
#modalTestSupp .close, #modalSpecsItem .close, #modalSoli_Item .close, #modalCorrect .close,
#modalConform .close, #modalAuditor .close, #modalCheck .close, #modalCRUD .close,
#modalCrudS .close, #modalAddons .close, #modalVeriMet .close, #modalProficiency .close,
#modalImprovements .close, #modalRisk .close, #modalComplaint .close, #modalInstall .close,
#modalBackUp .close, #modalMetrology .close, #modalUncertainty .close , #modalGeneral_Data .close,
#modalCapacity .close, #modalDocuemntation .close, #modalCalculate .close, #modalDocument_Ctrl .close,
#modalRegister_Ctrl .close
{
    color: #fff;
    opacity: 1;
}

div .alerta_bitacora {
  background-color: #FAF096;
}


/*estilo para la llave */
.fa-wrench{

color:#14566E;
}


 div.blank-space {
  height: 300px !important;
}


.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}


input.input_form_order{
  background-color: #FEF5BC;
}


select.input_form_order{
  background-color: #FEF5BC;
}

#loading {
    visibility: hidden;
    margin-top: 0;
}
#loading.display {
    position: absolute;
    z-index: 3;
    visibility: visible;
    top: 40%;
    left: 45%;
    width: 10rem;
    height: 10rem;
    border: 10px solid #f3f3f3;
    border-top: 10px solid #114C61;
    border-radius: 100%;
    animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
}

.overlay {
  position: absolute;
  display: flex;
  width: 100%;
  height: 50%;
  z-index: 4;
  justify-content: center;
  align-items: center;
}

#loading_body {
  visibility: hidden;
  margin-top: 0;
}
#loading_body.display {
  display: inline-block;
  position: relative;
  visibility: visible;
  width: 10rem;
  height: 10rem;
  border: 10px solid #f3f3f3;
  border-top: 10px solid #114C61;
  border-radius: 100%;
  animation: spin 1s infinite linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.btn-popup-message:hover:before {
    content: attr(data-hover);
    display: block;
    background: rgb(0, 0, 0);
    position: absolute;
    bottom: 140%;
    right: 0;
    padding: 15px; 
    width: 400px;
    z-index: 1;
}

.btn-popup-message:hover:after {
  content: "";
  position: absolute;
}

.note {
  margin-top: 100px;
  display: block;
}

/*/ Tamano de fuente selectivo /*/
body{
  font-size: small !important;
  width:100%;
  overflow-x:hidden;
}

input, textarea, select, .dropdown-item,  button.btn {
font-size: small !important;
}

table, tr, td, th {
font-size: xx-small;
}

div.btn-group button, a.btn {
font-size: x-small !important;
}

#table_respse td, table#table_respse th {
font-size: medium !important;
}

/*/ Tamano de fuente selectivo /*/

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #114C61; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #28AFE0; 
}

/*FADE UP*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* FADE DOWN*/
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/*=== Trigger  ===*/
.animate {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}

.btn_display_employ {
  border: 2px solid rgb(29, 28, 28) !important;
  box-shadow: none;

}

.alert_menu_index {
	animation: fadeIn 1s;
	-webkit-animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	-o-animation: fadeIn 1s;
	-ms-animation: fadeIn 1s;
  }
  
  @keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }
  
  @-moz-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }
  
  @-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }
  
  @-o-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }
  
  @-ms-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }

  div.folder_box:hover {
    cursor: pointer;
    background-color: #98aeb36d;
    font-weight: bold;
    animation: fadeIn 0.25s;
    -webkit-animation: fadeIn 0.25s;
    -moz-animation: fadeIn 0.25s;
    -o-animation: fadeIn 0.25s;
    -ms-animation: fadeIn 0.25s;
  }

  .dt-layout-row,
  .dt-layout-cell,
  .dt-control, .dt-layout-full {
    margin: 0 !important;
    padding: 0 !important;
  }

  .dt-layout-start {
    margin: 1px solid black;
  }