@charset "utf-8";

html {
	/**
    * START OF MAIN SETTINGS
    */

    --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    --body-background: #0B678E;
    --body-color: #111;

    --right-col-background: #fefefe;
    --right-col-padding-bottom: 15px;

    --a-color: #111;
    --a-hover-color: #a118bd;
    --a-active-span-fa-margin-right: 8px;

    --green-color: #5cb85c;

    --form-focus-border-color: #912acc;


    --pull-up-margin-top: -15px;
	--pull-up-margin-bottom: 15px;

    --pull-down-margin-top: 15px;
	--pull-down-margin-bottom: -15px;


    --logo-kolmena-position: absolute;
    --logo-kolmena-height: 65px;
    --logo-kolmena-top: 50px;
    --logo-kolmena-right: 12px;

    --datepicker-table-background-color: #fff;

	--datepicker-table-body-background-color: #fff;
	--datepicker-table-body-hover-background-color: #dcdcdc;
	--datepicker-table-hover-color: #000000;

	--footer-background: #fff;

	--modal-background: #fff;

    /** 
    * END OF MAIN SETTINGS
    *****************************
    * START OF LATERAL MENU & NAVBAR
    */

    --navbar-size: 80%;
    --navbar-background: #E5F3FF;
    --navbar-border-bottom: 1px solid #0B678E;

    --navbar-item-line-height: 20px;
    --navbar-item-margin-right: 5px;
    --navbar-item-color: #000;
    --navbar-item-font-size: 25px;
    --navbar-item-background-color: transparent;
    --navbar-item-border-radius: 100px;

    --navbar-item-hover-background: #62b0f5;

    --navbar-item-image-background: #E5F3FF;
	--navbar-item-image-margin: -15px -15px;
	--navbar-item-image-border-radius: 100px;


    --menu-background: #0B678E;

    --menu-toggle-color: #111;
    --menu-hover-toggle-color: #fff;
    --menu-hover-toggle-background: transparent;

    --menu-padding: 5px;

    --menu-item-margin-top: 8px;
	--menu-item-position: relative;
    --menu-item-display: block;
    --menu-item-cursor: pointer;

    --menu-item-link-border-radius: 100px;
    --menu-item-link-font-weight: 400;
    --menu-item-link-padding: 11px 33px 17px 23px;
	--menu-item-link-position: relative;
	--menu-item-link-display: block;
	--menu-item-link-color: #fff;

    --menu-item-link-text-display: inline;

    --menu-item-hover-background: #1181B1;

    --menu-item-active-background: #1181B1;
    --menu-item-active-border-radius: 100px;

    --menu-collapsed-text-visibility: collapse;
    --menu-collapsed-text-white-space: nowrap;
    --menu-collapsed-icon-margin: 8px 0 0 0;
    --menu-collapsed-padding: 10px 19px 0px 17px;

    /** 
    * END OF LATERAL MENU & NAVBAR
    *****************************
    * START OF TITLES
    */

    --h3-font-size: 22px;

    --kafe-title-color: #0B678E;
	--kafe-title-font-weight: 700;
	--kafe-title-font-size: 22px;

    --kafe-title-h3-color: #FFF;
    --kafe-title-h3-padding: 8px 0 8px 0;
    --kafe-title-h3-margin: -15px 0px 15px 0px;

    --kafe-title-upload-color: #536612;

    --kafe-title-sign-color: #0B678E;
	--kafe-title-sign-font-weight: 700;
	--kafe-title-sign-font-size: 22px;
	--kafe-title-sign-margin-bottom: 18px;
	--kafe-title-sign-margin-left: 10px;

    /** 
    * END OF TITLES
    *****************************
    * START OF PANELS
    */

    --kafe-panel-background: #E5F3FF;
    --kafe-panel-border-radius: 14px;
    --kafe-panel-margin-bottom: -15px;
    --kafe-panel-padding-top: 30px;
	--kafe-panel-border-color: transparent;
	--kafe-panel-padding-bottom: 40px;

    --kafe-panel-white-background: #FFF;

    --kafe-panel-alt-background: #E5F3FF;

    /** 
    * END OF PANELS
    *****************************
    * START OF BUTTON SETTINGS
    */

    --btn-box-shadow: 1px 2px 8px #222;
    --btn-border-radius: 15px;
    --btn-padding: 12px 18px;
    --btn-margin: 0px 15px 15px 5px;
    --btn-font-weight: 500;

    --btn-has-i-padding: 0px 11px 9px;

    --btn-i-font-size: 27px;
    --btn-i-margin: 0px;
    --btn-i-top: 8px;
	--btn-i-position: relative;

    /** 
    * END OF BUTTON SETTINGS
    *****************************
    * START OF MAIN BUTTONS
    */

    --btn-primary-background: #FD9CCA;
    --btn-primary-color: #380032;
    --btn-primary-border: none;

    --btn-secondary-background: #BECE80;
	--btn-secondary-color: #1B2400;
	--btn-secondary-border: none;

    --btn-success-background: #0B678E;
	--btn-success-color: #fff;
	--btn-success-border: none;

    --btn-danger-background: #B3261E;
	--btn-danger-color: #fff;
	--btn-danger-border: none;

    --btn-warning-background: #FED1CE;
	--btn-warning-color: #820700;
	--btn-warning-border: none;

    --btn-info-background: #85C4E8;
	--btn-info-color: #002839;
	--btn-info-border: none;

    --btn-pale-background: #FFF;
	--btn-pale-color: #111;
	--btn-pale-border: 1px solid #111;

    --btn-normal-background: #FFF;
	--btn-normal-color: #0B678E;
	--btn-normal-border: 1px solid #1181B1;

	/**
    * END OF MAIN BUTTONS
    ****************************
    * START OF HOVER MAIN BUTTONS
    */

	--btn-hover-primary-background: #D682A9;
    --btn-hover-primary-color: #380032;
    --btn-hover-primary-border: none;

    --btn-hover-secondary-background: #9AAB58;
	--btn-hover-secondary-color: #1B2400;
	--btn-hover-secondary-border: none;

    --btn-hover-success-background: #044865;
	--btn-hover-success-color: #fff;
	--btn-hover-success-border: none;

	--btn-hover-danger-background: #BD554F;
	--btn-hover-danger-color: #fff;
	--btn-hover-danger-border: none;

    --btn-hover-warning-background: #FABEB9;
	--btn-hover-warning-color: #820700;
	--btn-hover-warning-border: none;

    --btn-hover-warning-background: #FABEB9;
	--btn-hover-warning-color: #820700;
	--btn-hover-warning-border: none;

    --btn-hover-info-background: #417D97;
	--btn-hover-info-color: #002839;
	--btn-hover-info-border: none;

    --btn-hover-pale-background: #d3d3d3;
	--btn-hover-pale-color: #111;
	--btn-hover-pale-border: 1px solid #111;

    --btn-hover-normal-background: #d3d3d3;
	--btn-hover-normal-color: #095372;
	--btn-hover-normal-border: 1px solid #1181B1;

    /**
    * END OF HOVER MAIN BUTTONS
    ****************************
    * START OF CHIP BUTTONS
    */

    --btn-chip-background: #FFFBFE;
	--btn-chip-font-weight: 500;
	--btn-chip-padding: 6px 16px;
	--btn-chip-border: 1px solid #79747E;
	--btn-chip-border-radius: 8px;

    --btn-hover-chip-background: #EFEBEE;

    --btn-chip-choose-background: #b7e921;
	--btn-chip-choose-color: black;

    --btn-hover-chip-choose-background: #8bb60c;
	--btn-hover-chip-choose-color: black;

    /**
    * END OF CHIP BUTTONS
    ****************************
    * START OF SPECIAL BUTTONS
    */

    --btn-logout-margin: 1px;
    --btn-logout-padding: 15px;
    --btn-logout-border: none;
    --btn-logout-line-height: 20px;


    --mini-btn-padding: 10px;
	--mini-btn-margin: 0px 5px;
	--mini-btn-border-radius: 15px;
	--mini-btn-font-size: 14px;
	--mini-btn-cursor: pointer;

    --mini-btn-i-font-size: 13px;
    --mini-btn-i-margin: 3px;
    --mini-btn-i-top: 0px;
    --mini-btn-i-position: relative;

    --mini-btn-has-i-padding: 5px 23px 9px;


    --file-btn-has-i-padding: 4px 11px 6px 5px;
    --file-btn-has-i-margin: -2px 4px;

    --file-btn-i-font-size: 24px;
    --file-btn-i-margin: 2px 4px;
    --file-btn-i-top: 3px;
    --file-btn-i-position: relative;

    --file-btn-span-top: -4px;
    --file-btn-span-position: relative;


    --kv-file-upload-background-color: #BECE80;
    --kv-file-upload-color: #000;
    --kv-file-upload-box-shadow: 0px 0px 8px grey;

    --kv-file-zoom-background-color: #0B678E;
    --kv-file-zoom-color: #fff;
    --kv-file-zoom-box-shadow: 0px 0px 8px grey;

    --kv-file-remove-background-color: #B3261E;
    --kv-file-remove-color: #fff;
    --kv-file-remove-box-shadow: 0px 0px 8px grey;

    /**
    * END OF ESPECIAL BUTTONS
    ****************************
    * START OF DISABLED BUTTONS
    */

    --btn-disabled-normal-background: #aeaeae;
	--btn-disabled-normal-color: #666;
	--btn-disabled-normal-border: 1px solid #ddd;

    /**
    * END OF DISABLED BUTTONS
    ****************************
    * START OF TABLES
    */

    --kafe-table-background: #E5F3FF;
	--kafe-table-font-size: 16px;
	--kafe-table-padding: 10px 10px 10px 10px;
	--kafe-table-margin-top: -15px;
	--kafe-table-border-radius: 12px;

    --kafe-table-th-font-weight: bolder;
	--kafe-table-th-font-size: 17px;
	--kafe-table-th-background: #fff;

    --kafe-table-td-background: #fff;

    --kafe-table-td-i-font-size: 21px;

    --kafe-table-summary-display: none;


    --kafe-table-td-green-background-color: #D6ED85;
    --kafe-table-td-red-background-color: #F9DEDC;


    --table-image-max-width: 400px;


    --table-info-group-title-background: darkgray;
	--table-info-group-title-text-align: -webkit-center;

    /**
    * END OF TABLES
    *****************************
    * START OF INPUTS
    * (INPUTS in plural is for global; INPUT in singular is for de input tag with kafe-input class)
    */

    --kafe-input-main-padding: 10px 10px 10px 10px;
    --kafe-input-col-padding: 10px 10px 7px 10px;

    --kafe-inputs-font-size: 1.4rem;
	--kafe-inputs-outline: none;
	--kafe-inputs-border: 1px solid #555;
	--kafe-inputs-border-radius: 5px;  
	--kafe-inputs-padding: 1rem 0.7rem;
	--kafe-inputs-color: #555;
	--kafe-inputs-top: 0;
	--kafe-inputs-background: #fff;

    --kafe-input-btn-font-size: 14px;

    --kafe-input-select-border-radius: 5px;

	--input-disabled-background: #eee;

    --kafe-input-label-z-index: 9;
	--kafe-input-label-font-size: 1.3rem;
	--kafe-input-label-left: 7px;
	--kafe-input-label-top: 12px;
	--kafe-input-label-background-image: linear-gradient(360deg, transparent 0%, transparent 5%, white 10%, white 100%);
	--kafe-input-label-color: #555;
	--kafe-input-label-padding: 0 0.3rem;
	--kafe-input-label-margin: -0.2em 0.5rem;
	--kafe-input-label-transform-origin: left top;

    --kafe-input-label-control-top: 10px;
    --kafe-input-label-control-position: relative;


    --kafe-inputs-persona-margin-top: 10px;

    --kafe-inputs-persona-success-border-color: #ce5fb6;
	--kafe-inputs-persona-success-color:#111;

    --kafe-input-persona-border: 1px solid #FDD7F0;
	--kafe-input-persona-border-radius: 5px;
	--kafe-input-persona-padding-top: 20px;

    --kafe-input-persona-title-margin-left: 8px;
	--kafe-input-persona-title-margin-bottom: 20px;
	--kafe-input-persona-title-color: #111;
	--kafe-input-persona-title-font-weight: 700;
	--kafe-input-persona-title-font-size: 22px;

	--kafe-input-persona-label-position: absolute;
	--kafe-input-persona-label-z-index: 999;
	--kafe-input-persona-label-font-size: 1.1rem;
	--kafe-input-persona-label-left:25px;
	--kafe-input-persona-label-background-color: #FDD7F0;
	--kafe-input-persona-label-color: #333;
	--kafe-input-persona-label-padding: 0 0.3rem;
	--kafe-input-persona-label-margin: -1rem 1rem 0 0;
	--kafe-input-persona-label-transform-origin: left top;
	--kafe-input-persona-label-pointer-events: none;

    --required-field-content:" (Obligatorio)";
	--required-field-color:#E74C3C;

    --kafe-radio-margin-top: 15px;
    --kafe-checkbox-margin-top: 15px;

    --input-file-padding-top: 10px;
    --input-file-padding-bottom: 30px;


    --select2-background-color: #f0d9e7;
	--select2-color: #111;
	--select2-opacity: 20px;
	--select2-border: 2px solid #ce5fb6;

    --select2-alter-border-color: #555;

    --select2-multiple-height: 26px;
    --select2-multiple-margin: 4px 0 0 6px;

    --select2-default-color: #555;
    --select2-default-padding: 6px 12px;
	--select2-default-font-size: 14px;
	--select2-default-line-height: 22px;
    --select2-default-height: auto;

    --select2-default-selection-height: 32px;

    /**
    * END OF INPUTS
    **********************************
    * START OF BREADCRUMBS
    */

    --kafe-breadcrumbs-font-weight: 700;
	--kafe-breadcrumbs-font-size: 22px;

    --kafe-breadcrumbs-active: #0B678E;
    --kafe-breadcrumbs-a: #79747E;

    --kafe-breadcrumbs-ul-padding-top: 10px;
	--kafe-breadcrumbs-ul-background-color: #fff;

    /**
    * END OF BREADCRUMBS
    **********************************
    * START OF TILE STATS - CONTAINERS
    */

    --tile-stats-border: 1px solid #0B678E;
	--tile-stats-background-color: #FBFEFF;
	--tile-stats-border-radius: 12px;
	--tile-stats-margin: 6px 0;
	--tile-stats-position: relative;
	--tile-stats-height: 100px;

	--tile-stats-text-position: absolute;
	--tile-stats-text-color: #0B678E;
	--tile-stats-text-font-weight: 500;
	--tile-stats-text-left: 30px;
	--tile-stats-text-font-size: 19px;
	--tile-stats-text-margin: 0 18px;
	--tile-stats-text-line-height: 18px;
	--tile-stats-text-padding: 20px 28px 28px 28px;

    --tile-stats-icon-color: #0B678E;
    --tile-stats-icon-font-size: 40px;
    --tile-stats-icon-padding: 24px 0;
    --tile-stats-icon-text-align: center;
    --tile-stats-icon-vertical-align: middle;
	--tile-stats-icon-height: 100px;
	--tile-stats-icon-width: 80px;
	--tile-stats-icon-left: 0;
	--tile-stats-icon-top: 0;


	--tile-group-border: 1px solid #e6e8e9;
	--tile-group-background-color: #0B678E;
	--tile-group-border-radius: 12px;
	--tile-group-height: 100px;
	--tile-group-margin: 6px 0;
	--tile-group-position: relative;    

	--tile-group-text-color: #FBFEFF;
	--tile-group-text-font-weight: 500;
	--tile-group-text-font-size: 20px;
	--tile-group-text-padding: 30px;
	--tile-group-text-margin: -100px 5px 0px 70px;
	--tile-group-text-position: absolute;
	--tile-group-text-text-align: initial;

	--tile-group-icon-color: #FBFEFF;
	--tile-group-icon-font-size: 40px;
	--tile-group-icon-padding: 28px 0;
	--tile-group-icon-text-align: center;
	--tile-group-icon-vertical-align: middle;
    --tile-group-icon-height: 100px;
    --tile-group-icon-width: 100px;
    --tile-group-icon-left: 0;
    --tile-group-icon-top: 0;


    --tile-stats-hover-cursor: pointer;
	--tile-stats-hover-color: #0a5a7c;
	--tile-stats-hover-background-color: #f2f3f3;
	--tile-stats-hover-icon-color: #0a5a7c;

    --tile-group-hover-cursor: pointer;
	--tile-group-hover-border: 1px solid #f2f3f3;
	--tile-group-hover-background-color: #0a5a7c;
	--tile-group-hover-color: #f2f3f3;
	--tile-group-hover-icon-color: #f2f3f3;

    /**
    * END OF TILE STATS - CONTAINERS
    **********************************
    * START OF TOAST and ALERTS
    */

    --toast-container-div-opacity: 0.95;
    --toast-container-toast-background-position: 12% 50%;

    --toast-message-padding-left: 30px;
    

	--toast-border-radius: 12px;
    --toast-hover-box-shadow: none;


	--toast-success-background-color: #9CB54B;
    --toast-info-background-color: #1181B1;
    --toast-error-background-color: #DC362E;
    --toast-warning-background-color: #C673B0;


    --alert-fixed-position:fixed;
	--alert-fixed-top:70px;
	--alert-fixed-right:10px;
	--alert-fixed-z-index:9999;
	--alert-fixed-min-width:400px;
	--alert-fixed-min-height:100px;

    --alert-border-radius: 12px;

    --alert-fixed-p-white-space: nowrap;

    --alert-primary-background-color: #BE51BA;
    --alert-primary-color: #fff;

	--alert-info-background-color: #E5F3FF;
	--alert-info-color: #000;

    --alert-danger-background-color: #B3261E;
    --alert-danger-color: #fff;


	--swal-flash-width: 33px;
	--swal-flash-height: 100%;
  	--swal-flash-background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=");
  	--swal-flash-background-size: contain;
  	--swal-flash-background-repeat: no-repeat;
  	--swal-flash-background-position: center;

    --swal-flash-error-background-color: #DC362E;     
	--swal-flash-error-border-radius: 12px;
	--swal-flash-error-width: 33em;
	
    --swal-flash-title-font-size: 12px!important;
	--swal-flash-title-margin: 0 5px;
	--swal-flash-title-font-weight: bold;
	--swal-flash-title-color: white;

    --swal-flash-header-display: flex;
	--swal-flash-header-flex-direction: row;
	--swal-flash-header-align-items: center;
	--swal-flash-header-margin: 5px 0 .4em;

    --swal-flash-icon-margin: 0;
	--swal-flash-icon-width: 30%;

    /**
    * END OF TOAST and ALERTS
    **********************************
    * START OF DROPDOWNS (DESPLEGABLES)
    */

    --kafe-desplegable-text-align: left;
	--kafe-desplegable-padding: 10px 20px 10px 20px;
	--kafe-desplegable-vertical-align: middle;
	--kafe-desplegable-color:#FBFEFF;
	--kafe-desplegable-background-color: #0B678E;
	--kafe-desplegable-font-size: 16px;
	--kafe-desplegable-border-radius: 12px;
	--kafe-desplegable-margin-bottom: 10px;
	--kafe-desplegable-margin-top: 10px;
	--kafe-desplegable-z-index: 10;

    --kafe-desplegable-block-margin-top: -10px;
	--kafe-desplegable-block-padding: 20px 20px 35px 20px;
	--kafe-desplegable-block-margin-bottom: 20px;


    --kafe-file-desplegable-text-align: center;
    --kafe-file-desplegable-padding: 20px 25px 20px 20px;
    --kafe-file-desplegable-vertical-align: middle;
    --kafe-file-desplegable-color: #FBFEFF;
    --kafe-file-desplegable-background-color: #0B678E;
    --kafe-file-desplegable-font-size: 20px;
    --kafe-file-desplegable-border-radius: 12px;
    --kafe-file-desplegable-margin-bottom: 10px;
    --kafe-file-desplegable-margin-top: 10px;
    --kafe-file-desplegable-z-index: 10;

    --kafe-file-desplegable-block-margin-top: -10px;
    --kafe-file-desplegable-block-margin-bottom: 20px;
    --kafe-file-desplegable-block-padding: 20px 20px 35px 20px;

    /**
    * END OF DROPDOWNS (DESPLEGABLES)
    **********************************
    * START OF MENSAJES
    */

    --kafe-mensajes-margin-top: 10px;
	--kafe-mensajes-border: 1px solid #555;
	--kafe-mensajes-border-radius: 5px;  
	--kafe-mensajes-padding: 1em 0.7em;
	--kafe-mensajes-font-size: 16px;
	--kafe-mensajes-top:0;
	--kafe-mensajes-background: #fff;

    --kafe-mensajes-not-content: none;

    --kafe-mensajes-label-position: absolute;
	--kafe-mensajes-label-z-index: 999;
	--kafe-mensajes-label-font-size: 1.2rem;
	--kafe-mensajes-label-left: 20px;
	--kafe-mensajes-label-top: -6px;
	--kafe-mensajes-label-background-image: linear-gradient(360deg, transparent 0%, transparent 20%, #FFF 30%, #FFF 100%);
	--kafe-mensajes-label-color: #555;
	--kafe-mensajes-label-padding: 0 0.3rem;
	--kafe-mensajes-label-margin: -0.2em 0.5rem;
	--kafe-mensajes-label-transform-origin: left top;
	--kafe-mensajes-label-pointer-events: none;


    --kafe-consultas-display: flex;
	--kafe-consultas-block-display: block;

    --kafe-consultas-numeros-display: flex;
	--kafe-consultas-numeros-flex-direction: column;
	--kafe-consultas-numeros-justify-content: center;
	--kafe-consultas-numeros-align-items: center;
	--kafe-consultas-numeros-margin: -7px 5px;
	--kafe-consultas-numeros-z-index: 99;
	--kafe-consultas-numeros-gap: 2px;

    --kafe-response-border-radius: 15px;
	--kafe-response-padding: 4px;

    /**
    * END OF MENSAJES
    **********************************
    * START OF MULTIMEDIA
    */

    --kafe-multimedia-border-radius: 12px;

    --kafe-multimedia-iframe-min-height: 20em;
	--kafe-multimedia-iframe-border-radius: 12px;
	--kafe-multimedia-iframe-margin-bottom: -5px;

    --kafe-multimedia-img-height: 20em;
	--kafe-multimedia-img-border-radius: 12px;


    --kafe-video-crop-padding: 0;
	--kafe-video-crop-height: 20em;
	--kafe-video-crop-border-radius: 11px;

    /**
    * END OF MULTIMEDIA
    **********************************
    * START OF ICONS
    */

    --fa-min-width: 15px;

    --icon-lg-margin-right: 5px;

    --icon-width: 26px; 
    --icon-opacity: .99;
    --icon-display: inline-block;
    --icon-font-style: normal;
    --icon-font-weight: normal;
    --icon-font-size: 24px;
    --icon--webkit-font-smoothing: antialiased;
    --icon--moz-osx-font-smoothing: grayscale;
	--icon-top: 5px;

    /**
    * END OF ICONS
    **********************************
    * START OF FILE UPLOAD WIDGET
    */

    --file-upload-caption-padding: 10px 10px 25px 10px;

    --file-upload-preview-frame-border-radius: 12px;

    --file-upload-preview-margin-bottom: 20px;

    --kafe-upload-file-border: 1px solid #536612;

    --kafe-upload-message-margin: 25px 10px;
	--kafe-upload-message-color: #536612;
	--kafe-upload-message-font-size: 20px;

    --kafe-upload-message-icon-font: normal normal normal 14px/1 FontAwesome;
	--kafe-upload-message-icon-content: "\f05a   ";
	--kafe-upload-message-icon-font-size: 22px;

    /**
    * END OF FILE UPLOAD WIDGET
    **********************************
    * START OF COMPONENTS
    */

    --kafe-info-background-color: #C1E9FE;
	--kafe-info-color: #111;
	--kafe-info-border: 1px solid #C1E9FE;
	--kafe-info-justify-content: center;
	--kafe-info-align-items: center;
	--kafe-info-padding: 16px 12px;
	--kafe-info-min-height: 20.2em;
	--kafe-info-border-radius: 12px;

    --sticky-message-position: sticky;
  	--sticky-message-top: 0;
  	--sticky-message-overflow: hidden;
	--sticky-message-z-index: 99999;
	--sticky-message-color: #000;		
	--sticky-message-border: 1px solid transparent;
	--sticky-message-background: white;
	--sticky-message-font-size: 16px;
	--sticky-message-min-width: none;
	--sticky-message-max-width: 0px;
	--sticky-message-height: 0px;
	--sticky-message-justify-self: center;
	--sticky-message-border-radius: 18px;

    /**
    * END OF COMPONENTS
    **********************************
    * START OF INDEX SEGMENTS
    */

    --image-grid-display: flex;
	--image-grid-flex-wrap: wrap;
	--image-grid-position: relative;
	--image-grid-min-height: 200px;

    --image-grid-a-display: block;
	--image-grid-a-text-align: center;
	--image-grid-a-margin-top: 10px;
	--image-grid-a-font-size: 14px;
	--image-grid-a-font-weight: bold;

    --image-grid-img-width: 150px;
	--image-grid-img-height: 150px;
	--image-grid-img-border-radius: 15px;


    --manuales-display: flex;
	--manuales-right: 0;
	--manuales-position: absolute;

    --manuales-item-border: 2px solid #00a1c1; 
    --manuales-item-border-radius: 15px;
    --manuales-item-padding: 20px;
    --manuales-item-width: 250px;
    --manuales-item-height:250px;
    --manuales-item-margin-right: 30px;
    --manuales-item-text-align:center;
	--manuales-item-background-color: #f9f9f9;
    --manuales-item-position: relative;
    --manuales-item-overflow: hidden;

    --manuales-btn-display: flex;
    --manuales-btn-align-items: center;
    --manuales-btn-justify-content: center;
    --manuales-btn-margin-bottom: 10px;
    --manuales-btn-padding: 10px;
    --manuales-btn-background-color: white;
    --manuales-btn-border: 2px solid #00a1c1;
    --manuales-btn-border-radius: 25px;
    --manuales-btn-font-size: 16px;
    --manuales-btn-text-decoration: none;
    --manuales-btn-color: #00a1c1;
    --manuales-btn-font-family: Arial, sans-serif;
    --manuales-btn-transition: background-color 0.3s;
    --manuales-btn-max-width: 100%; 
    --manuales-btn-word-wrap: break-word;

    --manuales-btn-i-margin-right: 10px;

    /**
    * END OF INDEX SEGMENTS
    **********************************
    * START OF MOBILE
    */

	--btn-chip-overflow-background: #0B678E;
	--btn-chip-overflow-color: #fff;
	--btn-chip-overflow-font-weight: 500;
	--btn-chip-overflow-padding: 6px 15px;
	--btn-chip-overflow-margin: 0px 2px;
	--btn-chip-overflow-border: 1px solid #0B678E;
	--btn-chip-overflow-border-radius: 25px;
	--btn-chip-overflow-max-height: 33px;

	--kafe-disabled-background: #FFF;
	--kafe-disabled-color: #043648;
	--kafe-disabled-border: 1px solid #043648;

	--kafe-search-padding: 8px 0px 7px 10px;
	--kafe-search-background: #E5F3FF;
	--kafe-search-border-radius: 12px;
	--kafe-search-border: transparent;
	--kafe-search-color: #555;

	--kafe-search-glass-font-size: xx-large;
	--kafe-search-glass-padding: 2px 30px 0px 9px;
	--kafe-search-glass-color: #0B678E;
	--kafe-search-glass-top: 0;
	--kafe-search-glass-margin: 0px;
	--kafe-search-glass-background: #E5F3FF;
	--kafe-search-glass-border: transparent;
	--kafe-search-glass-border-radius: 12px;

	--mobile-tile-special-background-color: #fff;
	--mobile-tile-special-border: 1px solid #0B678E;
	--mobile-tile-special-color: #000;
}

[data-theme="light"] {
    --btn-primary-background: #FD9CCA;
}

[data-theme="night"] {
	--body-background: #03354C;
    --body-color: #ddd;

    --right-col-background: #02161F;

	--a-color: #ddd;
    --a-hover-color: #a118bd;

	--green-color: #5cb85c;

    --form-focus-border-color: #912acc;

	--datepicker-table-background-color: #03354C;	
	
	--datepicker-table-body-background-color: #03354C;
	--datepicker-table-body-hover-background-color: #060606;
	--datepicker-table-hover-color: #e1e1e1;

	--modal-background: #03354C;

	--footer-background: #03354C;

	--navbar-background: #03354C;
    --navbar-border-bottom: none;

    --navbar-item-hover-background: #03354C;
    --navbar-item-color: #ddd;
    --navbar-item-image-background: #03354C;

	--menu-background: #03354C;

    --menu-toggle-color: #ddd;
    --menu-hover-toggle-color: #333;

	--menu-item-link-color: #ddd;

    --menu-item-hover-background: #0B678E;

    --menu-item-active-background: #0B678E;

	--kafe-title-color: #0B678E;

	--kafe-title-h3-color: #FFF;

    --kafe-title-upload-color: #89B213;

    --kafe-title-sign-color: #0B678E;

	--kafe-panel-background: #0c415a;

	--kafe-panel-white-background: #03354C;

    --kafe-panel-alt-background: #0c415a;

	--btn-box-shadow: 1px 2px 8px #222;

	--btn-primary-background: #732565;
    --btn-primary-color: #FDD7F0;

    --btn-secondary-background: #3D4D0B;
	--btn-secondary-color: #D6ED85;

    --btn-success-background: #0b638c;
	--btn-success-color: #fff;

    --btn-danger-background: #8C1D18;
	--btn-danger-color: #fff;

    --btn-warning-background: #F2B8B5;
	--btn-warning-color: #601410;

    --btn-info-background: #074D67;
	--btn-info-color: #fff;

    --btn-pale-background: #FFF;
	--btn-pale-color: #111;
	--btn-pale-border: 1px solid #111;

    --btn-normal-background: #02161F;
	--btn-normal-color: #FFF;
	--btn-normal-border: 1px solid #FFF;

	--btn-hover-primary-background: #4b1841;
    --btn-hover-primary-color: #FDD7F0;

    --btn-hover-secondary-background: #334204;
	--btn-hover-secondary-color: #D6ED85;

    --btn-hover-success-background: #064D6D;
	--btn-hover-success-color: #fff;

	--btn-hover-danger-background: #631511;
	--btn-hover-danger-color: #F2B8B5;

    --btn-hover-warning-background: #c99997;
	--btn-hover-warning-color: #601410;

    --btn-hover-warning-background: #FABEB9;
	--btn-hover-warning-color: #820700;
	--btn-hover-warning-border: none;

    --btn-hover-info-background: #05394d;
	--btn-hover-info-color: #eee;

    --btn-hover-pale-background: #d3d3d3;
	--btn-hover-pale-color: #111;
	--btn-hover-pale-border: 1px solid #111;

    --btn-hover-normal-background: #032230;
	--btn-hover-normal-color: #ddd;
	--btn-hover-normal-border: 1px solid #ddd;


	--btn-chip-background: #333;
	--btn-chip-border: 1px solid #79747E;

    --btn-hover-chip-background: #333;

    --btn-chip-choose-background: #3D4D0B;
	--btn-chip-choose-color: #D6ED85;

    --btn-hover-chip-choose-background: #3D4D0B;
	--btn-hover-chip-choose-color: #D6ED85;

	--kv-file-upload-background-color: #BECE80;
    --kv-file-upload-color: #000;
    --kv-file-upload-box-shadow: 0px 0px 8px grey;

    --kv-file-zoom-background-color: #074D67;
    --kv-file-zoom-color: #fff;
    --kv-file-zoom-box-shadow: 0px 0px 8px grey;

    --kv-file-remove-background-color: #B3261E;
    --kv-file-remove-color: #fff;
    --kv-file-remove-box-shadow: 0px 0px 8px grey;


    --btn-disabled-normal-background: #aeaeae;
	--btn-disabled-normal-color: #666;
	--btn-disabled-normal-border: 1px solid #ddd;


	--kafe-table-background: #03354C;

	--kafe-table-th-background: #02161F;

    --kafe-table-td-background: #02161F;

    --kafe-table-td-green-background-color: #336622;
    --kafe-table-td-red-background-color: #662233;

    --table-info-group-title-background: #3D4D0B;

	--kafe-inputs-border: 1px solid #ddd;
	--kafe-inputs-color: #ddd;
	--kafe-inputs-background: #02161F;

	--input-disabled-background: #2e2e2e;

	--kafe-input-label-background-image: linear-gradient(360deg, transparent 0%, transparent 20%, #02161F 30%, #02161F 100%);
	--kafe-input-label-color: #ddd;

	--kafe-inputs-persona-success-border-color: #fff;
	--kafe-inputs-persona-success-color:#02161F;

    --kafe-input-persona-border: 1px solid #FDD7F0;

	--kafe-input-persona-title-color: #ddd;

	--kafe-input-persona-label-background-color: #790f54;
	--kafe-input-persona-label-color: #ddd;

	--required-field-color:#E74C3C;

	--select2-background-color: #03354C;
	--select2-color: #eee;
	--select2-border: 2px solid #fff;

	--select2-alter-border-color: #fff;

    --select2-default-color: #ddd;

    --kafe-breadcrumbs-active: #C1E9FE;
    --kafe-breadcrumbs-a: #79747E;

	--kafe-breadcrumbs-ul-background-color: #02161F;


    --tile-stats-border: 1px solid #FFF;
	--tile-stats-background-color: #03354C;

	--tile-stats-text-color: #fff;

    --tile-stats-icon-color: #fff;

	--tile-group-border: 1px solid #fff;
	--tile-group-background-color: #0B678E;

	--tile-group-text-color: #fff;

	--tile-group-icon-color: #fff;

	--tile-stats-hover-color: #ddd;
	--tile-stats-hover-background-color: #02161F;
	--tile-stats-hover-icon-color: #ddd;

	--tile-group-hover-border: 1px solid #f2f3f3;
	--tile-group-hover-background-color: #0a5a7c;
	--tile-group-hover-color: #f2f3f3;
	--tile-group-hover-icon-color: #f2f3f3;


	--toast-success-background-color: #9CB54B;
    --toast-info-background-color: #1181B1;
    --toast-error-background-color: #DC362E;
    --toast-warning-background-color: #C673B0;


    --alert-primary-background-color: #943e91;
    --alert-primary-color: #fff;

	--alert-info-background-color: #0B678E;
	--alert-info-color: #000;

    --alert-danger-background-color: #B3261E;
    --alert-danger-color: #fff;

    --swal-flash-error-background-color: #DC362E;

	--swal-flash-title-color: white;


	--kafe-desplegable-color:#FBFEFF;
	--kafe-desplegable-background-color: #043648;

    --kafe-file-desplegable-color: #FBFEFF;
    --kafe-file-desplegable-background-color: #043648;

	--kafe-mensajes-border: 1px solid #ddd;

	--kafe-mensajes-label-background-image: linear-gradient(360deg, transparent 0%, transparent 20%, #02161F 30%, #02161F 100%);

	--kafe-mensajes-label-color: #9d9d9d;

	--kafe-mensajes-background: #02161F;

    --kafe-upload-file-border: 1px solid #89B213;

	--kafe-upload-message-color: #89B213;

    --kafe-info-background-color: #C1E9FE;
	--kafe-info-color: #000;
	--kafe-info-border: 1px solid #C1E9FE;

	--sticky-message-color: #fff;		
	--sticky-message-border: 1px solid transparent;
	--sticky-message-background: #000;

    --manuales-item-border: 2px solid #00a1c1; 
	--manuales-item-background-color: #f9f9f9;

    --manuales-btn-background-color: white;
    --manuales-btn-border: 2px solid #00a1c1;

    --manuales-btn-color: #00a1c1;


	--kafe-search-color: #555;
}

/* MAIN */

body {
	color: var(--body-color);
	background-color: var(--body-background);
	background: var(--body-background);
}

body .container.body .right_col {
	background-color: var(--right-col-background);
	padding-bottom: var(--right-col-padding-bottom) !important;
}

a {
	color: var(--a-color);
}
a:hover,
a:focus {
	color: var(--a-hover-color);
}

.active a span.fa {
    margin-right: var(--a-active-span-fa-margin-right);
}

.green {
    color: var(--green-color);
}

.form-control:focus {
    border-color: var(--form-focus-border-color);
}

.pull-up {
	margin-top: var(--pull-up-margin-top) !important;
	margin-bottom: var(--pull-up-margin-bottom) !important;
}

.pull-down {
	margin-top: var(--pull-down-margin-top) !important;
	margin-bottom: var(--pull-down-margin-bottom) !important;
}

.logo-kolmena{
	position: var(--logo-kolmena-position);
    height: var(--logo-kolmena-height);
    top: var(--logo-kolmena-top);
    right: var(--logo-kolmena-right);
}


.datepicker table {
	background-color: var(--datepicker-table-background-color);
}

.datepicker-days, .datepicker-days th, .datepicker-days td {
	background-color: var(--datepicker-table-body-background-color);
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused, .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover, .datepicker table tr td span:hover, .datepicker table tr td span.focused{
	background-color: var(--datepicker-table-body-hover-background-color);
	color: var(--datepicker-table-hover-color);
}

footer {
	background: var(--footer-background);
    padding: 15px 20px;
    display: block;
}

.modal-content{
    background-color: var(--modal-background);
}

/* LATERAL MENU & NAVBAR */

.top_nav .navbar-right {
    width: var(--navbar-size);
}
.nav_menu{
	background: var(--navbar-background);
	border-bottom: var(--navbar-border-bottom);
}

.nav.navbar-nav > li > a{
	color: var(--navbar-item-color) !important;
	margin-right: var(--navbar-item-margin-right);
	line-height: var(--navbar-item-line-height);
}
.top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover{
	background: var(--navbar-item-hover-background);
	border-radius: var(--navbar-item-border-radius);
}

.kafe-item-menu {
	font-size: var(--navbar-item-font-size) !important;
	background-color: var(--navbar-item-background-color);
}

.kafe-item-menu:hover {
	background: var(--navbar-item-background-color);
	border-radius: var(--navbar-item-border-radius);
}

.kafe-user-item>a {
	background-color: #6791fd;
	border-radius: 100px;
}

.nav > li > a > img {
	background: var(--navbar-item-image-background);
	margin: var(--navbar-item-image-margin);
	border-radius: var(--navbar-item-image-border-radius);
}


.nav_title, .left_col{
	background: var(--menu-background);
}

.fa.fa-bars.kafe-item-menu{
	color: var(--menu-toggle-color);
}
a#menu_toggle{
	color: var(--menu-hover-toggle-color);
}
.fa.fa-bars.kafe-item-menu:hover {
	background: var(--menu-hover-toggle-background);
	color: var(--menu-hover-toggle-color);
}

.nav-sm .container.body .col-md-3.left_col span,
.nav-sm .container.body .col-md-3.left_col p{
	visibility: var(--menu-collapsed-text-visibility);
	white-space: var(--menu-collapsed-text-white-space);
}
.nav-sm .container.body .col-md-3.left_col i {
	margin: var(--menu-collapsed-icon-margin);
}
.nav-sm .container.body .col-md-3.left_col a{
	padding: var(--menu-collapsed-padding);
}

.menu_section > ul {
    padding: var(--menu-padding);
}
.menu_section > ul > li{	
	margin-top: var(--menu-item-margin-top);
	position: var(--menu-item-position);
    display: var(--menu-item-display);
    cursor: var(--menu-item-cursor);
}
.menu_section > ul > li > a{
	border-radius: var(--menu-item-link-border-radius);
    font-weight: var(--menu-item-link-font-weight);
    padding: var(--menu-item-link-padding);
	position: var(--menu-item-link-position);
	display: var(--menu-item-link-display);
	color: var(--menu-item-link-color);
}
.menu_section > ul > li > a > p{
	display: var(--menu-item-link-text-display);
}

.nav.side-menu > li > a:hover, .nav.child_menu > li > a:hover, .menu_section > ul > li > a:hover{
	background: var(--menu-item-hover-background) !important;
}
.nav.side-menu > li.active, .menu_section > ul > li.active {
	background: var(--menu-item-active-background) !important;
	border-radius: var(--menu-item-active-border-radius) !important;
}

/* TITLES */

.h3, h3 {
    font-size: var(--h3-font-size);
}

.kafe-title{
	color: var(--kafe-title-color);
	font-weight: var(--kafe-title-font-weight);
	font-size: var(--kafe-title-font-size);
}

h3.kafe-title {
    color: var(--kafe-title-h3-color);
    padding: var(--kafe-title-h3-padding);
    margin: var(--kafe-title-h3-margin);
}

.kafe-title-upload{
	color: var(--kafe-title-upload-color);
}

.kafe-title-sign{
	color: var(--kafe-title-sign-color);
	font-weight: var(--kafe-title-sign-font-weight);
	font-size: var(--kafe-title-sign-font-size);
	margin-bottom: var(--kafe-title-sign-margin-bottom);
	margin-left: var(--kafe-title-sign-margin-left);
}

/* BUTTONS */

.btn {
    font-family: var(--font);
    border-radius: var(--btn-border-radius) !important;
    padding: var(--btn-padding) !important;
    margin: var(--btn-margin);
    box-shadow: var(--btn-box-shadow) !important;
    font-weight: var(--btn-font-weight);
}
.btn:has(i){
	padding: var(--btn-has-i-padding) !important;
}
.btn>i{
	font-size: var(--btn-i-font-size);
    margin: var(--btn-i-margin);
    top: var(--btn-i-top);
	position: var(--btn-i-position);
}

.btn-primary {
	background-color: var(--btn-primary-background);
	color: var(--btn-primary-color) !important;
	border: var(--btn-primary-border) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
	background-color: var(--btn-hover-primary-background);
	color: var(--btn-hover-primary-color) !important;
	border: var(--btn-hover-primary-border) !important;
}

.btn-secondary {
	background-color: var(--btn-secondary-background) !important;
	color: var(--btn-secondary-color) !important;
	border: var(--btn-secondary-border) !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus {
	background-color: var(--btn-hover-secondary-background) !important;
	color: var(--btn-hover-secondary-color) !important;
	border: var(--btn-hover-secondary-border) !important;
}

.btn-success {
	background-color: var(--btn-success-background) !important;
	color: var(--btn-success-color) !important;
	border: var(--btn-success-border) !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:focus {
	background-color: var(--btn-hover-success-background) !important;
	color: var(--btn-hover-success-color) !important;
	border: var(--btn-hover-success-border) !important;
}

.btn-danger {
	background-color: var(--btn-danger-background) !important;
	color: var(--btn-danger-color) !important;
	border: var(--btn-danger-border) !important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:active:focus {
	background-color: var(--btn-hover-danger-background) !important;
	color: var(--btn-hover-danger-color) !important;
	border: var(--btn-hover-danger-border) !important;
}

.btn-warning {
	background-color: var(--btn-warning-background) !important;
	color: var(--btn-warning-color) !important;
	border: var(--btn-warning-border) !important;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:active:focus {
	background-color: var(--btn-hover-warning-background) !important;
	color: var(--btn-hover-warning-color) !important;
	border: var(--btn-hover-warning-border) !important;
}

.btn-info {
	background-color: var(--btn-info-background) !important;
	color: var(--btn-info-color) !important;
	border: var(--btn-info-border) !important;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus {
	background-color: var(--btn-hover-info-background) !important;
	color: var(--btn-hover-info-color) !important;
	border: var(--btn-hover-info-border) !important;
}

.btn-pale {
	background-color: var(--btn-pale-background) !important;
	color: var(--btn-pale-color) !important;
	border: var(--btn-pale-border) !important;
}
.btn-pale:hover, .btn-pale:focus, .btn-pale:active, .btn-pale:active:focus {
	background-color: var(--btn-hover-pale-background) !important;
	color: var(--btn-hover-pale-color) !important;
	border: var(--btn-hover-pale-border) !important;
}

.btn-normal {
	background-color: var(--btn-normal-background) !important;
	color: var(--btn-normal-color) !important;
	border: var(--btn-normal-border) !important;
}
.btn-normal:hover, .btn-normal:focus, .btn-normal:active, .btn-normal:active:focus {
	background-color: var(--btn-hover-normal-background) !important;
	color: var(--btn-hover-normal-color) !important;
	border: var(--btn-hover-normal-border) !important;
}
.btn-normal[disabled], 
.btn-normal[disabled]:hover, 
.btn-normal[disabled]:focus, 
.btn-normal[disabled]:active, 
.btn-normal[disabled]:active:focus {
	background-color: var(--btn-disabled-normal-background) !important;
	color: var(--btn-disabled-normal-color) !important;
	border: var(--btn-disabled-normal-border) !important;
}

.btn-chip {
	background-color:var(--btn-chip-background);
	font-weight: var(--btn-chip-font-weight);
	padding: var(--btn-chip-padding);
	border: var(--btn-chip-border);
	border-radius: var(--btn-chip-border-radius);
}
.btn-chip:hover,
.btn-chip:focus,
.btn-chip:active {
	background-color: var(--btn-hover-chip-background);
}

.btn-chip-choose{
	background-color: var(--btn-chip-choose-background);
	color: var(--btn-chip-choose-color);
}
.btn-chip-choose:hover,
.btn-chip-choose:focus,
.btn-chip-choose:active {
	background-color: var(--btn-hover-chip-choose-background);
	color: var(--btn-hover-chip-choose-color);
}

.btn-logout {
	margin: var(--btn-logout-margin);
    padding: var(--btn-logout-padding);
    border: var(--btn-logout-border);
    line-height: var(--btn-logout-line-height);
}

.mini-btn {
	padding: var(--mini-btn-padding);
	margin: var(--mini-btn-margin) !important;
	border-radius: var(--mini-btn-border-radius) !important;
	font-size: var(--mini-btn-font-size) !important;
	cursor: var(--mini-btn-cursor);
}
.mini-btn>i{
	font-size: var(--mini-btn-i-font-size);
    margin: var(--mini-btn-i-margin);
    top: var(--mini-btn-i-top) !important;
    position: var(--mini-btn-i-position);
}
.mini-btn:has(i) {
	padding: var(--mini-btn-has-i-padding) !important;
}


.file-btn:has(i) {
    padding: var(--file-btn-has-i-padding) !important;
    margin: var(--file-btn-has-i-margin) !important;
}
.file-btn>i{
    font-size: var(--file-btn-i-font-size);
    margin: var(--file-btn-i-margin);
    top: var(--file-btn-i-top);
    position: var(--file-btn-i-position);
}
.file-btn>span{
    top: var(--file-btn-span-top) !important;
    position: var(--file-btn-span-position);
}

.kv-file-upload {
	background-color: var(--kv-file-upload-background-color);
    color: var(--kv-file-upload-color);
    box-shadow: var(--kv-file-upload-box-shadow) !important;
}
.kv-file-zoom {
	background-color: var(--kv-file-zoom-background-color);
    color: var(--kv-file-zoom-color);
    box-shadow: var(--kv-file-zoom-box-shadow) !important;
}
.kv-file-remove {
	background-color: var(--kv-file-remove-background-color);
    color: var(--kv-file-remove-color);
    box-shadow: var(--kv-file-remove-box-shadow) !important;
}

/* TABLES */

.kafe-table{
	background-color: var(--kafe-table-background);
	font-size: var(--kafe-table-font-size);
	padding: var(--kafe-table-padding);
	margin-top: var(--kafe-table-margin-top);
	border-radius: var(--kafe-table-border-radius);
}

.kafe-table th{
	font-weight: var(--kafe-table-th-font-weight);
	font-size: var(--kafe-table-th-font-size);
	background-color: var(--kafe-table-th-background);
}

.kafe-table td a i{
	font-size: var(--kafe-table-td-i-font-size);
}
.kafe-table td, td.kv-group-even, td.kv-group-odd, .kafe-table .table > tbody > tr.info > td {
	background-color: var(--kafe-table-td-background) !important;
}

.kafe-table div.summary{
	display: var(--kafe-table-summary-display);
}


td.red-back, tr.red-back>td{
	background-color: var(--kafe-table-td-red-background-color) !important;
}
td.green-back{
	background-color: var(--kafe-table-td-green-background-color) !important;
}


td>p>img {
	max-width: var(--table-image-max-width);
}

.kafe-group-title {
	background: var(--table-info-group-title-background) !important;
	text-align: var(--table-info-group-title-text-align);
}

/* INPUTS */

.kafe-input {
	padding: var(--kafe-input-main-padding);
}
.kafe-input div.col-md-2, 
.kafe-input div.col-md-3, 
.kafe-input div.col-md-4, 
.kafe-input div.col-md-6,
.kafe-input div.col-md-8,
.kafe-input div.col-md-9,
.kafe-input div.col-md-10,
.kafe-input div.col-md-12 {
	padding: var(--kafe-input-col-padding);
}
.kafe-input input {
	font-size: var(--kafe-inputs-font-size);
	outline: var(--kafe-inputs-outline);
	border: var(--kafe-inputs-border);
	border-radius: var(--kafe-inputs-border-radius);
	padding: var(--kafe-inputs-padding);
	color: var(--kafe-inputs-color);
	top: var(--kafe-inputs-top);
	background: var(--kafe-inputs-background);
}
.kafe-input .btn, .kafe-input button {
	font-size: var(--kafe-input-btn-font-size);
}

.kafe-input select, .kafe-input span.select2, .kafe-input div.redactor-box{
	border-radius: var(--kafe-input-select-border-radius);
}
input:-internal-autofill-selected {
    background-color: var(--kafe-inputs-background) !important;
}

.form-control[readonly] {
	background-color: var(--input-disabled-background) !important;
	cursor: not-allowed;
}

.redactor-toolbar li a {
	color: var(--kafe-inputs-color);
}
.redactor-toolbar, .redactor-box{
	z-index: 8;
}
.form-control, .redactor-editor {
	border: var(--kafe-inputs-border);
}
.form-control, .redactor-editor, .redactor-box, .redactor-toolbar, .input-group-addon, .select2-container--krajee .select2-results__option[aria-selected], .select2-container--krajee .select2-search--dropdown .select2-search__field, .select2-dropdown {
    background-color: var(--kafe-inputs-background) !important;
    background: var(--kafe-inputs-background) !important;
	color: var(--kafe-inputs-color);
}
.input-group-addon, .select2-container--krajee .select2-selection--single .select2-selection__rendered {
	color: var(--kafe-inputs-color);
}

.kafe-input label {
	z-index: var(--kafe-input-label-z-index);
	font-size: var(--kafe-input-label-font-size);
	left: var(--kafe-input-label-left);
	top: var(--kafe-input-label-top);
	background-image: var(--kafe-input-label-background-image);
	color: var(--kafe-input-label-color);
	padding: var(--kafe-input-label-padding);
	margin: var(--kafe-input-label-margin);
	transform-origin: var(--kafe-input-label-transform-origin);
	max-width: 90%;
}
.kafe-input label.control-label {
	top: var(--kafe-input-label-control-top) !important;
	position: var(--kafe-input-label-control-position);
}

.kafe-input-persona {
	margin-top: var(--kafe-inputs-persona-margin-top);
}
.kafe-input-persona .has-success .select2-container--krajee.select2-container--focus .select2-selection,
.kafe-input-persona .has-success .select2-container--krajee .select2-selection,
.kafe-input-persona .select2-container--krajee.select2-container--open .select2-selection,
.kafe-input-persona .has-success .form-control {
	border-color: var(--kafe-inputs-persona-success-border-color);
	color: var(--kafe-inputs-persona-success-color) !important;
}
.kafe-input-persona input {
	border: var(--kafe-input-persona-border);
	border-radius: var(--kafe-input-persona-border-radius);
	padding-top: var(--kafe-input-persona-padding-top);
}

.kafe-input-persona-title {
	margin-left: var(--kafe-input-persona-title-margin-left);
	margin-bottom: var(--kafe-input-persona-title-margin-bottom);
	color: var(--kafe-input-persona-title-color);
	font-weight: var(--kafe-input-persona-title-font-weight);
	font-size: var(--kafe-input-persona-title-font-size);
}


.kafe-input-persona label {
	position: var(--kafe-input-persona-label-position);
	z-index: var(--kafe-input-persona-label-z-index);
	font-size: var(--kafe-input-persona-label-font-size);
	left: var(--kafe-input-persona-label-left);
	background-color: var(--kafe-input-persona-label-background-color);
	color: var(--kafe-input-persona-label-color) !important;
	padding: var(--kafe-input-persona-label-padding);
	margin: var(--kafe-input-persona-label-margin);
	transform-origin: var(--kafe-input-persona-label-transform-origin);
	pointer-events: var(--kafe-input-persona-label-pointer-events);
}

form div.required label.control-label:after {
	content: var(--required-field-content);
	color: var(--required-field-color);
}

.kafe-radio-k {
	margin-top: var(--kafe-radio-margin-top) !important;
}

.kafe-checkbox-k {
	margin-top: var(--kafe-checkbox-margin-top) !important;
}

input[type=file] {
    padding-top: var(--input-file-padding-top);
    padding-bottom: var(--input-file-padding-bottom);
}

.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
	padding: 4px 0px 0px 11px;
}


.select2-container--krajee .select2-results__option[aria-selected=true]{
	background-color: var(--select2-background-color);
	color: var(--select2-color);
	opacity: var(--select2-opacity);
	border: var(--select2-border);
}
.select2-container--krajee .select2-selection{
	border-color: var(--select2-alter-border-color);
	background-color: var(--kafe-input-label-background-image);
}
.select2-container--krajee .select2-results__option--highlighted[aria-selected],
.kafe-input-persona .form-group .field-formalityhaspersona-tipo_persona_id>option{
	background-color: var(--select2-background-color);
	color: var(--select2-color);
}

.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
	margin: var(--select2-multiple-margin);
}
.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{
	height: var(--select2-multiple-height) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--select2-default-color);
    padding: var(--select2-default-padding);
	font-size: var(--select2-default-font-size);
	line-height: var(--select2-default-line-height);
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    height: var(--select2-default-height);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--select2-default-selection-height);
}

/* BREADCRUMBS */

.kafe-breadcrumbs {
	font-weight: var(--kafe-breadcrumbs-font-weight);
	font-size: var(--kafe-breadcrumbs-font-size);
}
.kafe-breadcrumbs ul {
	padding-top: var(--kafe-breadcrumbs-ul-padding-top);
	background-color: var(--kafe-breadcrumbs-ul-background-color);
}
.kafe-breadcrumbs li>a {
	color: var(--kafe-breadcrumbs-a);
}
.kafe-breadcrumbs li.active {
	color: var(--kafe-breadcrumbs-active);
}

/* CONTAINERS - TILE STATS */

.tile-stats {
	border: var(--tile-stats-border);
	border-radius: var(--tile-stats-border-radius);
	background-color: var(--tile-stats-background-color);
	margin: var(--tile-stats-margin);
	position: var(--tile-stats-position);
	height: var(--tile-stats-height);
}
.tile-stats .count,
.tile-stats h3,
.tile-stats p{
	position: var(--tile-stats-text-position);
	color: var(--tile-stats-text-color);
	font-weight: var(--tile-stats-text-font-weight);
	left: var(--tile-stats-text-left);
	font-size: var(--tile-stats-text-font-size);
	margin: var(--tile-stats-text-margin);
	line-height: var(--tile-stats-text-line-height);
	padding: var(--tile-stats-text-padding);

}

.tile-stats .icon {
    color: var(--tile-stats-icon-color);
    font-size: var(--tile-stats-icon-font-size);
    padding: var(--tile-stats-icon-padding);
    text-align: var(--tile-stats-icon-text-align);
    vertical-align: var(--tile-stats-icon-vertical-align);
	height: var(--tile-stats-icon-height);
	width: var(--tile-stats-icon-width);
	left: var(--tile-stats-icon-left);
	top: var(--tile-stats-icon-top);
}

.tile-stats:hover .icon
{
	color: var(--tile-stats-hover-icon-color);
}
.tile-stats:hover h3
{
	color: var(--tile-stats-hover-color);
}
.tile-stats:hover {
	cursor: var(--tile-stats-hover-cursor);
	color: var(--tile-stats-hover-color);
	background-color: var(--tile-stats-hover-background-color);
}

.tile-group {
	border: var(--tile-group-border);
	background-color: var(--tile-group-background-color);
	border-radius: var(--tile-group-border-radius);
	height: var(--tile-group-height);
	margin: var(--tile-group-margin);
	position: var(--tile-group-position);
}

.tile-group .count,
.tile-group h3,
.tile-group p {
	color: var(--tile-group-text-color);
	font-weight: var(--tile-group-text-font-weight);
	font-size: var(--tile-group-text-font-size);
	padding: var(--tile-group-text-padding);
	margin: var(--tile-group-text-margin);
	position: var(--tile-group-text-position);
	text-align: var(--tile-group-text-text-align);
}

.tile-group .icon {
	color: var(--tile-group-icon-color);
	font-size: var(--tile-group-icon-font-size);
	padding: var(--tile-group-icon-padding);
	text-align: var(--tile-group-icon-text-align);
	vertical-align: var(--tile-group-icon-vertical-align);
    height: var(--tile-group-icon-height);
    width: var(--tile-group-icon-width);
    left: var(--tile-group-icon-left);
    top: var(--tile-group-icon-top);
}

.tile-group:hover {
	border: var(--tile-group-hover-border);
	background-color: var(--tile-group-hover-background-color);
	color: var(--tile-group-hover-color);
}


.tile-group:hover .icon
{
	color: var(--tile-group-hover-icon-color);
}
.tile-group:hover h3
{
	color: var(--tile-group-hover-color);
}
.tile-group:hover {
	cursor: var(--tile-group-hover-cursor);
	color: var(--tile-group-hover-color);
	background-color: var(--tile-group-hover-background-color);
}

/* TOAST & ALERTS*/

#toast-container > div {
	opacity: var(--toast-container-div-opacity) !important;
}
#toast-container > .toast {
	background-position: var(--toast-container-toast-background-position);
}
.toast-message {
	padding-left: var(--toast-message-padding-left) !important;
}

.toast-success {
	border-radius: var(--toast-border-radius) !important;
	background-color: var(--toast-success-background-color) !important;
}
.toast-success:hover {
	box-shadow: var(--toast-hover-box-shadow) !important;
}

.toast-info {
	border-radius: var(--toast-border-radius);
	background-color: var(--toast-info-background-color) !important;
}
.toast-info:hover {
	box-shadow: var(--toast-hover-box-shadow);
}

.toast-error {
	border-radius: var(--toast-border-radius);
	background-color: var(--toast-error-background-color) !important;
}

.toast-error:hover {
	box-shadow: var(--toast-hover-box-shadow);
}

.toast-warning {
	border-radius: var(--toast-border-radius);
	background-color: var(--toast-warning-background-color) !important;
}

.toast-warning:hover {
	box-shadow: var(--toast-hover-box-shadow);
}


.alert-fixed {
	position: var(--alert-fixed-position);
	top: var(--alert-fixed-top);
	right: var(--alert-fixed-right);
	z-index: var(--alert-fixed-z-index);
	min-width: var(--alert-fixed-min-width);
	min-height: var(--alert-fixed-min-height);
}
.alert-fixed p {
	white-space: var(--alert-fixed-p-white-space);
}

.alert-info {
	background-color: var(--alert-info-background-color);
	color: var(--alert-info-color);
	border-radius: var(--alert-border-radius);
}

.alert-danger {
	background-color: var(--alert-danger-background-color);
	border-radius: var(--alert-border-radius);
    color: var(--alert-danger-color);
}

.alert-warning {
	border-radius: var(--alert-border-radius);
}

.alert-primary {
	border-radius: var(--alert-border-radius);
	background-color: var(--alert-primary-background-color);
	color: var(--alert-primary-color);
}

.swal-yii-flash-error {
	background-color: var(--swal-flash-error-background-color) !important;
	border-radius: var(--swal-flash-error-border-radius) !important;
	width: var(--swal-flash-error-width);
}
.swal-yii-flash-title {
	font-size: var(--swal-flash-title-font-size) !important;
	margin: var(--swal-flash-title-margin) !important;
	font-weight: var(--swal-flash-title-font-weight) !important;
	color: var(--swal-flash-title-color) !important;
}    
.swal-yii-flash-header {
	display: var(--swal-flash-header-display) !important;
	flex-direction: var(--swal-flash-header-flex-direction) !important;
	align-items: var(--swal-flash-header-align-items) !important;
	margin: var(--swal-flash-header-margin) !important;
}
.swal2-icon-yii {
	margin: var(--swal-flash-icon-margin) !important;
	width: var(--swal-flash-icon-width) !important;
}

.swal2-icon-yii.custom-swal-icon,
.custom-swal-icon {
	width: var(--swal-flash-width);
	height: var(--swal-flash-height);
  	background-image: var(--swal-flash-background-image);
  	background-size: var(--swal-flash-background-size);
  	background-repeat: var(--swal-flash-background-repeat);
  	background-position: var(--swal-flash-background-position);
}

/* DROPDOWNS (DESPLEGABLES) */

.kafe-desplegable{
	text-align: var(--kafe-desplegable-text-align);
	padding: var(--kafe-desplegable-padding);
	vertical-align: var(--kafe-desplegable-vertical-align);
	color:var(--kafe-desplegable-color);
	background-color: var(--kafe-desplegable-background-color);
	font-size: var(--kafe-desplegable-font-size);
	border-top-left-radius: var(--kafe-desplegable-border-radius);
	border-top-right-radius: var(--kafe-desplegable-border-radius);
	border-bottom-left-radius: var(--kafe-desplegable-border-radius);
	border-bottom-right-radius: var(--kafe-desplegable-border-radius);
	margin-bottom: var(--kafe-desplegable-margin-bottom);
	margin-top: var(--kafe-desplegable-margin-top);
	z-index: var(--kafe-desplegable-z-index);
}
.kafe-desplegable-alt{
	text-align: var(--kafe-desplegable-text-align);
	padding: var(--kafe-desplegable-padding);
	vertical-align: var(--kafe-desplegable-vertical-align);
	color:var(--kafe-desplegable-color);
	background-color: var(--kafe-desplegable-background-color);
	font-size: var(--kafe-desplegable-font-size);
	border-top-left-radius: var(--kafe-desplegable-border-radius);
	border-top-right-radius: var(--kafe-desplegable-border-radius);
	margin-bottom: var(--kafe-desplegable-margin-bottom);
	margin-top: var(--kafe-desplegable-margin-top);
	z-index: var(--kafe-desplegable-z-index);
}
.kafe-desplegable-block{
	margin-top: var(--kafe-desplegable-block-margin-top);
	background-color: var(--kafe-desplegable-background-color);
	padding: var(--kafe-desplegable-block-padding);
	border-bottom-left-radius: var(--kafe-desplegable-border-radius);
	border-bottom-right-radius: var(--kafe-desplegable-border-radius);
	margin-bottom: var(--kafe-desplegable-block-margin-bottom);
}

.kafe-file-desplegable{
    text-align: var(--kafe-file-desplegable-text-align);
    padding: var(--kafe-file-desplegable-padding);
    vertical-align: var(--kafe-file-desplegable-vertical-align);
    color: var(--kafe-file-desplegable-color);
    background-color: var(--kafe-file-desplegable-background-color);
    font-size: var(--kafe-file-desplegable-font-size);
    border-top-left-radius: var(--kafe-file-desplegable-border-radius);
    border-top-right-radius: var(--kafe-file-desplegable-border-radius);
    border-bottom-left-radius: var(--kafe-file-desplegable-border-radius);
    border-bottom-right-radius: var(--kafe-file-desplegable-border-radius);
    margin-bottom: var(--kafe-file-desplegable-margin-bottom);
    margin-top: var(--kafe-file-desplegable-margin-top);
    z-index: var(--kafe-file-desplegable-z-index);
}
.kafe-file-desplegable-alt{
	text-align: var(--kafe-file-desplegable-text-align);
    padding: var(--kafe-file-desplegable-padding);
    vertical-align: var(--kafe-file-desplegable-vertical-align);
    color: var(--kafe-file-desplegable-color);
    background-color: var(--kafe-file-desplegable-background-color);
    font-size: var(--kafe-file-desplegable-font-size);
	border-top-left-radius: var(--kafe-file-desplegable-border-radius);
	border-top-right-radius: var(--kafe-file-desplegable-border-radius);
	margin-bottom: var(--kafe-file-desplegable-margin-bottom);
    margin-top: var(--kafe-file-desplegable-margin-top);
    z-index: var(--kafe-file-desplegable-z-index);
}
.kafe-file-desplegable-block{
	margin-top: var(--kafe-file-desplegable-block-margin-top);
	background-color: var(--kafe-file-desplegable-background-color);
	padding: var(--kafe-file-desplegable-block-padding);
	border-bottom-left-radius: var(--kafe-file-desplegable-border-radius);
	border-bottom-right-radius: var(--kafe-file-desplegable-border-radius);
	margin-bottom: var(--kafe-file-desplegable-block-margin-bottom);
}

/* PANELS */

.x_panel {
	background: var(--kafe-panel-white-background);
}

.kafe-panel{
	background-color: var(--kafe-panel-background);
	border-top-left-radius: var(--kafe-panel-border-radius);
	border-top-right-radius: var(--kafe-panel-border-radius);
	margin-bottom: var(--kafe-panel-margin-bottom);
	padding-top: var(--kafe-panel-padding-top);
	border-color: var(--kafe-panel-border-color);
	padding-bottom: var(--kafe-panel-padding-bottom);
}

.kafe-panel-white{
	background-color: var(--kafe-panel-white-background);
	border-top-left-radius: var(--kafe-panel-border-radius);
	border-top-right-radius: var(--kafe-panel-border-radius);
	margin-bottom: var(--kafe-panel-margin-bottom);
	padding-top: var(--kafe-panel-padding-top);
	border-color: var(--kafe-panel-border-color);
	padding-bottom: var(--kafe-panel-padding-bottom);
}

.kafe-panel-alt{
	background-color: var(--kafe-panel-alt-background);
	border-top-left-radius: var(--kafe-panel-border-radius);
	border-top-right-radius: var(--kafe-panel-border-radius);
	border-bottom-left-radius: var(--kafe-panel-border-radius);
	border-bottom-right-radius: var(--kafe-panel-border-radius);
	margin-bottom: var(--kafe-panel-margin-bottom);
	padding-top: var(--kafe-panel-padding-top);
	border-color: var(--kafe-panel-border-color);
	padding-bottom: var(--kafe-panel-padding-bottom);
}

/* MENSAJES */

.kafe-mensajes-label, .kafe-input .kafe-mensajes-label {
	position: var(--kafe-mensajes-label-position);
	z-index: var(--kafe-mensajes-label-z-index);
	font-size: var(--kafe-mensajes-label-font-size);
	left: var(--kafe-mensajes-label-left);
	top: var(--kafe-mensajes-label-top);
	background-image: var(--kafe-mensajes-label-background-image);
	color: var(--kafe-mensajes-label-color);
	padding: var(--kafe-mensajes-label-padding);
	margin: var(--kafe-mensajes-label-margin);
	transform-origin: var(--kafe-mensajes-label-transform-origin);
	pointer-events: var(--kafe-mensajes-label-pointer-events);
}

.kafe-mensajes-div{
	margin-top: var(--kafe-mensajes-margin-top);
	border: var(--kafe-mensajes-border) !important;
	border-radius: var(--kafe-mensajes-border-radius);
	padding: var(--kafe-mensajes-padding);
	font-size: var(--kafe-mensajes-font-size);
	top: var(--kafe-mensajes-top);
	background: var(--kafe-mensajes-background);
}

.kafe-mensajes-div:not(.kafe-mensajes-div:has(.form-group)) {
	display: var(--kafe-mensajes-not-content);
}


.kafe-consultas {
	display: var(--kafe-consultas-display) !important;
}

.x_panel.kafe-consulta.kafe-mensajes-div {
	display: var(--kafe-consultas-block-display) !important;
}

.kafe-consultas-numeros{
	display: var(--kafe-consultas-numeros-display);
	flex-direction: var(--kafe-consultas-numeros-flex-direction);
	justify-content: var(--kafe-consultas-numeros-justify-content);
	align-items: var(--kafe-consultas-numeros-align-items);
	margin: var(--kafe-consultas-numeros-margin);
	z-index: var(--kafe-consultas-numeros-z-index);
	gap: var(--kafe-consultas-numeros-gap);
}

.kafe-response{
	border-radius: var(--kafe-response-border-radius);
	padding: var(--kafe-response-padding);
}

/* MULTIMEDIA */

.kafe-multimedia {
	border-radius: var(--kafe-multimedia-border-radius);	
}

.kafe-multimedia iframe{
	width: -moz-available;          /* For Mozilla based. */
    width: -webkit-fill-available;  /* For Chrome based. */
    width: fill-available;
	min-height: var(--kafe-multimedia-iframe-min-height);
	border-radius: var(--kafe-multimedia-iframe-border-radius);
	margin-bottom: var(--kafe-multimedia-iframe-margin-bottom);
}

.kafe-multimedia a,
.kafe-multimedia img{
	width: -moz-available;          /* For Mozilla based. */
    width: -webkit-fill-available;  /* For Chrome based. */
    width: fill-available;
	height: var(--kafe-multimedia-img-height);
	border-radius: var(--kafe-multimedia-img-border-radius);
}

.kafe-video-crop{
	padding: var(--kafe-video-crop-padding);
	height: var(--kafe-video-crop-height);
	border-radius: var(--kafe-video-crop-border-radius);
	width: -moz-available;          /* For Mozilla based. */
    width: -webkit-fill-available;  /* For Chrome based. */
    width: fill-available;
}

/* ICONS */

.fa {
	min-width: var(--fa-min-width);
}

.mdi-lg {
	margin-right: var(--icon-lg-margin-right);
}

i.material-icons {
	width: var(--icon-width); 
    opacity: var(--icon-opacity);
    display: var(--icon-display);
    font-style: var(--icon-font-style);
    font-weight: var(--icon-font-weight);
    font-size: var(--icon-font-size);
    -webkit-font-smoothing: var(--icon--webkit-font-smoothing);
    -moz-osx-font-smoothing: var(--icon--moz-osx-font-smoothing);
	top: var(--icon-top);
}

/* FILE UPLOAD WIDGET */

.file-caption.form-control.kv-fileinput-caption{
	padding: var(--file-upload-caption-padding);
}


.krajee-default.file-preview-frame {
	border-radius: var(--file-upload-preview-frame-border-radius);
}

.file-preview {
	margin-bottom: var(--file-upload-preview-margin-bottom);
}

.kafe-uploaded-file {
	border: var(--kafe-upload-file-border);
}
.kafe-upload-message {
	margin: var(--kafe-upload-message-margin);
	color: var(--kafe-upload-message-color);
	font-size: var(--kafe-upload-message-font-size);
}
.kafe-upload-message::before {
	font: var(--kafe-upload-message-icon-font);
	content: var(--kafe-upload-message-icon-content);
	font-size: var(--kafe-upload-message-icon-font-size);
}

/* COMPONENTS */

.kafe-info {
	background-color: var(--kafe-info-background-color);
	color: var(--kafe-info-color);
	border: var(--kafe-info-border);
	justify-content: var(--kafe-info-justify-content);
	align-items: var(--kafe-info-align-items);
	padding: var(--kafe-info-padding);
	min-height: var(--kafe-info-min-height);
	border-radius: var(--kafe-info-border-radius);
}

.fade-out-sticky-message {
	position: var(--sticky-message-position);
  	top: var(--sticky-message-top);
  	overflow: var(--sticky-message-overflow);
	z-index: var(--sticky-message-z-index);
	color: var(--sticky-message-color);	
	border: var(--sticky-message-border);
	background: var(--sticky-message-background);
	font-size: var(--sticky-message-font-size);
	min-width: var(--sticky-message-min-width);
	max-width: var(--sticky-message-max-width);
	height: var(--sticky-message-height);
	justify-self: var(--sticky-message-justify-self);
	border-radius: var(--sticky-message-border-radius);
}

.fade-out-sticky-message>h2 {
	color: #0B678E;
	font-size: 22px;
	margin-left: 1.5em;
}

.fade-out-sticky-message>p {
	font-size: 16px;
	margin-left: 2em;
}

.fade-out-sticky-message>i {
	color: #0B678E;
    font-size: 24px;
    margin-top: 0.3em;
    position: absolute;
	top: 20px;
}

@keyframes fade-in {
    from { opacity: 0,}
    to   { opacity: 1 }
}

@keyframes color-in {
	0% { 
		max-width: 0px;
		top: 10px;
	}
	10% {
		width: 4em;
		top: 10px;
		margin: 10px;
	}
	20% {
		width: 8em;
		top: 10px;
	}
	40% {
		width: 12em;
		top: 12px;
	}
	50% {
		width: 15em;
		top: 15px;
		margin: 13px;
	}
	60% {
		width: 18em;
		top: 18px;
	}
	70% {
		width: 21em;
		top: 21px;
	}
	80% {
		width: 24em;
		top: 24px;
	}
	90% {
		width: 27em;
		top: 27px;
	}
    100% { 
		max-width: 100%;
		width: 30em;
		top: 30px;
		height: auto;
		border-color: #0B678E;
		margin: 16px;
		padding: 16px;
	 }
}

.fade-out-sticky-message {
    animation: fade-in auto linear both;
    animation-timeline: scroll();
    animation-range: 10% 15%;
}

.fade-out-sticky-message {
	animation-name: color-in;
}

i.close-x-icon {
	position: absolute;
    color: #222;
    margin: 1% 0% 0% 88%;
    top: 5px;
	cursor: pointer;
}

/* INDEX SEGMENTS */

.image-grid {
	display: var(--image-grid-display);
	flex-wrap: var(--image-grid-flex-wrap);
	position: var(--image-grid-position);
	min-height: var(--image-grid-min-height);
}
.image-grid a{
	display: var(--image-grid-a-display);
	text-align: var(--image-grid-a-text-align);
	margin-top: var(--image-grid-a-margin-top);
	font-size: var(--image-grid-a-font-size);
	font-weight: var(--image-grid-a-font-weight);
}
.image-grid img{
	width: var(--image-grid-img-width);
	height: var(--image-grid-img-height);
	border-radius: var(--image-grid-img-border-radius);
}

.manuales_botones{
	display: var(--manuales-display);
	right: var(--manuales-right);
	position: var(--manuales-position);
}
.manuales_botones_item{
	border: var(--manuales-item-border);
    border-radius: var(--manuales-item-border-radius);
    padding: var(--manuales-item-padding);
    width: var(--manuales-item-width);
    height: var(--manuales-item-height);
    margin-right: var(--manuales-item-margin-right);
    text-align: var(--manuales-item-text-align);
	background-color: var(--manuales-item-background-color);
    position: var(--manuales-item-position);
    overflow: var(--manuales-item-overflow);
}
.manuales_botones_boton{
	display: var(--manuales-btn-display);
    align-items: var(--manuales-btn-align-items);
    justify-content: var(--manuales-btn-justify-content);
    margin-bottom: var(--manuales-btn-margin-bottom);
    padding: var(--manuales-btn-padding);
    background-color: var(--manuales-btn-background-color);
    border: var(--manuales-btn-border);
    border-radius: var(--manuales-btn-border-radius);
    font-size: var(--manuales-btn-font-size);
    text-decoration: var(--manuales-btn-text-decoration);
    color: var(--manuales-btn-color);
    font-family: var(--manuales-btn-font-family);
    transition: var(--manuales-btn-transition);
    max-width: var(--manuales-btn-max-width);
    word-wrap: var(--manuales-btn-word-wrap);
}

.manuales_botones_boton i{
	margin-right: var(--manuales-btn-i-margin-right);
}

/**
* NO TENGO LA MENOR IDEA DE DÓNDE PONER ESTO
*/
div.input-group-btn.input-group-append {
	top: -1px;
}

.select2-hidden-accessible[required] {
    margin: 35px 150px;
}

.kv-grid-group-row {
	text-align: -webkit-center;
	text-align: -moz-center;
	text-align: center;
	font-size: 22px;
}

.linea-divisoria {
	border-bottom: 1px solid #000;
	color:transparent;
}

/* COSAS PARA MOBILE */

@media (max-width: 767px) {
	.logo-kolmena {
		content: url('../img/kolmena-logo-ancho-2.png');
        width: 42%;
    }
	.logo-kolmena-mobile{
		display: flex;
    	flex-direction: column-reverse;
	}
	.btn-mobile-kolmena{
		display: flex;
		flex-direction: row;
		margin: 18px 15px 10px -13px  !important;;
	}

	.kafe-archivos-mobile {
		margin: -7px;
	}

	div.kafe-archivos-mobile table>tbody tr>td> a{
		color: #000 !important;
	}

	.alert-fixed {
		min-width:300px;
		min-height:75px;
	}
	.nav > li > a {
		padding: 8px 8px 8px 8px;
	}


	.tile-stats {
		width: 92vw;
		border-radius: 12px;
		margin: 6px 6px;
		position: relative;
		height: 100px;
	}
	.tile-stats .count,
	.tile-stats h3,
	.tile-stats p{
		position: absolute;
		font-weight: 500;
		left: 30px;
		font-size: 19px;
		margin: 0 18px;
		line-height: 18px;
		padding: 20px 28px 28px 28px;

	}
	.tile-stats .icon {
		font-size: 40px;
		padding: 24px 0;
		text-align: center;
		vertical-align: middle;
		height: 100px;
		width: 80px;
		left: 0;
		top: 0;
	}

	.tile-group {
		border: 1px solid #e6e8e9;
		background-color: #0B678E;
		border-radius: 12px;
		height: 100px;
		width: 85vw;
		margin: 9px 18px;
		position: relative;
	}
	.row.tile-group a>h3 {
		font-weight: 500;
		font-size: 20px;
		padding: 5px;
		margin: 0 0px 0 70px;
		position: absolute;
		text-align: initial;
		margin-top: -30px;
	}

	.tile-group .count,
	.tile-group h3,
	.tile-group p {
		font-weight: 500;
		font-size: 20px;
		padding: 5px;
		margin: 0 0px 0 70px;
		position: absolute;
		text-align: initial;
		margin-top: -60px;
	}
	.tile-group .icon {
		font-size: 40px;
		padding: 28px 0;
		text-align: center;
		vertical-align: middle;
		height: 100px;
		width: 100px;
		left: 0;
		top: 0;
	}

	.buttons, button, .btn {
		margin-bottom: 0px;
	}
	.active a span.fa {
		margin-right: 8px;
	}
	a.user-profile {
		font-size: 11px;
	}
	a.user-profile span.fa{
		display: inline-block;
	}

	.btn-chip {
		font-weight: 500;
		padding: 6px 16px;
		border-radius: 8px;
	}

	.kafe-table{
		font-size: 12px;
		padding: 4px 4px 4px 4px;
		margin-top: -15px;
		border-radius: 12px;
		overflow-x: auto;
	}

	.kafe-desplegable{
		width: -moz-available;          /* For Mozilla based. */
		width: -webkit-fill-available;  /* For Chrome based. */
		width: fill-available;
		padding: 10px 20px 10px 20px;
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.kafe-desplegable-alt{
		width: -moz-available;          /* For Mozilla based. */
		width: -webkit-fill-available;  /* For Chrome based. */
		width: fill-available;
		padding: 10px 20px 10px 20px;
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.kafe-desplegable-block{
		width: -moz-available;          /* For Mozilla based. */
		width: -webkit-fill-available;  /* For Chrome based. */
		width: fill-available;
		margin-top: -10px;
		padding: 20px 20px 35px 20px;
		margin-bottom: 20px;
	}

	.kafe-file-desplegable {
		width: -moz-available;          /* For Mozilla based. */
		width: -webkit-fill-available;  /* For Chrome based. */
		width: fill-available;
	}

	.kafe-file-desplegable-alt {
		width: -moz-available;          /* For Mozilla based. */
		width: -webkit-fill-available;  /* For Chrome based. */
		width: fill-available;
	}

	.kafe-file-desplegable-block{ 
		width: -moz-available;          /* For Mozilla based. */
		width: -webkit-fill-available;  /* For Chrome based. */
		width: fill-available;
	}

	.top_nav .navbar-right {
		width: 100%;
		margin: 0px 0px 0px 0px;
		white-space: nowrap;
	}
	.top_nav .navbar-right li{
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	.nav > li > a > img {
		margin: -13px -10px;
		border-radius: 100px;
	}

	div>a>i.mdi {
		font-size: 30px;
		margin: 30px 0px 0px 30px;
		color: var(--tile-group-icon-color);
	}

	a.btn.btn-normal.pull-left.pull-up {
	    position: relative;
    	top: 15px;
	}

	a.btn>i.mdi {
		margin: 0px 2px 8px 0px;
		color: inherit;
		font-size: 27px;
	}

	.kafe-overflow {
		max-width: 385px;
		height: 40px;
		overflow-y: hidden;
		display: flex;
		overflow-x: auto;
	}
	.kafe-overflow::-webkit-scrollbar{
		display: none;
	}
	input.btn-chip-overflow {
		display: none;
	}
	label.btn-chip-overflow {
		background-color: var(--btn-chip-overflow-background);
		color: var(--btn-chip-overflow-color);
		font-weight: var(--btn-chip-overflow-font-weight);
		padding: var(--btn-chip-overflow-padding);
		margin: var(--btn-chip-overflow-margin);
		border: var(--btn-chip-overflow-border);
		border-radius: var(--btn-chip-overflow-border-radius);
		max-height: var(--btn-chip-overflow-max-height);
		white-space: nowrap;
		text-align: center;
	}
	.fake-disabled {
		background-color: var(--kafe-disabled-background) !important;
		color: var(--kafe-disabled-color) !important;
		border: var(--kafe-disabled-border) !important;
	}
	.kafe-search, .kafe-search:focus, .kafe-search:active {
		padding: var(--kafe-search-padding);
		background: var(--kafe-search-background);
		border-top-right-radius: var(--kafe-search-border-radius);
		border-bottom-right-radius: var(--kafe-search-border-radius);
		border: var(--kafe-search-border);
		color: var(--kafe-search-color);
		width: -moz-available;          /* For Mozilla based. */
		width: -webkit-fill-available;  /* For Chrome based. */
		width: fill-available;
	}
	.kafe-search-glass {
		font-size: var(--kafe-search-glass-font-size);
		padding: var(--kafe-search-glass-padding);
		color: var(--kafe-search-glass-color);
		top: var(--kafe-search-glass-top);
		margin: var(--kafe-search-glass-margin);
		background: var(--kafe-search-glass-background);
		border: var(--kafe-search-glass-border);
		border-top-left-radius: var(--kafe-search-glass-border-radius);
		border-bottom-left-radius: var(--kafe-search-glass-border-radius);
		width: -moz-available;          /* For Mozilla based. */
		width: -webkit-fill-available;  /* For Chrome based. */
		width: fill-available;
	}
	.tile-special, .tile-special:hover{
		background-color: var(--mobile-tile-special-background-color);
		border: var(--mobile-tile-special-border);
		color: var(--mobile-tile-special-color);
	}

	.kafe-table td a i {
		margin: 0 0.5em;
	}

	.kv-file-zoom {
		display: none;
	}

	.kafe-archivos-mobile th, .kafe-archivos-mobile td {
		padding: 5px 15px;
	}
}