body{font-family: 'Gotham', sans-serif;}
.login_left_main {background-image: url('../images/login_left_bg.png');height: 100vh;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.login_left_main .left_inner {position: absolute;width: 60%;margin: 0 auto;bottom: 10%;left: 0;right: 0;color: #fff;}
.login_left_main .left_inner h2 {font-size: 32px;line-height: 36px;font-weight: 600;}
.login_left_main .left_inner p {font-size: 12px;line-height: 18px;font-weight: 400;max-width: 60%;}
.logoSuperior {height: 25%;}

.login_right_main {background: #242324;height: 100vh;position: relative;justify-content: center;display: flex;align-items: center;gap: 2em;flex-direction: column;}
.login_right_main .login_form {position: relative;width: max-content;color: #fff;top: 20%;padding: 0 0% 0 0;left: 0;right: 0;margin: 0 auto;}
.login_right_main .overlay {background-size: cover;background-repeat: no-repeat;
background-position: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.login_right_main .login_form h1 {font-size: 32px;line-height: 36px;font-weight: 600;}
.login_right_main .login_form p {font-size: 14px;line-height: 20px;font-weight: 300;padding-bottom: 10%;color: #D1D3D4;}
.login_right_main .login_form label {font-size: 14px;line-height: 18px;font-weight: 200;color: #fff;}
.login_right_main .login_form .form-control {background: #000;padding: 0 15px;color: #eee;box-shadow: 3px 5px 10px #000000;border: 0.5px solid #AAAAAA;border-radius: 8px;height: 48px;font-size: xx-large;text-align: center;}
.login_right_main .login_form .form-group span{font-size: 14px;line-height: 18px;font-weight: 200;color: red;}


ul.pages_link {padding: 0;list-style: none;text-align: right;margin: 15px 0 25px;}
ul.pages_link li a {color: #F2D35A;}

.yellow_btn {text-align: center;margin-top: 35px;}
.yellow_btn a {border: 2px solid #F2D35A; background: #F2D35A;padding: 12px 50px;display: inline-table;color: #242324;font-weight: bold;font-size: 20px;line-height: 30px;border-radius: 8px;}
.yellow_btn a:hover {background: transparent;color: #F2D35A;text-decoration: none;}
.yellow_btn button {border: 2px solid #F2D35A; background: #F2D35A;padding: 12px 50px;display: inline-table;color: #242324;font-weight: bold;font-size: 20px;line-height: 30px;border-radius: 8px;}
.yellow_btn button:hover {background: transparent;color: #F2D35A;text-decoration: none;}
.siderbar_overlay {background-image: url('../images/sidebar-bg.png');background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;width: 240px;height: 100%;left: 0;top: 0;z-index: 9999;}

.sidebar {overflow-y: auto;padding: 25px 30px;background: #000;}

ul.sidebar_menu {padding: 0;margin-top: 45px;list-style: none;}
ul.sidebar_menu li {margin-bottom: 5px;}
ul.sidebar_menu li a {position: relative; color: #fff;display: block;width: 100%;padding: 10px 15px;border: 1px solid transparent;}
ul.sidebar_menu li a svg {position: absolute;top: 6px;left: 15px;fill: #fff;}
ul.sidebar_menu li a:hover svg , ul.sidebar_menu li.active a svg {fill: #F2D35A;}
ul.sidebar_menu li a span {padding-left: 35px;}
ul.sidebar_menu li.active a, ul.sidebar_menu li a:hover {background: transparent linear-gradient(180deg, #3A393A 0%, #242324 100%);
    color: #F2D35A;box-shadow: 3px 5px 10px #000000;border: 1px solid #AAAAAA;border-radius: 8px;}

.space20{height: 20px;}
.space30{height: 30px;}
.space40{height: 40px;}

#page-wrapper {padding: 0 0 60px;background: #242324;}
.aside_main {padding: 0 15px;}
.dash_top_bar {padding: 18px 15px;background: transparent linear-gradient(180deg, #3A393A 0%, #242324 100%);box-shadow: 3px 5px 10px #000000;border: 0.5px solid #AAAAAA;border-radius: 8px;color: #fff;}
.aside_main .row{margin: 0;}

.dash_top_bar h1 {color: #fff;margin: 0;font-size: 28px;line-height: 42px;font-weight: 600;}
.dash_top_bar .notify_icon {    float: right;width: 40px;height: 40px;text-align: center;background: transparent linear-gradient(180deg, #3A393AF7 0%, #242324 100%);border: 2px solid #AAAAAA;border-radius: 8px;padding: 5px;margin: 0 auto;}

.dash_top_bar .user_profile {}
.dash_top_bar .user_profile > img {position: absolute;width: 56px;height: 56px;top: -7px;}
.dash_top_bar .user_profile p {margin: 0;padding-left: 70px;}
.dash_top_bar .user_profile p span {display: block;}

.dash_top_bar .user_profile i {
    position: absolute;
    right: 0;
    top: 0;
}