.h1, h1{
  /* nuevo estilo */
  font-size: 22px !important;
  font-weight: 600;
  position: relative;
  color: var(--gray-8);
  font-weight: 500;
  font-size: 32px;
  text-indent: -1px;
  line-height: 1;
  position: relative;
  margin-block-end: 12px;
  padding: 6px;
  padding-top: 10px;
}


.page_heading h1{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page_heading .index_description_container:not(:empty){
  margin-top: -14px;
  padding-bottom: 14px;
}

.doc_name_folio.well3{
  border-radius: 20px;
  margin-bottom: 10px;
  display: inline-block;
  padding: 4px 20px;
  border: none;
}

h1 .pull-right{
  margin-top: -3px;
}

h1 .mxp_heading_title > i{
  padding: 0px 8px;
  border-radius: 3px;
  color: var(--primary-color);
  vertical-align: middle;
  margin-top: -2px;
}

.index_description_container{
  color: var(--text-muted) !important;
  font-size: 14px;
  padding-top: 2px;
  max-width: 70%;
  line-height: 15px;
}
.index_description_container:empty{
  display: none;
}
.index_description_container.with_icon{
  padding-left: 42px;
}

h1 > div{
  flex-grow: 1;
}

h1 .index_description_container.pleft_sm{
  padding-left: 40px;
}

h1 #form_add_shortcut button{
  margin-top: -2px;
}

h1 .mxp_heading_title{
  padding-top: 0px;
/*  margin-bottom: -4px;*/
}

h1 .module_help_description{
  font-size: 14px;
  font-weight: 400;
  padding-top: 10px;
  color: #777;
  user-select: none;
}

h1 .section_title_tools{
  min-width: 300px;
  text-align: right;
  margin-top: -5px;
}
h1 .section_title_tools .buttons_container > .btn{
  margin-right: 10px;
}
h1 .section_title_tools .buttons_container .btn:last-of-type{
  margin-right: 0px;
}


a.with_bg{
    background-color: #dff1f5;
}

label{
  font-weight: 500;
}

.app-header .dropdown-menu{
  max-width: 250px;
}


.section_heading{
  font-size: 18px;
  font-weight: 600;
  color: var(--primary-color);
  margin-bottom: 10px;
}
.section_title{
  font-weight: 600;
  background-color: #f0f8ff;
  padding: 10px;
  color: #12385a;
  border-radius: 4px;
  border-top: 1px solid #daebfa;
  border-bottom: 1px solid #cee6fc;
  border-left: 3px solid #bed8ee;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}

.section_subtitle1{
  font-size: 20px;
    padding: 8px 12px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
    background-color: #f0f0f0;
    border: 1px solid #eaeaea;
    border-top: 2px solid #4687da;
    position: relative;
    border-radius: 10px;
}

.section_subtitle{
    font-weight: 500;
    background-color: #f2f2f2;
    color: #373737;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #b8b8b8;
    border-left: 3px solid #7f7f7f;
}

.section_subtitle.blue{
  background-color: #d1f1ff;
  color: #0e385d;
  border: 1px solid #65a0d0;
  border-left: 3px solid #65a0d0;
}

.section_subtitle.yellow{
  background-color: #fff5ab;
  color: #545209;
  padding: 10px;
  border: 1px solid #decb7b;
  border-left: 3px solid #decb7b;
}

.section_subtitle_mini{
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 6px;
    background-color: var(--primary005);
    padding: 4px 8px;
    margin-bottom: 10px;
    border-radius: var(--bs-card-border-radius);
}

.section_subtitle_simple{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* la buena para info */
.info_text_container{
  background-color: rgba(0, 0, 0, 0.05);
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  align-items: baseline;
}


.help_text_container{
  color: #555;
  position: relative;
  padding-left: 1.2em;
}
.help_text_container:before{
  font-family: "IcoFont";
  position: absolute;
  content: "\ef4e";
  color: #777;
  font-size: 1.1;
  top: 0px;
  left: 0px;
}


.mxp_row_action_menu button.dropdown-toggle{
  min-width: 70px;
}


.btn_row_menu_item{
  border-color: var(--primary02);
}
.btn_row_menu_item.show{
  color: white !important;
}


/* la buena  */
.section_info_container{
  font-weight: 500;
  padding: 10px;
  font-size: 16px;
  padding-left: 34px;
  position: relative;
  border-radius: 5px;
  background-color: #d0f0ff;
  color: #0e385d;
  border: 1px solid #65a0d0;
  border-left: 3px solid #497fab;
}

.section_info_container a{
  color: #0b229f;
  font-weight: 600;
  background-color: #afdbff;
}
.section_info_container a:hover{
  border-bottom: none;
}

.section_info_container.gray{
  background-color: #f2f2f2;
  color: #454545;
  border: 1px solid #b8b8b8;
  border-left: 3px solid #939393;
}

.section_info_container.info_sm{
  background-color: #f7f7f7;
  color: #454545;
  font-weight: 500;
  padding: 5px 10px;
  padding-left: 28px;
  font-style: italic;
  font-size: 15px;
  border: none !important;
  border-left: 3px solid #b1b1b1 !important;
}
.section_info_container.info_sm a{
  background-color: unset;
  color: #0c68b3;
}

.section_info_container.info_sm.yellow{
  background-color: #ffefca;
  color: #7a5a27;
  border-left: 3px solid #cbb392 !important;
}

.section_info_container:before{
  font-family: fontAwesome;
  content: "\f05a";
  position: absolute;
  font-style: normal;
  top: 10px;
  font-size: 18px;
  opacity: 0.6;
  left: 10px;
}
.section_info_container.type_config:before{
  content: "\f013";
  top: 10px;
}
.section_info_container.info_sm:before{
  top: 6px;
  font-size: 14px;
}

.operation_failed_container{
  font-size: 20px;
  text-align: center;
  color: #555;
  padding: 30px 10px;
}

a.header-logo{
  display: flex;
  padding: 6px;
  min-height: 50px;
  justify-content: center;
  align-items: center;
}
.header-logo{
  text-align: center;
}
.header-logo,
.header-logo img{
  max-height: 100%;
  border-radius: 6px;
}
.header-logo img{
  max-width: 100%;
  max-height: 100px;
}

[data-icon-overlay="open"] .header-logo img{
  height: 100%;
}

.form-control,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-search--dropdown .select2-search__field{
  border-color: var(--black-2) !important;
  color: var(--black-7) !important;
}
.form-control:hover{
  border-color: var(--primary06) !important;
}
.form-control:active,
.form-control:focus,
.form-control:visited{
  border-color: var(--primary-color) !important;
  color: var(--black-7);
  outline: 3px solid var(--primary03);
}

.form-control.with_error{
  border-color: #d00 !important;
}
.form-control.with_error:after{
  content: "REvise"
}


.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: var(--primary-color) !important;
}

.input-group-text{
  height: 38px;
  border-color: var(--black-2);
}


.input-group .btn_group_item{
  background-color: var(--custom-white);
  border: 1px solid var(--black-3);
  color: var(--primary-color);
  height: 38px;
}
.input-group .btn_group_item:hover{
  background-color: var(--primary01);
  border-color: var(--primary05);
}
.input-group .btn_group_item:focus,
.input-group .btn_group_item:active{
  background-color: var(--primary02);
  border-color: var(--primary07);
}


.list-group .list-group-item:hover{
  background-color: var(--gray-1);
}


input[type='number']{
  text-align: right;
}

.logo .logo-mini{
  background-size: contain;
  background-position: center;
}



.input-group .form-control{
  height: 38px;
}
.input-group > .select2-container {
    flex-grow: 2;
    position: relative;
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
}


.input-group .select2-selection.select2-selection--single,
.input-group .select2-selection.select2-selection--multiple,
.input-group .select2-container--default .select2-selection--single .select2-selection__rendered{
  border-radius: 0px .4rem .4rem 0px !important;
  height: 100% !important;
}
.input-group > :not(:first-child) .select2-selection{
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.input-group > .select2-selection.select2-selection--single,
.input-group > .select2-container--default:not(:last-child) .select2-selection--single .select2-selection__rendered{
  border-radius: 0px 0px 0px 0px !important
}


.login-box, .register-box{
  margin: 7% auto;
}

.login-box-body{
    border-radius: 6px !important;
}

.login-box-body .form-control{
    border-radius: 4px !important;
}

.line_through{
  text-decoration: line-through;
}

.login-box-body .btn{
    border-radius: 4px !important;
    background-color: #373435;
    color:#ffffff;
    outline: none;
}

.login-box-body .btn:hover{
    color:#ccc;
}

.login-box-body .btn:active, .login-box-body .btn:focus{
    outline: none;
}

.card_tabs{
  padding: 10px var(--bs-card-cap-padding-x);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.card_tabs .nav-link{
  padding: 10px 17px;
  background-color: rgba(0, 0, 0, 0.08);
}
.card_tabs .nav-link:hover{
    background-color: rgba(0, 0, 0, 0.06);
}
.card{
  margin-block-end: 1rem;
}
.card-body{
  padding: 1.163rem 1.163rem;
}
.card-body.index_card{
  padding: 10px;
  padding-top: 3px;
  padding-bottom: 16px;
}

.card-body.index_card .table-responsive{
  margin-left: -8px;
  width: calc(100% + 16px);
}

.card-footer{
  padding: 1rem 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.card-body .card-footer{
  padding: 0px;
  padding-top: 1rem;
  margin-top: 10px;
}

.card .tab-pane{
  padding: 0px;
}

.field{
    margin-bottom: 10px;
}

.text_white{
   color: #fff;
}
.text_gray{
  color: #7d7d7d;
}
.text_dark{
  color: #444;
}
.text_bold{
    font-weight: 700;
}

.badge_row_status{
  font-size: 12px;
  background-color: var(--white-5);
}

/*.badge_row_status.*{
  background-color: #aabbcc !important;
}*/

.txt_notes_placeholder{
  position: relative;
}
.txt_notes_placeholder:before{
  font-family: "Font Awesome 6 Free";
  content: "\f249";
  position: absolute;
}


ul.mxp_vertical_tabs{
  padding: 0px;
  list-style-type: none;
}
ul.mxp_vertical_tabs{
	list-style-type: none;
	padding: 0px;
}

ul.mxp_vertical_tabs li.section_header{
	padding-left: 0px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: 600;
	margin-top: 10px;
	margin-left: 5px !important;
	color: var(--primary-color);
	user-select: none;
}

ul.mxp_vertical_tabs li:not(.disabled){
	margin-left: 10px;
}
ul.mxp_vertical_tabs li a{
	display: block;
	color: var(--gray-7);
	padding: 8px 10px;
	border-radius: 7px;
	margin-bottom: 2px;
}
ul.mxp_vertical_tabs li a:hover{
	background-color: var(--gray-2);
}

ul.mxp_vertical_tabs li.active a,
ul.mxp_vertical_tabs li.active a:hover,
ul.mxp_vertical_tabs li.active a:focus,
ul.mxp_vertical_tabs li.active a:active{
	font-weight: 600;
	color: var(--custom-white);
	background-color: var(--primary-color) !important;
}

.mxp_tab_pane{
  display: none;
}



.section_tool{
    margin-right: 5px;
}
form.section_tool{
  vertical-align: middle;
}

.section_tool.btn-sm{
    height: 29px;
    margin-top: 2px;
}

.user_profile_bg_image{
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
}

.main-header-container .header-element.shortcuts_header_item{
  display: none;
}

.shortcuts_navbar{
  overflow: hidden;
  height: 50px;
}
.shortcuts_navbar:hover{
  overflow: unset;
}
.shortcuts_navbar .shortcut_item{
  float: left;
}
.shortcuts_navbar .shortcut_item.in_overflow{
  background-color: rgba(0, 0, 0, 0.8);
}
.shortcuts_navbar .shortcut_item > a{
  padding: 5px 7px;
  height: 50px;
}

#shortcuts_navbar > li > a{
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar_user_item .user_name{
  font-size: 14px;
  padding-left: 5px;
}


.special_shortcut.plan.charge_status{
  position: relative;
  padding: 0px;
  background-color: initial;
}
.special_shortcut.plan.charge_status:before{
  content: " ";
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 10px;
  top: 8px;
  right: 8px;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.5);
  animation-name: navbar_charge_status;
  animation-duration: 0.6s;
  animation-direction: alternate;
  animation-iteration-count: infinite;

}
.special_shortcut.plan.charge_status.week:before{
  background-color: yellow;
}
.special_shortcut.plan.charge_status.days3:before{
  background-color: #ffbd42;
}
.special_shortcut.plan.charge_status.today:before{
  background-color: #f71212;
}
.special_shortcut.plan.charge_status.expired:before{
  background-color: #de0000;
}

.special_shortcut.quick_create{
  position: relative;
}
a.navbar_right_option{
  background-color: rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.lnk_quick_create{
  background-color: #0d5478;
  padding: 15px 20px;
}
.special_shortcut.quick_create .creation_options_list{
  position: absolute;
  right: -20px;
  width: 240px;
  background-color: white;
  padding: 0px;
  display: none;
  box-shadow: -3px 3px 8px rgba(0,0,0,0.2);
  transform: translate(0px, 52px);
}
.special_shortcut.quick_create .creation_options_list li{
  list-style-type: none;
}
.special_shortcut.quick_create .creation_options_list .title{
  padding: 5px 12px;
  color: #555;
  font-weight: 600;
  background-color: #fbfbfb;
}
.special_shortcut.quick_create .creation_options_list li a{
  padding: 5px 14px;
  display: block;
  color: #000;
  font-size: 16px;
  align-items: baseline;
}
.special_shortcut.quick_create .creation_options_list li a i{
  width: 25px;
}

.special_shortcut.quick_create .creation_options_list li a:hover{
  background-color: var(--primary005);
  text-decoration: none;
  color: var(--primary-color);
  font-weight: 600;
}
.special_shortcut.quick_create .creation_options_list li.divider{
  border-bottom: 1px solid #ccc;
}
.special_shortcut.quick_create:hover .creation_options_list{
  display: block;
}

@keyframes navbar_charge_status{
  from { opacity: 0.1; }
  to { opacity: 1; }
}


.charge_due_date.charge_status{
  padding-left: 6px;
}

.charge_due_date.charge_status.week{
  background-color: yellow;
}
.charge_due_date.charge_status.days3{
  background-color: #ffbd42;
}
.charge_due_date.charge_status.today{
  background-color: #ffcbcb;
  color: #7c0606;
  font-weight: 600;
}
.charge_due_date.charge_status.expired{
  background-color: #de0000;
}

.box-header h4{
  margin:5px 0px;
}

.shortcuts_toggle{
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 0.2rem 0.6rem !important;
}
.shortcuts_toggle:focus,
.shortcuts_toggle:active{
  background-color: rgba(255, 255, 255, 0.2);
}

#user_navbar_section{
  position: absolute;
  right: 0px;
  top: 0px;
  box-shadow: -10px 0px 15px rgba(0,0,0,0.1);
  background-color: #aabbcc;
}



/* callcenter */
.callcenter_message_options{
  text-align: right;
  min-width: 130px;
}

.callcenter_message_options .fa{ margin-left: 10px; }

.callcenter_message{
  background-color: #e3fae4;
  border: 1px solid #cae9cb;
  margin-bottom: 5px;
}
.callcenter_message.from_user{
  background-color: #e4f1fc;
  border: 1px solid #bbd5ec;
}
.callcenter_message.from_user:hover{
  background-color: #d8edff;
  border: 1px solid #7bbaf2;
}
.callcenter_message.note{
  background-color: #fff3d2;
  border: 1px solid #ecd9a5;
}
.callcenter_message.note:hover{
  background-color: #ffedb6;
  border: 1px solid #d3b974;
}

.callcenter_message:hover{
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}




/* FORMULARIOS FORMS TABS */


.customer_summary{
  border-radius: 8px;
  background-color: rgba(255,255,255,0.2);
  padding: 8px;
}

.table_customer_summary tr td:first-child{
  max-width: 100px;
}


.customer_cellphone_container{
  padding-left: 14px;
  position: relative;
}
.customer_cellphone_container:before{
  font-family: "fontAwesome";
  content: "\f10b";
  position: absolute;
  color: var(--gray-5);
  left: 0px;
  top: 0px;
}

/*.table_customer_summary tr td:last-child{
  padding: 0px 5px;
}*/

.table_customer_summary td{
  padding: 1px 5px;
}

.table_customer_summary .row_summary_main{
  background-color: rgba(0,0,0,0.1);
}
.table_customer_summary tr{
  transition: background-color 0.2s;
}
.table_customer_summary tr.hover:hover{
  background-color: rgba(0,0,0,0.2) !important;
}
.table_customer_summary tr.row_summary_main td:first-child{
  font-size: 16px;
}

.summary_title{
  font-size: 14px;
}
.subitem_summary{
  padding-left: 10px !important;
}
.summary_item_total{
  text-align: right;
  font-size: 15px;
}

.file_attachment_group_item .btn{
  border: 1px solid var(--black-4);
  color: var(--black-7);
}
.file_attachment_group_item .btn:hover{
  background-color: var(--primary01);
}
.file_attachment_group_item .btn.btn_delete_file_attachment{
  border-left: none;
}
.file_attachment_group_item .btn.btn_delete_file_attachment .fa{
  color: var(--bs-red);
}

#customer_files .file_attachment_group_item{
  display: flex;
  margin-top: 5px;
  text-align: left;
}
#customer_files .file_attachment_group_item .btn{
  flex: 1;
  text-align: left;
}



.thumb_attachment_item{
	float: left;
	display: block;
	width: 135px;
	height: 130px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	display: flex;
	flex-flow: column;
	position: relative;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 40px;
	overflow: hidden;
	color: black;
}
.thumb_attachment_item:hover{
	cursor: pointer;
	border-color: rgba(0, 0, 0, 0.2);
}
.thumb_attachment_item .file_name{
	font-size: 12px;
	position: absolute;
	bottom: 26px;
	width: 100%;
	text-align: center;
	background-color: white;
}
.thumb_attachment_item .remove_attachment{
	position: absolute;
	bottom: 0px;
	background-color: #eaeaea;
	display: inline-block;
	color: #555;
	opacity: 0.6;
	z-index: 1;
	height: 25px;
	width: 100%;
	background-color: #eaeaea;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #ccc;
}
.thumb_attachment_item:hover .remove_attachment{
	opacity: 1;
	color: #d00;
}
.thumb_attachment_item .remove_attachment:hover{
	background-color: #ffebeb;
}
.thumb_attachment_item.new_attachment{
	font-size: 18px;
	color: #444;
	padding-bottom: 0px;
}
.thumb_attachment_item.new_attachment i{
	font-size: 28px;
}

.thumb_attachment_item img{
	max-width: 100%;
	max-height: 100%;
}


.table_normal{
  border: 1px solid #dfdfdf;
  border-bottom: 1px solid #c3c3c3;
  box-shadow: 2px 3px 4px rgba(0,0,0,0.05);
  border-radius: 4px;
}
.table_normal tr th{
  border-top: 1px solid #d5d5d5 !important;
  border-bottom: 2px solid #d5d5d5 !important;
}

.table_normal tr th:first-child{
  border-top-left-radius: 4px;
}
.table_normal tr th:last-child{
  border-top-right-radius: 4px;
}



.table_transparent_cells td{
  background-color: transparent;
}



.available_assemby_product_false{
  color: #d73925;
}

.td_product_action{
  position: relative;
}
.td_product_action.is_assembly:after{
  content: "\f247";
  font-family: "fontAwesome";
  position: absolute;
  opacity: 0.7;
  right: -10px;
  font-size: 18px;
  top: 4px;
}


/* ---- mxp banner alerts ---- */

#mxp_notifications_alerts:not(:empty){
  padding-bottom: 15px;
}

