input[type=text]:not(.dx-texteditor-input), input[type=password], input[type=date], input[type=file] {
    padding: 0 0.5vw 0 0.5vw;
    width: 100%;
    /*height:4.7vh;*/
    position: relative;
    left: 0%;
    outline: none;
    border: 1px solid #E0E0E0;
    /*background-color: #FFFFFF;*/
    overflow: auto;
    /*font-family: Open Sans;*/
    /*font-size: 14px;*/
    font-size: 1.2vw;
}

input[type=text]:not(.dx-texteditor-input), input[type=password], input[type=date], input[type=file], select, .ms-options-wrap > button:focus, .ms-options-wrap > button, textarea {
    border: 1px solid rgba(0,0,0,.15);
}

    textarea#promptText3 {
        border: 2px solid;
        border-color: red;
    }

textarea {
    overflow: hidden;
    resize: none;
}

input[type=checkbox] {
    width: 2vh;
    height: 2vh;
}

.hrmnyrestrictview {
    background-color: #ccccb3; /*#0c3451;*/ /*maroon;*/
    border: none;
    color: #ccccb3;
    height: 4.5vh;
    /*font-weight:bold;*/
}

.hrmnyrestrictviewstyle {
    display: none;
}
/*input[type=password] {
    padding: 5px;
    font-family: Roboto;
    width:100%;
    position: relative;
    left: 0;
    outline: none;
    border: 1px solid #E0E0E0;
    border-color: rgba(0,0,0,.15);
    background-color: #FFFFFF;
    /*font-size: 14px;
    font-size: 0.8vw;
}*/
/*input[type=date] {
    padding: 5px;
    font-family: Roboto;
    width:100%;    
    position: relative;
    left: 0;
    outline: none;
    border: 1px solid #E0E0E0;
    border-color: rgba(0,0,0,.15);
    background-color: #FFFFFF;
    font-size: 0.8vw;
    /*font-size: 14px;
}*/
input[type=file] {
    padding: 0vw;
}

select {
    height: 4.7vh;
    /*font-family: Roboto;*/
    /*font-size:12px;*/
    /*font-size: 0.9vw;*/
    padding: 0 0.5vw 0 0.5vw;
    cursor: pointer;
    /*border:1px solid #E0E0E0;*/
    background-color: white;
}

    select::-ms-expand {
        /*width: 10px;
        height: 10px;
        border: none;
        background-color: transparent;*/
        width: 2vh;
        margin-top: 1vh;
        height: 2vh;
        border: none;
        color: #E0E0E0;
        background-color: transparent;
    }

table {
    border-collapse: collapse;
    /*font-family: Roboto;*/
    white-space: nowrap;
    /*font-size: 13px;*/
    /*font-size: 0.9vw;*/
    width: 100%;
}


#gridContainer * td, #gridContainer * th {
    padding: 0.6vw;
}

td, th {
    /*border-bottom: 1px solid ;*/
    /*font-family: Roboto;*/
    text-align: left;
    /*color: black;*/
    /*padding: 0.6vw;*/
    box-sizing: border-box;
    /*overflow: hidden;changed by vaishnavi*/
    text-overflow: ellipsis;
}

.displayColumnFreezedTable td, .displayColumnFreezedTable th, .displayColumnUnFreezedTable td, .displayColumnUnFreezedTable th {
    padding: 0.4vw 0.6vw 0.4vw 0.6vw
}

/*tbody tr:hover {
box-shadow:inset 0px 1px 0px 0px rgba(0,0,0,0.1),inset 0px -1px 0px 0px rgba(0,0,0,0.1);
    /*inset 0px -1px 0px 0px rgba(0,0,0,0.1),inset 0px -1px 0px 0px rgba(0,0,0,0.1);*/
/*background-color:red;*/
/*}

.orgChart tr:hover {
    
box-shadow:none;
    /*inset 0px -1px 0px 0px rgba(0,0,0,0.1),inset 0px -1px 0px 0px rgba(0,0,0,0.1);*/

/*background-color:red;
}*/

/* Table Header div style */
/*th:first-child div{
  border: none;
}
th div {
    position: absolute;
    border-bottom: 1px solid #E0E0E0;   
    font-family: Roboto;     
    text-align: left;
    color: black;
    padding: 0.3vw;
    box-sizing: border-box; 
    overflow: hidden;
    text-overflow: ellipsis;  
}*/

textarea:disabled, .gridheaderclass select:disabled, .gridheaderclass-noCard select:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=date]:disabled, input[type=file]:disabled, .ms-options-wrap > button:disabled {
    background: #efefef;
    background: rgb(250,250,250);
    cursor: default;
}

/*input[type=image]:disabled {
    cursor:default;
    background:transparent;
}*/

.ms-options-wrap > button:enabled {
    background-color: #fff;
    /* width: 60%; */
    margin-bottom: 10px;
}

th {
    font-weight: 600;
    padding: 0.6vw;
    /*cursor:pointer;*/
    /*padding-right:2vw;*/
    text-transform: uppercase;
}

.summarytable th {
    padding: 0.5em;
}

.summarytable > tr > td > label {
    font-weight: bold;
}

.ascending:after {
    content: "\02C6";
    width: 0;
    height: 0;
    position: absolute;
    font-size: 2vw;
    font-weight: 300;
    margin-left: 0.5%;
    /*top:18.5%;*/
    /*border-left: 4px solid transparent;
	    border-right: 4px solid transparent;	    
        border-bottom: 8px solid #000000;*/
    /*border-top: 0;*/
}

.descending:after {
    content: "\02C7";
    width: 0;
    height: 0;
    position: absolute;
    margin-left: 0.5%;
    font-size: 2vw;
    font-weight: 300;
    /*top:1.5%;*/
    /*border-left: 4px solid transparent;
	    border-right: 4px solid transparent;	    
        border-bottom: 0;*/
    /*border-top: 8px solid #000000;*/
}

/*td > div > label {
    
}
td > div > img {
    width: 25%;
    margin-top: 1%;
    margin-left: 25%;
    margin-bottom: 1%;
}*/

/*label,button,td, th,input,select,textarea {*/
/*font-size: 12px;*/
/*font-family: Roboto;
    font-size: 0.8vw;*/
