/*
Theme Name: SST-Azorte
Theme URI: https://shreesum.com
Version: 1.0
Author: Shree Sum Technology 
Author URI: https://shreesum.com
*/

html,
body,
img,
fieldset,
abbr,
acronym {
    border: 0;
    max-width: 100%;
    width: auto;
}
body {
    padding: 0 !important;
    font-family: 'Prompt', sans-serif;
}

body a,
body button {
    color: #010101;
    outline: none !important;
    text-decoration: none !important;
    transition: all ease .5s;
}

body a {
    color: #010101;
}

body a:hover {
    color: #FF3D00;
}

b,
strong {
    font-weight: 600;
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.container {
    max-width: 1440px;
}

header.main-header {
    padding: 32px 0;
    border-bottom: 1px solid #f0f0f0;
}

.header-logo {
    display: flex;
    justify-content: center;
    position: relative;
}

.header-logo a {
    display: flex;
}

.header-logo a img {
    max-width: 348px;
    width: 100%;
    height: auto;
}

.header-logo .header-option {
    position: absolute;
    right: 0;
    top: 8px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.header-logo .header-option .ho-user {
	position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2F3F55;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: .5px;
}

.header-logo .header-option .ho-user .hou-hover {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #2f3f56;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    padding: 7px 10px;
    border-radius: 2px;
    transform: translateY(-15px);
    visibility: hidden;
    opacity: 0;
    transition: all ease .3s;
}

.header-logo .header-option .ho-user:hover .hou-hover {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

.header-logo .header-option .ho-user span {
    flex: 1;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-logo .header-option a.ho-logout {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    background-color: rgba(47, 63, 86, 1);
    border-radius: 2px;
    color: #FFF;
    font-family: 'Gooper';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.login-section {
    padding: 100px 0;
}

.login-section .ls-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
    padding: 0px 15px;
    padding-top: 48px;
    padding-bottom: 21px;
}

.login-section .ls-form .lsf-inner {
    max-width: 371px;
    width: 100%;
}

.login-section .ls-form h1 {
    color: #2F3F55;
    font-family: Gooper;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
    margin-bottom: 35px;
}

.login-section .ls-form .lsf-inner form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.login-section .ls-form .lsf-inner form input[type="text"],
.login-section .ls-form .lsf-inner form input[type="email"],
.login-section .ls-form .lsf-inner form input[type="password"] {
    color: #404040;
    font-family: 'Prompt', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 8px;
    padding-left: 56px;
    border: 1px solid #EDEDED;
    background: #FFF;
    outline: 0;
    background-repeat: no-repeat;
    background-position: 20px center;
}

.login-section .ls-form .lsf-inner form input[type="text"] {
    background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 0C7.09223 0 4.72656 2.36566 4.72656 5.27344C4.72656 8.18121 7.09223 10.5469 10 10.5469C12.9078 10.5469 15.2734 8.18121 15.2734 5.27344C15.2734 2.36566 12.9078 0 10 0ZM16.5612 13.992C15.1174 12.5261 13.2035 11.7188 11.1719 11.7188H8.82812C6.79656 11.7188 4.88258 12.5261 3.43883 13.992C2.00215 15.4507 1.21094 17.3763 1.21094 19.4141C1.21094 19.7377 1.47328 20 1.79688 20H18.2031C18.5267 20 18.7891 19.7377 18.7891 19.4141C18.7891 17.3763 17.9979 15.4507 16.5612 13.992Z' fill='rgb(193 193 193)'/></svg>");
}

.login-section .ls-form .lsf-inner form input[type="email"] {
    background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1272_127)'><path d='M11.6714 12.2536C11.1739 12.5853 10.5959 12.7607 10 12.7607C9.40414 12.7607 8.82617 12.5853 8.32859 12.2536L0.133164 6.78983C0.087922 6.75958 0.0435173 6.72809 0 6.69541L0 15.6484C0 16.6749 0.833008 17.4896 1.84113 17.4896H18.1588C19.1853 17.4896 20 16.6565 20 15.6484V6.69537C19.9564 6.72814 19.9119 6.75969 19.8665 6.78998L11.6714 12.2536Z' fill='%23C1C1C1'/><path d='M0.783204 5.81475L8.97863 11.2786C9.28887 11.4854 9.64441 11.5888 9.99996 11.5888C10.3555 11.5888 10.7111 11.4854 11.0214 11.2786L19.2168 5.81475C19.7072 5.48799 20 4.94112 20 4.35088C20 3.336 19.1743 2.51038 18.1595 2.51038H1.84051C0.825665 2.51042 9.68791e-07 3.33604 9.68791e-07 4.35186C-0.000303273 4.64139 0.0710559 4.9265 0.207714 5.18176C0.344372 5.43701 0.54208 5.65447 0.783204 5.81475Z' fill='rgb(193 193 193)'/></g><defs><clipPath id='clip0_1272_127'><rect width='20' height='20' fill='white'/></clipPath></defs></svg>");

}

.login-section .ls-form .lsf-inner form input[type="password"] {
    background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.625 7.5H15V5C15 2.2425 12.7575 0 10 0C7.2425 0 5 2.2425 5 5V7.5H4.375C3.87792 7.50066 3.40139 7.69842 3.04991 8.0499C2.69842 8.40139 2.50066 8.87792 2.5 9.375V18.125C2.5 19.1592 3.34167 20 4.375 20H15.625C16.6583 20 17.5 19.1592 17.5 18.125V9.375C17.5 8.34083 16.6583 7.5 15.625 7.5ZM6.66667 5C6.66667 3.16167 8.16167 1.66667 10 1.66667C11.8383 1.66667 13.3333 3.16167 13.3333 5V7.5H6.66667V5ZM10.8333 13.935V15.8333C10.8333 16.0543 10.7455 16.2663 10.5893 16.4226C10.433 16.5789 10.221 16.6667 10 16.6667C9.77899 16.6667 9.56702 16.5789 9.41074 16.4226C9.25446 16.2663 9.16667 16.0543 9.16667 15.8333V13.935C8.67083 13.6458 8.33333 13.1142 8.33333 12.5C8.33333 11.5808 9.08083 10.8333 10 10.8333C10.9192 10.8333 11.6667 11.5808 11.6667 12.5C11.6667 13.1142 11.3292 13.6458 10.8333 13.935Z' fill='rgb(193 193 193)'/></svg>");
}

.login-section .ls-form .lsf-inner form input[type="submit"] {
    padding: 12px 15px;
    color: #FFF;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    background-color: #F2A019;
    border: 0;
}

.login-section .ls-form .lsf-inner .ls-options {
    display: flex;
    color: #404040;
    font-family: 'Prompt', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    justify-content: space-between;
    margin-top: 16px;
}

.login-section .ls-form .lsf-inner .ls-options a {
    text-decoration: underline !important;
    color: #404040;
}

.login-section .ls-form .lsf-inner .ls-err {
    color: #E43539;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    margin-top: 20px;
}

.login-section .ls-form .lsf-inner .ls-err::before {
    content: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1272_102)'><path d='M19.8284 5.68625L14.3138 0.171641C14.2039 0.0617532 14.0548 1.24674e-05 13.8995 0L6.10055 0C5.94515 1.24674e-05 5.79612 0.0617532 5.68625 0.171641L0.171641 5.68625C0.0617532 5.79612 1.24674e-05 5.94515 0 6.10055L0 13.8994C1.24674e-05 14.0548 0.0617532 14.2038 0.171641 14.3137L5.68625 19.8283C5.79612 19.9382 5.94515 19.9999 6.10055 20H13.8994C14.0548 19.9999 14.2038 19.9382 14.3137 19.8283L19.8283 14.3137C19.9382 14.2038 19.9999 14.0548 20 13.8994V6.10055C20 6.0236 19.9848 5.94741 19.9554 5.87633C19.9259 5.80524 19.8828 5.74065 19.8284 5.68625Z' fill='%23E43539'/><path d='M20 6.10039V13.8996C20 14.0547 19.9383 14.2039 19.8285 14.3137L14.3137 19.8285C14.2038 19.9383 14.0549 20 13.8996 20H10V0H13.8996C14.0547 0 14.2039 0.0617187 14.3137 0.171484L19.8285 5.68633C19.9383 5.79609 20 5.94531 20 6.10039Z' fill='%23E43539'/><path d='M9.26469 4.14062H10.7357C11.0766 4.14062 11.3456 4.43055 11.32 4.77055L10.8203 11.4112C10.7973 11.7169 10.5425 11.9531 10.236 11.9531H9.76438C9.45781 11.9531 9.20309 11.7168 9.18008 11.4112L8.68039 4.77055C8.65485 4.43055 8.92375 4.14062 9.26469 4.14062Z' fill='%23E9F3FB'/><path d='M11.3199 4.7707L10.8199 11.4113C10.7973 11.7168 10.5422 11.9531 10.2359 11.9531H10V4.14062H10.7355C11.0766 4.14062 11.3453 4.43047 11.3199 4.7707Z' fill='%23D6E9F8'/><path d='M8.83008 14.6855V14.6895C8.83008 15.3356 9.35387 15.8594 10 15.8594C10.6461 15.8594 11.1699 15.3356 11.1699 14.6895V14.6855C11.1699 14.0394 10.6461 13.5156 10 13.5156C9.35387 13.5156 8.83008 14.0394 8.83008 14.6855Z' fill='%23E9F3FB'/><path d='M11.1699 14.6855V14.6895C11.1699 15.0125 11.0391 15.3051 10.8273 15.5168C10.6156 15.7285 10.323 15.8594 10 15.8594V13.5156C10.6461 13.5156 11.1699 14.0395 11.1699 14.6855Z' fill='%23D6E9F8'/></g><defs><clipPath id='clip0_1272_102'><rect width='20' height='20' fill='white'/></clipPath></defs></svg>");
    position: relative;
    margin-right: 10px;
    top: 5px;
}



.login-section .ls-form .lsf-inner .ls-suc {
    color: #28a745;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    margin-top: 20px;
}

.login-section .ls-form .lsf-inner .ls-suc::before {
    content: url("data:image/svg+xml;utf8,<svg height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><g fill='%2328a745'><path d='m9.7 11.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l3 3c.2.2.4.3.7.3s.5-.1.7-.3l7-8c.3-.5.3-1.1-.2-1.4-.4-.3-1-.3-1.3.1l-6.2 7.1z'></path><path d='m21 11c-.6 0-1 .4-1 1 0 4.4-3.6 8-8 8s-8-3.6-8-8c0-2.1.8-4.1 2.3-5.6 1.5-1.6 3.5-2.4 5.7-2.4.6 0 1.3.1 1.9.2.5.2 1.1-.1 1.3-.7s-.2-1-.7-1.2h-.1c-.8-.2-1.6-.3-2.4-.3-5.5 0-10 4.5-10 10.1 0 2.6 1.1 5.2 2.9 7 1.9 1.9 4.4 2.9 7 2.9 5.5 0 10-4.5 10-10 .1-.6-.4-1-.9-1z'></path></g></svg>");
    position: relative;
    margin-right: 10px;
    top: 5px;
}


.login-section.fp-page .ls-form {
    padding-top: 90px;
    padding-bottom: 90px;
}

.login-section.fp-page .ls-form .ls-options {
    justify-content: center;
}

.login-success {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    background-color: rgba(96, 96, 96, 0.8);
    padding-top: 229px;
    transition: all ease .3s;
}

.login-success .ls-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
    padding: 0px 15px;
    padding-top: 52px;
    padding-bottom: 82px;
}

.login-success .ls-inner .lsi-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 438px;
    width: 100%;
    text-align: center;
}

