@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');

:root {
    --theme-color-slide: var(--aya-blue);
    --theme-color-content: #f5f4fa;
    --theme-color-header: transparent;

    --aya-blue: #4c86a0;
    --aya-green: #b9bb17;
    --aya-greens: #A1BF64;
    --aya-purple: #a53768;
    --aya-gray-dark: #323e48;

    --aya-blue-rgba: rgba(76,134,160,.25);
    --aya-green-rgba: rgba(185,187,23,.25);
    --aya-greens-rgba: rgba(161,190,100,.25);
    --aya-purple-rgba: rgba(165,55,104,.25);
    --aya-gray-dark-rgba: rgba(50,62,72,.25);

    --aya-blue-l: #5F9CB8;
    --aya-purple-l: #B87F9C;
    
    --svg-color-sm:#78b6c7;
    --svg-color-lg:#004994;

    --aya-shadow: 2px 4px 20px 0 rgba(50,62,72,.15);
    --aya-shadow-l: 2px 4px 20px 0 rgba(50,62,72,.05);
    --aya-shadow-blue: 2px 4px 15px 2px var(--aya-blue-rgba);
    --aya-shadow-pink: 2px 4px 15px 2px var(--aya-purple-rgba);

    --ubuntu: 'Ubuntu', sans-serif;
    --open-sans: 'Open Sans', sans-serif;

    --ease-out: all ease-out .3s;
}

button {outline: none !important; border: 0;}

img, .not_d_o_s, .pd_divisor {text-rendering: geometricPrecision !important; user-drag: none !important; -webkit-user-select: none !important; -ms-user-select: none !important; user-select: none !important; -moz-user-select: none !important; -webkit-user-drag: none !important; -webkit-user-select: none !important; -ms-user-select: none !important; }

html {background: var(--theme-color-content);}

body {overflow-x: hidden; font-family: var(--open-sans); color: var(--aya-gray-dark); transition: all ease .3s; background: var(--aya-blue); padding-right: 0 !important}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: var(--ubuntu) !important;}

#wrapper {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; overflow-x: hidden; transition: all ease .3s;}

body > header#header {position: fixed; top: 0; right: 0; z-index: 3; transition: all ease .3s;}
body:not(.sidebar_toggled) > header#header {left: 225px;}
body.sidebar_toggled > header#header {left: 76px;}
body > div#main {height:auto; min-height: 100vh; width: 100%; overflow: auto; border-top-left-radius: 20px; border-bottom-left-radius: 20px; 
    background: var(--theme-color-content); padding: 3em 2em; padding-left: 3.5em; padding-top: 5em !important; z-index: 1;}

.sidebar_wrapper {
    background: var(--theme-color-slide); min-height: 100vh; margin-left: -245px; display: flex; flex-wrap: wrap; flex-direction: column; 
    transition: all ease .3s; height: 100vh; position: fixed; top: 0; bottom: 0; left: 0; z-index: 1;
}

body.sidebar_toggled .sidebar_wrapper {margin-left: 0;}

.sidebar_wrapper .sidebar-heading, .sidebar_wrapper .logo_app  {
    text-align: center;height: 63px; display: flex; align-items: center; justify-content: center;
}

.sidebar_wrapper .logo_app {}

.sidebar_wrapper .sidebar-heading > img:first-of-type {height: 46px; width: auto;}
.sidebar_wrapper .sidebar-heading > img:last-of-type {height: 46px; width: auto;}

.sidebar_wrapper .logo_app > img:first-of-type {height: 25px; width: auto;}
.sidebar_wrapper .logo_app > img:last-of-type {height: 20px; width: auto;}

.sidebar_wrapper .list-group {
  width: 225px; flex: 1; justify-content: center; padding: 1em 0; margin: 0; transition: all ease .3s;
  display: flex; flex-direction: column; margin-bottom: 0; border-radius: 0.25rem;
}
.sidebar_wrapper .list-group > a {
    background: transparent !important; border: 0; display: flex; color: #fff; padding: 1em 0; align-items: center; transition: all ease .3s;
    border-radius: 0 !important; 
}
.sidebar_wrapper .list-group > a:hover {background: rgba(0, 0, 0, .05) !important;}

