.content {
    padding: 30px 10px 0;
}

@font-face {
    font-family: "B Titr";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/BTitrBd.ttf") format("truetype"),url("/fonts/BTitrBold.eot") format("eot"),url("/fonts/BTitrBold.woff") format('woff');
}

@font-face {
    font-family: "B Zar";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/BZar.ttf") format("truetype"),url("/fonts/BZar.eot") format("eot"),url("/fonts/BZar.woff") format('woff');
}

@font-face {
    font-family: "BTitr";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/BTitrBd.ttf") format("truetype"),url("/fonts/BTitrBold.eot") format("eot"),url("/fonts/BTitrBold.woff") format('woff');
}

@font-face {
    font-family: "BZar";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/BZar.ttf") format("truetype"),url("/fonts/BZar.eot") format("eot"),url("/fonts/BZar.woff") format('woff');
}

@font-face {
    font-family: 'webyekan';
    src: url("/fonts/BYekan.eot") format("eot"), url("/fonts/BYekan.woff") format("woff"), url("/fonts/BYekan.ttf") format("truetype");
}

@font-face {
    font-family: 'IRANSansFaNum';
    src: url("/fonts/IRANSansWeb(FaNum)_Medium.woff") format("woff");
}

@font-face {
    font-family: "B Nazanin";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/BNazanin.ttf") format("truetype"),url("/fonts/BNazanin.eot") format("eot"),url("/fonts/BNazanin.woff") format('woff');
}

@font-face {
    font-family: "BNazanin";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/BNazanin.ttf") format("truetype"),url("/fonts/BNazanin.eot") format("eot"),url("/fonts/BNazanin.woff") format('woff');
}

@font-face {
    font-family: 'IRANSans';
    src: url('/fonts/irsans.ttf') format('truetype');
}

@font-face {
    font-family: 'WebIranNastaliq';
    src: url('/fonts/IranNastaliq.ttf') format('truetype'), url('/fonts/IranNastaliq.woff') format('woff'), url('/fonts/IranNastaliq.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins/Poppins-Regular.ttf') format('truetype');
}


@media (min-width: 992px) {
    .header-fixed.toolbar-fixed
    .wrapper {
        padding-top: calc(-17px + var(--kt-toolbar-height)) !important;
    }
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}

.form-control.form-control-solid:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white !important;
}

.titleRow {
    font-weight: bold;
    color: #fff;
    padding: 4px 10px;
}

.btnCancel {
    background-color: #fff
}

html, body {
    font-family: 'Poppins', Tahoma, Geneva, Verdana, sans-serif;
}

.bodyrtl .dropdown-toggle {
    background-image: url("/images/menuitem-arrow-left.gif");
    background-position: right center;
}

.bodyrtl .nav .open > a,
.bodyrtl .nav .open > a:focus,
.bodyrtl .nav .open > a:hover,
.bodyrtl .nav li > a:hover {
    background-position: right center
}

.bodyrtl .dropdown-submenu > .dropdown-menu {
    margin-left: unset;
    margin-right: -3px;
    border-radius: 6px 0 6px 6px
}

.bodyrtl .navbar-left {
    float: right !important
}

body.bodyrtl {
    font-family: 'IRANSansFaNum','webyekan',Tahoma,Arial,Helvetica,sans-serif;
    direction: rtl
}

.bodyrtl .verticalseprator {
    float: right
}

.bodyrtl ul.ErrorHeader li {
    list-style: inside;
    list-style: inside -moz-arabic-indic
}

.bodyrtl .ErrorHeader {
    text-align: right
}

.bodyrtl .fieldlistli {
    float: right;
    text-align: right
}

    .bodyrtl .fieldlistli .buttons {
        text-align: left
    }

        .bodyrtl .fieldlistli .buttons button {
            margin-right: unset;
            margin-left: 5px
        }

    .bodyrtl .fieldlistli label {
        padding-left: 5px;
        padding-right: unset
    }

.bodyrtl .k-rtl .fieldlistli label {
    padding-left: 0;
    padding-right: 25px
}

.bodyrtl .field-validation-error {
    float: right;
    direction: rtl
}


