@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");
/* Using a url */
/* @import url("https://use.typekit.net/xkb7rqk.css"); */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700&display=swap');


/* html,
body {
    font-size: 16px;
} */

:root,
[data-theme="light"] {
    --brand-color: #1C90FF;
    --pink-900: #5B1E34;
    --pink-800: #702440;
    --pink-700: #97264F;
    --pink-600: #D2326D;
    --pink-500: #F2508B;
    --pink-400: #F46B9E;
    --pink-300: #F584AE;
    --pink-200: #FAB9D1;
    --pink-100: #FCDCE8;
    --pink-50: #FEEDF3;
    --blue-900: #1A4469;
    --blue-800: #154875;
    --blue-700: #1366AE;
    --blue-600: #1579D0;
    --blue-500: #2490EF;
    --blue-400: #50A6F2;
    --blue-300: #7CBCF5;
    --blue-200: #A7D3F9;
    --blue-100: #D3E9FC;
    --blue-50: #F0F8FE;
    --cyan-900: #006464;
    --cyan-800: #007272;
    --cyan-700: #008b8b;
    --cyan-600: #02c5c5;
    --cyan-500: #00ffff;
    --cyan-400: #2ef8f8;
    --cyan-300: #6efcfc;
    --cyan-200: #a0f8f8;
    --cyan-100: #c7fcfc;
    --cyan-50: #dafafa;
    --green-900: #2D401D;
    --green-800: #44622A;
    --green-700: #518B21;
    --green-600: #68AB30;
    --green-500: #8CCF54;
    --green-400: #A5D97A;
    --green-300: #BCE39B;
    --green-200: #D2ECBD;
    --green-100: #E9F6DE;
    --green-50: #F4FAEE;
    --dark-green-900: #1F3E2B;
    --dark-green-800: #29593B;
    --dark-green-700: #286840;
    --dark-green-600: #2E844E;
    --dark-green-500: #2F9D58;
    --dark-green-400: #59B179;
    --dark-green-300: #82C49B;
    --dark-green-200: #ACD8BC;
    --dark-green-100: #DFEEE5;
    --dark-green-50: #EAF5EE;
    --gray-900: #191919;
    --gray-800: #333C44;
    --gray-700: #505A62;
    --gray-600: #898989;
    --gray-500: #98A1A9;
    --gray-400: #C0C6CC;
    --gray-300: #DCE0E3;
    --gray-200: #EBEEF0;
    --gray-100: #f8f8f8;
    --gray-50: #F9FAFA;
    --red-900: #631D1D;
    --red-800: #802121;
    --red-700: #9B2C2C;
    --red-600: #C53030;
    --red-500: #E24C4C;
    --red-400: #EC645E;
    --red-300: #FCA4A4;
    --red-200: #FCC8C8;
    --red-100: #FFECEC;
    --red-50: #FFF5F5;
    --yellow-900: #5F370E;
    --yellow-800: #744210;
    --yellow-700: #975A16;
    --yellow-600: #B7791F;
    --yellow-500: #D69E2E;
    --yellow-400: #ECB64B;
    --yellow-300: #F6C35E;
    --yellow-200: #FAD489;
    --yellow-100: #FEE9BF;
    --yellow-50: #FEF4E2;
    --orange-900: #653019;
    --orange-800: #7B3A1E;
    --orange-700: #9C4621;
    --orange-600: #CB5A2A;
    --orange-500: #F8814F;
    --orange-400: #F9966C;
    --orange-300: #FDAE8C;
    --orange-200: #FECDB8;
    --orange-100: #FFEAE1;
    --orange-50: #FFF5F0;
    --purple-900: #343360;
    --purple-800: #45438F;
    --purple-700: #4946BF;
    --purple-600: #6461D6;
    --purple-500: #8684FF;
    --purple-400: #9897F7;
    --purple-300: #B9B8FA;
    --purple-200: #DAD9F7;
    --purple-100: #EAEAFB;
    --purple-50: #F2F2FD;
    --padding-xs: 5px;
    --padding-sm: 10px;
    --padding-md: 15px;
    --padding-lg: 20px;
    --padding-xl: 30px;
    --padding-2xl: 40px;
    --margin-xs: 5px;
    --margin-sm: 8px;
    --margin-md: 15px;
    --margin-lg: 20px;
    --margin-xl: 30px;
    --margin-2xl: 40px;
    --font-stack: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --text-bold: 500;
    --shadow-xs: rgba(0, 0, 0, 0.05) 0px 0.5px 0px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.05) 0px 2px 4px 0px;
    --shadow-sm: 0px 1px 2px rgba(25, 39, 52, 0.05), 0px 0px 4px rgba(25, 39, 52, 0.1);
    --shadow-base: 0px 4px 8px rgba(25, 39, 52, 0.06), 0px 0px 4px rgba(25, 39, 52, 0.12);
    --shadow-md: 0px 8px 0.875rem rgba(25, 39, 52, 0.08), 0px 2px 6px rgba(25, 39, 52, 0.04);
    --shadow-lg: 0px 18px 22px rgba(25, 39, 52, 0.1), 0px 1px 10px rgba(0, 0, 0, 0.06), 0px 0.5px 5px rgba(25, 39, 52, 0.04);
    --drop-shadow: 0px 0.5px 0px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0), 0px 2px 4px rgba(0, 0, 0, 0.05);
    --modal-shadow: var(--shadow-md);
    --card-shadow: var(--shadow-sm);
    --btn-shadow: var(--shadow-xs);
    --text-muted: var(--gray-600);
    --text-light: var(--gray-800);
    --text-color: var(--gray-900);
    --heading-color: var(--gray-900);
    --icon-fill: transparent;
    --icon-fill-bg: var(--fg-color);
    --icon-stroke: var(--gray-900);
    --icon-stroke-theme: #1C90FF;
    --bg-blue: var(--);
    --bg-light-blue: var(--blue-50);
    --bg-dark-blue: var(--blue-300);
    --bg-green: var(--dark-green-50);
    --bg-yellow: var(--yellow-50);
    --bg-orange: var(--orange-50);
    --bg-red: var(--red-50);
    --bg-gray: var(--gray-200);
    --bg-light-gray: var(--gray-100);
    --bg-purple: var(--purple-100);
    --bg-pink: var(--pink-50);
    --bg-cyan: var(--cyan-50);
    --text-on-blue: var(--blue-600);
    --text-on-light-blue: var(--blue-500);
    --text-on-dark-blue: var(--blue-700);
    --text-on-blue: var(--blue-600);
    --text-on-green: var(--dark-green-500);
    --text-on-yellow: var(--yellow-500);
    --text-on-orange: var(--orange-500);
    --text-on-red: var(--red-500);
    --text-on-gray: var(--gray-600);
    --text-on-light-gray: var(--gray-800);
    --text-on-purple: var(--purple-500);
    --text-on-pink: var(--pink-500);
    --text-on-cyan: var(--cyan-600);
    --alert-text-danger: var(--red-600);
    --alert-text-warning: var(--yellow-700);
    --alert-text-info: var(--blue-700);
    --alert-text-success: var(--green-700);
    --alert-bg-danger: var(--red-50);
    --alert-bg-warning: var(--yellow-50);
    --alert-bg-info: var(--blue-50);
    --alert-bg-success: var(--green-50);
    --bg-color: #F4F4F8;
    --fg-color: white;
    --navbar-bg: white;
    --fg-hover-color: var(--gray-100);
    --card-bg: var(--fg-color);
    --disabled-text-color: var(--gray-700);
    --disabled-control-bg: var(--gray-50);
    --control-bg: var(--gray-100);
    --control-bg-on-gray: var(--gray-200);
    --awesomebar-focus-bg: var(--fg-color);
    --modal-bg: white;
    --toast-bg: var(--modal-bg);
    --popover-bg: white;
    --awesomplete-hover-bg: var(--control-bg);
    --sidebar-select-color: var(--gray-200);
    --scrollbar-thumb-color: var(--gray-400);
    --scrollbar-track-color: var(--gray-200);
    --shadow-inset: inset 0px -1px 0px var(--gray-300);
    --border-color: var(--gray-100);
    --dark-border-color: var(--gray-300);
    --table-border-color: var(--gray-200);
    --highlight-color: var(--gray-50);
    --yellow-highlight-color: var(--yellow-50);
    --code-block-bg: var(--gray-900);
    --code-block-text: var(--gray-400);
    --border-radius-sm: 4px;
    --border-radius: 5px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --border-radius-full: 999px;
    --primary: #1C90FF;
    --primary-color: #1C90FF;
    --btn-height: 28px;
    --checkbox-right-margin: var(--margin-xs);
    --checkbox-size: 0.875rem;
    --checkbox-focus-shadow: 0 0 0 2px var(--gray-300);
    --checkbox-gradient: linear-gradient(180deg, #4AC3F8 -124.51%, var(--primary) 100%);
    --right-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 7.5L4.75 4L1.25 0.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    --left-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.5 9.5L4 6l3.5-3.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'></path></svg>");

    /* new 27 jul*/
    --secondary: #7c7c7c;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #e03636;
    --light: #f3f3f3;
    --dark: #383838;
    --weight-regular: 400;
    --weight-medium: 400;
    --weight-semibold: 500;
    --weight-bold: 600;
    --weight-black: 700;
}

