/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');*/

html {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

body {
    margin: 0;
}

header {
    display: grid;
    grid-template-columns: 0 40% 5% 20%;
    grid-template-rows: 60px;
    grid-template-areas: "head head2 . side";
}

.item-1 {
    grid-area: head;
}

.item-2 {
    grid-area: head2;
    padding: 10px;
    height: 70px;
    padding-left: 55px;
}

.item-3 {
    grid-area: side;
}

header button {
    background: #linear-gradient(90deg, #2b073d 0%, #7b417b 100%);
    border: 0;
    padding: 20px;
}

    header button span {
        color: #ffffff;
    }

header h1.login {
    margin: 0;
    font-size: 38px;
    /*padding: 3px 10px;*/
    color: #2B073D;
}

header h1.dashboard {
    display: flex;
    margin-top: 0px;
    padding-left: 1em;
    height: 90%;
    width: auto;
    align-items: center;
    font-size: 38px;
    color: #FEF2FE;
}

/*#region table th tr td*/
table tr td {
    font-size: 12px;
    color: #000000;
}

table thead tr th {
    text-align: center;
}

.eaap-table {
    display: table;
    width: 94%;
    border-collapse: collapse;
    margin: auto;
}

    .eaap-table tr {
        border: 1px solid #9da6b3;
        text-align: left;
        color: white;
    }

    .eaap-table td {
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 5px;
        padding-right: 5px;
        /*font-size: 12px;*/
        color: #000000;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .eaap-table tr {
        background-color: rgba(216, 216, 216, 0.5);
    }

/*GL Coding configuration table td padding is unique*/
.gLCodingConfiguration table tr td {
    padding: 5px;
}

/*Po time to resolve grid first/second column text is left aligned*/
.SecondColumnLeftAligned table td:nth-child(2) {
    text-align: left !important;
}

.ThirdColumnLeftAligned table td:nth-child(3) {
    text-align: left !important;
}

/*#region InvoiceReceiverPopup table*/
.table-invoice-rec {
    margin-top: 25px;
    border-collapse: collapse;
    margin-left: 1%;
    width: 98%;
}

    .table-invoice-rec td {
        border: 1px solid #808080;
        padding: 6px;
    }

/*#endregion*/

/*MyTasks all grids text alinged to center*/
.myTasks .grid-area.k-grid tr {
    text-align: center;
}

/*Create Invoice PO Line grid header style is unique*/
.createInvoice div#CreateInovice_AddNewRowGrid table th {
    font-size: 12px;
    line-height: 1.428571429;
}

/*Below grids header text alinged to left*/
.TableHdrTextAlignLeft table th {
    text-align: left !important;
}

/*Below grids table data text aligned to center*/
.TableTextAlignCenter table td {
    text-align: center;
}

.securityGroupsInterface div#SecurityGroupsInterfaceGrid table td {
    padding: 5px !important;
}
/*#endregion */

/*#region menu*/
#menu-area {
    width: 100%;
    float: left;
}

#menu h2 {
    font-size: 1em;
    text-transform: uppercase;
    padding: 5px 10px;
}

.k-menu:not(.k-context-menu) {
    background: #d8d8d8;
}

    .k-menu:not(.k-context-menu) > .k-item:first-child {
        background-color: #AD73A9;
        font-weight: bold;
        color: white;
    }

    .k-menu:not(.k-context-menu) > .k-item {
        border-right: 1px solid #1E1919;
        padding: 5px;
    }

        .k-menu:not(.k-context-menu) > .k-item,
        .k-menu:not(.k-context-menu) > .k-item.k-state-hover,
        .k-menu:not(.k-context-menu) > .k-item:hover {
            color: #1E1919;
            font-size: 16px;
        }

            .k-menu:not(.k-context-menu) > .k-item > .k-state-active {
                color: #FEF2FE;
            }

.k-menu-group .k-item > .k-state-active, .k-menu.k-context-menu .k-item > .k-state-active {
    background-color: #AD73A9;
    color: #FEF2FE !important;
}

.k-item.k-menu-item:hover {
    background-color: #AD73A9;
    color: #FEF2FE !important;
}

/*#endregion */

/*#region form-area*/
.form-area {
    width: 100%;
    float: left;
}

#form-area {
    width: 100%;
    float: left;
}
    /*#endregion */

    /*#region h1*/
    #form-area h1 {
        color: #238A89;
        padding: 0 25px;
        font-weight: 600;
        font-size: 14px;
        margin: 15px 0;
    }
    /*#endregion */

    /*#region fieldlist*/
    #form-area .fieldlist {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: auto;
        background-color: rgba(216, 216, 216, 0.5);
        margin: 15px 25px;
        padding: 0;
    }

    #form-area.division-area .fieldlist {
        grid-template-columns: repeat(8, 1fr);
        margin: 25px 0;
    }

    #form-area.div10-area .fieldlist {
        grid-template-columns: repeat(10, 1fr);
        margin: 25px 0;
    }

    #form-area.div4-area .fieldlist {
        grid-template-columns: repeat(4, 1fr);
        margin: 0;
    }

    #form-area.div6-area .fieldlist {
        grid-template-columns: repeat(6, 1fr);
        margin: 25px 0;
    }