.bodyrtl .ipmpToolbar .btnToolbar_32 {
    float: right;
    background-color: transparent
}

.bodyrtl .btnToolbar_32 span {
    font-family: 'IRANSansFaNum';
    float: left;
    padding-right: 5px
}

.bodyrtl .btnToolbarOppositeDirection_32 {
    float: left !important;
    background-color: transparent !important
}

.bodyrtl .toolbarSeparator32 {
    float: right
}

.bodyrtl .toolbarToggle32 {
    float: right
}

.bodyrtl .timeSheetShortcut {
    right: unset;
    position: unset;
    top: unset
}

.bodyrtl .helpShortcut {
}

.bodyrtl .gdmItemTotal {
    float: right
}

.bodyrtl .gdmItem {
    float: right
}

.bodyrtl .gdmSearchBarHeader button {
    float: right
}

.bodyrtl .gdmSearchBarHeader h3 {
    float: right
}

.bodyrtl span.k-widget.k-tooltip-validation {
    text-align: right
}

.bodyrtl #myTimesheetReportLink {
    float: left;
    margin-right: unset;
    margin-left: 5px
}

.bodyrtl #vacationEntryLink {
    float: left;
    margin-right: unset;
    margin-left: 5px
}

.bodyrtl #videoPlayerWin .k-window-actions {
    right: auto !important;
    left: .2em !important
}


.bodyrtl .control-label {
    float: right;
    display: block
}
/******************************Field List********************************/
.fieldlist {
    padding: 0;
    display: grid
}

.fieldlistli {
    display: block;
    float: left;
    line-height: 1.5em;
    list-style: outside none none;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

    .fieldlistli .buttons {
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: right
    }

        .fieldlistli .buttons button {
            margin-right: 5px
        }

    .fieldlistli label {
        padding-right: 5px
    }


.field-validation-error {
    float: left;
    direction: ltr
}

.fieldlist li div {
}

/******************************Field List End********************************/

.disabled {
    color: #888
}

.rowCaption .userSelectorTagIcon {
    padding-bottom: 3px;
    padding-top: 10px
}

.userSelectorTagIcon {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-size: 100%;
    border-radius: 50%
}

.assigneeSelectorImage {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-top: 2px
}

.assigneeSelectorTitle {
    padding-top: 9px
}

.dfiAssigneeColumnItem {
    float: left;
    padding: 0 5px 0 5px;
    display: flex;
}

    .dfiAssigneeColumnItem .ChatInfo {
        top: 0;
        right: 10px;
        left: 10px
    }

    .dfiAssigneeColumnItem .assigneeTitle {
        padding: 12px 5px 0px 5px;
    }

    .dfiAssigneeColumnItem .assigneeImage {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        margin-top: 2px
    }

.bodyrtl .dfiAssigneeColumnItem .assigneeImage {
    float: right
}

.bodyrtl .dfiAssigneeColumnItem .assigneeTitle {
    padding-right: 45px
}

.bodyrtl .dfiAssigneeColumnItem {
    float: right
}

/*Profile page*/
.ProfilePage {
    background-color: #fff;
    -ms-border-radius: 1px;
    border-radius: 1px;
    min-height: 400px;
    box-shadow: #ccc 0 0 5px;
    -ms-transition: box-shadow .5s ease-in-out;
    -o-transition: box-shadow .5s ease-in-out;
    -webkit-transition: box-shadow .5s ease-in-out;
    transition: box-shadow .5s ease-in-out
}

    .ProfilePage:hover {
        box-shadow: 0 2px 2px 0 #000,0 3px 1px -2px #000,0 1px 5px 0 #000;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)
    }

    .ProfilePage .ImageProfile {
        margin: 0 auto;
        width: 200px
    }

    .ProfilePage .fields span {
        display: inline-block;
        margin: .65em 15px
    }

    .ProfilePage .fields .buttons {
        margin-top: 0
    }

@media(min-width:1200px) {
    .ProfilePage .fields .buttons {
        margin-top: 25px
    }
}

@media(min-width:768px) {
    .ProfilePage .ImageProfile {
        margin: 0 20px
    }
}

.menu-link i {
    margin-left: -23px;
    padding-right: 7px;
    font-size: 18px;
}

.bodyrtl .menu-link i {
    margin-left: 0px !important;
    margin-right: -23px !important;
    padding-left: 7px !important;
    padding-right: 0px !important;
}

.pageHeader {
    display: none;
}

@media (min-width: 768px) {
    .pageHeader {
        display: block !important;
    }
}

.secondaryPageHeader {
    min-height: 50px;
    background: #fff;
    padding-top: 8px;
    margin: 0 0 7px 0;
    box-shadow: #ddd 0 0 2px 2px;
    box-shadow: #ddd 0 0 2px 2px;
    transition: box-shadow .5s ease-in-out;
}

.pageHeader h2 {
    color: #009ef7;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pageHeader h4 {
    font-size: 13px;
}

.pageHeader h2,
.pageHeader h3,
.pageHeader h4 {
    line-height: 60px;
    vertical-align: middle;
    display: inline-block;
}


.projectDDL {
    padding: 5px 10px;
    background-color: #eaeaea;
    border-radius: 10px;
}

#txtSearchProjectMaster {
    padding: 4px 6px;
    border-radius: 3px;
}

