/*-- DEVELOPER SIDE CSS --*/
.mc-dropdown-format {
    border: unset;
    background-color: transparent;
}

.reminder-group-col {
    color: #959595;
    background-color: #f7f7f7;
}

.reminder-title.dx-state-disabled {
    /* color: red;
    text-decoration: underline;*/
    font-size: large;
    font-weight: 600;
    opacity: unset;
}

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

.file-name {
    margin-left: auto;
    margin-right: 8px;
}

#removeFile {
    margin-right: 13vW;
}

.cvpValue {
    display: block;
    max-width: 140px;
    word-wrap: break-word;
}

.notificationText {
    font-size: 12px;
    color: #888;
}

.dis-block {
    display: block;
}

.dx-switch.dx-state-hover .dx-switch-container.switchContainerOff,
.dx-switch.dx-state-focused .dx-switch-container.switchContainerOff,
.switchContainerOff {
    background: #449d44;
    border-color: #008d4c;
    border-radius: 3px;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.dx-switch.dx-state-hover .dx-switch-container.switchContainerOn,
.dx-switch.dx-state-focused .dx-switch-container.switchContainerOn,
.switchContainerOn {
    background-color: #c9302c;
    border-color: #d73925;
    border-radius: 3px;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.dx-switch-handle.switchHandle::before {
    background-color: #ffffff;
    border-radius: 1px;
    /*width: 50%;*/
    /*border-radius: 2px;*/
}

.dx-switch-handle.switchHandle {
    flex-basis: 6px;
    height: 20px;
    margin-left: -1px;
    margin-top: 1px;
    border-radius: 1px;
    /*width: 50%*/
    /*background-color: white*/
}

.dx-switch.dx-state-hover.dx-switch-on-value .dx-switch-handle.switchHandle::before,
.dx-switch.dx-state-hover .dx-switch-handle.switchHandle::before,
.dx-switch.dx-state-focused .dx-switch-handle.switchHandle::before {
    background-color: #fff;
}

.switchOn {
    Color: #ffff;
    font-size: 12px;
}

.switchOff {
    Color: #ffff;
    font-size: 12px;
}

.inProgress {
    font-weight: bold;
    color: deepskyblue;
}

.fw-b {
    font-weight: bold;
    display: flow-root;
}
/*text color classes*/
.mc-text-red {
    color: #FF0000;
}

.mc-text-black {
    color: #000;
}

.mc-text-black-1 {
    color: #333;
}
/*comman class*/
.mc-text-red-1 {
    color: #8B0000;
}
/*pur. and sales invoice menu*/
.mc-text-red-2 {
    color: #ca1589;
}

.mc-text-red-3 {
    color: RGB(200, 0, 0);
}

.mc-text-azure {
    color: #007bff;
}
/*content area*/
.mc-text-blue {
    color: rgb(0,0,255);
}
/*outstaning report menu*/
.mc-text-orchid {
    color: #A020F0;
}

.mc-text-green {
    color: rgb(0,150,0);
}

.mc-text-dark {
    color: rgb(99, 99, 99);
    font-weight: 500;
}

.mc-text-bold {
    font-weight: bold;
}

.mc-text-orange {
    color: #ff851b;
}
/* template header as column field */

/*background color classes*/
.mc-bg-water {
    background-color: #d3e9fa;
}

.mc-bg-gray {
    background-color: #ccc;
}

/*user field*/
.mc-bg-white {
    background-color: #ffffff;
}
/*user field*/
.mc-bg-magic-mint {
    background-color: #b3ffcc;
}

.mc-bg-red {
    background-color: #ffcccc;
}

/*border color classes*/
.mc-border-white {
    border: 1px solid #fff;
}
/*pur. and sales invoice menu*/
.mc-border-gray {
    border: 1px solid #ccc;
}

.mc-bg-grey {
    background-color: #d5d5d5;
}
/*expense grid border*/

.mc-item-symbol input {
    text-align: right;
}

/* BugID : 19137 - resolve */
/*.dx-fileuploader-input-label {
    visibility: hidden;
}*/

/* For specifying styles of td element of Datagrid */
.mc-dx-datagrid-td {
    font-size: 0.813rem;
    font-weight: 400;
    padding: 3px 7px;
    border: 1px solid #ddd;
    font-family: "verdana";
    white-space: nowrap;
}

.dx-popover-arrow {
    display: none;
}

.dx-button-mode-contained.mc-btnExpr-selcolor {
    background-color: #ffcccc;
}

/**OJ - (22-08-2024) Desktop Icon Development
*/
.mc-dashboard-grid {
    display: grid;
    height: 90%;
    width: 100%;
    grid-template-rows: repeat(4, 25%);
    grid-template-columns: repeat(9,140px);
    padding-left: 20px;
}

.mc-dashboard {
    display: grid;
    height: 100%;
    width: 100%;
    padding-top: 20px;
}

.mc-dashboard-div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
}

    .mc-dashboard-div img,
    .mc-dashboard-div label {
        width: 70px;
        height: 100%;
        font-size: 10px;
    }


.mc-dashboard-label {
    width: 100%;
    text-align: center;
    font-size: small;
}

.mc-grid-cell {
    height: 130px;
    width: 130px;
    /*border: 1px dashed;*/
}

.mc-iconsection {
    height: 70px;
    width: 70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.mc-icon-tooltip {
    position: absolute;
    background-color: #006699e3;
    color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    pointer-events: none;
    white-space: nowrap;
    z-index: 1000;
}

/*gst3b startup toast*/
.mc-gst3b-toast {
    z-index: 100000;
    position: fixed;
    bottom: -370px;
    right: 20px;
    width: 348px;
    height: 350px;
    transition: bottom 0.8s cubic-bezier(.7, .29, .49, .89);
    background: white;
}

/**AMC start/End date box*/
tr:has(td > span.mc-amc-start-key) {
    border: 2px solid;
    border-bottom: none;
}

tr:has(td > span.mc-amc-end-key) {
    border: 2px solid;
    border-top: none;
}

.mc-extra-header .dx-toolbar-after {
    /*width: 170px;*/
    /*width: 155px;*/
    font-family: "verdana_bold";
}

.mc-listing-header-toolbar .form-lbl {
    /* flex-basis: 60px;
    flex-grow: 0;
    flex-shrink: 0;*/
    white-space: pre;
}

.mc-listing-header-toolbar .form-ctrl {
    /* flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;*/
    white-space: pre;
}

.d-flex {
    display: flex;
}

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

.word-break {
    word-break: break-word;
}

.mc-extraToolbar {
    display: flex;
    flex-wrap: wrap;
}


.mc-dateRangeBoxDropDown {
    display: flex;
    flex-direction: row;
    height: 55vh;
    width: 45vw;
}

.mc-dateRange-listItems {
    font-size: 1.4rem;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 1% 12%;
    margin-bottom: 7%;
    margin-left: 7%;
    cursor: pointer
}

.mc-listItemSelected {
    font-size: 1.4rem;
    border-radius: 4px;
    padding: 1% 12%;
    margin-bottom: 7%;
    margin-left: 7%;
    cursor: pointer;
    background-color: #08c;
    border: 1px solid #08c;
    color: #fff;
}

.label-bold {
    font-weight: 550;
}

.dx-datagrid-rowsview.dx-datagrid-sticky-columns
.dx-row:not(.dx-row-lines,.dx-group-row,.dx-datagrid-group-footer,.dx-edit-row,.dx-selection,.dx-row-focused) > td:not(.dx-editor-cell,.dx-master-detail-cell) {
    padding-top: 0px;
}

.removeContent-before-accordion::before {
    content: none !important;
    display: none !important;
}

.cancel-color-blue {
    color: #337ab7;
}

#exception {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-weight: bolder;
    font-size: xx-large;
}

.confirmationBoxButtons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.socialmedia1 span {
    background-color: #dd4b39 !important;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    margin-left: 1px;
    color: white;
    cursor: pointer;
}

.dx-toolbar-item {
    vertical-align: bottom !important;
}

.fontGray {
    color: gray;
    font-weight: normal;
}

img.thumbnailBorder {
    mix-blend-mode: multiply; /*PSH background color remove and transparant image*/
}