.gLCodingConfiguration #form-area .fieldlist {
    background: none !important;
}

.auditReport #form-area .fieldlist {
    margin: 5px 15%;
}

.approvalLimitConfiguration .appLmtFieldlist {
    margin: 0 auto !important;
    width: 60%;
    display: -webkit-box !important;
    float: right;
}

.clientDetailsConfiguration .clientDetailsFldlist {
    margin-bottom: 0px !important;
    margin-top: 1px !important;
}

.imageConfiguration .imageConfFldList {
    margin: 0 auto !important;
    margin-top: 1px !important;
}

.taxConfiguration .taxConFldList {
    margin-top: 0px !important;
    margin: 0 auto !important;
}

.vendorTermsConfiguration .venTerFldList {
    margin: 0 auto !important;
    width: 78%;
}

.securityGroupsInterface .secGrIntFldList {
    display: flex !important;
    width: 62% !important;
    margin: 0 auto !important;
    margin-top: 20px !important;
    align-items: center !important;
}
/*#endregion */

/*#region fieldlist div*/
#form-area .fieldlist div {
    grid-column: span 2;
    padding: 1px 5px !important;
}

#form-area .fieldlist.sp3 div {
    grid-column: span 3;
    padding: 5px 5px 5px 5px;
    border-bottom: 2px solid #fff;
}

.approvalLimitConfiguration .appLmtFieldlistDiv {
    width: 35%;
    margin: auto;
    border: none !important;
}

.divisionConfiguration #form-area.division-area .fieldlist div {
    grid-column: span 4;
}

.securityGroupsInterface #form-area .fieldlist div {
    border-bottom: 0px solid #fff !important;
}

.grid-container > div {
    margin: auto;
}

.grid-view div {
    border-bottom: 0px solid #fff;
    padding: 0 5px;
}

.createInvoice .imageBorderDiv {
    border: 1px solid #000;
}

.createInvoice .fileUploadDiv {
    padding: 1px !important;
    border-bottom: none !important;
}

.invoiceSettingConfiguration .invFormatTitDiv {
    color: #2B073D;
    line-height: 0;
    font-size: 12px;
}

.pOTypeConfiguration .POTypeDiv {
    width: 40%;
    margin: 0 auto !important;
}

.taxConfiguration .taxConfigDiv {
    margin: auto;
    border: none !important;
    margin-left: 0;
}

.vendorTermsConfiguration .vendorTermsDiv {
    margin: auto;
    text-align: left;
    border: none !important;
}

/*#endregion */

/*#region SearchVendorPopUp*/
.SearchVendorPopUp {
    float: none !important;
}
/*#endregion */
/*#region label*/
#form-area label {
    line-height: 30px;
    font-size: 12px;
    color: #000;
}

#form-area.grid-section .grid-layout label {
    line-height: 5;
}

#form-area.division-area .fieldlist label {
    display: block;
}

    #form-area.division-area .fieldlist label + span {
        margin-bottom: 10px;
    }

.gLCodingConfiguration #form-area .fieldlist label,
.gLCodingConfiguration #form-area .wrapper label {
    color: white !important;
    font-weight: bold !important;
}

.accrualReport #InvoiceStatusCheckboxes label {
    line-height: 20px !important;
    font-size: 10px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
}

.emailTemplateEditor label {
    font-size: 14px !important;
    letter-spacing: 0px;
    text-align: justify;
    margin-left: 0px;
}

.auditReportHeaderLabel {
    color: brown;
    font-size: 12px;
}

.auditReportLabel {
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-family: Tahoma !important;
    font-weight: bold !important;
}

.vendorProcessingNotesReportLabel {
    font-size: 13px;
    line-height: 1.5;
    color: #009999;
    font-family: Tahoma;
    font-weight: bold;
    margin-top: 5.5px !important;
    display: block;
}

.h3Label {
    color: #7B417B;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0px;
}

.lebel-design-spacing {
    margin-top: 8px;
    margin-bottom: 8px;
}

.lebel-design {
    color: #238A89 !important;
    font-weight: bold;
    font-size: 14px !important;
}

.gLCodingConfiguration .glCodingHdrLbl, .catRelationlbl, .pOGlCodinglbl {
    font-size: medium;
    color: #000 !important;
}

#DivisionDetailsGrid #create {
    color: #fff;
    background: transparent;
}

.createInvoice .createInvHdrlbl {
    color: #238A89 !important;
    font-weight: bold;
    font-size: 14px !important;
}

.Resultlbl-design {
    color: green !important;
    font-weight: bold;
    font-size: 14px !important;
    margin-top: 0.5em;
}

.lblError {
    color: red !important;
    font-weight: bold;
    font-size: 14px !important;
    margin-top: 0.5em;
}
/*#endregion */

/*#region input textbox*/
#form-area .k-input, #form-area .k-textbox {
    width: 100%;
}

.k-input.k-textbox, .k-textarea, .k-textbox {
    font-size: 12px !important;
}
/*#endregion */

/*#region fullwidthfield*/
#form-area .fullwidthfield {
    background: RGBA(216, 216, 216, 0.5);
    margin: 25px 25px;
    padding: 5px 5px 10px;
}

.clientDetailsConfiguration .clientDetailsFlWdtfld {
    background: rgba(173,115,169, 0.5) !important;
    text-align: center;
    margin-top: 0 !important;
}
/*#endregion */