:root,
[data-theme="light"] {
    --text-xs: 11px;
    --text-sm: 12px;
    --text-md: 13px;
    --text-base: 13px;
    --text-lg: 16px;
    --text-xl: 18px;
    --text-2xl: 20px;
    --text-3xl: 22px;
    --text-bold: 500;
    --navbar-height: 60px;
    --appreciation-color: var(--dark-green-600);
    --appreciation-bg: var(--dark-green-100);
    --criticism-color: var(--red-600);
    --criticism-bg: var(--red-100);
    --error-bg: var(--red-50);
    --error-border: var(--red-400);
    --page-head-height: 75px;
    --page-bottom-margin: 60px;
    --input-height: calc(1.5em + 0.75rem + 2px);
    --input-disabled-bg: var(--gray-200);
    --checkbox-right-margin: var(--margin-xs);
    --checkbox-size: 0.875rem;
    --checkbox-focus-shadow: 0 0 0 2px var(--gray-300);
    --timeline-item-icon-size: 34px;
    --timeline-item-left-margin: var(--margin-xl);
    --timeline-item-bottom-margin: var(--margin-sm);
    --timeline-content-max-width: 700px;
    --timeline-left-padding: calc(var(--padding-xl) + var(--timeline-item-icon-size) / 2);
    --user-mention-bg-color: var(--fg-color);
    --group-mention-bg-color: var(--bg-purple);
    --skeleton-bg: var(--gray-100);
    --right-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 7.5L4.75 4L1.25 0.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    --left-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.5 9.5L4 6l3.5-3.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'></path></svg>");
    --progress-bar-bg: var(--primary);
    --bg-light-bg: #f6f9fc;
    --bg-active-bg: #F1F1FF;
    --border-common-bottom: #ededed;
    --border-common: #E2E2E2;
    --textcolor: #191919;
    --icocolor: rgb(92 92 92 / 70%);
    --border-input: #cdcdcd;
    --control-bg2: #fff;
    --text-color-brand: #191919;
}


::selection {
    color: #3680dc !important;
    background-color: rgba(26, 115, 232, .1);
}

body {
    background-color: var(--bg-light-bg);
    /* background-color: #f6f9fc !important; */
}

.page-container {
    background-color: var(--bg-light-bg);
}

body {
    font-family: 'Inter', sans-serif !important;
    color: var(--textcolor);
    font-weight: 400;
    /* background-color: var(--bg-light-bg); */
    overflow-x: hidden !important;
    font-style: normal;
    font-size: 0.875rem;
}

.tk-proxima-nova {
    font-family: "Inter", sans-serif
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Inter', sans-serif;
    /* font-weight: 600; */
}

a,
.btn {
    transition: all 0.2s ease-in-out;
}

.btn.btn-primary {
    background-color: var(--primary);
}

.btn.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    background-color: #05add7;
    color: #fff !important;
}

.btn.btn-sm {
    padding: 3px 8px;
    box-shadow: none;
    line-height: 1.3;
    border-radius: 3px;
}

.login-content .btn {
    height: 50px;
}

.login-content .form-control {
    height: 50px;
}

.form-control {
    background: var(--control-bg2);
    border: 1px solid var(--border-input) !important;
    padding: 0.276rem 0.65rem;
}

.awesomplete .input-with-feedback {
    background-color: var(--control-bg2);
    color: var(--text-color);
}

.form-control:focus {
    /* color: #1e2022; */
    border-color: rgba(140, 152, 164, .25) !important;
    outline: 0;
    box-shadow: 0 0 0.6rem 0 rgba(140, 152, 164, .25) !important
}

.list-row-head {
    height: 40px;
    border-bottom: 1px solid var(--border-common) !important;
}

.form-label {
    color: #898989;
}

.h100vh {
    height: 100vh;
}

h1.logotext {
    color: #5A5A5A !important;
    font-size: 22px !important;
    font-weight: 500;
}

.navbar.gpnav {
    border-bottom: 1px solid var(--border-common-bottom);
    box-shadow: none !important;
    z-index: 999;
}

.navbar.gpnav .icontop {
    font-size: 16px;
    /* color: #1C90FF; */
    /* text-shadow: 0 3px 3px #cdcdcd77;
    color: var(--icocolor); */
}
.navbar-expand .navbar-nav .nav-link {
    line-height: 1;
}
.navbar.gpnav_bottom {
    box-shadow: 0px 0px 21px 0px rgba(154, 161, 171, 0.15) !important;
    height: 36px !important;
}

.navbar .navbar-brand,
h1.logotext {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: var(--text-color-brand);
    /* text-shadow: 0 0 1px var(--gray-100), 0 0 1px var(--gray-100), 0 0 1px var(--gray-100), 0 0 1px var(--gray-100), 0 0 1px var(--gray-100), 0 0 1px var(--gray-100), 0 0 1px var(--gray-100), 0 1px 2px rgb(0 0 0 / 30%), 0 3px 9px rgb(0 0 0 / 10%); */
}

.navbar-expand .navbar-nav {
    align-items: center;
}

.navbar .nav-item {
    font-size: 12px;
    margin-left: 16px;
    margin-bottom: 0;
    margin-top: 0;
}

.navbar.gpnav_bottom .nav-item {
    margin-left: 6px !important;
}

.navbar.gpnav_bottom .nav-item:first-child {
    margin-left: 0 !important;
}

.navbar.gpnav_bottom .nav-item {
    border-radius: 3px;
}