.sidebar_wrapper .list-group > a ~ a {margin-top: .75em;}
.sidebar_wrapper .list-group > a * {color: inherit;}

.sidebar_wrapper .list-group > a > span:first-of-type {
    font-size: 20px; height: 26px; width: 76px;min-width: 76px; max-width: 76px; padding: 0 1em; display: flex; align-items: center; justify-content: center;
}
.sidebar_wrapper .list-group > a > span:last-of-type {
    font-size: 14px; padding-right: 1em; white-space: nowrap; overflow: hidden; flex: auto;transition: all ease .3s;
}

.content_wrapper {background: var(--theme-color-content); min-width: 100vw; transition: all ease .3s; display: flex; flex-wrap: wrap; position: relative;}

#header_navbar {height: 63px; z-index: 3; width: 100%; transition: var(--ease-out); border: 0; margin: 0; border-radius: 0; position: relative; 
    display: flex; align-items: center; padding-top: 8px; padding-bottom: 8px;  justify-content: space-between;}
#header_navbar > * {height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.container-fluid:before, .container-fluid:after {display: none;}
.on_course #header_navbar {width: -webkit-fill-available;}

#btn_slide_toggle {display: flex;align-items: center;justify-content: center;outline: none !important;box-shadow: none;padding: 0; height: 46px; width: 46px;
    position: relative; background:var(--theme-color-content); border-radius: 24px;}
#btn_slide_toggle span {position: relative;color: var(--aya-green);font-size: 26px;}
#btn_slide_toggle span:before {content: "";position: absolute;height: 100%;width: 100%;background: transparent; border-radius: 50%; transform: scale(1.7);transition: var(--ease-out);}
#btn_slide_toggle span:hover:before {background: rgba(0,0,0,.05);}

#header_navbar .notif_user_dropdowns {
    display: flex; transform: none; transition: var(--ease-out); align-items: center; justify-content: center; border-radius: 50px; padding: 2px 5px; background:var(--theme-color-content);}

#header_navbar .notif_dropdown {margin-right: 1em;}
#header_navbar .notif_dropdown > a {display: flex; align-items: center; justify-content: center;box-shadow: none;outline: 0;padding: 0;}
#header_navbar .notif_dropdown > a:after {display: none;}
#header_navbar .notif_dropdown > a > span[class*="material-icons"] {color: var(--aya-purple); font-size: 22px;}
#header_navbar .notif_dropdown > a > span[class*="material-icons"]:before {content:"notifications"}
#header_navbar .notif_dropdown > a.show > span[class*="material-icons"]:before {content: "notifications_active"}

#header_navbar .user_dropdown {}
#header_navbar .user_dropdown > button {display: flex; align-items: center; justify-content: center;box-shadow: none;outline: 0;padding: 0; background: transparent;}
#header_navbar .user_dropdown > button:after {display: none;}
#header_navbar .user_dropdown > button > div {
    display: block; height: 34px; width: 34px; border-radius: 50%; background-size: cover; border: 2px solid var(--aya-blue);
    background-image: url(../../../img/avatars/male.png);}
#header_navbar .user_dropdown > button > label {
    font-size: 14px; font-family: var(--ubuntu); font-weight: 500; margin-left: 5px; color: var(--aya-blue);
}

#page_content {position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 3em 2em; padding-left: 3.5em; padding-top: 5em; overflow: auto; flex: 1; /*display: flex; flex-wrap: wrap;*/}
#page_content > main { /*padding: 3em 2em; padding-left: 3.5em; padding-top: 5em; padding-left: 1.5em; margin-left: 47px; overflow: auto; flex: 1; */ }
body #page_content > main > .row {margin: 0;}       
#page_content > main > .mainMenu {display: flex; flex-wrap: wrap;}

body.showing_aside {}
#aside_menu {position: fixed; width: 450px; right: -470px; top: 0; bottom: 0; transition: var(--ease-out);z-index: 3;}
body.showing_aside > #wrapper {right: 450px;}
body.showing_aside > #aside_menu {right: 0;}