.mxp_notification_banner{
  display: flex;
}
.mxp_notification_banner .alert_img{
  height: 50px;
  margin-right: 15px;
}
.mxp_notification_banner a:not(.btn){
  text-decoration: underline;
}

.mxp_notification_banner p:empty{
  display: none;
}

.mxp_notification_banner.display_12{
  position: relative;
}
.mxp_notification_banner.display_12 a{
  color: #fff;
}
.mxp_notification_banner.display_12:not(.with_thumb){
  padding-left: 36px;
}
.mxp_notification_banner.display_12:before{
  font-family: "Font Awesome 6 Free";
  position: absolute;
  top: 11px;
  left: 12px;
  font-weight: 900;
}
.mxp_notification_banner.display_12.alert-solid-warning{
  background-color: #cf7508;
}
.mxp_notification_banner.display_12:not(.with_thumb).alert-solid-info:before,
.mxp_notification_banner.display_12:not(.with_thumb).alert-solid-dark:before,
.mxp_notification_banner.display_12:not(.with_thumb).alert-solid-success:before{
  content: "\f05a";
  top: 11px;
}
.mxp_notification_banner.display_12:not(.with_thumb).alert-solid-warning:before,
.mxp_notification_banner.display_12:not(.with_thumb).alert-solid-danger:before{
  content: "\f071";
}

.mxp_notification_banner.display_13{
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  font-weight: 500;
  font-size: 16px;
  color: var(--gray-7);
}
.mxp_notification_banner.display_13.alert-info{
  color: var(--bs-info-text-emphasis);
}
.mxp_notification_banner.display_13.alert-success{
  color: var(--bs-success);
}
.mxp_notification_banner.display_13.alert-warning{
  color: var(--bs-warning-text-emphasis);
}
.mxp_notification_banner.display_13.alert-danger{
  color: var(--bs-danger);
}

.mxp_notification_banner.display_14{
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  font-weight: 500;
  display: block;
}
.mxp_notification_banner.display_14 .alert_content{
  display: flex;
}
.mxp_notification_banner.display_14.alert-info{
  border-color: rgba(var(--info-rgb), 0.4);
}
.mxp_notification_banner.display_14.alert-info .alert_content{
  color: var(--bs-info-text-emphasis);
}
.mxp_notification_banner.display_14.alert-success{
  border-color: rgba(var(--success-rgb), 0.4);
}
.mxp_notification_banner.display_14.alert-success .alert_content{
  color: var(--bs-success-text-emphasis);
}
.mxp_notification_banner.display_14.alert-warning{
  border-color: rgba(var(--warning-rgb), 0.4);
}
.mxp_notification_banner.display_14.alert-warning .alert_content{
  color: var(--bs-warning-text-emphasis);
}
.mxp_notification_banner.display_14.alert-danger{
  border-color: rgba(var(--danger-rgb), 0.4);
}
.mxp_notification_banner.display_14.alert-danger .alert_content{
  color: var(--bs-danger-text-emphasis);
}
.mxp_notification_banner.display_14.alert-dark{
  border-color: rgba(var(--dark-rgb), 0.3);
}

.mxp_notification_banner.display_15.alert-outline-info{
  color: #12558f;
  background-color: #f0f8ff;
}
.mxp_notification_banner.display_15.alert-outline-info a{
  color: #1274c9;
  text-decoration: underline;
}
.mxp_notification_banner.display_15.alert-outline-success{
  color: #197b32;
  background-color: #f0fff4;
}
.mxp_notification_banner.display_15.alert-outline-success a{
  color: #05a313;
  text-decoration: underline;
}
.mxp_notification_banner.display_15.alert-outline-warning{
  color: #915d01;
  background-color: #fffaf0;
}
.mxp_notification_banner.display_15.alert-outline-warning a{
  color: #b16709;
  text-decoration: underline;
}
.mxp_notification_banner.display_15.alert-outline-danger{
  color: #d00c0c;
  background-color: #fff0f0;
}
.mxp_notification_banner.display_15.alert-outline-danger a{
  color: #bc2525;
  text-decoration: underline;
}
.mxp_notification_banner.display_15.alert-outline-dark{
  background-color: #e5eaef;
}
.mxp_notification_banner.display_15.alert-outline-dark a{
  color: #0b5ca3;
  text-decoration: underline;
}
.mxp_notification_banner.display_15.alert-dark .btn-close{
  color: var(--bs-dark);
}


/* ====== users profile ======*/

.notification_container.highlihgt_notification{
  background-color: #fffdf0;
  border: 1px solid #fac00e;
  padding: 10px;
}


/*  -------------- production orders --------------- */

.label_quote_concept{
  padding: 4px 8px;
  cursor: pointer;
  border-radius: 4px;
}
.label_quote_concept:hover{
  background-color: #eaeaea;
}







/* COMMERCIAL DOCUMENT FORMATS */

.input_like_show.lnk_item_details{
  position: relative;
  padding-right: 25px;
}
.input_like_show.lnk_item_details:after{
  font-family: "Font Awesome 6 Free";
  position: absolute;
  top: 6px;
  right: 6px;
  content: "\f08e";
  font-weight: 600;
}

.commercial_document .card-footer .btn{
  margin-bottom: 5px;
}

.commercial_document .row_totals td{
  background-color: rgba(0,0,0,0.2);
}

.commercial_document .row_totals td:first-child{
  border-radius: 10px 0 0 10px;
}
.commercial_document .row_totals td:last-child{
  border-radius: 0 10px 10px 0;
}

.commercial_document tr.filled .form-control, .commercial_document tr.filled .select2-container--default .select2-selection--single{
  /*background-color: #ccc !important;*/
}


.stock_validation_product_wrapper{
  text-align: left;
  padding: 6px 10px;
  margin-bottom: 6px;
  border: 2px solid #f3de45;
  background-color: #fffad1;
}
.stock_validation_product_wrapper .is_assembly_component_label{
  color: #747414;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
}
.stock_validation_product_wrapper .appears_in_assembly{
  margin-left: 15px;
  margin-bottom: 1px;
  background-color: #faebd7;
}