/*#region fullwidthfield textarea*/
#form-area .fullwidthfield textarea {
    height: 100px;
}

.emailTemplateEditor textarea {
    border: 3px #cccccc !important;
    border-style: double !important;
}

/*#endregion */

/*#region select.k-textbox*/
#form-area select.k-textbox {
    -webkit-appearance: menulist-button !important;
}
/*#endregion */

/*#region grid-area*/
#form-area .grid-area {
    margin: 25px 20px;
}
/*#endregion */

/*#region k-grid*/
.k-grid table {
    border-collapse: collapse;
}

.k-grid tr,
.nimbello-table tr {
    background-color: rgba(216, 216, 216, 0.5);
}

    .k-grid tr:hover {
        /*Silver Theme*/
        background: #9da6b3 !important;
    }

    .k-grid tr.k-alt {
        background-color: rgba(216, 216, 216, 0.5);
    }

.k-grid td {
    padding: 4px 5px !important;
    border-width: 0 0px 1px 1px;
}

.k-grid-toolbar {
    display: none !important;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
    padding: 12px 12px;
}

.k-grid th,
.nimbello-table th {
    background-color: #7b417b;
    color: #FEF2FE;
    font-weight: bold;
    border: #9DA6B3 1px solid;
    text-align: center !important;
    vertical-align: middle !important;
}

.k-grid, .k-grid td {
    border: #9DA6B3 1px solid;
}

    .k-grid .k-grid-header .k-header {
        white-space: normal;
        text-align: center;
        padding: 1px !important;
    }

.k-grid-edit:hover, k-grid-delete:hover {
    background: transparent;
    color: #428BCA;
    text-decoration: underline !important;
}

/*#endregion */

#form-area.grid-section .grid-layout .grid-area {
    margin: auto auto;
}

#form-area.division-area, #form-area.div10-area, #form-area.div6-area {
    width: 60%;
    float: left;
    margin: 0 20%;
}

#form-area.div4-area {
    width: 50%;
    float: left;
    margin: 0 25%;
}

#form-area.division-area .k-listbox {
    padding: 0;
    max-height: 150px;
}

#form-area.division-area .k-listbox-toolbar {
    padding: 0;
}

#form-area.division-area #lblAvailableDivisions, #form-area.division-area #lblSelectedDivisions {
    line-height: 3;
}

#form-area .fieldlist .k-listbox, .k-listbox-toolbar {
    border-bottom: 0px !important;
}

.dataChanges .k-listbox, .userKPIReport .k-listbox, .errorScorecardReportByVendor .k-listbox {
    height: 135px;
}

@media (max-width: 639px) {
    header {
        grid-template-columns: 20% 10% 0 70%;
        overflow: hidden;
    }

        header img {
            opacity: 0.2;
        }

    #form-area .fieldlist {
        grid-template-rows: auto;
    }

        #form-area .fieldlist div {
            grid-column: span 12;
        }

    #form-area .fullwidthfield p input {
        display: block;
        padding-left: 0 !important;
        margin: 20px 0;
    }
}

a .k-link {
    font-size: 12px;
    font-weight: bold;
}

.grid-section {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    padding: 0;
}

    .grid-section .grid-layout {
        grid-column: span 6;
    }

.button-seventh-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto;
    /*background: #c4e5ea;*/
    margin: 15px 25px;
    padding: 0;
}

#InvoiceDetailsGrid {
    /*overflow-x: scroll;*/
    /*visibility: hidden;*/
}

.cstmmrgn span.k-widget, .cstmmrgn .k-textbox {
    margin-bottom: 10px;
}

.bglight {
    background: #c4e5ea;
}

input[type="checkbox"] {
    height: 15px;
    width: 15px;
    margin: 7px 0;
}

#footer-area {
    float: left;
    width: 100%;
    background: #1E1919;
    color: #fff;
    text-align: center;
    position: fixed;
    bottom: 0;
    clear: both;
    height: 20px;
}

.mb7 {
    margin-bottom: 70px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.bb-none {
    border-bottom: none !important;
}

.mt0 {
    margin-top: 0px !important;
}

.pl25 {
    padding-left: 25px !important;
    padding-left: 0px !important;
    margin: 10px 0;
}

.pl75 {
    padding-left: 75% !important;
}

.pl85 {
    padding-left: 85% !important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.w-100 {
    width: 100% !important
}

@media (min-width: 640px) and (max-width: 991px) {
    header {
        grid-template-columns: 0 40% 20% 30%;
    }

    body {
        overflow-x: auto;
    }
}

/*#region Button*/
.invoce-btn,
div#SiteConfigurationSettingListGrid .k-grid-delete {
    background-color: #2B073D;
    color: #FEF2FE;
    padding: 2px 12px;
    cursor: pointer;
    margin: 5px 5px 5px;
    height: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    min-width: 70px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: inline-block;
}

    .invoce-btn[disabled=disabled], .invoce-btn:disabled {
        background-color: #ccc;
        color: #030303;
        padding: 2px 12px;
        cursor: pointer;
        margin-top: 1%;
        margin-right: 5px;
        height: 30px;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        min-width: 70px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .invoce-btn:focus {
        background-color: #7b417b !important;
        font-weight: bolder;
        color: #FEF2FE;
        border-color: #20012F;
        border-width: 1px !important;
    }

/*#Expand/Collapse button*/
.accordion-btn {
    background: #fff;
    padding: 0px 6px;
    color: #000;
    font-size: medium;
    margin-right: 10px;
    cursor: pointer;
    border-width: 0px;
    border-style: outset;
    /*background-color: #dae4ed !important;
    padding: 5px;*/
}
/*#endregion*/

.myTasks input.invoce-btn {
    height: 26px;
    font-size: 12px;
    padding: 2px 2px;
    margin-right: 1px;
    margin: 0 auto;
    text-align: center;
}

/*.invoce-btn:hover {
    background-color: #00648F;
    color: #fff;
}*/

/*buttons should look small inside kendo grid*/
div#searchPOGrid input.invoce-btn.viewImageDetails {
    height: 26px;
    font-size: 12px;
    padding: 2px 2px;
    display: block;
    margin: 2px auto;
}

.submissionMethodReport div#searchGrid input.invoce-btn.viewSummaryDetails {
    height: 26px;
    font-size: 12px;
    padding: 2px 2px;
    margin-right: 1px;
}