/*margin-top:1%;*/
/*color:rgba(97, 97, 97, 1);*/
/*color:#808080;   
}*/
/*img {
    width:20px;
}*/
button:not(.btn):not(.form-control):not(.accordion):not(.actionButton1):not(.harmonybtnwithicon):not(.hrmnybtn) {
    border: 1px solid #E0E0E0 !important; /*#E0E0E0;  solid 0.1vh #D8D8D8*/
} button:not(.btn):not(.form-control):not(.accordion):not(.actionButton1):not(.harmonybtnwithicon) {
    background-color: #D8D8D8;
    border-radius: 20px;
    /*color: black;*/
    position: relative;
    /*height: 32px;*/
    height: 4vh;
    /*margin-top:0.1vw;*/
    /*padding: 0.5vw;*/
    min-width: 6vw;
    white-space: nowrap;
    /*padding: 0 16px;*/
    display: inline-block;
    /*font-size: 14px;*/
    /*font-family: Roboto;
    font-size: 0.8vw;*/
    font-weight: 600;
    text-transform: lowercase;
    letter-spacing: 0;
    overflow: hidden;
    margin-top: 0.5vh;
    margin-right: 0.6vh;
    margin-left: 0vh;
    /*margin-left:0.5vh;  */
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border-radius: 20px;
    min-width: 4vw !important;
    padding-left: 10px;
    padding-right: 10px;
} .hrmnybtn {
    border: 1px solid transparent !important; /*#E0E0E0;  solid 0.1vh #D8D8D8*/
}
.ms-options-wrap > button {
    text-transform: none;
    border-radius: 5px !important;
    height:4.7vh!important;
} .flex-grid-header button {
    margin-top: 0vh;
} .ms-options-wrap > button, input[type=text], input[type=password], input[type=date], input[type=file] {
    height: 4.5vh;
} #dvPagination {
    margin-right: 2vw;
} .hrmnypaginationbtn {
    margin-right: 0vh;
    margin-left: 0vh;
    min-width: 0vh;
    text-decoration: none;
    /*    max-width: 40px;
    height: 40px;
    width: 40px;
    min-width: 50px !important;*/
    margin-top: 0;
    max-width: 2.5vw;
    /* height: auto; */
    width: 2.5vw;
    min-width: 0px !important;
} .hrmnypaginationbtn:hover {
        background-color: #D8D8D8;
    } .hrmnybtn {
    background-color: #f78f1e; /*#0c3451;*/ /*maroon;*/
    /*border  :none;*/
    color: white;
    /*font-weight:bold;*/
    text-transform: lowercase !important;
} button.hrmnybtn::first-letter, button.hrmnybtn::first-line {
    text-transform: uppercase;
} button div.accordionbuttonleftspan, button div.accordionbuttonleftspan {
    text-transform: lowercase;
} button div.accordionbuttonleftspan::first-letter, button.accordion::first-letter, button.accordion1::first-letter, button div.accordionbuttonleftspan::first-line, button.accordion::first-line, button.accordion1::first-line {
        text-transform: capitalize !important;
    } button:first-letter, button:first-line {
    text-transform: capitalize !important;
} #divModuleDetails {
    border-radius: 12px;
} .Group-shadow-harmony-settings {
    border-radius: 10px;
} .hrmnybtn1 {
    background-color: #D3D3D3; /*#0c3451;*/ /*maroon;*/
    border: none;
    color: white;
    /*font-weight:bold;*/
} a {
    /*font-family: Roboto;*/
    /*font-size: 1vw;*/
    /*color: #0c3451;*/ /*#2d4e76 rgb(255,64,129);*/
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    color: #303030;
} .emptyField {
    border-color: red !important;
} .whiteSpacePreWrap {
    white-space: pre-wrap;
} .whiteSpacePreLine {
    white-space: pre-line;
} .lblgridSearch {
    color: darkblue;
    font-size: 1.8vh;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 15px;
} .filterDateTable td {
    border-bottom: none;
    padding: 0.2vw;
} .infoIcon {
    position: relative;
    display: inline-block;
    font-size: 0.9vw;
    vertical-align: text-bottom;
    text-align: center;
} .infoIcon:hover .tooltiptext {
        cursor: pointer;
        visibility: visible;
        opacity: 1;
    } .infoIcon .tooltiptext {
        visibility: hidden;
        width: 20em;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 8px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 60%;
        margin-left: -110px;
        opacity: 0;
        transition: opacity 0.3s;
    } .infoIcon .tooltiptext:after {
            content: "";
            position: absolute;
            top: 100%;
            left: 44%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        } .filterActive {
    color: white !important;
    background-color: orangered !important;
    font-weight: bold !important;
} .lblAddFilter {
    color: black;
    font-size: 2vh;
    text-decoration: none;
    margin-left: 15px;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
} .addFilterDivClass {
    border: 1px solid black;
    width: 30%; /*25%;*/
    height: auto;
    margin: 1.5vh;
    border-radius: 15px;
    cursor: pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
} .filterTypeDivClass {
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    align-content: space-around;
    align-items: center;
    align-self: center;
} .filterCalendarDiv {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 1vh;
    /*border-bottom-color: rgba(153, 153, 153, 1);
    border-bottom-style: solid;
    border-bottom-width: 1px;*/
    padding-bottom: 1vh;
} .filterDateTable {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 1vh;
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px 0px rgba(0,0,0,0);
    /*border-bottom-color: rgba(153, 153, 153, 1);
    border-bottom-style: solid;
    border-bottom-width: 1px;*/
    /*padding-bottom: 1vh;*/
} .filterCalendarLabel {
    font-size: 1vw;
    /*font-weight: bold;*/
    /*margin-right: 2vh;
    margin-left: 0.5vh;*/
} .noborder {
    border: 0px solid #c5c5c5;
} #divDateContainer tbody tr:hover {
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px 0px rgba(0,0,0,0);
} .card2 {
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);
    /*padding: 0.2em;
    margin-top:0.4em;*/
} .card23 {
    padding: 0.2em;
    margin-top: 0.4em;
    border-bottom-color: rgba(69, 69, 69, 0.2); /*rgba(212, 212, 212, 1);*/
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 1.5vh;
}
/*.divDateContainerCardview {
    padding-right: 3%;
    padding-left: 2%;
    flex-direction: column;
    display: flex;
    height: 19%;
    width: 98%;
    margin-left: 1%;
}*/
.dateInputs {
    width: 67%;
} #btnFilterPrevious {
    /*background: url('../Images/appbar.chevron.left.png') no-repeat center / 150% white;*/
    font-weight: bold;
    font-size: 1vw;
    /*width:25px;*/
    /*overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
    display: table-cell;
    vertical-align: middle;
} #btnFilterNext {
    /*background: url('../Images/appbar.chevron.right.png') no-repeat center / 150% white;*/
    font-weight: bold;
    font-size: 1vw;
    display: table-cell;
    vertical-align: middle;
    /*overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
} #GridFilterHeaderParentDivId {
    /*width: 98%;*/
    margin-left: 1%;
    /*z-index: 105;*/
    background-color: white;
    display: flex;
    z-index: 20;
    position: absolute;
    width: 75%;
    left: 12%;
    margin-top: 2vh;
    /*width: 21%;*/
} .GridFilterHeader {
    width: 99%;
    /* margin-left: 1%; */
} .GridFilterHeaderActionButtons {
    width: 85%;
    margin-left: 1%;
    /*font-weight: bold;*/
    height: 6%;
    justify-content: flex-start !important;
    padding: 1%;
    font-size: 0.8vw;
}
/*#GridFilterHeaderParentDivId::before {
    width: 10px;
    box-shadow: 2px 2px -1px 1px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.1);
    height: 10px;
    top: 51%;
    left: -2%;
    margin-top: -6px;
    border-bottom: 0.5px solid lightgrey;
    border-right: 0.5px solid lightgrey;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 10;
    content: '';
    position: absolute;
    background-color: #ffffff;
    
}*/
.sortArrowUp {
    /*content:url("../Images/SortArrowGrey.png");*/
    /*transform: rotate(180deg);*/
    opacity: 0.4;
} .sortArrowDown {
    opacity: 0.4;
} .sortArrowUpActive {
    /*content:url("../Images/SortArrowBlack.png");*/
    /*transform: rotate(180deg);*/
} .sortArrowImages {
    /*width: 30px;
    height: 16px;*/
    width: 12px; /*17px*/
    height: 12px;
} .columnOrderBy {
    display: flex;
    width: 10%;
    height: 60%;
    padding: 0.4vh;
    cursor: pointer;
} .GridFilterDiv, .GridFilterDiv > * {
    font-size: 0.8vw;
} .andOrConditionClass {
    cursor: pointer;
    font-size: 1.5vw; /*2vw;*/
    text-align: center;
    padding: 1vh;
    color: grey;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
} .columnAndOrCondition {
    /*display: flex;*/
    /*display: none;*/
    flex-direction: row;
    justify-content: center;
    align-self: center;
    align-items: center;
    align-content: center;
    /*width: 5%;*/
} .columnAndOrCondition:hover, .columnAndOrCondition > label:hover {
        color: black;
    } .justifyCenterRowFlex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /*text-align: center;*/
} .justifyCenterRowFlex2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*align-items: center;*/
} .justifySpaceBtwRowFlex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
} .justifySpaceAroundRowFlex {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
} .justifyFlexEndRowFlex {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
} .justifyFlexStartRowFlex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
} .justifyFlexStartColumnFlex {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
} .justifyCenterColumnFlex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
} .justifyCenterColumnFlex2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    /*text-align: center;*/
    align-items: center;
} .filterLabelClass {
    font-size: 0.9vw;
} .filterHeaderLabelClass {
    font-size: 1vw;
    text-transform: uppercase;
    font-weight: 600; /*bold;*/
} #divDynamicColumnsData {
    padding-top: 0vh;
} .searchConditionOptionsClass {
    /*display: block;*/
    /*border: 1px solid black;*/
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);
    position: absolute;
    z-index: 111;
    background-color: white;
    width: 8%;
    padding: 1vh;
} .searchConditionOptionsClass::before {
        content: '';
        border: 1px solid lightgrey;
        box-shadow: 2px 2px -1px 1px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.1);
        position: absolute;
        background-color: #ffffff;
        width: 10px;
        height: 10px;
        /*border: 2px #005696 solid;*/
        top: 0%;
        left: 42%;
        /*margin: -8px 0;*/
        margin-top: -6px;
        border-bottom: none;
        border-right: none;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: -1;
    } .searchConditionParentDiv {
    width: 30%; /*26%;*/
} .filterSearchConditionLabelClass {
    cursor: pointer;
    /*text-decoration: underline;*/
    font-size: 0.98vw;
} .noShadow {
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px 0px rgba(0,0,0,0);
    /*box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px 0px rgba(0,0,0,0);*/
} select:hover, input[type='radio']:hover, textarea:hover {
    /* box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px 0px rgba(0,0,0,0); */
}
/*.GridFilterHeader > button:hover {
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px 0px rgba(0,0,0,0);
    border: 0px;
    font-size: 0.9vw;
}*/
.noShadowHover:hover {
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px 0px rgba(0,0,0,0);
} .actionButtonHover:hover {
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16), 0px 0px 0px 1px rgba(0,0,0,0.08)
} .actionButtonHover {
    border: 0.5px dotted lightgrey !important;
} .expandCollapseBtn {
    /*background: url('../Images/appbar.chevron.left.png') no-repeat center / 150% white;*/ /*collapseDiv2*/
    /*border-radius: 12px;*/
    /*border: 1px solid black;*/
    /*border-image: none;*/
    width: 16px;
    height: auto;
    text-align: center;
    /*width: 20px; 
    height: 18px;*/
    float: right;
    /*display: flex;*/
    z-index: 5;
    cursor: pointer;
    /*max-height: 25px; 
    max-width: 25px; 
    flex-direction: row-reverse; 
    justify-content: center;*/
    /*transform: rotate(90deg);*/
    transition: all ease-in-out 0.1s;
} .expandCollapseClass {
    background-color: transparent;
    /*background: url('../Images/arrow_chevron_24.png') no-repeat center / 50% white;*/ /*collapseDiv2*/
    /*border: 1px solid black;    appbar.chevron.left*/
    /*border-radius: 12px;*/
    /*width: 20px; 
    height: 18px;*/
    width: 16px;
    min-width: 16px;
    border: none;
    height: auto;
    text-align: center;
    float: right;
    /*display: flex;*/
    z-index: 5;
    cursor: pointer;
    transform: transition;
    transition: all ease-in-out 0.1s;
    /*max-height: 25px; 
    max-width: 25px; 
    flex-direction: row-reverse; appbar.chevron.right
    justify-content: center;*/
    margin: 0vh;
} .expandCollapseBtn2 {
    /*background: url('../Images/appbar.chevron.right.png') no-repeat  center / 150% white;*/ /*expandDiv2*/
    /*border-radius: 12px;*/
    /*border: 1px solid black;*/
    /*border-image: none;*/
    width: 16px;
    height: auto;
    text-align: center;
    /*width: 20px; 
    height: 18px;*/
    float: right;
    /*display: flex;*/
    z-index: 5;
    cursor: pointer;
    /*max-height: 25px; 
    max-width: 25px; 
    flex-direction: row-reverse; 
    justify-content: center;*/
    transform: rotate(180deg);
    transition: all ease-in-out 0.1s;
} .manageFilterDivParentClass, .manageFilterDivParentClassReports {
    width: 98%;
    margin-left: 1%;
} .dashboardViewsLabelDiv {
    /*padding-left: 1%;*/
    margin-right: 1%;
} .dashboardCurrentViewsLabelDiv {
    /*padding-left: 1%;*/
    margin-right: 1%;
} .filterActionButton {
    background-color: transparent;
    font-size: 1vw;
    border: none;
    min-width: 27px !important;
    padding: 0;
    width: 11px !important;
    font-weight: bold;
} #divFilters {
    /*z-index: 9500;*/
} .zIndexClass {
    z-index: 9500;
} .zIndexClassUnderModulesDiv {
    z-index: 950;
} .filterOrClass {
    /*font-size:3vw;
    padding-bottom:2vh;*/
} .saveOptionsDivClass {
    /*border: 1px solid black;*/
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);
    /*margin-left: 45%;*/
    /*width: 6%;*/
    padding: 1vh;
    top: 43%;
    position: fixed;
    left: 3.1%;
    z-index: 10;
    display: none;
    color: white;
    background-color: white;
    /*padding-right:1.5vw;*/
} .saveOptionsDivClass:before {
        content: '';
        border: 1px solid lightgrey;
        box-shadow: 2px 2px -1px 1px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.1);
        position: absolute;
        background-color: #ffffff;
        width: 10px;
        height: 10px;
        /*border: 2px #005696 solid;*/
        top: 0%;
        left: 42%;
        /*margin: -8px 0;*/
        margin-top: -6px;
        border-bottom: none;
        border-right: none;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: -1;
    } .GridFilterHeader .ms-options-wrap > button:focus, .GridFilterHeader .ms-options-wrap > button {
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px 0px rgba(0,0,0,0);
    border: 0px;
    font-size: 0.9vw;
} .divColumninput input {
    width: 50%; /*85%;*/
    margin-right: 3%;
} .pendingListLabelClass {
    font-size: 0.9vw;
    font-weight: normal;
} .pendingListInputClass {
    width: 10%;
} .pendingListLabelDivClass {
    float: right;
    /*padding-top: 2vh;*/
    padding-right: 2vh;
} .ms-options-wrap > .ms-options > ul li.selected label, .ms-options-wrap > .ms-options > ul label:hover, .ms-options-wrap > .ms-options > ul label {
    font-size: 0.9vw;
} .ms-options-wrap > .ms-options > ul input[type='checkbox'] {
    width: 12px;
    height: 12px;
} #selectHeaderFilter {
    border: 0px;
    border: 1px solid rgba(0,0,0,.15);
    width: 30%;
} .cardStyleVeiwParent {
    position: fixed;
    background-color: white;
    width: 90%; /*26%;*/
    max-height: 40%;
    height: auto;
    min-height: 7%;
    /*height: 40%;*/
    /*overflow: auto;*/
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    z-index: 555;
    padding: 1vh;
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);
} .cardStyleVeiw {
    width: 100%;
    overflow-y: auto;
    /*height: ;*/
    max-height: 40%;
}
/*.cardStyleVeiw {
     width: auto;
    
    overflow: auto;
    height: auto; inherit;
    --max-height: 61%;
}*/
/*
.cardStyleVeiw {
    width: 100%;
    height: 100%;
    overflow: auto;


}*/
#dashboardCurrentViewLabelBtnId {
    padding-bottom: 0.5vh;
    margin-bottom: 0.5vh;
    /*border-bottom: 1px solid lightgrey;*/
} .cardStyleVeiwParent3:before {
    width: 10px;
    /*border: 1px solid black;*/
    /*box-shadow:0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);*/
    box-shadow: 2px 2px -1px 1px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.1);
    height: 10px;
    top: 0%; /*33.5%;*/
    left: 50%;
    margin-top: -6px;
    border-bottom: 0.5px solid lightgrey;
    border-right: 0.5px solid lightgrey;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    z-index: 10;
    /*border: 1px solid red;*/
    content: '';
    position: absolute;
    background-color: #ffffff
}
/*.ms-options-wrap > div > ul {
    margin-left:-6vh;
}*/
.fontSizeForFilter {
    font-size: 1vw;
}
/*.fontSizeForFilter2 {
    font-size: 0.9vw;
}*/
.pendingListOptionLabelClass {
    /*text-transform: uppercase;*/
    font-weight: 400;
    font-size: 0.9vw;
} #pendingListOptionsDivId div {
    /*.pendingListOptionClass  {*/
    padding-bottom: 1vh;
    padding-top: 1vh;
    border-bottom: 0.5px dotted lightgrey;
    padding-left: 1vw;
} #pendingListOptionsDivId div:last-of-type {
        border-bottom: none;
    } .filterNamePropertyLabel {
    padding-left: 0.5vh;
    text-overflow: ellipsis;
    display: inline-block;
    width: 69%;
    overflow: hidden;
    max-width: 69%;
} .pendingListOptionsParentDivClass {
    width: 10%;
    position: fixed;
    /*border: 1px solid red;*/
    z-index: 50;
    background-color: white;
} .pendingListOptionsParentDivClass:before {
        width: 10px;
        /*border: 1px solid black;*/
        /*box-shadow:0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);*/
        box-shadow: 2px 2px -1px 1px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.1);
        height: 10px;
        top: 51%; /*33.5%;*/
        left: -4%;
        margin-top: -6px;
        border-bottom: 0.5px solid lightgrey;
        border-right: 0.5px solid lightgrey;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        z-index: 10;
        /*border: 1px solid red;*/
        content: '';
        position: absolute;
        background-color: #ffffff;
    } .backgroundWhite {
    background-color: white;
} .backgroundWhite > label {
        color: rgba(97, 97, 97, 1);
    } .backgroundGrey {
    background-color: gray; /* rgba(238, 238, 238, 1);*/
    color: white;
} .backgroundGrey:hover > label {
        color: rgba(97, 97, 97, 1);
    } .pendingListOptionsDivClass {
    width: 100%;
    padding: 1vh;
} .filterLabelDivClass {
    width: 95%;
    padding-bottom: 1vh;
    padding-top: 1vh;
    border-bottom: 0.5px dotted lightgrey;
} #cardStyleVeiwParentId .filterNameDivPadding22:last-of-type .filterLabelDivClass {
    border-bottom: none;
} .searchConditionOptionClass {
    padding-bottom: 1vh;
    padding-top: 1vh;
    border-bottom: 0.5px dotted lightgrey;
} .searchConditionOptionClass > label {
        color: grey;
    } .pageSizeOptionLabelDiv {
    width: 100%;
    padding-bottom: 1vh;
    padding-top: 1vh;
    padding-left: 1vw;
    /*padding-right:2vw;*/
    border-bottom: 0.5px dotted lightgrey;
} #pageSizeOptionsDivId div:last-of-type {
    border-bottom: none;
} #divDynamicColumnsData div:last-of-type {
    border-bottom: none;
} #searchConditionDivsParent div:not([style*="display: none"]):last-of-type {
    border-bottom: none !important;
} .forceHideFilterIndicators {
    display: none !important;
} .saveFilterDivClass {
    padding-bottom: 1vh;
    padding-top: 1vh;
    border-bottom: 0.5px dotted lightgrey;
    /*text-align: center;*/
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    font-size: 1vw;
} .saveAsFilterDivClass {
    padding-bottom: 1vh;
    padding-top: 1vh;
    border-bottom: none; /*0.5px dotted lightgrey;*/
    /*text-align: center;*/
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    font-size: 1vw;
} .backgroundGrey > label {
    color: white;
} .saveFilterDivClass > label, .saveAsFilterDivClass > label {
    color: grey;
} .dashboardCurrentPendingListContentDivClass {
    height: 6%;
} #dashboardCurrentPendingRecordListParentDiv {
    height: auto;
} .filterNameLabelClass {
    /*color: red;*/
} .filterNameInputClass {
    /*color: red;*/
} .filterNamesaveDefaultLabelClass {
    display: none;
    font-size: 2vh;
    float: right;
    padding-right: 1vh;
} .underlineClass {
    /*text-decoration: underline;*/
    cursor: pointer;
} .selectedBackgroundHover {
    background-color: rgba(238, 238, 238, 1);
    color: white;
    border-radius: 12px;
}
/*.filterNamesaveDefaultLabelClass:hover {
    display:flex;
}*/
#dashboardCurrentViewsContentDivId {
    margin-left: 1vh;
} .filterNameDivPadding {
    padding: 0.5vh;
} .pageCard {
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12);
} .showHand {
    cursor: pointer;
} .dashboardViewsContentDivClass {
    /*27%;*/ /*40%;*/
    /*height: 70%;
    overflow: auto;
    max-height: 70%;*/
    /*27%;*/ /*40%;*/
    /*height: 45%;
    display: grid;*/
    /* display: contents; */
} .unselectedCapsule {
    /*background-color: rgba(234, 213, 213, 1);*/
    background-color: white;
} .unselectedCapsule > label {
        /*color: rgb(125, 125, 125);*/
        color: grey;
        /*white;*/
    } .selectedCapsule {
    /*background-color: rgba(117, 199, 238, 1);*/
    background-color: white;
    /*background-color:  rgba(209, 232, 255, 1);*/
} .selectedCapsule > label {
        /*color: rgb(125, 125, 125);*/
        color: rgba(48, 48, 48, 1);
        /*white;*/
    } .fieldcapsuleDiv {
    display: table;
    border-radius: 12px;
    border: grey 1px solid;
    padding: 2px;
    width: auto;
    height: auto;
    margin: 3px;
    cursor: pointer;
} .capsuleLabelClass {
    margin: 1vh;
    font-size: 0.9vw;
    display: table-cell;
    /* margin-left: 1vh; */
    padding-left: 1vh;
    padding-right: 1vh;
    /*    display: table-cell;
    padding-left: 7px;
    overflow-wrap: break-word;
    width: 100%;
    flex-flow: wrap;
    white-space: break-spaces;*/
} .capsuleAction1 {
    color: darkred !important;
    /*vertical-align: top;*/
} .capsuleAction2 {
    color: darkgreen !important;
    /*vertical-align: top;*/
} #selectedViewsParentDiv * .capsuleAction1 {
    display: none !important;
} #unSelectedViewsParentDiv * .capsuleAction2 {
    display: none !important;
} .capsuleActionClass {
    display: table-cell;
    margin-left: 1px;
    margin-top: 1px;
    vertical-align: middle;
} .noTextSelection {
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
} .notVisibleDiv {
    font-size: 0.9vw;
    text-transform: uppercase;
    color: rgba(73, 68, 55, 1);
} .noWrapWhiteSpace {
    white-space: nowrap;
} .dragParentDivhighlight {
    /*margin-top: 2vh;*/
    /*padding: 1vh;*/
    /*line-height: 0.9vw; u*/
    padding: 2px;
    margin: 2px;
    /*height: 2vw; u*/
    /*line-height: 1.2em;*/
    /*width: 25%; u*/
    /*position: relative;*/
    /*background-color: lightgray;*/
    border: grey 1px solid;
    border-radius: 15px;
    display: inline-block;
    vertical-align: middle;
}
/*.appliedfilterIndicatorLabel {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.appliedfilterIndicatorLabelBefore::before {
    content: "\e138";
}*/
.pageSizeOptionsParentClass {
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);
    /*margin-left: 45%;*/
    width: 6%;
    padding: 1vh;
    top: 43%;
    position: fixed;
    left: 3.1%;
    z-index: 100;
    display: none;
    color: white;
    background-color: white;
} .pageSizeOptionsParentClass:before {
        content: '';
        border: 1px solid lightgrey;
        box-shadow: 2px 2px -1px 1px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.1);
        position: absolute;
        background-color: #ffffff;
        width: 10px;
        height: 10px;
        /*border: 2px #005696 solid;*/
        top: 0%;
        left: 42%;
        /*margin: -8px 0;*/
        margin-top: -6px;
        border-bottom: none;
        border-right: none;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: -1;
    }