.login-success .ls-inner .lsi-box .lsi-icon {
    display: flex;
    margin-bottom: 20px;
}

.login-success .ls-inner .lsi-box h2 {
    color: #2F3F55;
    font-family: 'Gooper';
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 15px;
}

.login-success .ls-inner .lsi-box p {
    color: #404040;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.login-success .ls-inner .lsi-box a.lsi-btn {
    max-width: 367px;
    width: 100%;
    padding: 12px 15px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    background-color: #F2A019;
}

.login-success .ls-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
    padding: 0px 15px;
    padding-top: 90px;
    padding-bottom: 90px;
}

.performance-section {
    padding: 45px 0;
}

.performance-section .ps-inner h1 {
    color: #2F3F55;
    text-align: center;
    font-family: Gooper;
    font-size: 65px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
    margin-bottom: 45px;
}

.ps-table table thead {
    background-color: #2F3F55;
}

.ps-table table tfoot {
    background-color: #1164C7;
}

.ps-table table thead th,
.ps-table table tbody td,
.ps-table table tfoot th {
    color: #FFF;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    text-align: center;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    padding: 33px 10px;
	vertical-align: middle;
}

.ps-table table tbody td {
    border-right: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    border-left: 1px solid #ECECEC;
    background: #fff;
    color: #404040;
}