/*#endregion*/

.k-textbox .k-icon {
    top: 3% !important;
}

.k-multiselect-wrap.k-floatwrap ul {
    background: #fff !important;
    width: 100% !important;
    z-index: 9 !important;
    left: 0;
}

.k-multiselect-wrap.k-floatwrap span.k-icon.k-clear-value.k-i-close:before {
    position: absolute;
    top: 3px;
}

.position-input input.k-input {
    padding: 0px !important;
    margin: 0px !important;
    line-height: 0px !important;
    position: absolute !important;
    top: -6px;
}

.two-col {
    display: grid;
    grid-template-columns: 70% 1fr 0fr;
    grid-auto-rows: 100px;
    padding: 2% 6% 1% 6%;
}

.btn-m {
    margin-top: 15px;
    margin-left: 0px;
}

.border-box {
    /*border: 1px solid #808080;*/
    padding: 10px;
}

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

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

.m-0 {
    margin: 0 !important;
}

.m-25 {
    margin: 25px !important;
}

.w100 {
    width: 100% !important;
    float: left !important;
}

.w50 {
    width: 40% !important;
    float: left !important;
    margin: 0 5% !important;
}

.height-30 {
    height: 30px !important;
}

.height-300 {
    height: 300px !important;
}

/*#region Hyperlink in kendo grid*/
.grid-hyperlink, .ReceiversPopup, .addComments {
    cursor: pointer !important;
    color: #428bca !important;
}

.nonPOGLReport #SearchGrid td:first-child,
.userKPIReport #SearchGrid td:first-child + td + td,
.poTimeToResolveByUser #SearchGrid td,
.poTimeToResolveByVendor #SearchGrid td {
    cursor: pointer;
}

/*endregion*/

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60%;
}

.w-49 {
    width: 49% !important;
}

.k-textbox-comments {
    margin: 0px;
    width: 635px;
    height: 50px;
}

.k-textbox-comments-resizeable {
    margin: 0px;
    resize: both;
    min-width: 100%;
}

.w-5 {
    width: 5% !important;
}
.w-25 {
    width: 25% !important;
}

.w-a {
    width: auto !important;
}

.w-70m-0 {
    width: 70%;
    margin: 0 auto !important;
}

.w-69m-0 {
    width: 69.2%;
    margin: 0 auto !important;
}

.w-90m-0 {
    width: 90%;
    margin: 0 auto !important;
}

.w-95m-0 {
    width: 95%;
    margin: 0 auto !important;
}

.m-5 {
    margin: 5px 34px !important;
}

.mt-3 {
    margin-top: 30px;
}

.mb30 {
    margin-bottom: 30px !important;
}

.m0-50 {
    margin: 0px 50px !important;
}

#dvCopyright {
    width: 50%;
    margin: 2px auto;
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
    height: 20px;
    font-size: 12px;
}

#clearboth {
    clear: both;
    padding: 10px;
    margin: 10px;
}

.last-user {
    margin: 13px 5px 0 auto;
    width: 230px;
    color: #1E1919;
    font-size: 16px;
}

@media only screen and (max-width: 950px) {
    #menu-area {
        width: 900px;
    }
}

@media only screen and (min-width: 951px) {
    #menu-area {
        display: block !important;
    }
}

.k-menu .k-item > .k-link {
    min-width: 90px;
}

.k-menu-group .k-item > .k-link,
.k-menu-vertical .k-item > .k-link
.dropdown-menu {
    border-color: #FBFBFB;
    border-top-style: solid;
}

.k-column-menu .k-menu:not(.k-context-menu),
.k-menu-group,
.k-menu.k-context-menu,
.k-popup,
.dropdown-menu {
    color: #000;
    background-color: #FBFBFB;
    border-color: #9DA6B3;
}

.tw70 {
    width: 70% !important;
    float: left !important;
    margin: 20px 0px !important;
}

.tw30 {
    width: 30% !important;
    float: right !important;
    transform: translate(0px, 24px);
    display: block;
    position: relative;
}