/*.pageSizeOptionLabel {
    color:green;
    color: grey;
    cursor:pointer;
}*/
/*.pageSizeOptionLabel.disabledLabel, .pageSizeOptionLabelDiv.disabledLabel {
        color: #E0E0E0;
        cursor: default;
    }
        .pageSizeOptionLabel.disabledLabel:hover, .pageSizeOptionLabelDiv.disabledLabel:hover {
            cursor: not-allowed;
        }*/
.pageSizeOptionLabelDiv.pointer-events-none > label {
    color: #E0E0E0;
} #pendingListLabelId2 {
    cursor: pointer;
} .pageSizeOptionsClass {
    width: 98%;
} .divCopyOption {
    height: 55%;
    width: 7%;
    cursor: pointer;
    margin-right: 1vh;
} .columnCopySpan {
    /*content: ⎘*/
    /*border: 1px solid green;*/
    transform: rotate(180deg);
    font-size: 0.9vw;
    color: grey;
    margin-top: 0.5vh;
} .columnCopySpan:hover {
        color: black;
    }
/*.divDeleteOption {
    height: 60%;
    width: 7%;
    margin-left: 4vh;
    cursor:pointer;
    float: right;
    right: 0px;
}*/
.divDeleteOption {
    height: 1.8vh;
    width: 3vh;
    line-height: 2vh;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    float: right;
    margin-left: 1vh;
    /*border: 1px solid black;*/
    border-radius: 25px;
    right: 0px;
} .divDeleteOption:hover {
        /*border: 0.5px solid black;*/
    } .divDeleteOption:hover > span {
            /*color: red;*/
            color: black;
        } .columnDeleteSpan {
    /*content: ⎘*/
    color: grey;
} .columnDeleteSpan:hover {
        /*content: ⎘*/
        color: black;
    } .filterNameLabelClass, .filterNamesaveDefaultLabelClass {
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: 1vw;
} .gridChildrenContent {
    overflow: auto;
    height: 94%;
    width: 100%;
} #dashboardViewsContentDivId {
    padding: 1vh;
    padding-top: 2vh;
    /*    display: block;
    height: 44% !important;
    width: 99%;*/
    /* height: fit-content; */
}
/*#dashboardViewsContentDivId > div {
    height: 100% !important;
}*/
.filterIcon {
    src: url(../Images/filter.png);
} .dividerLine {
    border-bottom: 1px dotted grey;
    height: 1vh;
    margin-bottom: 1vh;
} .documentsSearchLabelDiv {
    margin-right: 1%;
} .filterSearchForValueDivClass, .filterSearchInTypeDivClass {
    width: 90%;
    margin: 1vh;
} .documentsSearchContentDivClass {
    /*padding-left: 5%;
    padding-top: 1vh;*/
} .searchInLabelTypeClass {
    cursor: pointer;
} .searchInLabelTypeActiveClass {
    font-weight: bold;
} .divActionsListPM {
    width: 14vw;
    position: fixed;
    /*border: 1px solid red;*/
    z-index: 50;
    right: 4vh;
    background-color: white;
} .divActionsListPM:before {
        width: 10px;
        /*border: 1px solid black;*/
        /*box-shadow:0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);*/
        box-shadow: 2px 2px -1px 1px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.1);
        height: 10px;
        top: 25%; /*33.5%;*/
        right: -3%;
        margin-top: 0px;
        /*border-bottom: 0.5px solid lightgrey;
    border-right: 0.5px solid lightgrey;*/
        /*-webkit-transform: rotate(315deg);*/
        /*transform: rotate(315deg);*/
        z-index: 10;
        /*border: 1px solid red;*/
        /*content: '';*/
        position: absolute;
        background-color: #ffffff;
        /*border-color:white;*/
    } .dragParentDivs {
    min-height: 20px;
    max-height: 30%;
    /*    display: block;
    height: 41% !important;*/
    overflow: auto;
} .lblPMPrjctStatus2 {
    font-weight: normal !important;
    font-size: 12px !important;
} .PMPrjctPlanBufferActualBuffer {
    margin-left: 15vh;
    margin-right: 15vh;
    border-radius: 15px;
    padding-left: 3vh;
    background-color: antiqueWhite;
} .filteredColumnIcon {
    width: 11px;
    opacity: 0.5;
    font-size: 0.9vw;
    bottom: 0.5vh;
} .filteredColumnIconType2 {
    vertical-align: text-top;
} .filteredColumnSortIcon {
    font-size: 0.9vw;
    bottom: 0.5vh;
    /*vertical-align: text-top;*/
} #selectHeaderFilterLabel {
    display: none !important;
} .disabledFontColorForFilter {
    /*justify-content: flex-end !important;*/
    opacity: 0.4;
} .griddatepickerPM {
    height: 2.9vh !important;
} .PM_TS_ITEM {
    text-align: center;
    padding: 1vw;
} .PM_TS_ITEM1 {
    height: 4vh !important;
    margin-right: 0vw !important;
} .PM_TS_ITEM2 {
} #controlsMainDiv {
    padding: 1.5vw;
    margin-top: 1.3vw;
    width: 35vw;
    margin-left: 1vw;
} .custom_theme_labelPM {
    /*border: 1px solid #919193;*/
    border-radius: .25rem;
    padding: .25rem;
    display: inline-block;
    height: 7vh;
    margin-top: 1vh;
    margin-right: 2vw;
} .txtaligncenter {
    text-align: center !important;
} .moreDetailsCardClass {
    /*background-color: darkseagreen !important;*/
    background-color: white !important;
    position: absolute;
    height: 98%;
    width: 100%;
    /*transition: 5s ease-in;*/
} .filterColor {
    color: red !important;
} .taskDetailsCloseBtn {
    position: absolute;
    float: right;
    top: 4px;
    opacity: 1;
    z-index: 11111;
    right: 20px;
    width: 9px;
    background-color: white;
    height: 12px;
} .cardContentClass {
    position: absolute;
    width: 100%;
    display: contents;
    height: 100%;
} #gridTasks {
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2), 0px 4px 20px 0px rgba(0,0,0,0.19);
} .taskViewClass_ {
    padding: 0vh !important;
} .taskViewClass_Overflow_Hidden {
    overflow: hidden !important;
} .taskDetailsNoScrollForParent {
    overflow: visible !important;
} .taskDetailsNoMarginForParent {
    margin: 0px;
} .summarytable td {
    white-space: pre-wrap !important;
} .summarytableExport tbody tr {
    border-bottom: 1px solid rgba(211, 211, 211, 0.7);
} .filtersViewsGropuName {
    margin-top: 2vh;
    /*margin-bottom:1vh;*/
}
/*do_not_delete_*/
/*.taskActionsDivClass {
    height: 100%;
    width: 50%;
}

#taskActionsDiv {
    border-right: 0.5px solid lightgrey;
}*/
/*do_not_delete_*/
.divActionsListDashboard {
    width: 14vw;
    position: fixed;
    /*border: 1px solid red;*/
    z-index: 50;
    right: 4vh;
    background-color: white;
} .divActionsListDashboard:before {
        width: 10px;
        /*border: 1px solid black;*/
        /*box-shadow:0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);*/
        box-shadow: 2px 2px -1px 1px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.1);
        height: 10px;
        top: 25%; /*33.5%;*/
        right: -3%;
        margin-top: 0px;
        /*border-bottom: 0.5px solid lightgrey;
    border-right: 0.5px solid lightgrey;*/
        /*-webkit-transform: rotate(315deg);*/
        /*transform: rotate(315deg);*/
        z-index: 10;
        /*border: 1px solid red;*/
        /*content: '';*/
        position: absolute;
        background-color: #ffffff;
        /*border-color:white;*/
    } .harmonybtnwithicon {
    background-color: #ffffff !important;
    border: solid 1px #969696 !important;
    border-radius: 36px !important;
    color: #5c51ff !important;
    position: relative !important;
    height: 5vh !important;
    padding: 0 16px !important;
    font-weight: bold !important;
    text-transform: capitalize !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    margin-left: 1vw !important;
    margin-top: 0.5vh !important;
    margin-right: 2vw !important;
    cursor: pointer !important;
    text-decoration: none !important;
    text-align: center !important;
    font-family: Microsoft JhengHei !important;
} .s-hidden {
    visibility: hidden;
    padding-right: 10px;
} .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    /*font: normal 11px/22px Arial, Sans-Serif;*/
    color: black;
    border: 1px solid #ccc;
} .styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 0 10px;
    /*font-weight: bold;*/
} .styledSelect:after {
        content: "";
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-color: black transparent transparent transparent;
        position: absolute;
        top: 9px;
        right: 6px;
    } .styledSelect:active, .styledSelect.active {
        background-color: #eee;
    } .options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    border: 1px solid #ccc;
    background-color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
} .options li {
        padding: 0 6px;
        margin: 0 0;
        padding: 0 10px;
    } .options li:hover {
            background-color: #39f;
            color: white;
        } option {
    padding: 0 6px;
    margin: 0 0;
    padding: 0 10px;
} #saveAsFilterPencil {
    position: absolute;
    display: block;
    top: 43%;
    /* width: 25px; */
    left: 38%;
    opacity: 1;
    font-size: 1.4vh;
    /* background-color: white; */
} .floating-box, .floating-box1 {
    display: inline-block;
    width: 16.33%;
    /*max-width: 300px;*/
    /*padding-right: 0.8vw;padding-bottom: 0.2vw;*/
} .floating-box-initiateGrid, .floating-box1-initiateGrid {
    width: 100%;
    /*padding: 1% 5% 3% 5%;*/
} .floating-box2 {
    display: inline-block;
    width: 33%;
    /*width: 65.6%;*/
    /*max-width: 600px;*/
    /*padding-right: 0.8vw;padding-bottom: 0.2vw;*/
}
/*.floating-box2 > .labelDiv {
    width:25%    
    }*/