.navbar.gpnav_bottom .nav-item .nav-link {
    padding: 4px 8px;
    color: var(--text-color);
    font-size: 13px;
    border-radius: 4px;
    /* font-size: 0.875rem; */
}

.navbar.gpnav_bottom .nav-item.active .nav-link,
.navbar.gpnav_bottom .nav-item .nav-link:hover,
.navbar.gpnav_bottom .nav-item .nav-link.active {
    /* background: #1C90FF; */
    color: #fff !important;
    background-color: #1C90FF;
    outline: 0 !important;
}




.navbar.gpnav_bottom .search-bar {
    margin-right: 0;
    max-width: 280px;
}

.navbar.gpnav .navbar-nav .nav-link:hover .icontop {
    color: #1C90FF;
}

.gpnav_bottom .dropdown-toggle::after {
    display: none;
}

.avatar-small .avatar-medium {
    width: 27px !important;
    height: 27px !important;
}

.avatar-small .avatar-medium .standard-image {
    font-size: 13px !important;
}

.page-head {
    padding: 8px 0;
    background: var(--bg-light-bg);
}


/* .page-head.drop-shadow {
    top: 104px;
    padding: 3px 0;
} */

.page-head {
    transition: all 0.2s ease-in-out;
}

.page-head.drop-shadow {
    top: 104px;
    padding: 3px 0;
    /* z-index: 1026; */
}

.page-head .page-head-content {
    height: 42px !important;
}

.toprightmenu li a:hover {
    color: #1C90FF;
}

.toprightmenu .avatar .standard-image {
    font-weight: 600;
    background-color: #696969 !important;
    border: .5px solid #696969;
    color: #fff !important;
    font-size: 11px !important;
    width: 22px;
    height: 22px;

    /*   box-shadow: 0 3px 4px #65eaec77;
     background-color: #d8f7ff !important;
     color: #1C90FF !important;
    box-shadow: 0 2px 5px 0 rgb(49 49 93 / 10%), 0 1px 2px 0 rgb(0 0 0 / 8%); */
}

.toprightmenu .avatar .standard-image:hover {
    background-color: #405c77 !important;
    color: #fff !important;
    border: .5px solid #191919;
}

.customcard {
    border: 1px solid var(--border-common-bottom);
    border-radius: 5px;
    overflow: hidden;
}

.quicktour_section a {
    color: #1C90FF;
}

.quicktour_section img {
    height: 60px;
}

.quicktour_section {
    display: flex;
    flex-wrap: wrap;
}

.quicktour_section .card .card-text {
    min-height: 50px;
}

.quicktour_section .card a {
    padding: 0;
    line-height: 1;
}

.card-transition {
    transition: all 0.2s ease-in-out;
}

.card-transition:focus,
.card-transition:hover {
    -webkit-transform: translateY(-0.1875rem) !important;
    transform: translateY(-0.1875rem) !important;
}

.sidebar-menu .attachbtn .data-pill {
    width: 100%;
    min-height: 250px;
    text-align: center;
    display: inline-block;
}

.add-attachment-btn.attachbtn {
    max-width: 100%;
    display: block;
    border: 1px dashed #1C90FF;
    border-radius: 5px;
}

.attachbtn .data-pill .icon-hd {
    font-size: 66px;
    line-height: 1;
    color: #1C90FF;
    display: block;
    margin-bottom: 10px;
}

.attachment-row {
    margin-bottom: 0;
}

.attachment-row .btn {
    background: none !important;
    border-top: 1px solid #F4F4F8;
    border-radius: 0;
    padding: 0 !important;
    height: 40px;
}

.general_section .minheight,
.card-section.minheight {
    min-height: 710px;
}

.attachment-row .btn:last-child {
    border-bottom: 1px solid #F4F4F8;
    border-top: none;
}

.card-sidebar {
    box-shadow: none;
    padding: 20px;
    background-color: var(--card-bg);
    border: 1px solid var(--border-common);
    border-radius: 5px !important;
    margin-bottom: 10px;
}

.frappe-card,
.form-section.card-section,
.form-dashboard-section {
    border: 1px solid var(--border-common);
    background-color: var(--card-bg);
    margin-bottom: 10px;
    box-shadow: none;
    border-radius: 5px !important;
}

.layout-side-section {
    padding-right: 0;
}

.layout-side-section .general_section {
    font-size: 16px;
}

.text-primary {
    color: #1C90FF !important;
}

.aticonside .icon {
    stroke: var(--icon-stroke-theme) !important;
}

.std-form-layout>.form-layout>.form-page {
    box-shadow: none !important;
    background-color: transparent !important;
}

.layout-main-section .input-with-feedback.form-control {
    height: 36px;
}

.layout-main-section .frappe-control[data-fieldtype=Select] .control-input .select-icon,
.layout-main-section .frappe-control[data-fieldtype=Select].form-group .select-icon {
    top: 7px;
}

.search-bar .awesomplete input {
    height: 28px;
}

.awesomplete>ul>li {
    padding: 5px 10px !important;
}


/* Dashboard */

.widgetcard .widget hr {
    margin: 0;
    background: var(--border-common-bottom);
}

hr {
    border-top: 1px solid var(--border-common);
}

.widgetcard .widget {
    padding: 0;
    /* box-shadow: 0px 1px 11px #00000012; */
    border: 1px solid var(--border-common-bottom);
    border-radius: 5px;
}

.widgetcard .widget .widget-head {
    padding: 10px 0.875rem;
}

.widgetcard .widget .widget-body {
    padding: 0;
}

.widgetcard .widget .widget-title {
    font-size: 16px !important;
    margin-bottom: 3px;
    /* color: #000 !important; */
    font-weight: 600 !important;
}

.widgetcard .widget .widget-subtitle {
    color: #898989 !important;
}

.flextcontent {
    justify-content: space-between;
    border-bottom: 1px solid #f4f4f4;
}

.flextcontent p {
    margin-top: 8px;
}

.flextcontent:last-child {
    border: none;
}

.bg1primary {
    background: #3373CB !important;
}

.bg2info {
    background: #47AFE6 !important;
}

.bgyellow {
    background: var(--text-on-orange) !important;
}

.bggreen {
    background: #28a745 !important;
}

.bgred {
    background: #e24c4c !important;
}

.bgyellow2 {
    background: #E6E04A !important;
}

.bggreen2 {
    background: #42AC92 !important;
}

.bginfo2 {
    background: #47AFE6 !important;
}

.smcircle {
    width: 10px;
    height: 10px;
    background-color: #C6C6C6;
    display: inline-block;
    border-radius: 10px;
    float: left;
    margin-right: 8px;
    margin-top: 2px;
}

.smcircle.stcircle {
    margin-top: 7px;
}

.quicklist_link {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    /* text-align: center; */
}

.quicklist_link li {
    display: inline-block;
    margin: 6px;
}

.quicklist_link li:first-child {
    margin-left: 0;
}

.quicklist_link li .card img {
    height: 22px;
}

.quicklist_link li .card {
    width: 75px;
    height: 75px;
    margin: 5px;
    vertical-align: middle;
    display: table-cell;
    font-size: 13px;
    padding: 2px;
    border-radius: 4px;
    line-height: 1;
    background-color: var(--card-bg);
}

.quicklist_link li .card p {
    margin-top: 5px;
}