@media(max-width: 1398.98px) {
    body.showing_aside > #wrapper {right: 400px;}
    body.showing_aside > #aside_menu {width: 400px;}
}
@media(max-width: 1199.98px) {
    body.showing_aside > #wrapper {right: 0;}
}

@media (min-width: 768px) {
    body:not(.sidebar_toggled) {padding-left: 225px;}
    body.sidebar_toggled {padding-left: 76px;}


    .sidebar_wrapper {margin-left: 0;}
    body.sidebar_toggled .sidebar_wrapper .sidebar-heading > img:first-of-type,
    body:not(.sidebar_toggled) .sidebar_wrapper .sidebar-heading > img:last-of-type,
    body.sidebar_toggled .logo_app > img:first-of-type, body:not(.sidebar_toggled) .logo_app > img:last-of-type {display: none !important;}

    body.sidebar_toggled .sidebar_wrapper .list-group {width: 76px;}
    body.sidebar_toggled .sidebar_wrapper .list-group > a > span:last-of-type {max-width: 0; opacity: 0;padding-right: 0;}

    .content_wrapper {
        min-width: 0; width: 100%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; margin-left: -20px;
    }
}

@media(max-width: 991.98px) {
    .content_wrapper {overflow: auto;}
    #header_navbar {margin-right:0 !important;}

    body #page_content {margin-left: 0;padding-left: 1em; padding-right: 1em;}
}