#dvinitiateCopyGrid table, #dvinitiateCopyGrid table td {
    border: 1px solid lightgray;
    /* padding: 0.5px;
    height: 25%;*/
} #dvinitiateCopyGrid input {
    border: none;
    /*width: 100%;
    height: 100%;*/
    box-shadow: none;
} .floating-box-initiateCopyGrid {
    max-height: 80%;
    /*overflow: auto;*/
} .FontAwesomeFontColorHelpTextcon {
    color: rgba(199, 199, 199, 1);
} .floating-box3 {
    display: inline-block;
    width: 49.66%;
    /*max-width: 900px;*/
    /*padding: 0.6vw;
    padding-right: 0.8vw;padding-bottom: 0.2vw;*/
}
/*.floating-box3 div:first-child {
    width:15.2%    
    }*/
.floating-box4 {
    display: inline-block;
    width: 66.33%;
    /*max-width: 1200px;*/
    /* padding-right: 0.8vw;padding-bottom: 0.2vw;*/
    /*padding: 0.3% 0.5% 0.1% 0.5%;*/
} .floating-box5 {
    display: inline-block;
    width: 83%;
    /*max-width: 1200px;*/
    /* padding-right: 0.8vw;padding-bottom: 0.2vw;*/
    /*padding: 0.3% 0.5% 0.1% 0.5%;*/
} .floating-box6 {
    display: inline-block;
    width: 99.66%;
    /*max-width: 1200px;*/
    /* padding-right: 0.8vw;padding-bottom: 0.2vw;*/
    /*padding: 0.3% 0.5% 0.1% 0.5%;*/
} .floating-box, .floating-box1, .floating-box2, .floating-box3, .floating-box4, .floating-box5, .floating-box6 {
    padding: 0.2vw;
    padding-bottom: 0.5vw;
    padding-right: 0.4vw;
}
/*.floating-box4 div:first-child {
    width:11%    
    }*/