.lbl_reserved_stock{
    position: absolute;
    top: 1px;
    right: 1px;
    color: #004b8d;
    font-weight: 500;
    padding: 1px 6px;
    border-radius: 8px;
    background-color: #b7e4ff;
    border-right: 1px solid #b2d6ff;
    border-bottom: 1px solid #b2d6ff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}


#mxp_wrapper_email{
  border: 1px dashed var(--black-2);
}

/* ------- estandar para todo el sistema ---------- */

.row_bg_added{
  background-color: rgba(0, 0, 0, 0.02);
}

.row_bg_added:not(.not_hover):hover{
/*  background-color: #f3f3f3;*/
}
.row_bg_added td,
.row_bg_added .display_table_cell {
    border-top: 1px dashed #cecece !important;
}

.row_bg_new .form-control{
  border-color: #97b6cf;
}


.row_bg_new .btn_add{
  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  border-color: #30acd9;
  color: #026b91;
  width: 100%;
}
.row_bg_new .btn_add:hover{
  box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
  border-color: #0f9dd1;
}

.row_bg_new td{
  /* border-bottom: 1px solid #999; */
}

.row_bg_added .btn_remove{
  border-color: #e2aeae;
  color: #d40e0e;
  width: 100%;
  background-color: #f4f4f4;
  width: 100%;
}

#row_totals td{
  background-color: rgba(0, 0, 0, 0.05);
  border-top: 1px solid #ccc;
  padding: 1.3rem 0.588rem
}


.lbl_reserved_prods{
  border-radius: 5px;
}
/* ------- estandar para todo el sistema ---------- */


.mxp_nav_tabs li a{
  padding: 8px 14px !important;
  background-color: rgba(0,0,0,0.05);
}

.border_bottom_dashed{
  border-bottom: 1px dashed #ccc;
}



.well_comm.supplied_amount_view.supplied_temp_color{
  background-color: #FFEBCD;
  border-color:#F39C12;
}

.row_product{
  transition:all 0.4s;
}

.row_product.product_locked input{
  background-color: #cecece;
  border: 1px solid #b3b3b3;
}

tr.row_product.row_filled .form-control[readonly],
tr.row_product.filled .form-control[readonly]{
  background-color: rgba(0, 0, 0, 0.03);
  font-weight: 500;
  border: none;
}
tr.row_product.row_filled .form-control[readonly]:focus,
tr.row_product.filled .form-control[readonly]:focus{
  background-color: rgba(0, 0, 0, 0.03) !important;
  border: none !important;
  outline: none !important;
}

tr.row_product.row_filled .form-control[readonly].bg_warning,
tr.row_product.filled .form-control[readonly].bg_warning{
  background-color: #fff844;
  border-color: #ffb500;
}

tr.row_product.row_filled .input_like_readonly,
tr.row_product.filled .input_like_readonly{
    padding: 6px 12px;
    border: none;
    background-color: rgba(0, 0, 0, 0.03);
    min-height: 34px;
    border-radius: 0.35rem;
}


.prod_info_ranking{
  position: absolute;
  top: 2px;
  right: 2px;
}


#table_filter_customers tr:hover{
  background-color: #337ab7;
  color:#ffffff;
}

.row_scheluled td{
  background-color: #cccccc;
}

#commercial_document_products_message{
  padding: 20px;
  text-align: center;
  color:#f00;
  font-size: 16px;
}



.row_family_group td{
  font-weight: bolder;
  color:#222d32;
  border-bottom: 2px solid #ccc;
}


.sale_doc_details_section{
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.sale_doc_details_section .sale_show_editable_container{
  line-height: 1.3;
  padding-right: 15px;
}

.lbl_with_bg{
  background-color: #e0e0e0;
  color: #000;
  border-radius: 3px;
  padding: 0px 2px;
}


.lbl_sat_payment_document{
  background-color: #e0e0e0;
  padding: 1px 4px;
  border-radius: 5px;
}
.lbl_sale_payment{
    color: #446151;
    padding: 1px 4px;
    font-weight: 500;
    vertical-align: middle;
    border-radius: 5px;
    /*border-bottom: 1px solid #84ab85;*/
    background-color: #35ca981f;
}


.no_results_screen{
  text-align: center;
  font-size: 18px;
  color: #777;
  user-select: none;
  margin-bottom: 20px;
  background-color: rgba(0,0,0,0.02);
  padding: 40px 20px;
  border: 1px solid var(--black-1);
  border-radius: 0px 0px 6px 6px;
}
.index_no_results_image{
  background-image: url(/assets/flat/empty_results.svg);
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  margin-bottom: 20px;
}
.empty_list_image{
  background-image: url(/assets/flat/empty_list.svg);
  height: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  margin-bottom: 20px;
}
.no_results_screen.icon_info .empty_list_image{
  background-image: url(/assets/flat/info_icon.svg);
}

.no_results_screen.size_sm{
  padding: 20px 0px;
}
.no_results_screen.size_sm .empty_list_image{
  height: 90px;
}

.no_results_screen.size_xs{
  padding: 10px 0px;
  margin-bottom: 10px;
}
.no_results_screen.size_xs .empty_list_image{
  height: 70px;
  margin-bottom: 10px;
}

.no_results_screen.size_xxs{
  padding: 10px 0px;
  margin-bottom: 10px;
  font-size: 16px;
}
.no_results_screen.size_xxs .empty_list_image{
  height: 50px;
  margin-bottom: 10px;
}

/* INDEX filters */

.index_options_menu > ul{
    border: 1px solid #b4b4b4;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
}
.index_options_menu > ul > li > a{
  padding: 8px 12px;
  border-bottom: 1px solid #eaeaea;
}
.index_options_menu > ul > li:last-child > a{
  border-bottom: none;
}

.card_filters{
  border-radius: .688rem;
  border: 0;
  padding: 20px 18px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: var(--custom-white);
  box-shadow: 0 3px 2px 0 var(--primary005);
  position: relative;
  margin-block-end: 1.25rem;
  padding-bottom: 15px;
  width: 100%;
}
.card_filters h1{
  margin-top: -4px;
  margin-bottom: 0px;
  display: flex;
  padding: 0px;
  align-items: center;
  box-shadow: none;
  justify-content: space-between;
  border: none;
  background-color: transparent;
}
.card_filters .form-control{
  padding: .375rem .5rem;
  text-align: left;
}

.card_filters > .filters_wrapper{
  margin-left: -18px;
  width: calc(100% + 36px);
  padding: 10px 18px;
  padding-bottom: 16px;
  background-color: rgba(27, 36, 78, 0.05);
  margin-bottom: -20px;
  border-top: 1px solid var(--primary01);
  border-radius: 0px 0px 10px 10px;
  margin-top: 10px;
}

.row_filters_container{
  display: flex;
  width: 100%;
}

.row_filters_container .filter_cell{
  flex-grow: 1;
  flex-basis: 0;
  padding: 0px 5px;
}

.row_filters_container .filter_cell_search{
  flex-grow: 1.5;
  min-width: 350px;
  max-width: 450px;
}

.row_filters_container .filter_cell:first-child{
  padding-left: 0px;
}
.row_filters_container .filter_cell:last-child{
  padding-right: 0px;
}

.row_filters_container.extra_container{
  margin-top: -1px;
  border-top: none;
}

.more_filters_container{
  position: relative;
  margin-bottom: 4px;
}
.more_filters_container .row_filters_container{
  padding-top: 14px;
}
.more_filters_container .filter_cell > strong{
  font-weight: 500;
}
.btn_more_filters{
  background-color: var(--primary03);
  text-align: center;
  display: inline-block;
  width: 120px;
  height: 20px;
  border-radius: 0px 0px 10px 10px;
  font-size: 16px;
  position: absolute;
  bottom: -35px;
  left: 10px;
  z-index: 2;
}
.btn_more_filters:hover{
  background-color: var(--primary04);
}



.index_total_counts_container{
  padding: 0px 10px;
  margin-top: 7px;
  margin-bottom: 10px;
  text-align: center;
}
.index_total_counts_container > span{
  margin-top: 2px;
  margin-bottom: 2px;
}


.lnk_check_all_pages.all_pages_checked,
.lnk_check_all_pages.all_pages_checked:hover,
.lnk_check_all_pages.all_pages_checked:active,
.lnk_check_all_pages.all_pages_checked:focus{
  background-color: #0f66c1;
  color: white !important;
}

/* ----- index acciones masivas ---- */
.td_row_action{
  text-align: center;
}
.chk_row_massive_action_wrapper{
  cursor: pointer;
  display: none;
}
.label_row_massive_action:hover{
  background-color: rgba(0,0,0,0.1);
}




ul.list_striped li:nth-of-type(odd){
    background: white;
}
ul.list_striped li:nth-of-type(even){
    background: #f2f2f2;
}
ul.list-group.list-group-hover li:hover{
    /*background: red;*/
}



select.form-control{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><title>down-arrow</title><g fill='black'><path d='M10.293,3.293,6,7.586,1.707,3.293A1,1,0,0,0,.293,4.707l5,5a1,1,0,0,0,1.414,0l5-5a1,1,0,1,0-1.414-1.414Z' fill='black'></path></g></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: 14px;
  padding-right: 20px !important;
  background-size: 0.6em;
}



/* HOJA DE PEDIDO */

.order_client_details{
  padding: 10px 20px;
  border:1px solid #777;
  border-radius: 20px;
}

.order_note{
  padding: 4px 20px;
  border:1px solid #777;
  border-radius: 8px;
}


.convert_doc_title{
  padding: 6px 15px;
  background-color: rgba(0,0,0,0.05);
  border-radius: 6px;
  margin-bottom: 10px;
}

#current_payment_methods li{
  color:#000;
}


.cursor_pointer{
  cursor: pointer;
}





/* SECCION DE CLIENTES */

#list_phones li > .fa{
  margin-right: 10px;
}

.customer_work_days .btn{
  padding: 6px 2px;
}

.customer_work_days .btn-default.active{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aaaaaa+0,efefef+100 */
background: #aaaaaa; /* Old browsers */
background: -moz-linear-gradient(top, #aaaaaa 0%, #efefef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #aaaaaa 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #aaaaaa 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}


.row_assembly_product td{
  padding: 4px 2px !important;
}




/* FACTURAS */
.sale_invoice_warning td:first-child{
  border-left: 3px solid #f7c678;
}
.sale_invoice_warning:not(.no_hover):hover td, .sale_invoice_warning:not(.no_hover):hover td{
  background-color: #fff1db !important;
}
.sale_invoice_warning .color_status{
  color: #d58300 !important;
  font-weight: bolder;
}

.sale_invoice_danger td:first-child{
  border-left: 3px solid #d00;
}
.sale_invoice_danger .color_status{
  color: #d00 !important;
  font-weight: bolder;
}

.sale_invoice_danger:not(.no_hover):hover td, .sale_invoice_danger:not(.no_hover):hover td{
  background-color: #ffcece !important;
}

.alert_time_message{
  font-weight: bolder;
  padding: 4px !important;
  background-color: transparent;
  border: 1px solid transparent;
}
.alert_time_message.sale_invoice_warning{
  border-color: #ffa310;
  color: #e28f0a;
}
.alert_time_message.sale_invoice_danger{
  border-color: #f54a4a;
  color: #f54a4a;
}

.alert_danger_outline{
  font-weight: bolder;
  padding: 4px !important;
  text-align: center;
  background-color: transparent;
  border: 1px solid transparent;
  border-color: #f54a4a;
  color: #f54a4a;
  border-radius: 4px;
}


/*.invoice_pay_icon_detail:hover{
  background-color: rgba(0,0,0,0.08);
  cursor: default;
}*/



.filled_tracking_code input{
  background-color: #eaeaea;
}

.col_icons_totals .fa{
  margin-right: 5px;
}

.collapse.show{
  display: block;
}

.link_underline{
  text-decoration: underline;
}
.underline_hover:hover{
  text-decoration: underline;
}

.link_cancel_payment{
  color: #000;
  display: inline-block;
  transition: transform 0.2s;
}
.link_cancel_payment:hover{
  color: #000;
  transform: scale(1.1);
}



.scheduled_payment_late, .scheduled_payment_late td{
  background-color: #f5c3c3;
}
.scheduled_payment_success, .scheduled_payment_success td{
  background-color: #6bf56b;
}




#canvas_payments_signature{
  border:1px solid #ccc;
  border-radius: 6px;
}


#row_new_schedule_payment{
  background-color: #d0d0d0;
}

#title_signature_total_scheduled{
  text-align: center;
  font-size: 17px;
}

.table_scheduled_payments_wrapper{
  max-height: 400px;
  overflow-y: auto;
}


.lbl_with_checkbox{
  padding: 0px 4px;
  cursor: pointer;
}
.lbl_with_checkbox:hover{
  outline: 1px dashed #999;
}