.quicklist_link li a {
    text-decoration: none;
}

.quicklist_link li a.card:hover {
    border: 1px solid #1C90FF !important;
    color: #1C90FF;
}

.widgetcard .widget .btn {
    box-shadow: var(--btn-shadow) !important;
}

.widgetcard .frappe-list .result {
    min-height: 360px;
}

.widgetcard .list-subject {
    flex: 1;
    justify-content: start;
}


/* .list-row-container:hover .list-row {
    background: #F8F8FF !important;
} */

.list-subject-long {
    flex: 2;
    justify-content: start;
}

.actionlink {
    display: none;
}

.list-row-container:hover .list-row .actionlink {
    display: block;
}

.widgetcard .widget .tabsbtn .btn {
    box-shadow: none !important;
}

.tabsbtn .btn {
    box-shadow: none !important;
    font-size: 14px;
    padding: 10px 2px;
    border-radius: 0 !important;
    border: 2px solid transparent;
    border-left: 0;
    border-right: 0;
    font-weight: 600;
    margin-right: 8px;
}

.tabsbtn .btn.active {
    /* border-bottom: 1px solid #1C90FF; */
    background: none;
    color: #1C90FF;
    box-shadow: none !important;
}

.form-tabs-list.st-tabs {
    padding: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none;
}


.avatarcust .standard-image {
    background: #646464;
    color: #fff;
}

.widgetcard .widget .widget-subtitle.text-info {
    color: #4C83EF !important;
    font-size: 0.875rem !important;
}

.transaction_dash .smtext {
    display: block;
    font-size: 10px;
    line-height: 1;
    color: #898989;
}

.transaction_dash .flextcontent {
    border-bottom: 0;
}

.transaction_dash .flextcontent p {
    margin-top: 10px;
    align-items: center;
    display: flex;
    line-height: 1;
}

.transaction_dash .flextcontent .smcircle {
    margin-right: 5px;
}

.transaction_dash .linkgoto {
    align-items: center;
    width: 100%;
    line-height: 1;
    justify-content: end;
    color: #898989;
    margin-bottom: 0;
}

.transaction_dash .linkgoto .btn {
    margin-left: 5px;
    box-shadow: none !important;
    padding: 2px 10px;
}

.border-right-1 {
    border-right: 1px solid #e7e5e5;
}

.border-left-1 {
    border-left: 1px solid #e7e5e5;
}

.group-gateway .btn {
    margin-right: 10px;
    background: #9D9D9D;
    color: #fff;
}

.group-gateway .btn:hover {
    background: #1C90FF;
    color: #fff !important;
}