.Group-shadow-harmony, .Group-shadow-harmony-settings, .Group-shadow-harmony-Summary, .Group-shadow-harmony-grid, .Group-shadow-harmony-Summary {
    /*margin: 0.5vw;*/
    /*box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);*/
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.16), 0px 0px 0px 1px rgba(0,0,0,0.08);
    /*margin-bottom: 4vh;*/
    border-radius: 2px;
    /*background-color: white;*/
    padding: 1.5vh;
    margin-bottom: 1vw;
    margin-top: 1vh;
    /*margin-left:2vw;*/
} .Group-shadow-harmony-PM {
    /*margin: 0.5vw;*/
    /*box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);*/
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.16), 0px 0px 0px 1px rgba(0,0,0,0.08);
    /*margin-bottom: 4vh;*/
    border-radius: 2px;
    background-color: white;
    padding: 1.5vh;
    margin-bottom: 1vw;
    /*margin-left:2vw;*/
}
/*.Group-shadow-harmony-Summary {
    margin-bottom:3vh;
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
    margin-bottom:2vh;
    margin-top:2vh;
    padding:1.5vh;	
}*/
.Group-shadow-harmony-Summary div {
    /*padding-bottom:2vh;*/
    padding-right: 0.5vh;
}
.Group-shadow-harmony-grid {
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16), 0px 0px 0px 1px rgba(0,0,0,0.08);
    box-shadow: none;
    margin-left: 0;
    /*margin-top:1vh;*/
    padding: 0.5vw;
    margin-bottom: 0vh;
    /*margin:0.5vw;*/
    margin-top:0vw;
    /*padding-top:0vh;*/
} .Group-shadow-harmony-Summary:hover {
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16), 0px 0px 0px 1px rgba(0,0,0,0.08);
} .accordion {
    background-color: white;
    box-shadow: none;
} .accordion1 {
    /*background-color:white;*/
    box-shadow: none;
} button.accordion, button.accordion1 {
    /*background-color: #2d4e76;*/
    /*color: black;*/
    cursor: pointer;
    /*padding: 18px;*/
    /*width: 100%;*/
    /*border: none;*/
    text-align: left;
    outline: none;
    /*font-size: 15px;*/
    /*font-size: 1vw;*/
    /*transition: 0.4s;*/
    /*height:2.5em;*/
    /*margin-bottom:0.5vh;*/
    border: none; /*1px solid rgba(0, 0, 0, 0.2);*/
    /*padding-top:5px;
    padding-bottom:5px;*/
    /*background-color:white;*/
    /*background-color:white;*/
    /*box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1)*/
    /*height:40px*/
    text-transform: none;
    width: 100%;
    margin-top: 0vh;
    font-size: 1.3vw;
} button.accordion1 {
    background-color: white;
    /*margin-bottom:5%;*/
} button.accordion:hover, button.accordion1:hover {
        /*background-color: #2d4e76;*/
        /*padding-top:5px;
        padding-bottom:5px;*/
        /*background-color:#E0E0E0;*/
        /*color: black;*/
        /*font-weight:bold;*/
        background-color: white;
    } button.accordion.active, button.accordion1.active {
        /*border-bottom: 1px solid;*/
    } button.accordion:before, button.accordion1:before {
        content: "\25bc"; /*'\002B';*/
        font-weight: 400;
        font-size: 0.6vw;
        margin-top: 0.4vw;
        margin-left: 0.2vw;
        float: left;
    } button.accordion.active:before, button.accordion1.active:before {
        content: "\25b2"; /*"\2212";*/
        float: left;
    } button.accordion.active, button.accordion:hover {
    /*thead,*/
    /*background-color:rgba(78, 57, 76, 0.20);*/
} button.accordion.active, button.accordion:hover, button.accordion1.active, button.accordion1:hover {
    /*thead,*/
    box-shadow: none;
} .controlBoxMargin {
    /*margin-top: 1%;*/
    /*added by naresh for OrgSettings*/
    display: inline-flex;
    width: 100%;
    /*padding-left:1vh;*/
} .controlBoxMargin > input, .controlBoxMargin > textarea, .controlBoxMargin > select {
        width: 100%;
        float: right;
    }