/* SECCION PRODUCTO FORM */
.btn_add_product_image{
  width: 100%;
  height: 94px;
  background-color: transparent;
  color:#ffffff;
  border:1px dashed #ffffff;
  font-size: 22px;
}


.import_response_wrapper{
  max-height: 400px;
  overflow-y: auto;
}

.import_response_wrapper .import_response_item{
  margin-bottom: 8px;
}




.with_floating_clear_button{
  position: relative;
}

.with_floating_clear_button .floating_clear_button{
  position: absolute;
  top: 0px;
  right: 0px;
}






/*  SECCION EDITAR MENUS ROLES DE USUARIO  */
.menu_items_view, .submenu_items_view{
  list-style-type: none;
  padding: 0;
}

.menu_items_view > li{
  padding: 5px 10px;
  background-color: #ffffff;
  border-bottom: 1px solid #eaeaea;
  color:#000000;
}
.menu_items_view .main_menu_list_item,
.menu_items_view .submenu_list_item{
  position: relative;
}
.menu_items_view .submenu_list_item{
  padding-right: 0px;
}

.submenu_items_view > li{
  border-bottom: 1px dashed #cfcfcf;
  background-color: #ffffff;
  padding: 5px 5px 5px 5px;
  margin-left: 30px;
  color:#000000; 
}
.submenu_items_view > li:last-child{
  border-bottom: none;
}

/*  ----------- radio buttons para permisos especificos ---------- */
.menu_item_permissions{
  position: absolute;
  display: none;
  top: 2px;
}
.menu_item_permissions label{
  font-weight: 500;
  cursor: pointer;
}
.submenu_list_item.path_checked  > .menu_data_item,
.main_menu_list_item.path_checked > .menu_data_item{
  background-color: #f0f8ff;
  outline: 4px solid #f0f8ff;
}
.submenu_list_item  > .menu_data_item:hover,
.main_menu_list_item > .menu_data_item:hover{
  background-color: #eaeaea;
  outline: 4px solid #eaeaea;
}

.submenu_list_item.path_checked > .menu_data_item .menu_item_permissions,
.main_menu_list_item.path_checked > .menu_data_item .menu_item_permissions{
  display: block;
}
.main_menu_list_item .menu_item_permissions{
  right: 10px;
  /*left: 320px;*/
}
.submenu_list_item .menu_item_permissions{
  right: 0px;
  /*left: 320px;*/
}



.sidebar-menu .fa{
  margin-right: 5px;
}

.sidebar_site_name{
  font-size: 14px;
  color: var(--primary-color);
}


.lbl_contains_checkbox{
  padding: 4px;
  cursor: pointer;
  outline: 1px dashed #ccc;
}
.lbl_contains_checkbox:hover{
  outline: 1px dashed #999;
  background-color: #eaeaea;
}


/* CONTROL DE EXISTENCIAS */

#warehouse_products_wrapper{
  margin-top: 10px;
  min-height: 80px;
}
.stock_control_filter_checkboxes{
  max-height: 200px;
  overflow-y:auto;
}

.stock_control_filter_checkboxes .checkbox{
  margin-left: 10px;
}

.row_filters{
  height: 0;
  overflow: auto;
  transition:height 0.3s;
}

.row_filters.visible{
  height: 270px;
}

.filtered_row_product_excluded{
  text-decoration: line-through;
  color: #aaa;
}

.stock_control_step{
  padding-left: 30px;
  position: relative;
}
.stock_control_step .step{
  position: absolute;
  top: 0;
  left: -4px;
  width: 28px;
  height: 28px;
  line-height: 28px;border-radius: 50%;
  text-align: center;
  font-weight: bolder;
}

.warehouse_expired_payment_lbl{
    background-color: #faf0c7;
    color: #704f05;
    border: 1px solid #daccaa;
    font-size: 16px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 6px;
}




#table_assemblies td{
  text-align: center;
}

#table_product_images td{
  background-color: rgba(255,255,255,0.3);
  vertical-align: middle;
}
#table_product_images td:first-child{
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  font-weight: bolder;
}

.col_prod_image{
  position: relative;
  height: 80px;
  padding-bottom: 5px;
}

.col_prod_image img{
  max-height: 100%;
}

.btn_del_prod_image{
  color:#ffffff;
  background: rgba(255,0,0,0.5);
  border:1px solid #FBE9E9;
}
.btn_del_prod_image:hover{
  color:#f00;
  border:1px solid #c00;
}

.btn-block{
  display: block;
  width: 100%;
}







table.compact_table td{
  padding: 4px 6px !important;
  vertical-align: middle !important;
}








/* COMMERCIAL DOCUMENT PLAIN VIEWS */

.commercial_document_title{
  font-weight: bolder;
  font-size: 34px;
  line-height: 30px;
}

.commercial_document_date{
  line-height: 18px;
  padding: 6px 6px 2px 6px;
  border-radius: 6px;
  text-align: center;
  font-weight: bolder;
  color:#ffffff !important;
  background-color: #444 !important;
  -webkit-print-color-adjust: exact;
}

.commercial_document_plain_view .well_comm{
  padding: 4px;
}

.commercial_document_plain_view td{
  padding: 2px !important;
  font-size: 12px;
}

.commercial_document_client{
  padding: 20px;
  margin-top: 15px;
  border-radius: 6px;
  background-color: #444 !important;
  -webkit-print-color-adjust: exact;
}

.mxp_site_alerts_container:empty{
  display: none;
}


.plain_view_family_header td{
  vertical-align:middle;font-weight:bolder;font-size:16px;
}

.input_transparent{
  background-color: transparent;
  border:none;
}

.table_input_transparent_small .input_transparent{
  width: 60px;
}

tr.row_action{
  cursor: pointer;
}



#popup_confirmation[data-type='danger'] .modal-header{
  background-color: #a42828 !important;
  color: white !important;
}
#popup_confirmation[data-type='danger'] .title_popup:before{
  font-family: "fontAwesome";
  margin-right: 6px;
  content: "\f071";
}
#popup_confirmation[data-type='danger'] .content_text{
    /*font-weight: 600;*/
}

#bs_modal_image .close{
  background-color: transparent;
  color: #ccc;
  border: none;
  outline: none;
}



.popup_mess_danger{
  background-color: #c00 !important;
  color: #fff !important;
  font-weight: bolder;
}

.checkbox.disabled{
  opacity: 0.1;
}



.sortable-chosen{
  background-color: #aabbcc;
}


.col_divider_right{
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.col_divider_left{
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}






a.link_col_sort{
  display: block;
  position: relative;
/*  color:#ffffff;*/
  padding-right: 20px;
}
a.link_col_sort:hover{
  text-decoration: underline;
}

/* poner icono de sort a las columnas que no tiene activo el sort */
a.link_col_sort:not(.current).desc:after{
  font-family: "fontAwesome";
  content: "\f0dc";
  position: absolute;
  top: 8%;
  right: 5px;
  opacity: 0.3;
}
a.link_col_sort:not(.current).asc:after{
  font-family: "fontAwesome";
  content: "\f0dc";
  position: absolute;
  top: 8%;
  right: 5px;
  opacity: 0.2;
}

/* a la columna activa con el sort poner icono dependiendo asc o desc */
a.link_col_sort.current.desc:after{
  font-family: "fontAwesome";
  content: "\f148";
  position: absolute;
  top: 7%;
  right: 5px;
}
a.link_col_sort.current.asc:after{
  font-family: "fontAwesome";
  content: "\f149";
  position: absolute;
  top: 7%;
  right: 5px;
}


.table_valign td, .table_valign th{
  vertical-align: middle !important;
}

.table_striped_clear tr{
  background-color: white;
}
.table_striped_clear tr:nth-of-type(odd){
  background-color: #f4f4f4;
}
.table_striped_clear tr:hover{
  background-color: #f5f8fc !important;
}




.image_link img,
img.image_link{
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.image_link img:hover,
img.image_link{
  border: 1px solid rgba(0, 0, 0, 0.3);
}
img.image_link{
  cursor: pointer;
}


.row_entrance_type.inactive{
  text-decoration: line-through;
  opacity: 0.8;
}




/* ----- editor post items ------  */
.list_item_add_block{
  position: relative;
  padding-left: 35px;
}
.list_item_add_block:before{
  font-family: "fontAwesome";
  position: absolute;
  left: 16px;
}
.list_item_add_block.title:before{
  content: "\f1dc";
}
.list_item_add_block.subtitle:before{
  content: "\f031";
}
.list_item_add_block.text:before{
  content: "\f1dd";
}
.list_item_add_block.image:before{
  content: "\f03e";
  left: 14px;
}
.list_item_add_block.separator:before{
  content: "\f07d";
  left: 18px;
}
.list_item_add_block.divider:before{
  content: "\f068";
}
.list_item_add_block.cols2:before,
.list_item_add_block.cols3:before,
.list_item_add_block.cols4:before{
  content: "\f0db";
  left: 15px;
}



/* ====================== animacion de colores ======================== */

.row_added_anim{
  animation-name: fading_bg;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
}

@keyframes fading_bg{
  from {background-color: #337ab7}
  to {background-color: #fff}
}

/* ------------------------------------- */

.bg_animated1{
  animation-name: bg_animated1;
  animation-duration: 1.5s;
  animation-iteration-count: 2;
  animation-timing-function: ease-in;
}

@keyframes bg_animated1{
  from {background-color: #f3c540}
  to {background-color: #fff}
}






/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}






.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}


.mxp_gallery_detail{
  z-index: 1200;
}

.img_hover{
  cursor: pointer;
  transition: all 0.2s;
  transition-property: transform, box-shadow;
}
.img_hover:hover{
  transform: scale(1.03);
  outline: 3px solid rgba(0,0,0,0.3);
}





.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}










/* ----- SHORTCUTS ----- */
#form_add_shortcut{
  display: inline-block;
  margin-right: 5px;
}

#shortcuts_navbar > li{
  display: inline-block;
  vertical-align: middle;
}

#droppable_trash{
  position: fixed;
  bottom: 24px;
  left: 13px;
  width: 200px;
  height: 120px;
  text-align: center;
  line-height: 140px;
  color:#fff;
  border-radius: 5px;
  background-color: #cb0c0c;
  border: 1px dashed #f00;
  opacity: 0;
  z-index: -1;
  transition: all 0.3s;
}

[data-toggled="detached-close"] #droppable_trash,
[data-toggled="icon-overlay-close"] #droppable_trash{
visibility: hidden;
}


#droppable_trash.droppable_trash_active{
  visibility: visible;
  z-index: 9999;
  opacity: 0.8;
  width: 240px !important;
}

#droppable_trash.droppable_trash_hover{
  visibility: visible;
  background-color: #e90505;
  z-index: 9999;
  opacity: 0.9;
  cursor: grab;
  width: 240px !important;
}
#droppable_trash.droppable_trash_hover .fa{
  transform: scale(1.1);
}



.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion{
  width: 28px;
  right: -5px;
}


.panel-heading.with-border{
  border-bottom: 1px solid #e9e9e9;
}


.lnk_show_hidden_ui_item{
  padding: 0px 6px;
  background-color: #dff1f5;
}
.lnk_show_hidden_ui_item.dark{
  background-color: #ececec;
  color: #353535;
}


.lnk_action{
    background-color: #f0f8ff;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 600;
    color: #115790;
    border: 1px solid #bad2ff;
}



.lnk_action:hover{
  background-color: #f4faff;
}




.bg_price_alert{
  background-color: #d00;
  color: #ffffff;
  font-weight: bolder;
}

.alert {
    padding: 8px 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    font-size: 16px;
}

.alert-outline-primary {
  background-color: var(--custom-white);
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.alert-outline-success {
  background-color: var(--custom-white);
  color: rgb(var(--success-rgb));
  border-color: rgb(var(--success-rgb));
}
.alert-outline-info {
  background-color: var(--custom-white);
  color: rgb(var(--info-rgb));
  border-color: rgb(var(--info-rgb));
}
.alert-outline-warning {
  background-color: var(--custom-white);
  color: rgb(var(--warning-rgb));
  border-color: rgb(var(--warning-rgb));
}
.alert-outline-danger {
  background-color: var(--custom-white);
  color: rgb(var(--danger-rgb));
  border-color: rgb(var(--danger-rgb));
}
.alert-outline-dark {
  background-color: var(--custom-white);
  color: rgb(var(--dark-rgb));
  border-color: rgb(var(--dark-rgb));
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -1px;
    right: 0px;
    color: inherit;
}


.alert_system_message{
  box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
}
.alert_system_message.alert-success{
  border-bottom: 1px solid #049552;
}



.alert_dashboard{
    text-align: center;
    font-size: 16px;
    margin-bottom: 5px;
    border-radius: 0px;
    border: 1px solid #d9c439;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 14px !important;
}
.alert_dashboard a{
  color: #015398;
}

.alert_dashboard.yellow{
  color: #3f3204;
  background-color: #f8e357;
  border-bottom: 1px solid #d9c439;
}
.alert_dashboard.quadrum_contracts{
    background-color: #fff08e;
    border: 2px solid #d00;
    border-radius: 10px;
}

.alert_dashboard.red{
  color: white;
  background-color: #b32a19;
  border-bottom: 1px solid #bc220e;
}
.alert_dashboard.red a{
  color: white;
}

.alert_dashboard .close{
  position: absolute;
  top: 2px;
  right: 6px;
  background-color: transparent;
  border: none;
  font-size: 22px;
}


.alert_outline{
  font-weight: bolder;
  padding: 8px;
  text-align: center;
  background-color: transparent;
  border: 1px solid #777;
  border-radius: 4px;
}

.alert_outline.bg_white{
  background-color: white;
}

.alert_outline.sm{
  padding: 4px;
}

.alert_outline.red{
  color: #f54a4a;
  border: 1px solid #f54a4a;
}
.alert_outline.orange{
  color: #c95601;
  border: 1px solid #c95601;
}
.alert_outline.blue{
  color: #2f6ce2;
  border: 1px solid #2f6ce2;
}



.daterangepicker.dropdown-menu{
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
}



#outbox_message{
  font-size: 16px;
  padding: 10px 14px;
  background-color: #c00;
  color: #ffffff;
}