#hdrMenu {
    display: block;
    margin: auto;
    /*background-color: #ECF3F3;*/
    background: linear-gradient(90deg, #2b073d 0%, #7b417b 100%);
    width: 100%;
    z-index: 999;
    height: 70px;
}

#imgLogo {
    height: 70px !important;
}
#ajaxErrorLable {
    display: block;
    padding: 0.5rem;
    color: red;
}

@media screen and (max-width: 992px) {
    .grid-section {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
        padding: 0;
    }
}

@media screen and (max-width: 991px) {
    ul.k-tabstrip-items.k-reset {
        margin: 60px 0 0;
    }
}

.k-textbox.k-state-disabled, .k-textbox:disabled, .k-textbox[disabled],
.k-widget.k-state-disabled .k-multiselect-wrap {
    cursor: not-allowed !important;
    background-color: #eeeeee !important;
    opacity: unset;
    pointer-events: initial;
}

.k-state-disabled, .k-widget[disabled] {
    cursor: not-allowed !important;
    background-color: #eeeeee !important;
    opacity: unset;
    pointer-events: initial;
}

/*#region ClientInfo and SiteConfiguration tabstrips*/
/*#region tabstrips content fit and footer fix */
#tabstrip ul {
    width: fit-content;
}

#tabstrip .k-tabstrip-items-wrapper {
    border: none;
}

#tabstrip > .k-state-active {
    display: contents !important;
}
/*#endregion tabstrips content fit and footer fix */
ul#menu li a,
.dropdown-menu ul li a {
    font-size: 14px !important;
    font-weight: normal;
}

ul#menu li span {
    font-size: 14px;
    font-weight: normal;
}

.k-tabstrip-items-wrapper .k-item.k-state-active,
.k-tabstrip-items-wrapper .k-item.k-state-selected {
    background-color: #AD73A9;
    color: #000;
}

ul.k-tabstrip-items.k-reset {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 15px;
    background-color: #EEEEEE;
    border: 1px solid #c5c5c5;
}

    ul.k-tabstrip-items.k-reset li {
        font-size: 12px;
        padding: 6px 8px;
        color: #000;
        font-family: Arial,Helvetica,sans-serif;
    }

.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
    border-bottom-color: #c5c5c5;
    height: 24px;
    margin: auto;
}

.k-tabstrip-items .k-item.k-state-hover,
.k-tabstrip-items .k-item:hover,
.dropdown-menu ul li:hover a {
    background-color: #AD73A9;
    color: #FEF2FE !important;
}

.k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-next {
    display: none;
}

.k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-prev {
    display: none;
}

ul.k-tabstrip-items.k-reset {
    display: block;
    border-width: 1px !important;
    padding: 1px 0;
}

    ul.k-tabstrip-items.k-reset li {
        float: left;
    }

/*#endregion*/

.k-widget {
    font-size: 12px !important;
}

.grid-container {
    display: grid;
    grid-template-columns: 35% 20% 6% 6% 6% 6% 0% 0% 0% 13.3%;
    grid-gap: 10px;
    background-color: rgba(216, 216, 216, 0.5);
    padding: 10px;
    margin: 20px 80px;
}

.grid-container-row {
    background-color: #d8d8d8;
    padding: 10px;
    margin: 20px 80px;
}

.item11 .k-listbox-toolbar {
    margin: 30px auto;
    left: 48%;
    position: absolute;
}

.item12 {
    margin-bottom: 10px !important;
}

.k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
    margin-left: 12px !important;
}

.grid-view {
    width: 70%;
    margin: 0 auto;
    display: flex;
    align-content: center;
    align-items: center;
    grid-template-rows: auto;
    background: #d8d8d8;
}

a.k-button.k-button-icontext.k-grid-edit .k-i-edit, a.k-button.k-button-icontext.k-grid-delete .k-i-close {
    display: none;
}

a.k-button {
    color: #2B073D;
    background: transparent;
    border: 0;
    padding: 0;
    font-size: 12px;
}

.tableBoldFont {
    font-weight: bold;
    font-size: 14px;
}

#aLink {
    color: blue !important;
    cursor: pointer;
    text-decoration: underline;
}

#tabstrip > .k-content {
    height: auto !important;
}

ul.titleNew li {
    font-size: 12px;
    line-height: 1.428571429;
    color: #000000;
}

.gLCodingConfiguration .bgdark {
    background-color: #7B417B !important;
}

.gLCodingConfiguration .k-textbox {
    border-color: rgba(0,0,0,0.18) !important;
}

.gLCodingConfiguration .padding-box {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    margin: 15px 25px;
}

.gLCodingConfiguration .wrapper {
    display: grid;
    grid-template-columns: 50% 50%;
}

.gLCodingConfiguration .box.a {
    grid-column: 1;
}

.gLCodingConfiguration .box.b {
    grid-column: 2;
}

.gLCodingConfiguration .tw-100 {
    width: 98%;
    border-collapse: collapse;
}

.approvalLimitConfiguration #ApprovalLimitGrid.grid-area {
    margin: 0 auto;
    width: 60%;
    margin-right: 0;
}

.approvalLimitConfiguration .w-m20 {
    width: 20% !important;
    margin-left: 0 !important;
}

.approvalLimitConfiguration .fntLrg {
    font-size: large;
}