/* START OF STYLES FOR HARMONY ALERT BOX*/
.alertboxbody {
    width: 100%;
    height: 100%;
    background-color: rgba(10, 10, 10, 0.5);
    z-index: 10002;
    position: fixed;
    top: 0;
    left: 0;
} .alertboxbodyPMAT {
    width: 100%;
    background-color: rgba(255,255,255,.3);
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
} #divAlertBox {
    z-index: 1000001;
    background-color: rgba(10, 10, 10, 0.5);
    /*opacity: 1 !important;*/
} #divAlertBoxMain {
    border-radius: 15px;
    opacity: 1 !important;
} .alertboxclass {
    /*margin-top: 12%;
    margin-left: 25%;
    width: 50%;*/
    /*    margin-top: 15vw;
    margin-left: 25vw;*/
    min-width: 30vw;
    max-width: 45vw;
    width: auto;
    text-align: left;
    background-color: white;
    /*border:solid 1px #0c3451;*/
    opacity: 0.9;
    box-shadow: 0vw 0vw 0.5vw 0.5vw rgba(0,0,0,0.1);
} .alertheader {
    padding: 1vw;
    width: 100%;
    height: 4.5vw;
    /*padding-left: 5%;
    padding-top: 4%;
    width: 100%;
    height: 12%;*/
    background-color: #0c3451;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-style: solid;
    border-bottom-width: 6px;
} .alertcontent {
    /*padding: 5%;*/
    padding: 2vw;
    border-bottom: solid 1px lightgrey;
    overflow: auto;
    max-height: 250px;
} .smallAlertContent {
    /*padding: 5%;*/
    padding: 2vw;
    border-bottom: solid 1px lightgrey;
    overflow: auto;
    max-height: 100px;
} .alertbuttons {
    /*height: 12%;
    padding-left: 5%;
    padding-top: 4%;*/
    height: 4.5vw;
    padding: 1vw;
    text-align: right;
} .alerthdrmsgwidth {
    width: 88vw;
    margin-top: 1vh;
} .alerthdrlogoclass {
    width: 12vw;
    text-align: right;
} .alertscndbtn {
    /*border: 0.1px solid grey;*/
}
/*.alertscndbtn:hover {*/
/*border: solid 0.1px #f78f1e;*/
/*box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 16%), 0px 0px 0px 1px rgb(0 0 0 / 8%);
    }*/