#outbox_message button{
  background-color: transparent;
  border: none;
  outline: none;
  color: #ffffff;
  text-decoration: underline;
}



.table_just_tab td{
  padding: 4px !important;
  border-top: none !important;
}

.table_min_padding td{
  padding: 4px 8px !important;
}



.btn_popup_mess_icon_select{
  min-height: 47px;
}

#btn_popup_mess_icon{
  min-height: 34px;
}





.dropdown_index_filter .btn{
  border-color: var(--black-2);
  padding: .5rem .6rem;
  height: 38px;
}
.dropdown-menu.show{
  min-width: 200px;
}





tr.transaction_detail_row{
  background-color: #ffffff;
}
tr.transaction_detail_row.filled.assembly_item .lnk_item_details{
  margin-left: 10px;
}

tr.transaction_details_insufficient{
  outline: 1px solid #f47777;
  background-color: #f58d8d;
}
tr.transaction_details_insufficient td{
  background-color: #f58d8d;
}
tr.transaction_details_insufficient:hover{
  background-color: #d45050;
}

tr.transaction_details_insufficient .form-control{
  border: 1px solid #EA1717;
}

tr.transaction_details_insufficient .product_amount_req,
tr.transaction_details_insufficient .product_amount{
  background-color: #EA1717 !important;
  border: 1px solid #ffc6c6;
  font-weight: 600;
  color: white;
}




/* CHAT STYLES */

.main_col_chat{
  display: inline-block;
  width: auto;
}

.box_chat_users{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}

.box_chat_users > .box_chat_user{
    cursor: pointer;
    padding: 6px 2px;
    position: relative;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    max-height: 60px;
    display: flex;
}

.box_chat_users > .box_chat_user.active{
  background-color: #3c8dbc;
  color: #fff;
}

.box_chat_user .user_profile_img{
  vertical-align: bottom;
}

.box_chat_user .user_info{
  line-height: 16px;
  flex-grow: 1;
  padding-left: 2px;
}

.box_chat_user .user_name_and_date{
  display: flex;
  justify-content: space-between;
}
.box_chat_user .user_name_and_date .username{
  flex-grow: 1;
}
.box_chat_user .user_name_and_date .user_last_date{
  font-size: 12px;
  color: #a9a9a9;
}

.box_chat_user .username{
  display: inline-block;
  height: 15px;
  line-height: 15px;
  overflow-y: hidden;
  max-width: 70%;
}

.box_chat_user .user_last_message{
  color: #a9a9a9;
  line-height: 12px;
  font-size: 12px;
  height: 14px;
  overflow: hidden;
}

.box_chat_user.active .user_last_message, .box_chat_user.active .user_last_date{
  color: #ffffff;
}



.box_chat_user.has_unread_messages{
  font-weight: bolder;
  background-color: #f0f8ff;
}

.chat_user_status{
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  border:1px solid transparent;
  border-radius: 50%;
  bottom: 2px;
  left: 2px;
}
.chat_user_status.connected{
  background-color: #00de00;
  border-color: #3aff65;
}










.btn_no_padding{
  padding: 0px !important;
}



.img_logo_preview{
  max-width: 100%;
  max-height: 140px;
}




.branch_offices_wrapper{
  padding: 50px 10px;
  margin-top: 3%;
  background-color: rgba(255,255,255,0.3);
  border: 1px solid #999;
  border-radius: 3px;
}

.btn_branch_office_item{
  display: inline-block;
  width: 100%;
  max-width: 320px;
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  margin-bottom: 10px;
  transition: transform 0.2s;
}

.btn_branch_office_item:hover,
.btn_branch_office_item:focus,
.btn_branch_office_item:active{
  transform: scale(1.03);
  z-index: 1;
  outline: 1px solid rgba(0,0,0,0.2);
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 3px 6px 2px rgba(0, 0, 0, 0.2);
}
.btn_branch_office_item.valid_to_use_false:before{
  content: "\f071";
  font-family: "fontAwesome";
  position: absolute;
  bottom: -2px;
  left: 4px;
  color: #d00;
  font-size: 20px;
}




.btn_change_branch_office{
  overflow: hidden;
}

.btn_change_branch_office:hover{
  text-decoration: underline;
  color: #848484 !important;
}

.sidebar-collapse .branch_office_name{
  display: none;
}




tr.supplier_product_added.invalid td{
  background-color: #ff5353;
}

.table-striped>tbody>tr:nth-of-type(even){
  background-color: #f9f9f9;
}


td.col_products_warehouse.bg_selected_warehouse{
  background-color: var(--primary02);
}
[data-theme-mode=dark] td.col_products_warehouse.bg_selected_warehouse{
  background-color: var(--gray-400);
}

/*.table:not(.no_default_header_styles) th{
  background-color: #ffffff;
  vertical-align: middle;
}*/

.bg_red{
  background-color: #ff6363;
}

.bg_red_light{
  background-color: #ffbfbf;
}
.bg_green_light{
  background-color: #aaeeba;
}
.bg_orange_light{
  background-color: #ffdc8b;
}