.approvalSetup div#ApprovalGroupGrid {
    width: 70%;
    margin: 0 auto;
}

.eRPAllocationSetup div#GLAllocationDetailsGrid {
    width: 70%;
    margin: 0 auto;
}

.gLForApprovalGroupSetup #GLforApprovalGroupGrid {
    width: 96%;
    margin: 25px;
}

.ml-10 {
    margin-left: 10px;
}

#btnSaveAllocationDist {
    float: right;
    margin-top: 0px;
    margin-right: 25px;
}

.w-200 {
    width: 200px;
    margin-left: 30px;
}

/*Search Po css changes*/
.height-auto {
    height: auto;
}

#MenuViewTest {
    font-size: 16px;
    width: 220px;
    /* background-color: #00628f;*/
    background-color: #1E1919;
    float: left;
    margin-bottom: 0px;
    margin-top: 20px;
}

/*Recurring invoice css changes*/
div#RecurringInvoiceGrid table td input.invoce-btn.editDetails {
    text-decoration: none;
    font-size: 12px;
    background: transparent;
    border: #9da6b3;
}

    div#RecurringInvoiceGrid table td input.invoce-btn.editDetails:hover {
        text-decoration: underline;
    }

/*Accrual Report css changes*/
.accrualReport .StatusCheckList {
    height: 11px !important;
    width: 13px !important;
    margin: 2px 2px !important;
}

.accrualReport .padding-box {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    background: #d8d8d8;
    margin: 15px 25px;
}

.accrualReport .wrapper {
    display: grid;
    grid-template-columns: 68% 13% 19% 0% 0%;
    /*grid-gap: 10px;*/
}

.accrualReport .a {
    grid-column: 1;
    grid-row: 1 / 3;
    border-right: 0;
    border-left: 0;
    border-top: 0;
}

.accrualReport .b {
    grid-column: 2;
    grid-row: 1 / 3;
    margin: 46% 26%;
}

.accrualReport .c {
    grid-column: 3;
    grid-row: 1 / 3;
    border: 1px solid #ccc;
    height: 185px;
}

.accrualReport .customSpacing td {
    padding: 3px;
    border-right: 0;
    border-bottom: 1px solid #fff;
}

.accrualReport .w-100 {
    width: 100%;
    border-collapse: collapse;
}

.accrualReport .w-15 {
    width: 15%;
}

.accrualReport .w-20 {
    width: 20%;
}

/*Audit Report css changes*/
.auditReport .ma {
    margin: auto !important;
    border: none !important;
}

/*Create invoice css changes*/
.createInvoice #txtComments {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.createInvoice .shipToHeader {
    color: #5E9573;
    font-size: 17px;
    font-weight: 500;
}

.createInvoice .imageAttach {
    border-right: 1px solid #000;
    grid-column: span 3;
    border-bottom: none !important
}

.createInvoice .imagePosition {
    position: relative;
    top: 25%;
}

.createInvoice .totalSubtotalInputs {
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.createInvoice .bgTrans {
    background: transparent !important;
}

/*Submission Method Report css changes*/
.submissionMethodReport #searchGrid {
    width: 60%;
    float: left;
    margin: 0px 20% !important;
}

.submissionMethodReport #notesGrid {
    width: 80%;
    margin: 5px 11%;
}

.submissionMethodReport .k-i-expand, .k-i-collapse {
    visibility: hidden;
}

.submissionMethodReport #divVendorComments {
    margin: 0px 3%;
}

    .submissionMethodReport #divVendorComments .VendorCommentbg {
        background-color: rgba(216, 216, 216, 0.5);
    }

.submissionMethodReport #btnSave, #btnCancel, .notesExpand {
    cursor: pointer;
}

.submissionMethodReport div#searchGrid table td:last-child {
    text-align: center;
}

.submissionMethodReport #form-area #vendorDetailsGrid.grid-area {
    margin: 0px 27px !important;
}

.submissionMethodReport #dvSubmissionMethodSummary {
    display: none;
    border: 1px solid #9da6b3;
    padding: 0 0;
    font-weight: bold;
    line-height: 1;
    font-size: 12px;
    margin: 2% 20% -1px;
}

.submissionMethodReport .vendorCommentstbl {
    margin: 0px;
    width: 98%;
    border: 1px solid black;
    border-spacing: 1px;
}

.submissionMethodReport #txtComments {
    width: 99%;
    margin: 4px 4px;
}

/*Client info tabs css changes*/
.divisionConfiguration #form-area.division-area {
    width: 47.5% !important;
    float: left;
    margin: 0 51.3% !important;
}

.divisionConfiguration #form-area .grid-area {
    margin: 15px 20px !important;
}

.divisionConfiguration #txtDivisionGroup {
    width: 82% !important;
}

.imageConfiguration .imgExportStatTit {
    background-color: #7B417B !important;
    margin: 0;
    color: #fff;
    font-size: 12px;
    padding: 2px 0;
}

.invoiceSettingConfiguration #txtSpecialCharacter {
    width: 26% !important;
}

.standardCommentConfiguration .standardComment-table {
    width: 100%;
    border-collapse: collapse;
}

.standardCommentConfiguration .tbl-rw1 {
    background-color: #d8d8d8;
    border-bottom: 1px solid #fff;
}