.ps-table table tbody tr:nth-child(2n) td {
    background: #f9f9f9;
}

.performance-section .ps-inner .ps-graph {
    background: #2F3F55;
    padding: 47px 44px;
    margin-bottom: 70px;
}

.performance-section .ps-inner .ps-graph h4 {
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    text-align: center;
    margin-bottom: 44px;
}

.ps-graph .psg-box {
    padding: 44px 0;
}

.ps-graph .psg-box .psgb-process {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    border-radius: 100px;
    position: relative;
    height: 60px;
}

.ps-graph .psg-box .psgb-process .psgbp-start {
    position: absolute;
    top: 0;
    bottom: 0;
}

.ps-graph .psg-box .psgb-process .psgbp-start span {
    display: block;
    position: absolute;
    top: -50px;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
}

.ps-graph .psg-box .psgb-process .psgbp-start strong {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    display: block;
    position: absolute;
    top: calc(100% + 10px);
}

.ps-graph .psg-box .psgb-process .psgbp-block {
    height: 100%;
	position: relative;
/*     position: absolute;
    left: 0;
    top: 0;
    bottom: 0; */
    border-right: 1px solid #d9d9d9;
    z-index: 1;
    border-radius: 80px 0px 0px 80px;
}

.ps-graph .psg-box .psgb-process .psgbp-block span {
    display: block;
    position: absolute;
    top: -50px;
    color: #B0B0B0;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    right: -20px;
}