.row_product.bg_red{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7272+0,f98989+55,f99595+100 */
  background: #ff7272; /* Old browsers */
  background: -moz-linear-gradient(top, #ff7272 0%, #f98989 55%, #f99595 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff7272 0%,#f98989 55%,#f99595 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff7272 0%,#f98989 55%,#f99595 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7272', endColorstr='#f99595',GradientType=0 ); /* IE6-9 */
}
.row_product.bg_yellow{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1da36+0,fcf18f+100 */
  background: rgb(241,218,54); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(241,218,54,1) 0%, rgba(252,241,143,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(241,218,54,1) 0%,rgba(252,241,143,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(241,218,54,1) 0%,rgba(252,241,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#fcf18f',GradientType=0 ); /* IE6-9 */
}
.row_product.bg_blue{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#85b2d3+0,a7c7dc+100 */
  background: rgb(133,178,211); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(133,178,211,1) 0%, rgba(167,199,220,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(133,178,211,1) 0%,rgba(167,199,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(133,178,211,1) 0%,rgba(167,199,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85b2d3', endColorstr='#a7c7dc',GradientType=0 ); /* IE6-9 */
}


.row_product.filled.has_invalid_price{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff920a+0,ffaf4b+100 */
  background: #ff920a; /* Old browsers */
  background: -moz-linear-gradient(top, #ff920a 0%, #ffaf4b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff920a 0%,#ffaf4b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff920a 0%,#ffaf4b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#ffaf4b',GradientType=0 ); /* IE6-9 */
    /*background-color: #fd8d16 !important;*/
}


.process_report_detail{
  margin-bottom: 4px;
  background-color: #eaeaea;
  padding: 2px 8px;
}
.row_report_detail td{
  background-color: transparent !important;
  position: relative;
}
.row_report_detail td:first-child{
  padding-left: 32px !important;
}
.row_report_detail.start,
.row_report_detail.finish{
    background-color: #88ddfa;
    color: #00435a;
    font-size: 15px;
}
.row_report_detail.start td:first-child,
.row_report_detail.finish td:first-child{
  padding-left: 8px !important;
}
.table_report_details .row_report_detail.success{
  background-color: #c5f8d8;
}
.table_report_details .row_report_detail.success td:first-child:before{
  font-family: "fontAwesome";
  content: "\f00c";
  position: absolute;
  top: 4px;
  left: 15px;
}

.table_report_details .row_report_detail.info{
  background-color: #d2deef;
}
.table_report_details .row_report_detail.info td:first-child:before{
  font-family: "fontAwesome";
  content: "\f05a";
  position: absolute;
  top: 4px;
  left: 15px;
}

.table_report_details .row_report_detail.error{
  background-color: #ffd2d2;
  color: #6f0404;
}
.table_report_details .row_report_detail.error td:first-child:before{
  font-family: "fontAwesome";
  content: "\f00d";
  position: absolute;
  top: 4px;
  left: 15px;
}

.table_report_details .row_report_detail.ignore{
  background-color: #d0d0d0;
  color: #323232;
}


.table_report_details .row_report_detail.transaction td:first-child:before{
  font-family: "fontAwesome";
  content: "\f0ec";
  position: absolute;
  top: 4px;
  left: 15px;
}
.table_report_details .row_report_detail.transaction{
  background-color: #cacfff;
}

.table_report_details > tbody > tr.row_report_detail:hover td {
  background-color: rgba(0,0,0,0.1) !important;
}



.table-responsive{
/*  padding-bottom: 20px;*/
}
.table_responsive_help_text{
  display: none;
}


.log_ip_container{
  font-weight: 600;
  display: block;
  font-size: 12px;
  clear: both;
}
.log_ip_container a{
  font-size: 14px;
}
.log_ip_container:before{
  content: "IP: "
}



.btn_new_absolute{
  position: absolute;
  top: 0px;
  right: 6px;
}

.row_item_canceled{
  text-decoration: line-through;
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important
}

.row_item_disabled{
  text-decoration: line-through;
  background-color: #ccc !important;
  opacity: 0.6;
}
.row_item_disabled:hover{
  opacity: 1;
}


.btn_close_addenda_popup{
  position: absolute;
  top: 10px;
  right: 12px;
  display: inline-block;
  border: none;
  font-size: 16px;
  width: 36px;
  height: 32px;
  z-index: 2;
}
.btn_close_addenda_popup:hover{
  filter: brightness(0.9);
}


/* ----------------------- pagos ------------------------- */
.payment_row.payment_disabled{
  text-decoration: line-through;
}
.payment_row.payment_disabled .btn_payment_actions{
  color: #888;
  width: 100%;
  display: block;
}
.payment_row .payment_actions{
  width: 100%;
}

.payment_row.payment_disabled .form-control{
  opacity: 0.7;
}



/* --------------------- notices ------------------------- */

.mxp_changes_notice{
  position: fixed;
  z-index: 99;
  background-color: #fff37e;
  border-radius: 7px;
  top: 70px;
  right: 20px;
  padding: 10px 16px;
  box-shadow: -3px 5px 14px rgba(0, 0, 0, 0.45);
  border: 2px solid #ae9d35;
  width: 450px;
  padding-left: 55px;
  border-left-width: 4px;
  max-width: 91%;
}
.mxp_changes_notice:before{
  position: absolute;
  font-family: "fontAwesome";
  top: 5px;
  left:  13px;
  content: "\f05a";
  font-size: 36px;
}
.mxp_changes_notice.type1{
  background-color: #e7ffec;
  border-color: #27894b;
}
.mxp_changes_notice.type3{
  background-color: #ffd5d5;
  border-color: #ae3535;
}
.mxp_changes_notice.type1:before{
  color: #387253;
}
.mxp_changes_notice.type2:before{
  color: #53472c;
}
.mxp_changes_notice.type3:before{
  color: #843434;
}

.btn_close_notice{
  position: absolute;
  top: -14px;
  right: -14px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  color: #000;
  border: none;
  padding: 4px 8px;
}
.btn_close_notice:hover{
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7);
}


/* -------------- estilos extra botones ----------------- */

.btn-transparent { 
  color: #222; 
  background-color: transparent; 
  border-color: rgba(0, 0, 0, 0.4);
} 
 
.btn-transparent:hover, 
.btn-transparent:focus, 
.btn-transparent:active, 
.btn-transparent.active, 
.open .dropdown-toggle.btn-transparent { 
  color: #000000; 
  background-color: #efefef; 
  border-color: #A3A3A3; 
} 

.btn-white { 
  color: #000000;
  background-color: #FFFFFF; 
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
} 
 
.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white.active, 
.open .dropdown-toggle.btn-white { 
  color: #000000 !important; 
  background-color: #fbfbfb !important; 
} 
 
.btn-white:active, 
.btn-white.active, 
.open .dropdown-toggle.btn-white { 
  background-image: none; 
}
[data-theme-mode=dark] .btn-white{
  background-color: rgb(var(--light-rgb)) !important;
  border-color: rgb(var(--light-rgb)) !important;
  color: var(--default-text-color) !important;
}
 
.btn-white.disabled, 
.btn-white[disabled], 
fieldset[disabled] .btn-white, 
.btn-white.disabled:hover, 
.btn-white[disabled]:hover, 
fieldset[disabled] .btn-white:hover, 
.btn-white.disabled:focus, 
.btn-white[disabled]:focus, 
fieldset[disabled] .btn-white:focus, 
.btn-white.disabled:active, 
.btn-white[disabled]:active, 
fieldset[disabled] .btn-white:active, 
.btn-white.disabled.active, 
.btn-white[disabled].active, 
fieldset[disabled] .btn-white.active { 
  background-color: #FFFFFF; 
  border-color: #A3A3A3; 
} 
 
.btn-white .badge { 
  color: #FFFFFF; 
  background-color: #000000; 
}

.badge.light{
  background-color: #929292;
}



.badge-success{
  background-color: #108821;
}
.badge-warning{
  background-color: #b07c17;
}
.badge-danger{
  background-color: #b01717;
}
.badge-primary{
  background-color: #176eb0;
}



.max_width700{
  max-width: 700px;
}
.max_width500{
  max-width: 500px;
}
.max_width300{
  max-width: 300px;
}



/* ------ commons ------- */
.content-wrapper > .content{
  padding: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.content-wrapper, .main-footer {
    border-left: 1px solid #d2d6de;
}

.sidebar a {
    color: #444444;
}
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
    color: #000000;
    background: #f4f4f5;
}
.sidebar-menu > li > .treeview-menu {
    background: #f4f4f5;
}
.treeview-menu > li.active > a, .treeview-menu > li > a:hover {
    color: #000000;
}


.image_clickable:hover{
  cursor: pointer;
  outline: 2px solid rgba(0,0,0,0.4);
}


.dropdown_filter_search .dropdown-menu{
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}


/* --- tables ---  */

.table td {
    padding: 0.3rem 0.4rem;
}
.table th{
  color: var(--primary-color);
  padding: 0.7rem 0.588rem;
}

/* table document edit */
table.table_document_edit{
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

table.table_document_edit td{
  padding: 0.6rem 0.588rem;
/*  background-color: var(--white-1);*/
  background-color: rgba(238, 244, 255, 0.2);
  border-bottom-color: var(--primary02);
  /*background-color: rgba(62, 96, 139, 0.2);
  border-bottom-color: rgba(116, 133, 175, 0.5);*/
}
table.table_document_edit .row_bg_new td{
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
  background-color: var(--primary02);
}
table.table_document_edit .row_bg_new:last-child td{
  border-bottom: none;
}

table.table_document_edit .no_results_screen{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

table.table_document_edit .row_not_added_items td,
table.table_document_edit .row_not_added_items:hover > *{
  background-color: var(--custom-white) !important;
  --bs-table-accent-bg: var(--custom-white) !important;
  --bs-table-bg-state: var(--custom-white) !important;
}


/* table document show  */
table.table_document_show{
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}


td.locked .form-control{
  background-color: rgb(var(--light-rgb));
}



/* ADMINISTRACION MAXEMP */


body.magxemp .content-wrapper{
  background-image: url(/assets/maxemp_bg.png);
  background-position: center;
  background-repeat: no-repeat;
}

body.magxemp .content-wrapper .table{
  background-color: rgba(255,255,255,0.6);
}

body.magxemp h1{
  position: relative;
}

body.magxemp section.content > h1:after{
  content: "Administración Maxemp";
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 16px;
  letter-spacing: 1px;
}

.table_site_permissions td{
  padding: 2px 8px !important;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}


.site_session_info{
  background-color: rgba(255, 255, 0, 0.5);
  padding: 6px 10px;
  color: #000;
  border-bottom: 1px solid #dede09;
  margin-top: -14px;
  width: 100%;
  margin-left: 0px;
  margin-bottom: 20px;
}
.site_session_info a{
  color: #000;
  font-weight: bold;
  /*text-decoration: underline;*/
}

.user_mma{
  position: relative;
}
.user_mma:after{
  content: "\f06e";
  font-family: "fontAwesome";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  left: 4px;
  text-align: center;
  background-color: rgba(255, 255, 0, 1);
  border-radius: 50%;
  font-size: 20px;
  line-height: 24px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.6);

  animation-name: mma_fading;
  animation-duration: 0.7s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}



@keyframes mma_fading{
  from {background-color: transparent; }
  to {background-color: rgba(255, 255, 0, 1); }
}



.activity_type_color_index{
    display: inline-block;
    width: 50px;
    height: 20px;
}

.activity_complete{
    text-decoration: line-through;
}




.input_like_show{
  padding: 6px 12px;
  border: 1px solid #e4e4e4;
  background-color: rgb(var(--light-rgb));
  min-height: 34px;
  border-radius: 0.35rem;
}
a.input_like_show{
  color: #104978;
}
a.input_like_show:hover{
  color: #0c68b3;
  background-color: #fafafa;
}


.lnk_item_details.has_custom_options{
  border-color: #88a7d1;
}

.img_file_item_custom_option{
  max-height: 100px;
  max-width: 100px;
}


.sample_barcode {
    border: none;
    outline: none;
    background-image: url(/assets/sample_barcode-417e32d937f94c751db9b93cb4aede90a980176d0830469d4a39be77a23ed0a2.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


div.mce-edit-area{
  background-color: #eaeaea !important;
}




.mxp_user_notifications_menu{
  position: relative;
}
.mxp_user_notifications_menu .counter_bubble{
  font-size: 12px;
  position: absolute;
  top: 3px;
  right: 3px;
}


.tg-backdrop.no_bg{
  box-shadow: rgba(20, 20, 21, 0.84) 0px 0px 0px 1000vh !important;
  background-color: rgba(20, 20, 21, 0.84);
  border: none !important;
}


.modal {
  z-index: 9999;
  text-align: center;
}
.modal.show{
  display: flex !important;
}

.modal-dialog {
  /* display: flex; */
  text-align: left;
  margin-top: 0px;
  vertical-align: middle;
  width: 98%;

  /* para que esté centrado, igual que .modal-dialog-centered */
  /* display: flex; */
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
  display: grid;
}
.modal-backdrop {
  z-index: 1045;
}

.modal-dialog.modal-lg{
  max-width: 900px;
}

.modal-header .modal-title,
.popup_title{
  font-weight: 600;
  font-size: 18px;
  color: var(--primary-color);
}

.modal-header .close {
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  font-size: 25px;
  padding: 2px 5px;
  line-height: 10px;
  color: var(--bs-btn-close-color);
  border: 0;
  opacity: 0.7;
  background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
}
.modal-header .close:hover{
  opacity: 1;
}

#popup_help .close{
  display: none;
}

#popup_help.display_type_4 .modal-dialog{
    max-width: 100% !important;
    width: 1000px !important;
}
.modal.display_type_4:before{
  display: none;
}
.modal.display_type_4 .icon_container,
.modal.display_type_3 .icon_container{
  display: none;
}
.modal.display_type_4 .icon_container{
  display: none;
}

#popup_help.display_type_4 .modal-header{
    display: none;
}
#popup_help.display_type_4 .modal-body{
  padding: 0px;
}
#popup_help.display_type_4 #help_text{
  margin-bottom: 0px !important;
}
#popup_help.display_type_4 .popup_footer{
  display: none;
}

#popup_help.display_type_3 button.close,
#popup_help.display_type_4 button.close{
  display: inline-block;
  position: absolute;
  top: -16px;
  right: -16px;
  font-size: 32px;
  z-index: 999;
  background-color: black;
  opacity: 1;
  border-radius: 50%;
  color: #fff;
  width: 32px;
  height: 34px;
  text-shadow: none;
  justify-content: center;
  align-items: center;
  border: 1px solid #111;
  display: flex;
  justify-content: center;
  align-items: center;
}
#popup_help.display_type_4 button.close:hover{
  background-color: #333;
}

[v-cloak] {
  opacity: 0;
}




.maxemp_notification_type .modal-header{
  background-image: url(/img/maxemp_logo_nt.png);
  background-position: left;
  background-repeat: no-repeat;
  border-bottom: 2px groove #0e95ec;
  background-color: #0c7dc5;
}



.featured_content_wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #eaeaea;
  border: 1px solid #ccc;
  height: 300px;
  cursor: pointer;
}

/* la buena */
.label_with_check{
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid var(--black-1);
  background-color: rgba(255, 255, 255, 0.1);
}
.label_with_check:hover{
  border: 1px dashed var(--black-2);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.03);
}
.label_with_check:hover input[type='checkbox']:after{
  border-color: #2f6ce2;
}
.label_with_check input{
  margin-top: 4px;
}

label+.form-control{
  margin-top: 5px;
}

.date_filter_label i{
  margin-right: 4px;
}


.btn_massive_action.dropdown a{
  color: #333;
}
.btn_massive_action.dropdown .dropdown-menu{
  box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
}

.btn_massive_action.dropdown .lnk_delete_checked{
  color: #c00;
}



.input_not_visible{
  visibility: hidden;
  position: absolute;
  left: -500px;
  top: -100px;
}




#library_images_wrapper{
  overflow: auto;
  max-height: 400px;
  min-height: 100px;
}

.image_library_item{
  display: flex;
  width: 200px;
  height: 150px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 4px;
  border: 1px solid #ccc;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.image_library_item img{
  max-width: 100%;
  max-height: 100%;
}

.image_library_item:hover{
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  border: 2px solid #5592f1;
}

.image_library_item.selected{
  border: 2px solid #0063fd;
}
.image_library_item.selected:before{
  font-family: "fontAwesome";
  content: "\f00c";
  position: absolute;
  top: -4px;
  right: 0px;
  padding: 4px 6px;
  background-color: #0063fd;
  color: white;
  text-align: center;
}







.folio_format_wrapper{
  /*display: flex;
  justify-content: end;
  align-items: center;*/
  text-align: right;
}
.folio_format_wrapper.pos_center{
  text-align: center;
}
.folio_format_wrapper.pos_left{
  text-align: start;
}



.mxp_related_docs_container{
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 0px;
  padding: 6px 15px;
  border-radius: 8px;
  /* background-color: rgba(0,0,0,0.05); */
  background-color: rgba(255, 255, 255, 0.4);
}
.mxp_related_docs_container > ol{
  margin-bottom: 0px;
  align-items: center;
}
.mxp_related_docs_container a,
.mxp_related_docs_container .contains_list{
  color: var(--primary-color);
  font-weight: 500;
}

.mxp_related_docs_container li.active{
  margin-right: 10px;
}
.mxp_related_docs_container li.li_has_link + li.li_has_link:before{
  content: "/";
  padding: 0px 4px;
  font-size: 18px;
  color: var(--gray-3);
}

.mxp_related_docs_container a:hover{
  text-decoration: underline;
}

.mxp_related_docs_container .contains_list{
  position: relative;
  display: inline-block;
  cursor: default;
}
.mxp_related_docs_container .contains_list .subitems_list{
  position: absolute;
  display: none;
  width: 100%;
  background-color: #f8f8f8;
  list-style-type: none;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
  padding: 0px;
  padding-top: 10px;
  z-index: 2;
}

.mxp_related_docs_container .contains_list .subitems_list a{
  padding: 8px 10px;
  display: block;
}

.mxp_related_docs_container .contains_list:hover .subitems_list{
  display: block;
}


/* ------- custom button colors --------- */

.btn-navy {
  color: #fff;
  background-color: #001f3f;
  border-color: #02305f;
}
.btn-navy:hover,
.btn-navy:active,
.btn-navy.hover {
  color: #fff;
  background-color: #02305f;
}
.btn-navy.focus, .btn-navy:focus {
    color: #fff;
    background-color: #06203c;
    border-color: #02305f;
}

.btn-olive {
  color: #fff;
  background-color: #3d9970;
  border-color: #287b56;
}
.btn-olive.active{
  background-color: #37805f;
}
.btn-olive:hover,
.btn-olive:active,
.btn-olive.hover {
  color: #fff;
  background-color: #37805f;
}
.btn-olive.focus, .btn-olive:focus {
    color: #fff;
    background-color: #37805f;
    border-color: #37805f;
}


.btn-purple {
  color: #fff;
  background-color: #605ca8;
  border-color: #413e77;
}
.btn-purple:hover,
.btn-purple:active,
.btn-purple.hover {
  color: #fff;
  background-color: #4e4b8c;
}
.btn-purple.focus, .btn-purple:focus {
    color: #fff;
    background-color: #4e4b8c;
    border-color: #4e4b8c;
}