.standardCommentConfiguration #txtSCDescription {
    display: block;
    width: 98%;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
}

.standardCommentConfiguration .margtop {
    width: 96%;
    margin: 2%;
}

.vendorTermsConfiguration #VendorTermsGrid {
    margin: 2px auto !important;
    width: 78%;
}

.securityEntities div#SecurityEntitiesDetailsGrid {
    width: 96%;
    margin: 0 auto;
}

.securityGroupsInterface div#SecurityGroupsInterfaceGrid {
    width: 62%;
    margin: 0 auto !important;
}

.mt0-mb0 {
    background: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/*Email template editor textbox is unique*/
.emailTemplateEditor .k-textbox {
    display: block;
    width: 98%;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}


.f-ml2 {
    float: left;
    margin-left: 2.2%;
}

.ml-22 {
    margin-left: 22px !important;
}

.SiteConfiguration .grid-area,
.fieldlist.sp3,
.taskLevel.sp3 {
    width: 70%;
    margin: 0 auto !important;
}

.siteConfigurationObjectStatusSetup #form-area.div4-area {
    width: 32% !important;
    float: left;
    margin: 0 34% !important;
}

.siteConfigurationObjectStatusSetup #SiteConfigurationObjectStatusSetupGrid {
    width: 100% !important;
}

.h3reconciliationReport {
    color: #238A89;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 0;
    margin-top: 30px;
}

.h3enrollmentStatusReport {
    border: 1px solid #ccc;
    padding: 10px 0;
    margin: 20px 1.5% 0;
    color: #238A89;
    font-weight: bold;
    font-size: 14px;
}

.ddlEnrollmentStatus {
    border: 1px solid #ccc;
    padding: 10px 0;
    margin: 20px 1.5% 0;
}

/*Vendor Summary Report grid border removed*/
.enrollmentStatusReport div#summryGrid, div#summryGrid table th, div#summryGrid table td {
    border: none;
}

.enrollmentStatusReport #form-area #detailGrid.grid-area {
    margin: 0px 20px !important;
}

/*MyTasks all grids set to fixed width*/
.myTasks #InvoiceProcessingHoldsGrid, #ExportStatusChecksGrid,
#CommunicationToolsGrid, #HealthCheckGrid, #OCRAccessAndReporting {
    width: 500px;
}

.taskLevel {
    padding: 17px 0 !important;
    color: #000 !important;
    background-color: #FBFBFB !important;
    font-weight: bold !important;
    font-size: 14px !important;
    display: block !important;
    line-height: 0 !important;
    border: 1px solid #9DA6B3;
    border-collapse: collapse;
}