@media(max-width: 767.98px) {
    body:not(.sidebar_toggled) > header#header {left: 225px;}
    body.sidebar_toggled > header#header {left: 0;}

    body.sidebar_toggled .sidebar_wrapper {
        margin-left:-245px;
    }
    body:not(.sidebar_toggled) .sidebar_wrapper {
        margin-left:0;
    }

    body.showing_aside:before {content: "" !important; 
        position: absolute; display: block !important; left: 0; top: 0; right: 0; bottom: 0; background: #f3f3f3; z-index: 1; opacity: .9;}
    
    .sidebar_wrapper .sidebar-heading > img:last-of-type,
    .sidebar_wrapper .logo_app > img:last-of-type {display: none !important;}

    body:not(.sidebar_toggled) .content_wrapper {border-top-left-radius: 20px; border-bottom-left-radius: 20px; margin-left: -20px;overflow: hidden;}
    body:not(.sidebar_toggled) .content_wrapper #page_content {overflow: hidden;}
    #header_navbar .btn_help {display: none;}

    body #page_content {padding-left: .75em; padding-right: .75em;}

    body > div#main {border-radius: 0;padding: 2em .5em;}
}

@media(max-width: 472px) {
    body:not(.sidebar_toggled) .notif_user_dropdowns {margin-right: -13em;}
}

.blockUI.blockOverlay,
.modal-backdrop {background: #CCCDCF !important; opacity: .6 !important;}

.blockUI.blockMsg.blockPage {padding: 0 !important; background-image: url(../../../img/aya_loader.gif); height: 60px !important; width: 221px !important; background-position: center; background-size: contain; background-repeat: no-repeat; left: calc(50% - 110px) !important; top: calc(50% - 30px) !important; border-radius: 0 !important; background-color: transparent !important;}
.blockUI.blockMsg.blockPage > * {display: none !important;} 

body .btn_aya {border-radius: 20px; text-transform: uppercase; font-size: 13px; font-weight: 600; color: #fff;transition: var(--ease-out); 
    box-shadow: var(--aya-shadow-l);}
body .btn_aya:hover {filter: brightness(.85);color: #fff;}
body .btn_aya.default {color: var(--aya-gray-dark)}
body .btn_aya.default:hover {filter: brightness(.95);}  
body .btn_aya.link {color: var(--aya-green);box-shadow: none;filter: none;}
body .btn_aya.link:hover {background: var(--theme-color-content);}

.btn_aya.blue {background-color: var(--aya-blue);}
.btn_aya.green {background-color: var(--aya-green);}
.btn_aya.purple {background-color: var(--aya-purple);}
.btn_aya.red {background-color: transparent; color: var(--bs-danger);}
.btn_aya.dark {background-color: var(--aya-gray-dark);}
.btn_aya.default {background-color: #fff;}
.btn_aya.outline {border-radius: 10px; box-shadow: inset 0 0 0 1px var(--aya-blue); color: var(--aya-blue); padding: 8px 25px;}
.btn_aya.w_outline {border-radius: 6px; box-shadow: inset 0 0 0 1px #fff; color: #fff; padding: 8px 25px;}
.btn_aya.link {background-color: transparent;}

.btn_aya.outline:hover {background-color: var(--aya-blue); color: #fff;}
.btn_aya.red:hover {background-color: var(--bs-danger);}

.btn_aya.blue:focus {box-shadow: 0 0 0 0.25rem var(--aya-blue-rgba);}
.btn_aya.green:focus {box-shadow: 0 0 0 0.25rem var(--aya-green-rgba);}
.btn_aya.purple:focus {box-shadow: 0 0 0 0.25rem var(--aya-purple-rgba);}
.btn_aya.red:focus {box-shadow: 0 0 0 0.25rem rgb(220,53,69,.25);}
.btn_aya.dark:focus {box-shadow: 0 0 0 0.25rem var(--aya-gray-dark-rgba);}
.btn_aya.link:focus {box-shadow: 0 0 0 0.25rem var(--bs-table-active-bg);} 
.btn_aya.default:focus {box-shadow: 0 0 0 0.25rem var(--aya-gray-dark-rgba);}
.btn_aya.outline:focus {} 

.btn_aya.w_icon {display: flex; align-items: center; justify-content: center;padding-left: 10px; padding-right: 10px;}
.btn_aya.w_icon > span[class*="material-icons"], .btn_aya.w_icon > i {margin:0 7px; font-size: 18px; color: inherit;}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {cursor: not-allowed; opacity: .45;}

.alert_theme {margin: .5em 0; line-height: 22px; border-radius: 15px; border: 0; padding: 1em; text-align: center;}

body .box_theme {background: #fff;border-radius: 16px;padding: 1em; box-shadow: var(--aya-shadow-l);}

.breadcrumb {background: transparent;}
.breadcrumb > li {font-family: var(--ubuntu); font-size: 13px; color: #96959D;}
.breadcrumb > li ~ li {}
.breadcrumb > li + li:before {height: 4px; width: 4px; content: ""; background: var(--aya-green); padding: 0; border-radius: 1px; margin: 2px 7px; display: inline-block;}
.breadcrumb > li > a {color: var(--aya-green) !important;}

.user_dropdown .dropdown-menu, .dropdown_theme {padding: 1em; width: auto; border-radius: 10px; border-color: #e9ecef; box-shadow: var(--aya-shadow); background: #fff;}
.user_dropdown .dropdown-menu .user_dropdown_img {height: 125px; width: 125px; margin: 0 auto; border-radius: 50%; background-position: center; background-size: cover; background-repeat: no-repeat; box-shadow: 0 0 0 3px var(--aya-green);}
.user_dropdown .dropdown-menu li:first-of-type {}
.user_dropdown .dropdown-menu li {}
.user_dropdown .dropdown-menu li ~ li {margin-top: 6px;}
.user_dropdown .dropdown-menu li a,
.dropdown_theme > button {
    text-decoration: none; transition: var(--ease-out); color: #747173 !important; text-align: center; background: transparent; box-shadow: none !important;
    padding: 5px 10px; display: block; border-radius: 30px; font-size: 13px; font-weight: 600; text-transform: uppercase; filter: none !important;}
.user_dropdown .dropdown-menu li:hover a,
.dropdown_theme > button:not(:disabled):hover {background: var(--aya-green); color: #fff !important; box-shadow: 0 0 0 0.25rem var(--aya-green-rgba) !important;}
.dropdown_theme > button:disabled {/*cursor: not-allowed;*/ color: #c9c9c9 !important;}
.user_dropdown .dropdown-menu li a span {}

.sidebar_wrapper .list-group > a.w_dropdown_theme:after {content: ""; position: absolute; height: 3px; width: 3px; border-radius: 50%; 
    background: transparent; right: 15px; box-shadow: 0 0 0 2px #fff; transition: var(--ease-out); }
.sidebar_wrapper .list-group > a.w_dropdown_theme.showing:after {box-shadow: 0 0 0 2px var(--aya-green-rgba); background: var(--aya-green);}
.dropdown_theme {position: absolute; z-index: 1; left: 100%; align-items: center; justify-content: center; flex-wrap: wrap;margin-left: 6px;}
.sidebar_wrapper .list-group > a > .dropdown_theme {min-width: 200px;}
/*.sidebar_wrapper .list-group > a > .dropdown_theme:before {
    content: ""; positio#asiden: absolute; border: 8px solid transparent; border-right: 8px solid #fff; right: 100%;}*/
.sidebar_wrapper .list-group > a.showing > .dropdown_theme {display: flex !important; z-index: 2;}
.dropdown_theme > button {flex: 100%;}
.dropdown_theme > button:hover {}
.dropdown_theme > button ~ button {margin-top: 2px;}

body .tooltip {}
body .tooltip.show {opacity: 1;}
body .tooltip > .tooltip-arrow, body a.showing + .tooltip  {display: none !important;}
body .tooltip > .tooltip-inner {font-size: 14px; font-family: var(--ubuntu); padding: 3px 10px; border-radius: 15px; background: var(--aya-gray-dark); width: auto !important; color: #fff !important;}
body .tooltip > .tooltip-inner:before {content: ""; border: 6px solid transparent; position: absolute;}
body a[data-placement="right"] + .tooltip > .tooltip-inner:before {left: -4px; top: calc(50% - 6px); border-right-color: var(--aya-gray-dark);}
body a[data-placement="left"] + .tooltip > .tooltip-inner:before {right: -4px; top: calc(50% - 6px); border-left-color: var(--aya-gray-dark);}

@media(min-width: 768px) {
    body:not(.sidebar_toggled) .sidebar_wrapper .tooltip {display: none !important;}
}
@media(max-width: 767.98px) {
    body .tooltip {display: none !important;}
}

@media(max-width:450px) {
    .sidebar_wrapper .list-group > a > .dropdown_theme:before {
        content: ""; display: block; position: absolute; right: calc(100%); top: calc(50% - 8px); border: 8px solid transparent; border-right-color: #fff;}
    .sidebar_wrapper .list-group > a.showing > .dropdown_theme {position: fixed; left: initial; right: 1.45em;max-width: 200px;}
}

#aside_menu > div.box_theme {border-top-right-radius: 0; border-bottom-right-radius: 0;height: 100%; padding: 3em 2em; padding-top: 6em; box-shadow: var(--aya-shadow);}
#aside_menu > div > button.am_close {
    position: absolute; z-index: 1; padding: 0; height: 34px; width: 34px; display: flex; align-items: center; justify-content: center; border-radius: 50%;
    background: transparent; transition: all ease-out .3s; left: 2em; top: 2em;}
#aside_menu > div > button.am_close:hover {background: var(--aya-blue-l);}
#aside_menu > div > button.am_close > span {}

#aside_menu .am_section {height: 100%; display: flex; flex-wrap: wrap; flex-direction: column;}
#aside_menu .am_section > * {}

#aside_menu .am_section > .am_title {font-size: 18px; display: flex; flex-wrap: wrap; align-items: center;font-family: var(--ubuntu);}
#aside_menu .am_section[data-m-section="catalogos"] > .am_title {color: var(--aya-blue);}
#aside_menu .am_section[data-m-section="procesos"] > .am_title {color: var(--aya-green);}
#aside_menu .am_section[data-m-section="reportes"] > .am_title {color: var(--aya-greens);}
#aside_menu .am_section > .am_title > span {margin-right: 6px;}
#aside_menu .am_section > .am_title > .am_subtitle {flex: 100%; margin: 0; margin-top: 10px;color: var(--aya-gray-dark); font-size: 28px;}

#aside_menu .am_subsection {flex: 1; margin: 0 -14px; margin-top: 2em; overflow: auto; flex-direction: column; padding: 10px 20px;}
#aside_menu .am_subsection a {display: block; cursor: pointer; text-decoration: none; transition: var(--ease-out); font-size: 15px; color: var(--aya-gray-dark); font-weight: 500;}
#aside_menu .am_subsection > a:not(:first-child) {margin-top: 12px;}
#aside_menu .am_subsection a ~ a {margin-top: 12px;}
#aside_menu .am_section[data-m-section="catalogos"] .am_subsection a:hover {color: var(--aya-blue);}
#aside_menu .am_section[data-m-section="procesos"] .am_subsection a:hover {color: var(--aya-green);}
#aside_menu .am_section[data-m-section="reportes"] .am_subsection a:hover {color: var(--aya-greens);}

#aside_menu .ams_submenu {margin: 0 -12px; padding: 0 12px;position: relative;}
#aside_menu .ams_submenu > label {margin: 0; margin-top: 12px; font-size: 15px;cursor: pointer; display: flex; align-items: center; font-weight: normal; transition: var(--ease-out);}
#aside_menu .am_section[data-m-section="catalogos"] .ams_submenu > label:hover {color: var(--aya-blue);}
#aside_menu .am_section[data-m-section="procesos"] .ams_submenu > label:hover {color: var(--aya-green);}
#aside_menu .am_section[data-m-section="reportes"] .ams_submenu > label:hover {color: var(--aya-greens);}
#aside_menu .ams_submenu > label.show_links {}
#aside_menu .ams_submenu > label:before {content: ""; position: absolute; height: 3px; width: 3px; border-radius: 50%; background: transparent; left: 0; transition: var(--ease-out);}
#aside_menu .am_section[data-m-section="catalogos"] .ams_submenu > label:before {box-shadow: 0 0 0 2px var(--aya-blue);}
#aside_menu .am_section[data-m-section="procesos"] .ams_submenu > label:before {box-shadow: 0 0 0 2px var(--aya-green);}
#aside_menu .am_section[data-m-section="reportes"] .ams_submenu > label:before {box-shadow: 0 0 0 2px var(--aya-greens);}
#aside_menu .ams_submenu > label.show_links:before {}
#aside_menu .ams_submenu > div {transition: var(--ease-out); display: none; position: relative;}
#aside_menu .ams_submenu > label.show_links + div {display: block;}
#aside_menu .ams_submenu > div a {margin-top: 12px; display: flex; width: 100%; align-items: center;position: relative;}
#aside_menu .ams_submenu:not(.am_busqueda) > div a > small {display: none;}
#aside_menu .am_section[data-m-section="catalogos"] .ams_submenu > div a {color: var(--aya-blue);}
#aside_menu .am_section[data-m-section="procesos"] .ams_submenu > div a {color: var(--aya-green);}
#aside_menu .am_section[data-m-section="reportes"] .ams_submenu > div a {color: var(--aya-greens);}

#aside_menu .amb_input {position: relative; display: flex; align-items: center; justify-content: flex-end; border-radius: 20px; background-color: #f3f3f3; margin-bottom: 2em;}
#aside_menu .amb_input > input {padding-top: 6px; padding-bottom: 6px; padding-right: 34px; min-height: 36px; border-radius: 20px; background: transparent; z-index: 2; text-transform: initial;}
#aside_menu .amb_input > span {position: absolute; width: 34px; color: #7e7e7e; text-align: center;}

section.am_section.am_busqueda {flex-wrap: nowrap !important;}

.amb_sections {overflow: auto; flex: 1}

.amb_section {display: block; width: 100%;}
.amb_section ~ .amb_section {margin-top: 4px;}
.amb_section.cat + .amb_section.pro,
.amb_section.cat + .amb_section.rep,
.amb_section.pro + .amb_section.rep {margin-top: 2em;}

.ambs_nofound {color: #555; position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; top: 0; right: 0; bottom: 0; left: 0;}
.ambs_nofound > * {color: inherit;}
.ambs_nofound > span {font-size: 36px; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; background: #f3f3f3; border-radius: 4px;}
.ambs_nofound > label {margin: 0; margin-top: 12px; font-size: 14px;font-weight: 600;}

.amb_section > a {text-decoration: none; cursor: pointer; transition: var(--ease-out); font-size: 15px; color: var(--aya-gray-dark); font-weight: 500; display: block; width: 100%; line-height: 24px;}
.amb_section > a ~ a {margin-top: 4px;}
.amb_section > a > * {cursor: pointer;}
.amb_section > a > span {font-size: 20px; transform: translateY(6px); margin-top: -4px;}
.amb_section > a > label {font-size: 10px; color: #fff; padding: 3px 6px; padding-top: 5px; text-transform: uppercase; font-weight: 400; font-family: var(--ubuntu); line-height: 10px; border-radius: 4px; margin: 0 2px; margin-right: 6px;}
.amb_section > a > small {font-weight: 600;letter-spacing: .2px;}
.amb_section > a > small:before, .amb_section > a > small:after {}
.amb_section > a > small:before {content: "["}
.amb_section > a > small:after {content: "]"}

.amb_section.cat > a:hover {color: var(--aya-blue)}
.amb_section.pro > a:hover {color: var(--aya-green)}
.amb_section.rep > a:hover {color: var(--aya-greens)}

.amb_section.cat > a > label {background: var(--aya-blue)}
.amb_section.pro > a > label {background: var(--aya-green)}
.amb_section.rep > a > label {background: var(--aya-greens)}

.amb_section.cat > a > span {color: var(--aya-blue)}
.amb_section.pro > a > span {color: var(--aya-green)}
.amb_section.rep > a > span {color: var(--aya-greens)}

.amb_section.cat > a > span:before {content: "content_copy"}
.amb_section.pro > a > span:before {content: "settings"}
.amb_section.rep > a > span:before {content: "insert_chart_outlined"}

/* INDEX MENU */

.index_menu {display: flex; flex-wrap: wrap; flex-direction: column; max-width: 1000px; margin: 0 auto;}
.index_menu > div:first-of-type {display: flex; align-items: center; justify-content: center; position: relative; margin: 0;}
.index_menu > div:first-of-type > label {margin: 2em auto; padding: 0 3em; text-align: center; display: block; font-weight: normal; font-size: 14px; color: var(--aya-gray-dark); width: 100%;}
.index_menu > div:first-of-type > button {padding: 0 !important; width: 34px; height: 34px; border-radius: 20px !important; display: flex; position: absolute; right: 0 !important; align-items: center; justify-content: center; left: inherit !important; margin: 0; outline-offset: 0 !important; top: inherit !important;}
.index_menu > div:first-of-type > button > span {font-size: 22px;}

.index_menu > div.row {}
.index_menu > div.row > div[class*="col-"] {} 

.index_menu .im_box {padding-top: 3em; padding-bottom: 3em;}
.index_menu .im_box > h3 {margin: 0;text-align: center; font: 20px;}
.index_menu .im_box > span {display: flex; margin: 0.75em 0; align-items: center; justify-content: center; padding: 20px 10px; border-radius: 16px; font-size: 36px; color: #fff; font-weight: 100; transition: var(--ease-out);}
.index_menu .im_box[data-m-section="catalogos"] > span {background: var(--aya-blue);}
.index_menu .im_box[data-m-section="procesos"] > span {background: var(--aya-green);}
.index_menu .im_box[data-m-section="reportes"] > span {background: var(--aya-greens);}
.index_menu .im_box > div {display: block; position: relative;}
.index_menu .im_box > div > button {display: block; margin: 0 auto; background: transparent; padding: 10px 30px; font-size: 15px; border-radius: 25px; transition: var(--ease-out); box-shadow: none; font-weight: 600; text-align: center; max-width: 100%;}
.index_menu .im_box[data-m-section="catalogos"] div > button:not(:disabled):hover {color: var(--aya-blue);box-shadow: 0 0 0 0.25rem var(--aya-blue);}
.index_menu .im_box[data-m-section="procesos"] div > button:not(:disabled):hover {color: var(--aya-green);box-shadow: 0 0 0 0.25rem var(--aya-green);}
.index_menu .im_box[data-m-section="reportes"] div > button:not(:disabled):hover {color: var(--aya-greens);box-shadow: 0 0 0 0.25rem var(--aya-greens);}
.index_menu .im_box > div > button:disabled {cursor: not-allowed; color: #c9c9c9;}
.index_menu .im_box > div > button ~ button {margin-top: 8px;}

.index_menu .im_box > div > *:not(button) {display: none;}

@media(max-width: 767.98px) {
    .index_menu > div.row {position: relative;}
    .index_menu > div.row:before {content: "";/*position: absolute; left: 10px; right: 10px;top: 0;bottom: 0; box-shadow: var(--aya-shadow-l); display: block;*/}
    .index_menu > div.row > div[class*="col-"] {padding: 0 10px;}
    .index_menu .im_box {padding: 1.5em;box-shadow: none;}
    .index_menu .im_box[data-m-section="catalogos"], .index_menu .im_box[data-m-section="procesos"] {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
    .index_menu .im_box[data-m-section="procesos"], .index_menu .im_box[data-m-section="reportes"] {border-top-left-radius: 0;border-top-right-radius: 0; }
    .index_menu .im_box[data-m-section="procesos"] {border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
    .index_menu .im_box[data-m-section="procesos"]:before,
    .index_menu .im_box[data-m-section="procesos"]:after {content: ""; position: absolute; left: 2.5em; right: 2.5em; height: 2px; display: block; background: #f3f3f3;}
    .index_menu .im_box[data-m-section="procesos"]:before {top: 0;}
    .index_menu .im_box[data-m-section="procesos"]:after {bottom: 0;}

    .index_menu .im_box > span {margin-bottom: 0; margin-top: .5em;cursor: pointer;box-shadow: 0 0 0 0 transparent;}
    .index_menu .im_box[data-m-section="catalogos"] > span:hover {box-shadow: 0 0 0 6px var(--aya-blue-rgba);}
    .index_menu .im_box[data-m-section="procesos"] > span:hover {box-shadow: 0 0 0 6px var(--aya-green-rgba);}
    .index_menu .im_box[data-m-section="reportes"] > span:hover {box-shadow: 0 0 0 6px var(--aya-greens-rgba);}

    .index_menu .im_box > div {display: none; position: fixed; height: auto; z-index: 3; width: 280px; align-items: center; justify-content: center; 
        flex-wrap: wrap; flex-direction: column; left: calc(50% - 140px); padding: 1.5em 1em; background: #fff; border-radius: 20px; 
        box-shadow: var(--aya-shadow); top: calc(50% - 180px);}
    .index_menu .im_box > div:before {content: "";position: fixed;z-index: -2; left: 0;top: 0;right: 0;bottom: 0; background: #CCCDCF; opacity: .9;}
    .index_menu .im_box > div:after {content: "";position: absolute;z-index: -1;background: inherit; left: 0 ;top: 0;right: 0;bottom: 0;border-radius: 20px;}
    .index_menu .im_box > div.show_div {display: flex;}
    .index_menu .im_box > div > *:not(button) {display: block;}

    .index_menu .im_box > div > h3 {display: flex; align-items: center; justify-content: center; margin: 0.25em 0; margin-bottom: 1em;}
    .index_menu .im_box > div > h3 > span {margin-right: 6px;}

    .index_menu .im_box[data-m-section="catalogos"] > div > h3 {color: var(--aya-blue);}
    .index_menu .im_box[data-m-section="procesos"] > div > h3 {color: var(--aya-green);}
    .index_menu .im_box[data-m-section="reportes"] > div > h3 {color: var(--aya-greens);}

    .index_menu .im_box > div > span {padding: 0; height: 34px; width: 34px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: transparent; transition: var(--ease-out); text-transform: initial; margin-top: 20px; font-size: 24px; line-height: 24px; font-weight: normal;}
}

@media(max-width: 568.98px) {
    body.showing_aside > #aside_menu {max-width: 92%;}
    body.showing_aside > #aside_menu > div {}
}