.ps-graph .psg-box .psgb-process .psgbp-block strong {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    display: block;
    position: absolute;
    top: calc(100% + 30px);
    right: -20px;
}

.ps-graph .psg-box .psgb-process .psgbp-block:last-child {
    border-right: 0;
    border-radius: 0px 100px 100px 0px;
}

.ps-graph .psg-box .psgb-process .psgbp-block.psgbp-total {
    background-color: #F2A019;
	border-right: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	border-radius: 80px;
}
.ps-graph .psg-box .psgb-process .psgbp-block.psgbp-total strong {
    top: calc(100% + 5px);
}

.ps-graph .psg-box .psgb-process .psgbp-block.psgbp-total span {
    top: -30px;
}

.ps-graph .psg-box .psgb-process .psgbp-block:last-child span,
.ps-graph .psg-box .psgb-process .psgbp-block:last-child strong {
    right: 0;
}

.login-section .ls-form .lsf-inner form legend, 
.login-section .ls-form .lsf-inner form p.no-margin label {
    display: none;
}

.login-section .ls-form .lsf-inner form .somfrp-lost-pass-form-text p.extra-space {
    font-size: 14px;
    font-weight: 400;
    color: #2F3F55;
    text-align: center;
}

.login-section .ls-form .lsf-inner form input {
    width: 100%;
}

.login-section .ls-form .lsf-inner form .lostpassword-submit {
    margin: 0;
}

.login-section .ls-form .lsf-inner form .lostpassword-submit button#reset-pass-submit {
    padding: 12px 15px;
    color: #FFF;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    background-color: #F2A019;
    border: 0;
    width: 100%;
}

.login-section .ls-form .lsf-inner form#resetpasswordform label {
    display: none;
}

.login-section .ls-form .lsf-inner form#resetpasswordform  .somfrp-lost-pass-form-text {
    display: none;
}

.performance-section {
    border-bottom: 1px solid #ddd; 
}

div#jobs {
    border-bottom: 0;
}

.per-sidebar {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 0;
}

.per-sidebar {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 0;
    background-color: #2e3f55;
    width: 100%;
    max-width: 150px;
    z-index: 9;
    box-shadow: 0 0 10px 10px #ffffff3b;
}

.per-sidebar a {
    padding: 10px 20px;
    color: #fff;
    border-bottom: 1px solid #ddd;
}

.per-sidebar a:last-child {
	border-bottom: 0;
}

.per-sidebar a:hover,
.per-sidebar a.active {
    background-color: #f2a019;
    color: #fff;
}