.ipmpToolbar {
    width: 100%;
    display: inline-block;
    background-image: none;
    min-height: 32px;
    margin: 0;
    padding: 5px 0;
    box-sizing: content-box;
    color: #08c;
    box-shadow: 0 10px 30px 0 rgba(82,63,105,.05);
}

.btnToolbar_32:not(:disabled):hover {
    color: #003acc
}

.btnToolbar_32:not(:disabled):active {
    color: #4fc0f8
}

.btnToolbar_32 i {
    font-size: 25px
}

.btnToolbar_32 span {
    font-size: 13px
}

.ipmpToolbar .k-dropdown {
    background-color: transparent
}

.ipmpToolbar .btnToolbar_32,
.ipmpVerticalToolbar .btnToolbar_32 {
    color: #08c;
    float: left
}

    .ipmpToolbar .btnToolbar_32:hover,
    .ipmpToolbar.btnToolbar_32:active,
    .ipmpVerticalToolbar .btnToolbar_32:hover,
    .ipmpVerticalToolbar .btnToolbar_32:active {
        color: #50cd89;
        text-decoration: none
    }

.btnToolbar_24 {
    height: 24px;
    width: 27px;
    float: right;
    font-family: "Font Awesome 6 Pro" !important;
    color: #244275 !important;
    background-color: transparent !important;
    font-size: 24px !important;
    line-height: 24px !important;
    border: none !important;
    padding: 2px 0 0 0 !important;
    text-align: center;
    vertical-align: middle
}

.ipmpToolbar .btnToolbar_24 {
    color: #c6f0f0 !important
}

    .ipmpToolbar .btnToolbar_24::before {
        color: #c6f0f0 !important
    }

.btnToolbar_32_text {
    font-size: 15px !important;
    padding: 1px 7px 1px 7px !important;
    border: 1px solid !important;
    margin-right: 3px;
    height: 31px;
    border-radius: 3px
}

.btnToolbar_32_text_dis {
    color: #aaa !important;
    border-color: #aaa !important
}

.bodyrtl .btnToolbar_32_text {
    font-family: IRANSansFaNum !important
}

.toolbarContainer_32 {
    float: right
}

.toolbarContainer_32_ltr {
    float: left
}

.btnToolbarOppositeDirection_32 {
    height: 28px !important;
    width: 32px !important;
    float: right !important;
    font-family: "Font Awesome 6 Pro" !important;
    background-color: transparent !important;
    font-size: 25px !important;
    line-height: 25px !important;
    border: none !important;
    padding: 2px 0 0 0 !important;
    text-align: center;
    vertical-align: middle
}