.btn-maroon {
  color: #fff;
  background-color: #d81b60;
  border-color: #a2184b;
}
.btn-maroon:hover,
.btn-maroon:active,
.btn-maroon.hover {
  color: #fff;
  background-color: #b31c53;
}
.btn-maroon.focus, .btn-maroon:focus {
    color: #fff;
    background-color: #b31c53;
    border-color: #b31c53;
}


.btn-gray {
  color: #000;
  background-color: #ececec;
  border-color: #818181;
}
.btn-gray:hover,
.btn-gray:active,
.btn-gray.hover {
  color: #3b3b3b;
  background-color: #e5e5e5;
}
.btn-gray.focus, .btn-gray:focus {
    color: #383838;
    background-color: #dedede;
    border-color: #b9b9b9;
}



.btn-blue {
  color: #fff;
  background-color: #3450e6;
  border-color: #0a219e;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue.hover {
  color: #fff;
  background-color: #263fc1;
}
.btn-blue.focus, .btn-blue:focus {
    color: #fff;
    background-color: #263fc1;
    border-color: #0a219e;
}


.btn-yellow {
  color: #000;
  background-color: #fdf198;
  border-color: #e1ce4d;
}
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow.hover {
  color: #000;
  background-color: #f9ec8e;
}
.btn-yellow.focus, .btn-yellow:focus {
    color: #000;
    background-color: #f9ec8e;
    border-color: #e1ce4d;
}



.btn-brown {
  color: #fff;
  background-color: #c56c2a;
  border-color: #92470f;
}
.btn-brown:hover,
.btn-brown:active,
.btn-brown.hover {
  color: #fff;
  background-color: #bb6322;
}
.btn-brown.focus, .btn-brown:focus {
    color: #fff;
    background-color: #bb6322;
    border-color: #92470f;
}


.btn-md{
  padding: 7px 14px;
  font-size: 16px;
}




.daterangepicker_start_input,
.daterangepicker_end_input{
  display: none;
}
.range_inputs{
  margin-top: 20px;
}





#attachments_wrapper{
  position: relative;
}



.line_separator{
  height: 1px;
  width: 100%;
  background-color: rgba(0,0,0,0.05);
}



.invoice_notes_read_wrapper{
  position: relative;
  padding: 10px;
  border: 1px solid #e3e3e3;
  border-radius: 0px 6px 6px 6px;
}

.btn_edit_invoice_notes{
  position: absolute !important;
  left: -43px;
  top: -1px;
  border: 1px solid #ccc;
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.tooltip-inner {
    min-width: 130px; /* the minimum width */
}

hr{
  border-top: 1px solid rgba(34, 45, 50, 0.12);
}
hr.small{
  margin-top: 10px;
  margin-bottom: 10px;
}


.subsection_title{
  font-size: 18px;
  position: relative;
  padding-left: 10px;
}
.subsection_title:before{
  font-family: "fontAwesome";
  content: '\f0da';
  position: absolute;
  font-size: 14px;
  left: 0px;
  top: 3px;
}

.card .section_name{
  color: var(--primary-color);
  padding: 5px 0px;
  padding-top: 0px;
  font-size: 14px;
  font-weight: 600;
}


.table_fiscal_stamp_data td{
  width: 50%;
  padding: 4px 6px !important;
}




.btn_help_context{
    border-radius: 20px;
    padding: 5px 6px;
}

#modal_loading .modal-dialog{
  border: none;
  box-shadow: none;
}

#modal_loading .modal-content{
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.4);
}

#modal_loading .modal-body{
  display: flex;
  position: relative;
  padding-left: 20px;
  user-select: none;
  padding: 30px 40px;
}

#loading_text{
  font-size: 20px;
  color: var(--gray-8);
  animation: loading_text_anim 2.5s infinite;
}

.loading_opacity{
  animation: loading_opacity 1.3s infinite;
}

.loading_modal_anim{
  width: 22px;
  height: 22px;
  margin-top: 3px;
  border: 4px solid #fff;
  border-radius: 50%;
  display: inline-block;
  animation: rotation 0.8s linear infinite;
}
.loading_modal_anim:after{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 4px solid;
  border-color: var(--primary-color) var(--primary01);
}

@keyframes loading_text_anim {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

@keyframes loading_opacity {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0.3;
  }
  60%{
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}


/* --------------- seccion de distribuidores ---------------  */
.mxp_distributors .content-wrapper{
  background-color: #eaeaea;
}
.mxp_distributors h1{
  border-bottom: 2px solid #2656b5;
}
/*.mxp_distributors h1:after{
  position: absolute;
  content: "* Distribuidor";
  top: 12px;
  right: 15px;
  font-size: 16px;
  color: #888;
}*/

.distributor_payment_status{
  padding: 0px 3px;
  border-radius: 5px;
  font-weight: 600;
}
.distributor_payment_status.pending{
  background-color: #fbe213;
}
.distributor_payment_status.released{
  background-color: #bbddff;
}
.distributor_payment_status.paid{
  background-color: #aff7c1;
}
.distributor_payment_status.canceled{
  background-color: #ffc4c4;
}





/* ------ shop configurations theme settings ------- */

.theme_setting_item{
  margin-bottom: 8px;
}

.theme_setting_title{
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 3px;
}

/* ------------------------------------------------- */


.refer_to_button{
  border: 1px solid rgba(0,0,0,0.1);
  background-color: rgba(0,0,0,0.05);
  border-radius: 3px;
  padding: 4px 10px;
}

.btn-success{
  position: relative;
}
/*.btn-success:not(.skip_icon):not(.disabled):before{
  font-family: "fontAwesome";
  margin-right: 4px;
  content: "\f0c7";
}*/



.content_wrapper.loading .shrink_on_loading,
.content_wrapper.loading.shrink_on_loading{
  max-height: 500px;
  overflow: hidden;
}

.holds_loading{
  min-height: 200px;
}


.group_color_inputs{
  width: 100%;
}
.group_color_inputs .input-group-btn{
  width: 53px;
}
.group_color_inputs .sp-replacer{
  padding: 6px;
  background-color: white;
  border: solid 1px #d2d6de;
  border-right: none;
}

.variant_color_value_prev{
  display: inline-block;
  width: 30px;
  height: 20px;
  border: 1px solid #ccc;
  vertical-align: middle;
}


.btn_green_colored{
    border: 1px solid #1c9931;
    color: #0d6a1c;
}

.customer_type_str{
    color: #444;
    margin-right: 4px;
    padding: 0px 3px;
    vertical-align: middle;
    background-color: rgba(0,0,0,0.04);
}



.tag_bg{
  padding: 1px 5px;
  background-color: #f5f5dc;
}



.product_ranking_badge{
  color: #c9ab09;
}

.row_action_menu .dropdown-menu{
  box-shadow: 2px 2px 12px rgba(0,0,0,0.3);
}
.row_action_menu .dropdown-menu a{
  padding: 5px 20px;
}


input.form-control[type='number']{
  padding: 6px;
}

.dropdown.on_hover .dropdown-menu {
  margin-top: 0px;
}
.dropdown.on_hover .dropdown-menu a{
  color: black !important;
}
.dropdown.on_hover:hover .dropdown-menu {
  display: block;
}



.index_options_menu .fa-cog{
  font-size: 16px;
}
.index_options_menu .caret{
  margin-top: -4px;
}


.label_style{
  padding: 0px;
  border: none;
  height: auto;
  cursor: default;
  appearance: none;
  display: inline-block;
  background-color: transparent !important;
}

#help_text h1,
.mxp_changes_notice h1,
.panel_notification_show h1{
  background-color: unset;
  border: none !important;
  padding: 0px;
  height: auto;
  font-size: 38px;
  font-weight: 500;
}


.empty_seo_alert .fa{
  color: #d00;
}


.icon_item_no:before{
  font-family: fontAwesome;
  content: "\f00d";
  font-size: 18px;
  opacity: 0.4;
}
.icon_item_yes:before{
  font-family: fontAwesome;
  content: "\f00c";
  font-size: 18px;
  color: #056c0a;
}


.mxp_row_action_menu li a{
  text-transform: none !important;
}

#form_page{
  padding-left: 10px;
}

/* --------------- mailing section ------------------ */
#filtered_customers{
  min-height: 200px;
}
.table_mailing_list_customers tbody tr td,
.table_mailing_list_customers tbody tr th{
  padding: 4px 8px;
}

.table_mailing_list_customers .btn_exclude_subscriber,
.table_mailing_list_customers .btn_include_subscriber{
  padding: 0px 12px;
}


#popup_columns_container .col_chk_col_index{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}




/* -------------- custom css checkboxes --------------- */
/* Checkmark style starts */
@-moz-keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 50px;
  }
}
@-webkit-keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 50px;
  }
}
@keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 10px;
  }
}
@keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 30px;
  }
}
@-webkit-keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 30px;
  }
}
@-moz-keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 30px;
  }
}


input.chk_squared_checkbox{
  display: none;
}

.squared_checkbox{
  height: 30px;
  width: 30px;
  background-color: rgba(254, 254, 254, 0.2);
  border: 1px solid #414141;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: border-color ease 0.1s;
  -o-transition: border-color ease 0.1s;
  -webkit-transition: border-color ease 0.1s;
  transition: border-color ease 0.1s;
  cursor: pointer;
  margin-bottom: 0px;
  box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.2);
}
.squared_checkbox.ghost{
  border: 2px solid rgba(65, 65, 65, 0.12);
  box-shadow: none;
}
.squared_checkbox.inner{
  background-color: rgba(0, 0, 0, 0.02);
  border: 1px solid #818181;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.squared_checkbox:hover{
  border: 2px solid #2c5fc6;
}
.squared_checkbox:active{
  box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.4);
}

.squared_checkbox::before, .squared_checkbox::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: 0;
  width: 7px;
  background-color: #34b93d;
  display: inline-block;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 2px;
  content: ' ';
  -webkit-transition: opacity ease .5;
  -moz-transition: opacity ease .5;
  transition: opacity ease .5;
}
.squared_checkbox::before {
  top: 22px;
  left: 14px;
  box-shadow: -3px 1px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.squared_checkbox::after {
  top: 11px;
  left: 3px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type=checkbox]:checked + .squared_checkbox,
.squared_checkbox.checked {
  background-color: rgba(255,255,255,0.5);
  border: 2px solid #2e2e2e;
}
input[type=checkbox]:checked + .squared_checkbox::after,
.squared_checkbox.checked::after {
  height: 50px;
  -moz-animation: dothabottomcheck 0.1s ease 0s forwards;
  -o-animation: dothabottomcheck 0.1s ease 0s forwards;
  -webkit-animation: dothabottomcheck 0.1s ease 0s forwards;
  animation: dothabottomcheck 0.1s ease 0s forwards;
}
input[type=checkbox]:checked + .squared_checkbox::before,
.squared_checkbox.checked::before {
  height: 120px;
  -moz-animation: dothatopcheck 0.2s ease 0s forwards;
  -o-animation: dothatopcheck 0.2s ease 0s forwards;
  -webkit-animation: dothatopcheck 0.2s ease 0s forwards;
  animation: dothatopcheck 0.2s ease 0s forwards;
}




/* --- checkbox activate ----  */

.chk_activation input[type="checkbox"] {
  visibility: hidden;
  display: none;
}

.chk_activation .toggle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
}
.chk_activation .toggle:before {
  content: "";
  position: relative;
  top: 1px;
  left: 1px;
  width: 40px;
  height: 22px;
  vertical-align: middle;
  display: inline-block;
  background: #bcbfc5;
  border-radius: 12px;
  transition: background 0.2s ease;
}
.chk_activation .toggle span.chk_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  display: block;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(154,153,153,0.75);
  transition: all 0.2s ease;
}
.chk_activation .toggle span.chk_icon svg {
  margin: 7px;
  fill: none;
}
.chk_activation .toggle span.chk_icon svg path {
  stroke: #c8ccd4;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 24;
  stroke-dashoffset: 0;
  transition: all 0.5s linear;
}
.chk_activation input[type="checkbox"]:checked + .toggle:before {
  background: #52d66b;
}
.chk_activation input[type="checkbox"]:checked + .toggle span.chk_icon {
  transform: translateX(18px);
}
.chk_activation input[type="checkbox"]:checked + .toggle span.chk_icon path {
  stroke: #52d66b;
  stroke-dasharray: 25;
  stroke-dashoffset: 25;
}

.chk_activation .chk_lbl{
  display: inline-block;
  padding: 2px 0px;
  padding-left: 4px;
  font-weight: 600;
  color: #646464;
}

.chk_activation input[type="checkbox"]:checked + .toggle .chk_lbl{
  color: #007225;
}


button.disabled .fa{
  display: none;
}


.with_border_separator.left{
  border-left: 1px solid rgba(34, 45, 50, 0.22);
}

/* para botones loading  */
.mxp_icon_loading{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.6);
    box-sizing: border-box;
    animation: rotation 0.8s linear infinite;
    vertical-align: middle;
    margin-top: -2px;
}