.theme-quickbtn {
    background: transparent linear-gradient(90deg, #6262FF 0%, #2D7CCB 100%) 0% 0% no-repeat padding-box;
}

.theme-quickbtn:hover {
    background: transparent linear-gradient(90deg, #2D7CCB 0%, #6262FF 100%) 0% 0% no-repeat padding-box !important;
}

.headsection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e7e5e5;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.box-shadow-none,
.widgetcard .widget .btn.box-shadow-none {
    box-shadow: none !important;
}

.cardsmallsec {
    box-shadow: 0px 0px 6px #00000012;
    border: 1px solid var(--border-common-bottom);
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 15px;
    background-color: var(--card-bg);
}

.btn-soft-primary {
    background-color: #efefff;
    color: #1C90FF !important;
}

.btn-soft-primary:hover {
    background-color: #1C90FF;
    color: #fff !important;
}

.minheight {
    min-height: 360px;
}

.autoscroll {
    padding-right: 15px;
    height: 340px;
    overflow-y: auto;
    scrollbar-color: var(--gray-200) transparent;
}


/* new sidebar */

.sidenav {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-wrap: nowrap;
}

.sidenav .sidenav-menu {
    flex-grow: 1;
    padding: 20px 10px;
}

.sidenav .sidenav-menu .nav {
    flex-direction: column;
    flex-wrap: nowrap
}

.sidenav .sidenav-menu .nav-link.active,
.sidenav .sidenav-menu .nav-link:hover {
    color: #1C90FF;
}

.sidenav .sidenav-menu-nested {
    border-left-color: #d4dae3;
}

.sidenav .sidenav-menu .nav .nav-link {
    display: flex;
    align-items: center;
    line-height: normal;
    padding: 0.5rem 0.5rem;
    position: relative;
    font-weight: 600;
}

.sidenav .sidenav-menu .nav .nav-link .nav-link-icon {
    font-size: .9rem;
    padding-right: .5rem;
    display: inline-flex
}

.sidenav .sidenav-menu .nav .nav-link .nav-link-icon .feather {
    width: 1rem;
    height: 1rem
}

.sidenav .sidenav-menu .nav .nav-link.active {
    font-weight: 600
}

.sidenav .sidenav-menu .nav .nav-link.active .nav-icon {
    color: #1C90FF
}

.sidenav .sidenav-menu .nav .nav-link .sidenav-collapse-arrow {
    display: inline-block;
    margin-left: auto;
    transition: transform .15s ease;
    transform: rotate(-90deg)
}

.sidenav .sidenav-menu .collapsed .nav-link.active .sidenav-collapse-arrow {
    transform: rotate(0deg)
}

.sidenav .sidenav-menu .nav .sidenav-menu-nested {
    flex-direction: column;
    margin-left: 0.5rem;
    border-left-style: solid;
    border-left-width: thin;
}

.sidenav .sidenav-menu-nested .nav-link {
    font-size: .9rem;
    position: relative;
    padding: 0.2rem 1rem !important;
    font-weight: 400 !important;
    color: #898989;
}

.sidenav .sidenav-menu-nested .nav-link.active,
.sidenav .sidenav-menu-nested .nav-link:hover {
    border-left: 2px solid #1C90FF;
}

.page-form .standard-filter-section .form-group .form-control,
.page-form .frappe-control[data-fieldtype=Select].form-group select,
.page-form .input-with-feedback.form-control {
    height: 32px !important;
}

.page-form .frappe-control[data-fieldtype=Select].form-group .select-icon {
    top: 6px;
}

.page-form .standard-filter-section {
    align-items: center;
}

.page-form nav .breadcrumb {
    margin-bottom: 0;
}


/* treemenu menu */

.treemenu {
    margin: 0;
    padding: 0;
    list-style: none
}

.treemenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

.treemenu ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid #d4dae3
}


/* .treemenu ul li:before{content:"";display:block;width:10px;height:0;border-top:1px solid;margin-top:-1px;position:absolute;top:1em;left:0} */

.treemenu ul li:last-child:before {
    background: #fff;
    height: auto;
    top: 1em;
    bottom: 0
}

.treemenu li {
    margin: 0;
    padding: 0 1em;
    line-height: 2em;
    position: relative
}

.treemenu li .expand {
    display: block;
    margin: 10px 0;
}

.treemenu li .collapse {
    display: none
}

.treemenu li a {
    text-decoration: none;
    color: #898989 !important;
    display: block;
}

.treemenu .expand li.active {
    border-left: 2px solid #1C90FF;
}

.treemenu .expand li.active a {
    color: #1C90FF !important;
    font-weight: 600;
}

.treemenu .expand li li:hover a,
.treemenu li a.active.open,
.treemenu li a.active,
.treemenu .expand li:hover a.open {
    color: #1C90FF !important;
    font-weight: 600;
}

.treemenu li ul {
    margin-top: 10px;
    font-size: 0.875rem;
}

.treemenu .expand li li:hover {
    border-left: 2px solid #1C90FF;
}

.treemenu .expand li a {
    color: #898989 !important;
}


/* .treemenu li ul li a{color:#898989 !important;}
.treemenu li ul li.active a{font-weight: 600;color:#1C90FF !important;}
.treemenu li ul li {border: none;}
.treemenu li ul li.active {border-left: 2px solid #1C90FF;} */

.indicator {
    /* float: right; */
    font-size: 0.875rem;
    /* margin-top: 9px; */
}

.cardside_bill {
    padding: 0 !important;
}

.search-bar .search-icon {
    z-index: 99;
    margin-left: 8px !important;
}

.btnnone {
    padding: 0;
    box-shadow: none;
    font-size: 17px;
}

.dropdown-menu.dropdown-sm a {
    padding: 5px 10px;
    box-shadow: none;
}

.text-grey {
    color: #898989 !important;
}

.quick_access_inbox .list-row {
    padding: 10px 15px;
    position: relative;
    background: var(--fg-color);
}

.quick_access_inbox .list-row .level-left {
    min-width: 40%;
    flex: 1;
    align-items: top !important;
}

.quick_access_inbox .avatar-medium .standard-image {
    background: #646464;
    color: #fff;
}

.quick_access_inbox .list-row {
    height: auto;
}

.quick_access_inbox .level,
ul.quick_access_inbox .level-right {
    align-items: inherit;
}

.quick_access_inbox li {
    border-top: 1px solid var(--border-common);
}

.quick_access_inbox li:first-child {
    border-top: none;
}

.quick_access_inbox .list-row:hover,
.quick_access_inbox li.active .list-row {
    background: var(--bg-active-bg);
}

.quick_access_inbox li:hover .list-row::before,
.quick_access_inbox li.active .list-row::before {
    width: 4px;
    height: 100%;
    background: #1C90FF;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
}

.quick_access_inbox li:hover .list-row .standard-image,
.quick_access_inbox li.active .list-row .standard-image {
    background: #1C90FF;
}

.general_section .breadcrumb-item+.breadcrumb-item::before {
    content: ">";
}

.general_section .breadcrumb li {
    font-size: 16px;
}

.general_section .breadcrumb li a {
    color: #1C90FF;
    font-weight: 500;
}

.lh1 {
    line-height: 1;
}

.customcard .page-form {
    padding: 15px;
    border-bottom: 1px solid var(--border-common-bottom);
}

.cardside_bill .autoscroll {
    height: 640px;
    overflow-y: auto;
    padding-right: 0 !important;
}

.new-timeline .nav-pills .nav-link.active,
.new-timeline .nav-pills .show>.nav-link {
    background-color: #1C90FF;
    border-radius: 5px !important;
    padding: 2px 10px;
}

.dropdown-item {
    padding: 6px 10px;
}

.dropdown-item:hover {
    background-color: rgba(189, 197, 209, .2) !important
}

.customize-timeline.new-timeline .timeline-item .timeline-badge {
    width: 26px !important;
    height: 26px !important;
    left: -13px !important;
    top: 7px !important;
}

.customize-timeline.new-timeline .timeline-item .timeline-content {
    margin-left: 20px;
    padding-top: 5px;
}

.customize-timeline.new-timeline {
    padding-top: 10px;
    padding-left: 29px;
}


/* .customize-timeline.new-timeline .timeline-item .timeline-badge {border-color: #1C90FF; color: #1C90FF;} */

.siderightbar {
    min-height: 610px;
    border-left: 1px solid var(--border-common-bottom);
    display: flex;
    flex-direction: column;
}

.flex-auto {
    flex: auto;
}

.tabshead {
    padding: 10px 15px;
}

.docsection {
    padding: 10px 15px;
}

.grid-body .editable-row .form-control {
    height: 40px !important;
    border-radius: 0 !important;
}

.grid-body .editable-row .has-error .form-control {
    border: 1px solid var(--error-border) !important;
}

.autoscroll.timeline {
    height: 240px;
    overflow-y: auto;
    padding-right: 0 !important;
}

.ledger_block {
    margin-top: 40px;
}

.ledger_block table {
    width: 100%;
    font-size: 13px;
}

.table-md th,
.table-md td {
    padding: 0.4rem;
}

.ledger_block th.borright_tnone,
.ledger_block td.borright_tnone {
    border-right: 0 none !important;
}

.border-right-0 {
    border-right: none !important;
}

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

.ledger_block .table-bordered thead th,
.ledger_block .table-bordered thead td {
    border-bottom-width: 1px !important;
}

.control-label {
    font-weight: 300;
    font-size: 13px;
    color: #898989 !important;
}

.frappe-control .control-input .select-icon {
    padding-left: inherit;
    padding-right: inherit;
    position: absolute;
    pointer-events: none;
    top: 12px;
    right: 12px;
}

.frappe-control .control-input {
    position: relative;
}

.frappe-list.mastlist .list-row {
    padding: 5px 15px;
}

.frappe-list.mastlist .list-row-container:first-child {
    border-top: 1px solid var(--border-color);
}


/* left right */

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

.title_start {
    font-size: var(--text-xl);
}


/* The switch - the box around the slider */

.flex_header .switch {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 22px;
    float: right;
    margin-bottom: 0;
}


/* Hide default HTML checkbox */

.flex_header .switch input {
    display: none;
}


/* The slider */

.flex_header .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.flex_header .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.flex_header input.primary:checked+.slider {
    background-color: #1C90FF;
}

input:focus+.slider {
    box-shadow: 0 0 1px #1C90FF;
}

input:checked+.slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


/* list */

#myUL {
    list-style-type: none;
}

#myUL {
    margin: 0;
    padding: 0;
}

.caret {
    cursor: pointer;
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
}

.caret::before {
    content: "\25B6";
    color: black;
    display: inline-block;
    margin-right: 6px;
}