.myTasks .mt-30 {
    margin-top: 30px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.userKPIReport .margtop, .dataChanges .margtop {
    margin-top: 5px;
    margin-bottom: 15px;
}

.vendorProcessingNotesReportHeader {
    font-size: 12px;
    line-height: 1.428571429;
    text-align: center;
    color: brown;
}

.k-picker-wrap.k-invalid, .k-picker-wrap.k-invalid:hover {
    color: #656565 !important;
    border-color: rgba(0,0,0,.15) !important;
}

.k-input::selection, .k-textarea::selection, .k-textbox::selection {
    background-color: #66afe9 !important;
    color: #fff;
}

.account-distrb-table {
    border-collapse: collapse;
    margin: 10px;
}

    .account-distrb-table td {
        padding: 7px 5px;
        font-size: 12px;
    }

    .account-distrb-table label {
        color: white !important;
    }

.tbl-rw-hd {
    background-color: #7b417b;
    font-weight: bold;
}

.account-distrb-table {
    /*table-layout: fixed;*/
    width: 99%;
}

/*Override kendo defauld red color to blue*/
.k-block ::selection, .k-panel ::selection, .k-widget ::selection {
    background-color: #1E1919 !important;
    color: #fff;
}

.k-pager-numbers .k-state-selected {
    background-color: #d8d8d8 !important;
}

.k-button.k-primary,
.k-slider .k-draghandle {
    padding: 2px;
    color: #FEF2FE;
    border-color: #2B073D !important;
    background-color: #2B073D !important;
    box-shadow: none !important;
}

    .k-action-buttons .k-primary.k-state-active,
    .k-action-buttons .k-primary:active,
    .k-button-group .k-button.k-state-active,
    .k-button-group .k-button.k-state-selected,
    .k-button-group .k-button:active,
    .k-button-group > input[type=radio]:checked + .k-button,
    .k-button-group > input[type=checkbox]:checked + .k-button,
    .k-button.k-primary.k-state-active,
    .k-button.k-primary.k-state-selected,
    .k-button.k-primary:active,
    .k-button.k-state-selected,
    .k-slider .k-draghandle.k-pressed,
    .k-slider .k-draghandle:active {
        border-color: #66afe9 !important;
        background-color: #66afe9 !important;
    }

.k-drag-clue {
    border-color: #66afe9 !important;
    background-color: #66afe9 !important;
}


.k-pager-nav:hover {
    color: #66afe9 !important;
}

.k-pager-numbers .k-link {
    color: #0f71bf !important;
}

    .k-pager-numbers .k-link.k-state-hover,
    .k-pager-numbers .k-link:hover {
        color: #66afe9 !important;
    }

.k-dialog-titlebar {
    background-color: #66afe9 !important
}

/*.k-dialog-button-layout-stretched .k-primary:not(:hover):not(.k-state-hover):not(:active):not(.k-state-active) {
    color: #66afe9 !important
}*/

.k-grid .k-tooltip.k-tooltip-validation {
    background-color: #66afe9 !important
}

    .k-grid .k-tooltip.k-tooltip-validation .k-callout-n {
        border-bottom-color: #66afe9 !important
    }

    .k-grid .k-tooltip.k-tooltip-validation .k-callout-e {
        border-left-color: #66afe9 !important
    }

    .k-grid .k-tooltip.k-tooltip-validation .k-callout-s {
        border-top-color: #66afe9 !important
    }

    .k-grid .k-tooltip.k-tooltip-validation .k-callout-w {
        border-right-color: #66afe9 !important
    }

.k-treeview .k-in.k-state-selected {
    background-color: #66afe9 !important
}

.k-calendar .k-calendar-header .k-today,
.k-calendar .k-footer .k-nav-today {
    color: #66afe9 !important
}

.k-calendar .k-content .k-today {
    color: #66afe9 !important
}

.k-calendar .k-state-selected .k-link {
    border-color: #66afe9 !important;
    background-color: #66afe9 !important
}

.k-calendar.k-calendar-range .k-range-end .k-link,
.k-calendar.k-calendar-range .k-range-start .k-link {
    background-color: #66afe9 !important
}

.k-required,
.k-required.k-field-info {
    color: #66afe9 !important
}

.k-listbox .k-drop-hint {
    border-top-color: #66afe9 !important
}

.k-list-optionlabel.k-state-selected,
.k-list .k-item.k-state-selected {
    background-color: #66afe9 !important
}

.k-list .k-item.k-state-hover.k-state-selected, .k-list .k-item:hover.k-state-selected,
.k-list-optionlabel.k-state-hover.k-state-selected, .k-list-optionlabel:hover.k-state-selected {
    background-color: #66afe9 !important
}
/*Sticky header CSS (used in editInvoice page - MaterialServicePO Grid)*/
.fixed-header {
    top: 0;
    position: sticky;
    width: auto;
    z-index: 1;
}
/*#region PO Detail table(Search PO)*/
.POHistoricalLine {
    float: right;
    margin-right: 25px;
    margin-top: 25px
}

.highlighthistoricalline {
    background-color: #D4FFA1 !important;
}

.show {
    display: normal;
}

.hide {
    display: none;
}
/*#endregion*/

.emailProcessedViewer .eaap-table th {
    background-color: #7b417b !important;
}

.emailViewer .eaap-table th {
    background-color: #7b417b !important;
}

.nb-result-msg {
    font-size: 14px !important;
    font-weight: bold;
}

.nb-page-title {
    padding: 0.5rem 0;
    margin: 0.5rem 0 1rem 0;
}
/*Kendo Notification Position*/
.k-notification {
    position: absolute !important;
    z-index: 50 !important; /*this is for overlapping issue on 3 dot button with toggle heading InvoiceImage*/
}
/*Kendo Notification Success message style*/
    .k-notification-success {
    border-color: #fff !important;
    color: #FEF2FE !important;
    background-color: #7b417b !important;
}

#ReportLayout_dvResultCountFilter {
    width: -webkit-fill-available;
    display: inline-grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    background-color: rgba(216, 216, 216, 0.5);
    margin: 15px 25px;
    padding: 0;
}

/* #region  Using in Siteconfiguration -> Service Trigger Scheduler UI */
.ServiceTriggerSchedulerForm {
    width: 80% !important;
    margin: 0 10% !important;
}
.rangeDiv {
    width:520px !important;
    grid-column: span 1 !important;
    display: inline-flex !important;
}
.circleDiv {
    grid-column: span 1 !important;
}
.circle-container {
    display: inline-flex; /* Arrange circles in a row */
    justify-content: center; /* Center the circles horizontally */
    align-items: center; /* Center the circles vertically */
}
.circle {
    width: 50px; /* Adjust circle size as needed */
    height: 50px; /* Adjust circle size as needed */
    border-radius: 50%; /* Make it circular */
    background-color: #f0f0f0; /* Background color of the circle */
    color: #333; /* Text color */
    display: flex; /* Center text vertically */
    justify-content: center; /* Center text horizontally */
    align-items: center; /* Center text vertically */
    /*margin: 0 10px;*/ /* Add some spacing between circles */
    /* Add hover effect (optional) */
    cursor: pointer;
    /*transition: background-color 0.3s ease;*/
    background-color: #ddd;
}
.circle:hover {
        background-color: #AD73A9 !important; /* Change background on hover */       
    }
.circle-Selected {
    background-color: #AD73A9 !important;    
}
#txtFrequencyForService{
width:100% !important;
}
.specificHoursStart {
   /* margin-top: -6%;*/
    margin-left: 20px;
    /*margin-right: 20px;*/
}
.specificHoursEnd {
    float: right;
   /* margin-top: -6%;*/
}
.specificHoursTxt {
    width: 139px !important;
}
#txtAreaDescription{
    width:100% !important;
}
/*#endregion  Using in Siteconfiguration -> Service Trigger Scheduler UI */