/* END OF STYLES FOR HARMONY ALERT BOX*/
body, label, a, table, select, button, input, textarea {
    font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
    /*font-family: Muli, system-ui, Open Sans;*/
    font-size: 0.95vw;
    font-style: normal;
    /*letter-spacing: 0.5px;*/
    border-radius: 5px;
} .validationStarColor {
    color: red;
    margin-left: 0.5vh;
} .validationStarColor2 {
    color: red;
    margin-left: 0.5vh;
} .popUpSummary {
    /*   position: fixed !important;
    width: auto !important;
    height: auto !important;
    left: 15% !important;
    top: 15% !important;*/
    z-index: 10000;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: fit-content !important;
    height: fit-content !important;
    max-width: 70% !important;
    /*max-height: 50% !important;*/
    overflow: auto;
} .popUpSummary > .col-1, .popUpSummary > .col-2, .popUpSummary > .col-3, .popUpSummary > .col-4, .popUpSummary > .col-5, .popUpSummary > .col-6, .popUpSummary > .col-7, .popUpSummary > .col-8, .popUpSummary > .col-9, .popUpSummary > .col-10, .popUpSummary > .col-11, .popUpSummary > .col-12, .popUpSummary > .col, .popUpSummary > .col-auto, .popUpSummary > .col-sm-1, .popUpSummary > .col-sm-2, .popUpSummary > .col-sm-3, .popUpSummary > .col-sm-4, .popUpSummary > .col-sm-5, .popUpSummary > .col-sm-6, .popUpSummary > .col-sm-7, .popUpSummary > .col-sm-8, .popUpSummary > .col-sm-9, .popUpSummary > .col-sm-10, .popUpSummary > .col-sm-11, .popUpSummary > .col-sm-12, .popUpSummary > .col-sm, .popUpSummary > .col-sm-auto, .popUpSummary > .col-md-1, .popUpSummary > .col-md-2, .popUpSummary > .col-md-3, .popUpSummary > .col-md-4, .popUpSummary > .col-md-5, .popUpSummary > .col-md-6, .popUpSummary > .col-md-7, .popUpSummary > .col-md-8, .popUpSummary > .col-md-9, .popUpSummary > .col-md-10, .popUpSummary > .col-md-11, .popUpSummary > .col-md-12, .popUpSummary > .col-md, .popUpSummary > .col-md-auto, .popUpSummary > .col-lg-1, .popUpSummary > .col-lg-2, .popUpSummary > .col-lg-3, .popUpSummary > .col-lg-4, .popUpSummary > .col-lg-5, .popUpSummary > .col-lg-6, .popUpSummary > .col-lg-7, .popUpSummary > .col-lg-8, .popUpSummary > .col-lg-9, .popUpSummary > .col-lg-10, .popUpSummary > .col-lg-11, .popUpSummary > .col-lg-12, .popUpSummary > .col-lg, .popUpSummary > .col-lg-auto, .popUpSummary > .col-xl-1, .popUpSummary > .col-xl-2, .popUpSummary > .col-xl-3, .popUpSummary > .col-xl-4, .popUpSummary > .col-xl-5, .popUpSummary > .col-xl-6, .popUpSummary > .col-xl-7, .popUpSummary > .col-xl-8, .popUpSummary > .col-xl-9, .popUpSummary > .col-xl-10, .popUpSummary > .col-xl-11, .popUpSummary > .col-xl-12, .popUpSummary > .col-xl, .popUpSummary > .col-xl-auto {
        padding-right: 0px;
        padding-left: 0px;
    }


.control-grid th {
    border: 1px solid lightgray !important;
    background-color: rgb(230 230 230 / 66%)
}

.control-grid td {
    border: 1px solid lightgray !important;
}

.control-grid tr:nth-child(even) {
    background-color: #f5f5f5;
}