.caret-down::before {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.nested {
    display: none;
}

/* .active {
    display: block;
} */

.frappe-control[data-fieldname="next"] .btn-default,
.frappe-control[data-fieldname="next2"] .btn-default {
    background: #1C90FF !important;
    color: #fff !important;
}

.frappe-control[data-fieldname="next"] .form-group,
.frappe-control[data-fieldname="next2"] .form-group,
.frappe-control[data-fieldname="previous"] .form-group,
.frappe-control[data-fieldname="previous2"] .form-group {
    margin-bottom: 0;
}

.frappe-control[data-fieldname="next"],
.frappe-control[data-fieldname="next2"] {
    float: right;
    padding-right: 0 !important;
}

.frappe-control[data-fieldname="current_plan"]:disabled {
    background-color: #eee;
    cursor: not-allowed;
}

.frappe-control .control-value.like-disabled-input {
    padding: 15px 0 0px 0 !important;
    background: none !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.frappe-control[data-fieldname="approve"] .btn-default {
    background: #1C90FF !important;
    color: #fff !important;
}

.genbillcard .form-group {
    margin-bottom: 0.5rem;
}

.bold {
    font-weight: 400;
}

.frappe-control[data-fieldtype=Icon] .selected-icon {
    left: 8px;
}

h1.logotext {
    margin-top: 0;
}

.widget.links-widget-box {
    padding: 10px 12px;
}


/* sidetimeline */

.side-timeline {
    font-size: var(--text-md);
    position: relative;
    margin-bottom: var(--timeline-item-bottom-margin);
    padding-left: 8px;
}

.side-timeline .timeline-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: var(--text-xs);
    position: absolute;
    --zero-px: 0px;
    top: clamp(var(--zero-px), 50% - 16px/2, max(var(--zero-px), (34px - (50% - 16px/2)) * 34));
    left: calc(-1 * (16px / 2));
    background-color: var(--fg-color);
    border: 1px solid var(--dark-border-color);
    --icon-stroke: var(--gray-600);
    display: flex;
    justify-content: center;
    align-items: center;
}

.side-timeline li {
    font-size: var(--text-md);
    position: relative;
    margin-bottom: var(--timeline-item-bottom-margin);
}

.side-timeline li .timeline-content {
    max-width: var(--timeline-content-max-width);
    padding: 6px;
    margin-left: 14px;
}

.side-timeline li .timeline-content span {
    display: flex;
    margin-left: 4px;
    margin-bottom: 0 !important;
    line-height: 1.2;
}

.side-timeline li .timeline-content span b {
    margin-right: 4px;
}

.side-timeline .timeline-dot:before {
    content: " ";
    background: var(--gray-600);
    border-radius: 50%;
    height: 4px;
    width: 4px;
    position: absolute;
}

.side-timeline:before {
    content: " ";
    top: 14px;
    position: absolute;
    border-left: 1px solid var(--dark-border-color);
    bottom: calc(-1 * var(--timeline-item-bottom-margin) + 25px);
}


/* new */

.row-xs {
    margin-left: -8px;
    margin-right: -8px;
}

.row-xs>div {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

.avatar {
    position: relative;
    width: 30px;
    height: 30px;
}

.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-initial {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9eaea;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.transaclist li {
    padding: 14px 20px;
    border-color: rgb(160 160 160 / 15%) !important;
}

.transaclist p {
    line-height: 1;
    font-size: 13px;
}

.transaclist p.bold {
    font-weight: 600 !important;
}

.cardnewdash {
    background-color: var(--fg-color);
    /* box-shadow: var(--card-shadow); */
    border-radius: var(--border-radius-md);
    margin-bottom: var(--margin-sm);
    /* box-shadow: 0 3px 20px #0000000b; */
}

.shadowsome {
    /* box-shadow: 0 3px 20px #0000000b; */
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.cardnewdash .list-group-item {
    background-color: var(--fg-color);
}

.cardnewdash li a {
    text-decoration: none;
}

.cardnewdash li:hover {
    background-color: var(--bg-light-bg);
}

.cardnewdash .widget-head {
    border-bottom: 1px solid var(--border-common-bottom);
    padding: 14px 0.875rem;
}

.widget.cardnewdash {
    position: relative;
}

.cardnewdash .widget-footer {
    padding: 8px 0.875rem 3px;
    border-top: 1px solid var(--border-common-bottom);
    padding: 10px 0.875rem 10px;
    border-top: 1px solid var(--border-common-bottom);
    border-radius: 0px 0px 5px 5px;
    margin-block-start: auto;
}

.notification-null-state {
    margin-block: auto;
}

.bg-indigo {
    background-color: #5b47fb;
}

.bg-info2 {
    background-color: #00c1c1
}



.op-5 {
    opacity: 0.5;
}

.text-orange {
    color: var(--text-on-orange);
}

.text-blue {
    color: var(--text-on-blue);
}

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

.text-red {
    color: var(--text-on-red);
}

.text-purple {
    color: var(--text-on-purple);
}

.text-pink {
    color: var(--text-on-pink);
}

.text-cyan {
    color: var(--text-on-cyan);
}

.bg-blue {
    background-color: var(--blue-600);
}

.bg-orange {
    background-color: var(--orange-500);
}

.bg-cyan {
    background-color: var(--cyan-700);
}

.avatar.large {
    width: 50px;
    height: 50px;
}

.manage_tabsbtn .tabsbtn .btn {
    padding: 0px 10px 10px;
    font-size: 14px;
    font-weight: 600;
}

.widget-head.manage_tabsbtn {
    padding-bottom: 0 !important;
}

.lh-1 {
    line-height: 1.2;
}

.crm-widget .col {
    border-right: 1px solid var(--border-common-bottom);
    background-color: var(--fg-color);
}

.bgwelcome {
    background: transparent linear-gradient(90deg, #6262FF 0%, #2D7CCB 100%) 0% 0% no-repeat padding-box;
}

.imgava {
    height: 65px;
    width: 65px;
}

.extrabold {
    font-weight: 800;
}

.medbold {
    font-weight: 600;
}


/* quic */

.quicklinkcircle {
    position: relative;
    width: 50px;
    height: 50px;
    display: inline-block;
}

.quicklinkcircleinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #5b47fb;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px rgb(0 0 0 / 13%);
}

.qlinkcirc {
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
    display: inline-block;
}

.qlinkcirc:hover {
    -webkit-transform: translateY(-0.1875rem) !important;
    transform: translateY(-0.1875rem) !important;
}


/* .qlinkcirc:hover .quicklinkcircleinner {
    box-shadow: 0 3px 10px #0000000b !important;
} */

.cl1 {
    background-color: #59b4f5;
}

.cl2 {
    background-color: #7795e9;
}

.cl3 {
    background-color: #987be9;
}

.cl4 {
    background-color: #f0bd59;
}

.cl5 {
    background-color: #7bc584;
}

.cl6 {
    background-color: #59b4f5;
}

.bg-light-primary {
    background-color: #f6f6ff !important;
}

.quicklink2 {
    list-style: none;
    padding: 0;
    justify-content: space-around;
    display: flex;
}

.quicklink2 li {
    display: inline-block;
    margin: 6px 10px;
}

.card.cardnewdash {
    border-radius: 5px;
    border: 1px solid var(--border-common-bottom);
}


/* mail box */

.mailbox {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mailbox .mailbox-body {
    border-top: 1px solid var(--border-common-bottom);
    overflow: hidden;
    flex: 1;
    display: flex;
}


/* .mailbox .mailbox-body .mailbox-sidebar {
    max-width: 22.5rem;
    height: 100%;
} */

.mailbox .mailbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.mailbox .mailbox-list .mailbox-list-item+.mailbox-list-item {
    border-top: 1px solid var(--border-common-bottom);
}

.mailbox .mailbox-list .mailbox-list-item {
    padding: 0.775rem 0.775rem 0.575rem;
    display: flex;
    position: relative;
}

.mailbox .mailbox-list .mailbox-list-item:hover::before,
.mailbox .mailbox-list .mailbox-list-item.active::before {
    width: 4px;
    height: 100%;
    background: #1C90FF;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
}

.card.customcard,
.breadcrumb {
    background-color: var(--card-bg);
}


/* .mailbox .mailbox-list .mailbox-list-item:hover,
.mailbox .mailbox-list .mailbox-list-item.active {
    background: var(--bg-active-bg);
} */

.mailbox .mailbox-list .mailbox-checkbox {
    position: relative;
}

.mailbox .mailbox-list .mailbox-list-item.has-attachment .mailbox-checkbox:after {
    content: "\f4b3";
    position: absolute;
    top: 1.5625rem;
    text-align: center;
    width: 1.125rem;
    font-family: bootstrap-icons !important;
    font-weight: 300;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    left: 0;
    color: #898989 !important;
}

.mailbox .mailbox-list .mailbox-list-item .form-check {
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.4em;
    margin-bottom: 0.125rem;
}

.mailbox .mailbox-list .mailbox-list-item .form-check .form-check-input {
    float: left;
    margin-top: 1px;
}


/* .mailbox .mailbox-list .mailbox-list-item.has-attachment .iconattach {
    position: absolute;
    top: 1.5625rem;
    text-align: center;
    width: 1.125rem;
    left: 0;
} */

.mailbox .mailbox-list .mailbox-checkbox+.mailbox-message {
    padding-left: 0.3125rem;
    width: 100%;
}

.mailbox .mailbox-list .mailbox-message .mailbox-list-item-link {
    display: block;
    text-decoration: none;
    position: relative;
}

.mailbox .mailbox-list .mailbox-message .mailbox-sender {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 1.2;
}

.mailbox .mailbox-list .mailbox-list-item.unread .mailbox-message .mailbox-title {
    font-weight: 600;
    color: var(--app-component-color);
}

.mailbox .mailbox-list .mailbox-message .mailbox-sender .mailbox-sender-name {
    font-weight: 600;
    flex: 1;
    margin-right: auto;
    font-size: 13px;
}

.mailbox .mailbox-list .mailbox-message .mailbox-sender .mailbox-time {
    font-size: .75rem;
    font-weight: 400;
    padding-left: 0.3125rem;
}

.mailbox .mailbox-list .mailbox-message .mailbox-title {
    color: var(--app-component-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 18.125rem;
}

.mailbox .mailbox-list .mailbox-message .mailbox-desc {
    position: relative;
    font-size: .8125rem;
    color: rgba(var(--app-component-color-rgb), .5);
    max-height: 2.625rem;
    overflow: hidden;
}

.mailbox-sender .indicator-pill,
.transaclist .indicator-pill {
    background: none;
    padding: 0;
}

.transaclist .indicator-pill {
    font-size: 13px;
    display: inline-block;
    height: inherit;
}

.transaclist .indicator-pill::before {
    display: none;
}

.transaclist {
    height: 100%;
    min-height: 270px !important;
}

.number-card-loading {
    min-height: 270px;
    text-align: center;
    display: flex;
    width: 100%;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.transaclist.myspacetrans {
    min-height: auto !important;
}

.flex1 {
    flex: 1;
    margin-right: auto;
}

.sidebar-menu .sidebar-label {
    margin-bottom: var(--margin-sm);
    font-weight: 500;
    display: flex;
    align-items: center;
    color: var(--text-muted);
    letter-spacing: 0.04rem;
    font-size: var(--text-sm);
}

.sidebar-menu .sidebar-label .icon {
    margin: 0;
    margin-right: var(--margin-xs);
    --icon-stroke: var(--text-muted);
}

.dropdown-menu a:hover {
    background-color: var(--sidebar-select-color);
}

.dropdown-menu a.dropdown-item:focus {
    color: #1C90FF !important;
}


/* .dropdown:hover .dropdown-menu {
    display: block !important;
} */
.dropdown-toggle::after {
    display: none;
}

/* hover */

.navbar-nav .dropdown-menu {
    margin-top: 0;
}

/* s */

.navbar.gpnav_bottom .nav-item.show .nav-link {
    color: #fff;
    background-color: #1C90FF;
}

a.nav-link:focus {
    outline: 1px solid #ccc !important;
}

.toprightmenu .nav-item .nav-link:focus {
    outline: 0 !important;
    /* border-radius: 50%; */
}

.megamenu-li {
    position: relative;
}

.megamenu {
    position: absolute;
    /* width: 80%; */
    padding: 15px;
    width: 780px;
    left: 0;
}

.dayhigh {
    text-transform: capitalize;
}

.dayhigh span {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.6px;
}

/* float button*/
.action div {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    cursor: pointer;
    position: relative;

}

.action.active span {
    transform: rotate(135deg);
}


.float-menu {
    position: fixed;
    top: 30%;
    right: 1%;
    z-index: 999;
}

.float-menu .indicator2 {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 6px 9px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
    cursor: pointer;
}

/* .float-menu .indicator:before {
    transform: rotate(-45deg);
    transition: all 0.3s;
    color: #000
} */

.float-menu .indicator2 span {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: 0.3s ease-in-out;
    position: relative;
}

.float-menu .content {
    position: absolute;
    transform: scale(0.8);
    transform-origin: right top;
    right: 0;
    top: 0;
    padding-top: 60px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.float-menu .content button {
    margin: 5px 0;
    white-space: nowrap;
    display: block;
}

.float-menu:hover .indicator2 span {
    transform: rotate(135deg);
}

.float-menu:hover .content {
    visibility: visible;
    transition: all 0.3s;
    transform: scale(1);
    opacity: 1;
}

/*end button*/


.inboxsecbox .collapsed .collapse-indicator .icon {
    transform: rotate(180deg)
}

/* carousel */
.transaction-carousel .carousel-control-prev,
.transaction-carousel .carousel-control-next {
    width: auto;
    background: none;
    color: #898989 !important;
    border: 1px solid var(--border-common-bottom);
    line-height: 1;
    font-size: 18px;
    padding: 15px 8px 14px;
    border-radius: 5px;
    opacity: 1;
}

.slideTransBtn .btn {
    width: 30px;
    height: 30px;
}


.shadow-com {
    box-shadow: 0 2px 5px -1px rgba(50, 50, 93, 0.25),
        0 1px 3px -1px rgba(0, 0, 0, 0.3);
}


.shadow-com:hover {
    box-shadow: 0 10px 20px -5px rgba(50, 50, 93, 0.25),
        0 8px 16px -8px rgba(0, 0, 0, 0.3)
}

/* circleinfo */
.badge-outline {
    font-size: 16px;
    margin-right: 5px;
    padding: 0;
    text-align: left;
    font-weight: 600;
    width: 30px;
}

.widget.cardnewdash .widget-subtitle {
    font-size: 13px;
}

.notifications-list.myspace_notification {
    width: auto;
    position: relative;
    box-shadow: none !important;
    padding: 0 30px;
}

.transaction-carousel .carousel-inner {
    padding: 20px 5px;
}

/* slide company setup */

.company-setup-slide .grid-static-col,
.company-setup-slide .row-index,
.company-setup-slide .row-check {
    height: auto !important;
}

.company-setup-slide .grid-body .editable-row .form-control.table-multiselect {
    height: auto !important;
}

.company-setup-slide .grid-body .data-row {
    align-items: center;
}

/* slide company setup */
.company-setup-slide .grid-static-col,
.company-setup-slide .row-index,
.company-setup-slide .row-check {
    height: auto !important;
}

.company-setup-slide .grid-body .editable-row .form-control.table-multiselect {
    height: auto !important;
}

.company-setup-slide .grid-body .data-row {
    align-items: center;
}

.fs18 {
    font-size: 18px !important;
}

.text-danger {
    color: #ff0000 !important;
}

/*
.print-format th {
    background: #f2f2f2 !important;
}

.print-format .table-bordered td,
.print-format .table-bordered th {
    border: 1px solid #ebebeb !important;
} */

/* error */
.frappe-control:not([data-fieldtype=MultiSelectPills]):not([data-fieldtype="Table MultiSelect"]).has-error input {
    border: 1px solid var(--error-border) !important;
}


.form-control:focus {
    color: var(--text-color) !important;
    background-color: var(--control-bg) !important;
    border-color: var(--gray-500) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(104, 113, 120, 0.25) !important;
}

.frappe-control .control-label.reqd:after {
    content: " *";
    color: var(--red-400) !important;
}

/* print format */
.print-format th {
    background-color: #eee !important;
    border-bottom: 0px !important;
}

.preview-beta-wrapper td,
.preview-beta-wrapper th {
    vertical-align: top !important;
    padding: 6px !important;
}

.preview-beta-wrapper label {
    font-size: 13px;
    color: #000000;
    margin-bottom: 0;
    font-weight: 600;
}

.print-heading {
    text-align: right;
    text-transform: uppercase;
    color: #666;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d1d8dd;
}

.print-heading h2 {
    font-size: 24px;
}

.preview-beta-wrapper .table>tbody>tr>td,
.preview-beta-wrapper .table>tbody>tr>th,
.preview-beta-wrapper .table>tfoot>tr>td,
.preview-beta-wrapper .table>tfoot>tr>th,
.preview-beta-wrapper .table>thead>tr>td,
.preview-beta-wrapper .table>thead>tr>th {
    border: 1px solid #d1d8dd;
}

/* default */
.print-format {
    font-size: 13px;
    background: white;
}

.print-heading {
    border-bottom: 1px solid #d1d8dd !important;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.print-heading h2 {
    font-size: 24px;
}

.print-heading h2 div {
    font-weight: 600;
}

.print-heading small {
    font-size: 13px !important;
    font-weight: normal;
    line-height: 2.5;
    color: #4c5a67;
}

.print-format .letter-head {
    margin-bottom: 30px;
}

.print-format label {
    font-weight: normal;
    font-size: 13px;
    color: #4C5A67;
    margin-bottom: 0;
}

.print-format .data-field {
    margin-top: 0;
    margin-bottom: 0;
}

.print-format .value {
    color: #192734;
    line-height: 1.8;
}

.print-format .section-break:not(:last-child) {
    margin-bottom: 0;
}

.print-format .row:not(.section-break) {
    line-height: 1.6;
    margin-top: 15px !important;
}

.print-format .important .value {
    font-size: 13px;
    font-weight: 600;
}

.print-format th {
    color: #000;
    font-weight: normal;
    border-bottom-width: 1px !important;
    background-color: #eee !important;
}

.print-format .table-bordered td,
.print-format .table-bordered th {
    border: 1px solid #d1d8dd !important;
}

.print-format .table-bordered {
    border: 1px solid #d1d8dd !important;
}

.print-format td,
.print-format th {
    padding: 10px !important;
}


.print-format .primary.compact-item {
    font-weight: normal;
}

.print-format table td .value {
    font-size: 12px;
    line-height: 1.8;
}

/* top create link */
a.createlink:hover {
    background: #1C90FF;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px #1C90FF;
    /* color: #fff !important;
    font-size: 13px !important;
    padding: 6px 10px !important;
    border: 1px solid #28b2d4;
    line-height: 1; */
}

a.createlink:hover .icontop {
    color: #fff !important;
}

a.createlink {
    font-weight: 600;
    box-shadow: inset 0 0 0 1px #868686;
    padding: 5px 8px !important;
    border-radius: 3px;
    /* background: #1C90FF;
    color: #fff !important;
    padding: 5px 10px !important;
    border-radius: 20px; */
    /* font-size: 13px !important;
    border: 1px solid #28b2d4;
    line-height: 1;
    font-weight: normal;
    */
}

.createlink .icontop {
    margin-right: 3px;
    text-shadow: none !important;
    font-size: 13px !important;
    color: #fff !important;
}

.frappe-list .list-row-col {
    flex: 2 !important;
    margin-right: 10px !important;
}

.navbar-home img {
    height: 20px !important;
}

.navbar {
    height: 46px !important;
}

.loginheader img {
    height: 24px !important;
}

.loginheader img:hover {
    box-shadow: none !important;
}

.frappe-control.has-error .form-control {
    border: 1px solid var(--error-border) !important;
}

.frappe-list .list-row-col.list-subject {
    font-weight: 500;
    flex: 3 !important;
}

.frappe-control[data-fieldtype=Select].form-group .placeholder.xs {
    top: 5px !important;
}

.page-form .form-group {
    margin: 5px 0px !important;
}

.list-row:hover .list-row-col.ellipsis,
.awesomplete>ul>li:hover,
.widget.shortcut-widget-box .indicator-pill:hover,
.cardnewdash li a:hover {
    color: #1C90FF;

}

.content_perfect.table-new-dashboard .level.list-row:hover {
    background-color: rgba(28, 144, 255, .06) !important;
}

/* quick links */

.other-products {
    padding: 50px 0;
    background-color: #f9f9f9;
    transition: ease all 0.5s;
    -webkit-transition: ease all 0.5s;
    -ms-transition: ease all 0.5s;
}

.pro-list>.pro-wrap {
    float: left;
    width: 25%;
    padding-left: 8px;
    padding-right: 8px;
}

.pro-box {
    padding: 15px;
    text-align: center;
    transition: all 300ms linear;
    background: #fff;
    transition: 0.4s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: 15px 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.pro-icon {
    margin-bottom: 8px;
    width: 100%;
    text-align: center;
}

.pro-icon i {
    font-size: 70px;
}

.pro-box:hover {
    background-color: #1C90FF;
    transition: ease all 0.5s;
    -webkit-transition: ease all 0.5s;
    -ms-transition: ease all 0.5s;
}

.custom-pro-box {
    /* display: flex;
    display: -webkit-flex; */
}

.pro-icon a {
    display: inline-block;
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    padding: 10px;
}

.pro-icon a img {
    max-width: 100%;
    border-radius: 5px;
}

.pro-title h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
    transition: all 300ms linear;
    padding: 0px;
    min-height: 50px;
}

.pro-title h5 a {
    color: #575757;
}

.pro-title h5 a:hover {
    color: #3a57c4;
}

.pros .section-title p {
    margin-bottom: 40px;
    padding: 0 30px;
}

.pro-list .swiper-container {
    padding-bottom: 50px;
}

.pro-box:hover .pro-title h5,
.pro-box:hover .pro-title h5 a {
    color: #fff;
}

.pro-wrap {
    /* display: flex;
    display: -webkit-flex; */
}

.pro-list .swiper-container .swiper-pagination-bullet {
    transition: ease all 0.5s;
    -webkit-transition: ease all 0.5s;
    -ms-transition: ease all 0.5s;
}

.pro-list .swiper-container .swiper-pagination-bullet-active {
    transition: ease all 0.5s;
    -webkit-transition: ease all 0.5s;
    -ms-transition: ease all 0.5s;
    background: #3a57c4;
    width: 23px;
    border-radius: 4px;
}
.nav-link.avatar-small {
    display: flex;
    align-items: center;
    width: auto;
 }
 .nav-link.avatar-small {
    display: flex;
    align-items: center;
    width: auto;
 }
 .navbar.gpnav_bottom .nav-item:first-child .nav-link {
    padding-left: 0 !important;
}

.navbar.gpnav_bottom .nav-item:first-child .nav-link:hover,
.navbar.gpnav_bottom .nav-item .nav-link:first-child.active {
    padding-left: 8px !important;
}

/* end quick links */