.btnToolbar_32 {
    height: 28px;
    min-width: 32px;
    font-family: "Font Awesome 6 Pro" !important;
    background-color: transparent;
    font-size: 25px !important;
    line-height: 25px !important;
    border: none !important;
    padding: 2px 0 0 0 !important;
    text-align: center;
    box-sizing: border-box !important
}

    .btnToolbar_32:not(:disabled) {
        color: #08c
    }

        .btnToolbar_32:not(:disabled):hover {
            color: #50cd89
        }

        .btnToolbar_32:not(:disabled):active {
            color: #4fc0f8
        }

    .btnToolbar_32 span {
        font-size: 13px
    }

.ipmpToolbar .k-dropdown {
    background-color: transparent;
    color: #08c
}

.ipmpToolbar .k-menu {
    background-color: transparent;
    color: #08c
}

.bodyrtl .toolbarSeparator32 {
    float: right;
}

.toolbarSeparator32 {
    background: #cdc7d1 none repeat scroll 0 0;
    float: left;
    height: 28px;
    margin: 1px 4px;
    width: 2px;
}

.btn {
    margin: .25rem .125rem;
}

/****************/

/*#kt_aside_toggle.active > .rotate-180{
    transform: none !important;
    transition: transform .3s ease;
}

#kt_aside_toggle .rotate-180 {
    transform: rotateZ(-180deg) !important;
    transition: transform .3s ease;
}*/

@media (min-width: 992px) {
    .aside-dark .menu .menu-item .menu-link .no-children {
        font-weight: bold;
    }
}

.k-window-content .row {
    margin-left: 0;
    margin-right: 0;
}

.logListLi {
    display: block;
    float: left;
    line-height: 1.5em;
    list-style: outside none none;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

    .logListLi span {
        direction: ltr;
        float: left;
        text-align: left;
        width: 100%;
    }

    .logListLi label {
    }

    .logListLi input {
        direction: ltr;
        text-align: left;
    }

.logActionBox {
    border: 1px solid;
    display: block;
    float: left;
    height: 139px;
    overflow: auto;
    min-width: 300px;
    padding: 5px;
}

.logTitle {
    clear: both;
    float: left;
    margin-left: 0;
    margin-right: 2%;
    width: 200px;
}

.bodyrtl .logListLi {
    float: right;
    text-align: right;
}

.bodyrtl .logTitle {
    float: right;
}

.bodyrtl .logActionBox {
    float: right;
}

.k-widget .k-dropdown-wrap {
    min-height: 30px;
}

.alert-link {
    font-weight: bold;
    text-decoration-line: underline;
}

.aside-fixed .aside {
    z-index: 200;
}

#user_menu_profile_image:hover {
    box-shadow: 0 0 3px #808080;
}

/*@media(max-width: 991px) {
    .aside-logo, .aside-footer {
        display: none;
    }
}*/

@media(min-width: 992px) {
    [data-kt-aside-minimize="on"] .aside-footer, [data-kt-aside-minimize="on"] .aside:not(:hover) .aside-logo > a {
        -ms-opacity: 0;
        opacity: 0;
        width: 0;
    }

    body:not([data-kt-aside-minimize="on"]) .aside.aside-hoverable .aside-footer,
    .aside.aside-hoverable:hover .aside-footer {
        width: auto;
    }

    body:not([data-kt-aside-minimize="on"]) .aside.aside-hoverable .aside-footer,
    .aside.aside-hoverable:hover .aside-footer,
    [data-kt-aside-minimize="on"] .aside:hover .aside-logo > a {
        -ms-opacity: 1;
        opacity: 1;
        -ms-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
    }

    [data-kt-aside-minimize="on"] .aside:hover .aside-logo > a {
        width: 0;
    }

    body:not([data-kt-aside-minimize="on"]) .aside.aside-hoverable .aside-footer,
    [data-kt-aside-minimize="on"] .aside:hover,
    [data-kt-aside-minimize="on"] .aside.aside-hoverable:hover .aside-menu .menu-content,
    [data-kt-aside-minimize="on"] .aside.aside-hoverable:hover .aside-menu .menu-title,
    [data-kt-aside-minimize="on"] .aside.aside-hoverable:hover .aside-menu .menu-item,
    [data-kt-aside-minimize="on"] .aside:hover .aside-menu .menu-content,
    [data-kt-aside-minimize="on"] .aside:hover .aside-menu .menu-title,
    [data-kt-aside-minimize="on"] .aside:hover .aside-logo > a,
    [data-kt-aside-minimize="on"] .aside.aside-hoverable:hover .aside-footer,
    [data-kt-aside-minimize="on"] .aside-menu:hover .menu-title {
        -ms-transition-delay: 0.3s !important;
        -o-transition-delay: 0.3s !important;
        -webkit-transition-delay: 0.3s !important;
        transition-delay: 0.3s !important;
    }
}