.btn-white .mxp_icon_loading,
.btn-default .mxp_icon_loading{
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.6);
}

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




/*body, html{
  animation: anim_bg_main_content 3s linear;
  animation-iteration-count: 1;
}

@keyframes anim_bg_main_content {
  0% {
    filter: hue-rotate(0deg);
  }
  20% {
    filter: hue-rotate(0deg);
  }
  50%{
    filter: hue-rotate(90deg);
  }
  70%{
    filter: hue-rotate(90deg);
  }
  100% {
    filter: hue-rotate(0deg);
  }
}*/


.table_cell {
    display: table-cell;
}


.shortcut_item i, .navbar_link_icon i{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-size: 24px;
  color: var(--header-prime-color);
  border-radius: 50%;
  transition: transform 0.1s;
}
.shortcut_item:hover i, .navbar_link_icon:hover i{
  transform: scale(1.2);
}

.shortcut_item:hover > a{
  background-color: rgba(255, 255, 255, 0.1);
}

.sidebar .treeview > a{
  transition: all 0.2s;
}
.sidebar .treeview > a:hover{
  padding-left: 18px;
}

.shortcut_item a.active{
/*  background-color: var(--custom-white);*/
  box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.shortcut_item .active i{
/*  color: var(--custom-white);*/
  /*background-color: rgba(0,0,0,0.1);
  box-shadow: inset 0px 0px 20px rgba(0,0,0,0.2);*/
/*  background-color: var(--primary-color);*/
}


#pagination{
  overflow: hidden;
}
.pagination,
.pagination_wrapper {
  cursor: default;
}

  #pagination a, #pagination span, #pagination em,
  .pagination_wrapper a, .pagination_wrapper span, .pagination_wrapper em {
    padding: 0.3em 0.8em;
    display: block;
    float: left;
    margin-right: -1px;
  }
  #pagination .disabled,
  .pagination_wrapper .disabled {
    color: #999999;
    border: 1px solid #dddddd; }
  #pagination .current,
  .pagination_wrapper .current {
    font-style: normal;
    font-weight: bold;
    background: var(--primary-color);
    color: white;
    border: 1px solid var(--primary-color); }
  #pagination a,
  .pagination_wrapper a {
    text-decoration: none;
    color: var(--black-7);
    border: 1px solid var(--gray-2);
  }
  [data-theme-mode=dark] #pagination a,
  [data-theme-mode=dark] .pagination_wrapper a {
    border: 1px solid var(--black-2);
  }
  [data-theme-mode=dark] #pagination .disabled,
  [data-theme-mode=dark] .pagination_wrapper .disabled{
    border: 1px solid var(--black-2);
  }

  #pagination a:hover, #pagination a:focus,
  .pagination_wrapper a:hover, .pagination_wrapper a:focus {
      color: var(--default-text-color);
      background-color: var(--primary01);
      border-color: var(--gray-2);
    }

  #pagination .page_info,
  .pagination_wrapper .page_info {
    background: var(--primary-color);
    color: white;
    padding: 0.4em 0.6em;
    width: 22em;
    margin-bottom: 0.3em;
    text-align: center; }
  #pagination .page_info b,
  .pagination_wrapper .page_info b {
      color: var(--black-7);
      background: #6aa6ed;
      padding: 0.1em 0.25em; }
  #pagination:after,
  .pagination_wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html #pagination, .pagination_wrapper {
    height: 1%; }
  *:first-child + html #pagination,
  *:first-child + html .pagination_wrapper {
    overflow: hidden; }

#pagination .previous_page,
.pagination_wrapper .previous_page{
  padding: 0px;
}

#pagination .next_page,
.pagination_wrapper .next_page{
  padding: 0px;
}

.pagination{
  margin: 0px;
}


.input-group-text{
  background-color: var(--white-9);
}


.user-block img {
    width: 40px;
    height: 40px;
    float: left;
}

.img-circle {
    border-radius: 50%;
}

.user-block .username {
    font-size: 16px;
    font-weight: 600;
}

.user-block .username, .user-block .description, .user-block .comment {
    display: block;
    margin-left: 50px;
}


.timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}
.timeline > li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 0px;
}
.timeline > li:before, .timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}

.timeline > .time-label > span{
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
}
.timeline > li > .fa,
.timeline > li > .fa-regular,
.timeline > li > .glyphicon,
.timeline > li > .ion,
.activity_log_icon {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    background: #8a8d93;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 17px;
}

.timeline-inverse > li >.timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.timeline > li > .timeline-item {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative;
}
.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px;
}
.timeline>li>.timeline-item>.time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 12px;
}
.timeline-inverse>li>.timeline-item>.timeline-header {
    border-bottom-color: #ddd;
}

.timeline>li>.timeline-item>.timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 16px;
    line-height: 1.1;
}
.timeline>li>.timeline-item>.timeline-body, .timeline>li>.timeline-item>.timeline-footer {
    padding: 10px;
    margin-inline-start: unset;
    margin-inline-end: unset;
    inset-block-start: unset;
}



/* ----- backgrounds -------  */

.bg-mxp {
    background-color: #2f6ce2 !important;
    color: #fff !important
}

.bg-navy {
    background-color: #001f3f !important
}

.bg-teal {
    background-color: #2cb5a7 !important
}

.bg-olive {
    background-color: #3d9970 !important
}

.bg-lime {
    background-color: #01ff70 !important
}

.bg-orange {
    background-color: #ff851b !important
}

.bg-fuchsia {
    background-color: #f012be !important
}

.bg-purple {
    background-color: #605ca8 !important
}

.bg-maroon {
    background-color: #d81b60 !important
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important
}

.bg-black-active {
    background-color: #000000 !important
}
.bg-aqua {
    background-color: #00c0ef !important;
}
.bg-light-blue{
    background-color: #3c8dbc !important;
}


/* --- text colors --- */

.text-navy {
    color: #001f3f !important
}

.text-teal {
    color: #2cb5a7 !important
}

.text-olive {
    color: #3d9970 !important
}

.text-lime {
    color: #01ff70 !important
}

.text-orange {
    color: #ff851b !important
}

.text-fuchsia {
    color: #f012be !important
}

.text-purple {
    color: #605ca8 !important
}

.text-maroon {
    color: #d81b60 !important
}


.mxp_sticky_save_buttons.active{
  position: fixed;
  bottom: 0px;
}



::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

::-webkit-scrollbar{
  width: 10px;
  background-color: #ff0;
}

::-webkit-scrollbar-thumb{
  background-color: #333;
  border: 2px solid #888;
}


/* -------- media queries --------  */

@media screen and (min-width: 768px) { 
  [data-nav-layout="horizontal"] .header-logo{
    display: none;
  }
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}


@media screen and (min-width: 768px) and (max-width: 1400px){
  .card-body{
    padding: 1rem;
  }
}


@media screen and (max-width: 768px){

    .main-content.app-content{
      padding-right: 5px;
      padding-top: 5px;
    }
    .main-content.app-content .container-fluid{
      padding-left: 5px;
    }

    .main-header-container > .header-content-right{
      float: none;
      width: auto;
    }
    .main-header-container > .header-content-right .header-link-icon{
      padding: 13px 10px;
    }
    .main-header-container .header-link-icon.user_menu{
      padding: 7px 13px;
    }
    .animated-arrow.hor-toggle{
      margin-inline-end: 15px;
    }

    .main-header-container .header-element.shortcuts_header_item{
      display: block;
    }

    #shortcuts_navbar{
      position: absolute;
      z-index: 0;
      top: 50px;
      left: 0px;
      width: 100%;
      background-color: var(--primary-color);
      width: 0px;
      opacity: 0;
      overflow: hidden;
      max-width: 100%;
      height: unset;
    }

    #shortcuts_navbar.visible{
      width: 100%;
      opacity: 1;
    }

    #shortcuts_navbar li a{
      display: block;
      text-align: center;
    }
    #shortcuts_navbar li a:hover{
      background-color: #ccc !important;
    }
    #shortcuts_navbar li{
      float: left;
      outline: 1px solid rgba(0,0,0,0.1);
    }
    .shortcuts_navbar .shortcut_item.in_overflow{
      background-color: transparent;
    }

    html.mxp_preload .app-sidebar{
      transform: translateX(-15rem) !important;
    }

    h1{
      display: block !important;
      background-color: var(--custom-white);
      border-radius: 6px;
    }
    .h1, h1{
      height: auto;
      text-align: center;
      font-size: 24px;
    }
    h1 .mxp_heading_title{
      font-size: 20px;
    }
    h1 .module_help_description{
      float: none;
      display: block;
    }
    h1 .pull-right{
      float: none !important;
      display: block;
      margin-top: 10px;
    }
    h1 .pull-right .breadcrumb{
      margin-bottom: 0px;
    }
    h1 strong{
      font-weight: 600;
    }
    h1 .section_title_tools{
      float: none !important;
      text-align: center;
      margin-top: 10px;
      width: 100% !important;
    }
    h1 .section_title_tools form.section_tool,
    h1 .section_title_tools .section_tool{
      width: 90% !important;
      display: inline-block;
      max-width: 100% important;
    }

    .index_description_container{
      max-width: 100%;
      text-align: center;
      padding: 5px 0px 2px 0px !important;
    }

    .mxp_nav_pills{
      justify-content: center;
    }

    #popup_help .modal-dialog{
      width: 95% !important;
    }

    .sale_doc_details_section{
      display: block;
      text-align: center;
    }

    .index_total_counts_container{
      margin-top: 6px;
      margin-bottom: 10px !important;
    }

    .section_tool{
      margin-right: 0px;
    }

    .card{
      display: block;
    }

    .card-body{
      padding: 0.8rem;
    }

    .invoice_notes_read_wrapper{
      margin-left: 35px;
    }

    .invoice_notes_read_wrapper .btn_edit_invoice_notes{
      margin-left: -38px;
      margin-top: 4px;
    }

    #customer_payment_details .display_table,
    #customer_payment_details .display_table_cell{
      display: block;
      padding: 0px;
    }
    #customer_payment_details .display_table_cell{
      padding-bottom: 5px;
    }


    .sale_doc_details_section .sale_show_editable_container{
      padding-bottom: 20px;
    }

    .col_divider_right{
      border-right: none;
    }
    .col_divider_left{
      border-left: none;
    }

    .with_border_separator.left{
      padding-left: 0px !important;
      border-left: none !important;
    }

    .action_buttons .btn{
      margin-bottom: 5px;
    }

    .btn{
      margin-bottom: 5px;
    }
    .mt_sm{
      margin-top: 10px;
    }
    .mb_sm{
      margin-bottom: 10px;
    }
    .text_center_sm{
      text-align: center;
    }
    .folio_format_wrapper{
      justify-content: center;
    }
    .pull-right.block_sm,
    .float-end.block_sm{
      display: block;
      float: none !important;
    }

    .block_sm{
      display: block !important;
      width: 100%;
    }

    .mxp_related_docs_container{
      float: none;
      display: block;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 0px;
    }

    .mxp_related_docs_container > ol{
      justify-content: center;
    }

    .navbar_img_logo{
      margin: auto;
    }

    .btn_new_absolute{
      position: relative;
      top: auto;
      left: auto;
      right: auto;
    }

    .table thead tr th{
      text-transform: none;
    }

    .table td .image_link{
      display: block;
      width: 60px;
    }

    .nav-tabs > li,
    .nav-pills > li{
      float: left;
      margin-bottom: 0px;
      padding-bottom: 4px;
    }
    .nav-tabs > li > a,
    .nav-pills > li > a{
      padding: 10px !important;
      font-size: 14px !important;
    }


    .row_filters_container{
      display: block;
      width: 100%;
    }

    .row_filters_container .filter_cell{
      width: 100% !important;
      padding: 0px;
      display: block;
      margin-bottom: 5px;
      text-align: center;
      min-width: unset !important;
      max-width: 100% !important;
    }

    .dropdown.mxp_row_action_menu .btn_row_menu_item:not(.force_show_title) .btn_title{
      display: none;
    }
    .dropdown.mxp_row_action_menu .dropdown-toggle::after{
      margin-inline-start: 0px;
      font-size: 12px;
    }
    .mxp_row_action_menu button.dropdown-toggle{
      min-width: 50px;
    }


    .index_total_count_item{
      margin-bottom: 2px;
      border-radius: 6px;
    }

    .table_responsive_help_text{
      display: block;
      text-align: center;
      color: var(--primary07);
      user-select: none;
      padding-top: 5px;
      padding-bottom: 10px;
    }

    .btn_edit_invoice_notes{
      position: relative;
      left: -5px;
      top: -5px;
      border-radius: 4px;
      border: 1px solid #ccc;
    }

    .modal.show .modal-dialog{
      width: 96% !important;
    }

    #pagination{
      float: none !important;
    }
    #pagination .pagination{
      display: block;
    }
    #pagination .pagination > *{
      margin-bottom: 5px;
    }
}