/*::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #a8bbbf;
    }*/


div.notBalanceProjectGroup {
    color: rgb(243,136,77);
}

.k-grid tr.notBalanceProjectGroup,
.k-state-selected.notBalanceProjectGroup, tr.notBalanceProjectGroup.k-state-selected:hover td {
    background-color: rgb(243,136,77);
    color: white;
}


.notBalanceProjectGroup td.k-state-selected:hover, tr.notBalanceProjectGroup.k-state-selected:hover td {
    background-color: rgb(248, 113, 39) !important;
}

.k-selectable tr.notBalanceProjectGroup:hover, .k-selectable tr.notBalanceProjectGroup.k-alt:hover {
    background-color: lightcoral !important;
}

div.notBalanceAssignedProjects {
    color: rgb(240, 200, 119) !important;
}


tr.notBalanceAssignedProjects, tr.notBalanceAssignedProjects td, .k-state-selected.notBalanceAssignedProjects, tr.notBalanceAssignedProjects.k-state-selected:hover td {
    background-color: rgb(240, 200, 119);
    color: white;
}

tr.isControlPoint, tr.isControlPoint td, .k-state-selected.isControlPoint, tr.isControlPoint.k-state-selected:hover td {
    background-color: rgb(197, 224, 180);
    color: black;
}


.ErrorMainContainer {
    min-height: 50px;
    background: white;
    padding: 8px 15px 50px 15px;
    margin: 0 0 7px 0;
    box-shadow: #ddd 0 0 2px 2px;
    min-width: 300px;
}

.ErrorContainer {
    margin: auto;
    text-align: center;
    max-width: 500px;
    padding: 15px;
    background: white;
    /*color: white;*/
    border: 1px solid #ddd;
    -ms-border-radius: 2px;
    border-radius: 2px;
    box-shadow: #ddd 0 0 2px 2px;
    -ms-transition: box-shadow 0.5s ease-in-out;
    -o-transition: box-shadow 0.5s ease-in-out;
    -webkit-transition: box-shadow 0.5s ease-in-out;
    transition: box-shadow 0.5s ease-in-out;
}

    .ErrorContainer:hover {
        box-shadow: 0 2px 2px 0 #000000, 0 3px 1px -2px #000000, 0 1px 5px 0 #000000;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    }

.ErrorHeader {
    text-align: left;
}

ul.ErrorHeader {
    padding: 20px 50px 0 50px;
}

    ul.ErrorHeader li {
        list-style: inside upper-latin;
    }

.warning_exclamation {
    padding: 2px;
}

    .warning_exclamation:after {
        font-family: "fontawesome";
        content: "\f071";
        font-size: 92px;
        color: #efac4e;
    }

.danger_exclamation {
    padding: 2px;
}

    .danger_exclamation:after {
        font-family: "fontawesome";
        content: "\f071";
        font-size: 92px;
        color: red;
    }

.form-label {
    font-size: 0.9rem;
}

.aside-dark .menu .menu-item .menu-link .menu-icon .svg-icon,
.menu-icon .svg-icon.svg-icon-2 {
    color: white;
}


.bodyrtl .form-label {
    font-size: 1.05rem;
}

.k-rtl div.k-grid-footer, .k-rtl div.k-grid-header {
    /*padding-left: 8px !important;*/
}

.k-task.k-task-single.k-state-selected {
    background-color: var(--bs-active-primary);
    box-shadow: 0 1px 2px 0 rgba(48, 48, 48, .30), 0 1px 3px 1px rgba(48, 48, 48, .15);
    transition: box-shadow .3s ease-out;
}