html,
body {
    padding: 0;
    margin: 0;
    height: 100%;
}
html, body, *:not(.dx-navigate-button):not(.ganttview-grid-row-cell):not(.ganttview-hzheader-month):not(.ganttview-block-container):not(.ganttview-hzheader-day) {
    box-sizing: border-box;
}

body {	
    width: 100%;
    height: 100%;
    background-color: #F0F0F0;
    overflow: hidden;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

.gridheaderProofClass {
    background-color:rgb(238, 238, 238);
}
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;
}

div {
    /* font-family: Muli, system-ui; */ /*Open Sans;*/
    font-size: 0.95vw;
    font-style: normal;
    letter-spacing: 0.5px;
}
    /*div:not(.noRoundedCorner) {
        border-radius: 5px;
    }
*/
.sectionpadding {    
    padding: 0.5vw 0.5vw 0 0.2vw;
}
/*.ms-options-wrap button {
    height: 2em;
}*/
.floating-box-documents-description {
    float: left;
    width: 42vw;
    padding: 0vw 1vw 0vw 0vw;    
}
    /*.floating-box-documents-description input[type=text] {
        width: 42em;
    }*/

.floating-box-documents-select {
    float: left;
    width: 20vw;
    padding: 0vw 1vw 0vw 1vw;    
}

    .floating-box-documents-select select {
        width: 19.5em;
    }

.floating-box-documents {
    float: left;
    width: 33em;
    padding: 0em 1em;
    height: 0em;
}

    .floating-box-documents button {
        margin: -0.3em 0.5em;
        width:14em;
    }

    .floating-box-documents input[type=file]
    {
        margin-right:.5em;
    }
.floatLeft displayinlineflex button {
    padding: 1em;
}

/*.GroupNameLabel {
    font-size: 2em;
}*/

.textLabel {
    font-size: 1em;
}

.backHistoryArrow{
    cursor:pointer;
    width:3%;        
}
.backHistoryButton {
    min-width:0;
    padding:0;
    border:none;
    text-align:left;
    margin-left:0.2em;
    background-color:transparent;
}
.backimgwidth {
    width: 60%;
}
    
/*.floatLeft select{
   --margin-top: 0.18em;
   --width:100%;
   min-width:15vw;
}*/

/*.Header1Label {
    font-size: 16px;
    color: #2d4e76;
}*/

.floating-sub-box {
    float: left;
    width: 90%;
    max-width:255px;
}

.floating-sub-box-image {
    float: left;
    /*width: 8em;*/
    padding-left: 5px;
}

.fontUpperCase {
    text-transform: uppercase;
}

.fontLowerCase {
    text-transform: lowercase;
}

.fontCapitalize {
    text-transform: capitalize;
}

.Settingsclass {
    background-color: white;
    width: 97.5%;
}

.HelpTextClassForFilterInnerspacing {
    margin-top: 0.75vw;
    margin-right: 0.75vw;
    float: right;
}

.harmonyHelpTextClassForSearch {
    /*opacity:0.8;*/
    position: fixed;
    top:2.5vw;
    right:8.5vw;
    /*margin-left: 68%;*/ /*72%;*/
    width: auto; /*25%;*/
    max-width:60vw;
    height: auto;
    max-height:60vh; /*15%;*/
    z-index: 10005;
    /*text-align: center;*/
    font-weight: normal;	
    background-color: white;	/*#0095ff*/
    box-shadow: 0vw 0vw 0.4vw 0.4vw rgba(0,0,0,0.1);
}

.harmonyHelpTextClass{
    /*opacity:0.8;*/
    position: fixed;
    /*top:2.5vw;
    right:2.5vw;*/
    /*margin-left: 68%;*/ /*72%;*/
    width: 20vw; /*25%;*/
    height: auto; /*15%;*/
    z-index: 10005;
    text-align: center;
    font-weight: normal;
    color:white;
    background-color: white;	/*#0095ff*/
    box-shadow: 0vw 0vw 0.4vw 0.4vw rgba(0,0,0,0.1);
}

.harmonyNotificationsClass {
    opacity:0.8;
    position: fixed;
    bottom:2.5vw;
    right:2.5vw;
    /*margin-left: 68%;*/ /*72%;*/
    width: auto; /*25%;*/
    height: 15%; /*15%;*/
    z-index: 110555;
    text-align: center;
    font-weight: normal;	    
    background-color: white;	
    box-shadow: 0vw 0vw 0.5vw 0.5vw rgba(0,0,0,0.1);
}
.excelRowsClass {
    background-color: #e6fdff;
}

.footerStyleClass {
    width: 100%;
    top: 97.4vh;
    padding-left: 0.6vw;
    position: fixed;
    z-index: 1000;
}

.footerStyleClass div {
    font-size: 0.8vw;	
}

.whiteBackground {
    background-color: #FFFFFF;
}
.actionButton {
    /*height: 20px;
    width: 20px;*/
    /*margin: 10px 5px 0px 5px;*/
    width: 20px;
    height: 25px;
    margin-left: 5px;
    cursor:pointer;
    /*border:solid 1px #2d4e76;
    box-shadow:1px 1px 1px 1px #2d4e76;*/
}
.gridActionButton {
    /*width: 1.6vw;*/ /*1.3vw;*/
    /*margin: 10px 0px 5px 0px;*/
    cursor: pointer;
    /*background-color: white;*/
    /*margin-right: 0.1vw;*/
    /*font-size: 1vw;*/
    padding:0.5vh;
}
.buildInfo {
    color: #205edd;
    margin-left: 0.5vh;
}
.buildVersion {
    color: #205edd;
    margin-left: 0.5vh;
}
.displayNone {
    display: none;
}
.displayBlock {
    display: block;
}
.percentageRectangle {
    /*margin-left: 2em;*/
    border: 0.1vh solid ;
    /*width: 35px;
    height: 15px;
    text-align: center;
    font-size: 10px;
    margin-top: 8%;
    margin-left: 20%;*/
    width: 2.5vw;
    /*height: 2.86vh;*/
    text-align: center;
    font-size: 0.87vw;
    /*margin-top: 0.5vh;*/
    margin-left: 0.6vw;
    border-radius:3px;
    border-color:lightgray;
}

.headerselect {
    width: auto;
    max-width: 100%;
}

.actionsClass {
    width: 40%;
/*    margin-left: 6%;
    margin-top:0.25vh;*/

}
/* START OF STYLES FOR PROGRESS BAR */
.progressbarbody {
    width: 100vw;
    height: 100vh;
    background-color: rgba(255,255,255,.5);
    z-index: 10000;
    position: fixed;
    top:0px;
}

.progressbarstyle {
    /*width: 2.5rem;*/
    /*width: 75px;
    height: 75px;*/
    width: 5.5vw;
    height: 11.5vh;
    position: fixed; /*it can be fixed too*/
    left: 0;
    right: 0;
    /*top: 0;
    bottom: 0;*/
    margin: auto;
    /*this to solve "the content will not be cut when the window is smaller than the content": */
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
}

.divprogressbarstyle {
    /*width: 2.5rem;*/
    /*width: 75px;
    height: 75px;*/
    width: 5.5vw;
    height: 11.5vh;
    position: absolute; /*it can be fixed too*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    /*this to solve "the content will not be cut when the window is smaller than the content": */
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
}

.progressbarCard {
    width: 50vw;
    height: 30vh;
    /*border: 1px solid lightgray;*/
    left: 0px;
    right: 0px;
    position: fixed;
    top: 6vh;
    bottom: 0px;
    margin: auto;
    border-radius: 4px;
        opacity:0.8;
    box-shadow: 0vw 0vw 0.5vw 0.5vw rgba(0,0,0,0.1);
    /*box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px -1px 1px 1px rgba(0,0,0,0.12);*/
    text-align:center;
    background-color:white;
}
.progressbarCard label
{
    font-size:2.5vw;
    top: 59.5vh;
    position: fixed;
    left: 45vw;
    color:gray;
    font-weight:300;
}
.progressbarCard span
{
    font-size:2.5vw;
    top: 59.5vh;
    position: fixed;
    left: 45vw;
    color:gray;
}
.progressbarCard img
{
    top: 42vh;
}

/* New Styles */
.subDivProgress {	
    /*width: 60px;
    height: 5px;*/
    width: 4vw;
    height: 0.6vh;
    background-color: #0c3451; /*#D0D0D0;*/
    position: relative;
    animation-timing-function: ease-in;
    animation: progressbar 2s infinite;
    animation-direction: normal;  
}
/* Standard syntax */
@keyframes progressbar {
    0%   {left:0px; top:0px;}
    100%  {left:90%; top:0px;}
}
.mainDivProgress {
    /*margin-top: 10%;*/
    position:fixed;
    top: 57.5vh;
    left: 30vw;
    width: 40vw;
    background-color: #D0D0D0; /*#f0f5f5; ;*/
}
/* END OF STYLES FOR PROGRESS BAR */

.chcklstdrpdwnwrkflw {
    width: 30vw;
}
.chcklstdrpdwncompnt {
    width: 15vw;
}
.chcklstdrpdwnversion {
    width: 5vw;
}
.chcklstsummarylabel {
    /*font-size: 15px;*/
    /*font-size: 1vw;*/
    /*font-weight: bold;
    margin-bottom:1%;*/
    /*color:#0c3451;*/
}
.rotate180 {
    -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */
    -moz-transform: rotate(180deg); /* FF */
    -o-transform: rotate(180deg); /* Opera */
    -ms-transform: rotate(180deg); /* IE9 */
    transform: rotate(180deg); /* W3C compliant browsers */
}
.paginationclass {
    /*margin-right: 5%;
    margin-top: 0.2%;*/
    margin-right: 2vw;    
}

.elementvisible
{
    visibility:visible;
    width:100%;
}
.elementcollapse {
    display:none;
    visibility:collapse;
}
.width30 {
    width:30px;
}
.layoutfooterwidth {
    width: 33.2%;
}

.imgdotswidth {
    width: 1.5vw;    
}

.lblnorecords {
    /*font-size:36px;*/
    font-size:2vw;/*2.4vw;*/
    color: #A0A0A0;
    /*text-transform: uppercase;*/
}
.imgnorecords {
    width: 25%;/*20%;*/
    /*margin-top: 1%;
    margin-left: 18%;
    margin-bottom: 1%;*/
}

#wrkflwimg,.lableimg {
    /*height:3.2vh;*/
    vertical-align:middle;
}

.gridExpand {
    /*transition: transform 10s ease-out;*/
    /*transform-origin: 0 129px;*/
    /*transition: all 1s ease;*/
    /*transform-origin:inherit;*/
    /*transition-timing-function:cubic-bezier();*/
    transition: transform .5s ease-out;
    background-color: white;
    /*width: 99%;
    height: 87%;*/
    width:92%;
    height:90%;
   left:4%;
    /*top: 13vh;*/   
    top:5vh;
    max-width: 100%;
    transform: scale(1);
    z-index: 1000000;
    position:fixed; 
    /*left:5px;*/
    display:inline;
    padding:1%;
    border:1px solid lightgrey;	
    padding:2px;
}

.gridCollapse {
    position:relative;
    transition: transform .5s ease-out;
    width: 98.6%;
    display:inline-block;
    max-width: none;
    max-height: none;
    /*overflow: scroll;*/
    /*padding: 0% 0% 0.5% 0.5%;*/
    transform: scale(.999);
    /*transition: width 1s ease;*/
    /*border:1px solid lightgrey;*/
    /*border-bottom:none;*/
    /*padding:2px;*/
}

.dvOuterinitiateGridClass {
    z-index: 999;
    /*position: fixed;*/
    width: 100%;
    height: 100%;
    /*left: 70%;*/
    z-index:1500;	
    background-color: white;
    box-shadow: -1px 1px 3px 2px rgba(0,0,0,0.2);
    margin-top:1%;
}

.nesteddvOuterinitiateGridClass {
    z-index: 999;
    /*position: fixed;*/
    width: 100%;
    height: 100%;
    /*left: 70%;*/
    z-index: 1500;
    background-color: white;
    box-shadow: -1px 1px 3px 2px rgba(0,0,0,0.2);
    margin-top: 1%;
}

.dvOuterCopyinitiateGridClass {
    z-index: 999;
    position: fixed;
    width: 50%;
    height: 100%;
    left: 50%;
    z-index:1500;	
    background-color: white;
    box-shadow: -1px 1px 3px 2px rgba(0,0,0,0.2);
}


.initiateGridTableExpand {	
    height: 95%;
    max-height: 95%;
    margin-top: 1%;
}

.initiateGridTableCollapse {        	
    /*margin-top: 1vh;*/
    width: 100%;
}

.initiateGridTableBorder {
    /*border:1px solid lightgrey;*/
    /*border-top:1px solid;*/
}

.initiateGridControlsDiv {
width: 98%;
 /*max-height: 88%;*/ 
 overflow: visible;
 margin-left:5px;
    /*min-height:88%;*/
}

.initiatenestedGridControlsDiv {
    width: 98%;
    /*max-height: 88%;*/
    overflow: visible;
    margin-left: 5px;
    /*min-height:88%;*/
}

.childgridsearchbox {
    display: flex !important;
    justify-content: end;
    text-align: center;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    align-self: center;
    border-bottom-left-radius: 10em;
    border-top-left-radius: 10em;
    border: none;
    border-radius: 10em;
    height: 35px;
    margin-top: 0.5vh;
}


.initiateCopyGridControlsDiv {
width: 98%;
 max-height: 88%; 
 overflow: auto;
 margin-left:5px
}
.initGridScroll {
    overflow: auto;
}
.gridHeader {
    /*white-space: normal;*/
    font-weight: 500;
    text-transform: none;
    /*font-size:0.8vw;normal*/
}
.gridFont {
    font-weight:normal;
}
.initiategridHeaderStyle {
    border:1px solid lightgrey;
    border-bottom:none;
    padding:2px;
}
/*Tab Control styles*/

/* Style the tab */
.tab {
    overflow: hidden;
    /*border: 1px solid #ccc;*/
    background-color: #ffffff;
    position:fixed;
    width:100%;
    top:13.8vh;
    height:4vh;
    z-index:100;
    align-items: center;
    top:14vh;
    height:6vh;
    padding-top:0.5vw;
    /*box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.07);*/
    /*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);*/
}
/* Style the buttons inside the tab */
    .tab button {
        background-color: transparent;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 0px 12px 2px 12px;
        transition: 0.3s;
        /*font-size: 2.2vh;*/
        margin-right: 0.5vw;
        box-shadow: none;
        /*border-right:1px solid black;*/
        margin-left: 1vw;
    }

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    /*background-color: #ccc;*/
}
/*.eProofBgColor {
    background-color: rgb(238, 238, 238) !important;
}*/
.divMagnifierSettings {
    height:6vh;
}

.emptyField {
        border-color: red !important;
}

.FillButton {
margin-left:2%;
line-height:4vh;
}

/* START OF STYLES EXCLUSIVELY FOR ALERTS HARMONY ALERT BOX*/
.mailsalertboxclass {
    /*margin-top: 12%;
    margin-left: 25%;
    width: 50%;*/
    margin-top: 5vw;
    margin-left: 5vw;
    width: 90vw;
    height:80vh;
    background-color: white;
    /*border:solid 1px #0c3451;*/
    box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.3);
}
.mailsalertheader {
    padding-left: 2vw;
    padding-top: 0.5vw;
    width: 100%;
    height: 8vh;
    /*padding-left: 5%;
    padding-top: 4%;
    width: 100%;
    height: 12%;*/
    border-bottom: solid 1px;
    /*background-color: #0c3451;*/
}
.mailsalertcontent {
    /*padding: 5%;*/
    padding: 2vw;
    border-bottom: solid 1px lightgrey;
    /*overflow:auto;*/
    height:64vh;
    /*max-height:250px;*/
}
.mailsalerthdrmsgwidth {
    width: 93%;
    line-height:2.5vw;
}
.mailsalerthdrlogoclass {
    width: 7%;
    padding-top:0.2vh;
    text-align: center;
    opacity: 0.4;
}
.maildetailsdisplay {
    margin: 0.3vw;
    margin-top: 0.5vw;
    width: 85vw;
    padding:1vh;
    border-bottom: solid 1px #D0D0D0;    
}
.mailbodydisplay {
    border: solid 3px #D0D0D0;
    padding:5vh;
}
/* END OF STYLES FOR HARMONY ALERT BOX*/
.labelDiv {
    width:100%;
    line-height:3vh;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-weight: 500;

    display: block;
    /*margin: 0em 0em 0.28571429rem 0em;*/
    /*color: rgba(0, 0, 0, 0.87);
    font-size: 0.92857143em;
    font-weight: 600;
    text-transform: none;
    padding-bottom:0.2vw;*/
}
.editlabelDiv {
    width: 100%;
    line-height: 3vh;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    /*display: block;*/
    /*margin: 0em 0em 0.28571429rem 0em;*/
    /*color: rgba(0, 0, 0, 0.87);
    font-size: 0.92857143em;
    font-weight: 600;
    text-transform: none;
    padding-bottom:0.2vw;*/
}


.divLbl label {
    font-weight: 600;
}
.Height2 {
    height: 2vw;
}
.mCSB_container {
    min-height: 100%;
    /*overflow-x:auto;*/
}

.colonStyle {
    width:3%;
}

.nicescroll-cursors {
    cursor:pointer;

}

.overflowauto {
overflow:auto;
}

tr.hiddenRow {
    display: none;
}

.filterbox {
    height: 3vh;
    font-size: 1.4vh;
}

#divMasterControlInner {
    width: 100%;	
    margin-top: 6%;		    
}

.TabControlMargin {
    top:17vh;
}

.SaveActionsDiv {   
   z-index:5000;
   transition: all ease-in-out .1s;
   position: fixed;
   background-color: white;
   border: 1px solid black;
}
/*.controlBoxMarginElabel {
    display: inline-flex;
    width: 100%;
    margin-top: 1vh;
}*/
.SaveActionsDiv:before {
   content: '';
   border: 1px solid black;
   position: fixed;
   background-color: #ffffff;
   /*width: 10px;
   height: 10px   old
   left: -3%;*/
   width: 1vh;
   height: 1vh;
   left: -0.7vh;
   /*border: 2px #005696 solid;*/
   top: 15%;   
   /*margin: -8px 0;*/
   margin-top:-6px;
   border-bottom: none;
   border-right: none;
   -webkit-transform: rotate(315deg);
   transform: rotate(315deg);
   z-index: -1;
}

.actionChild {
   margin-left:0.5vw;
   margin-right:0.5vw;
   text-align: left;
   cursor: pointer;
}

.actionChild:hover {
   background-color: lightgrey;
}

.usrscrnchkboxes {
    margin-top: 0.4vh;
    margin-left: 0.5vw;
}
.height3vh {
        height: 3vh;
    }
    .datesText {
        margin-top: 4%;
        width: 4vw;
    } 
    .divLbl {
        width: 50%; /*45%;*/
        line-height:4vh;
    }
.headerBackGround {
    background-color: #0c3451;
}
    
/*.gridheaderclass select,.gridheaderclasswithTab select, button, input, textarea {
box-shadow:0px 1px 1px 0px rgba(0,0,0,0.16), 0px 0px 0px 0px rgba(0,0,0,0.08);
border-radius:2px;
}*/

select:hover, button:hover, input:not(.noDefaultClass):hover, textarea:hover {/* box-shadow:0px 2px 2px 0px rgba(0,0,0,0.16), 0px 0px 0px 1px rgba(0,0,0,0.08); */}

.backHistoryArrow button,.backHistoryArrow button:hover,
.flex-grid-header button {
    box-shadow:none;
}

/*.Group-shadow-harmony,.Group-shadow-harmony-settings,.Group-shadow-harmony-Summary {
    margin: 0.5vw;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
    margin-bottom:2vh;
    /*box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);*/
    /*box-shadow:0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2);*/
    /*border-radius:2px;
background-color:white;*/
/*width:99vw;
}*/


/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    cursor: pointer !important;
    border-radius :5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #ffffff;
}

/* Handle */
::-webkit-scrollbar-thumb  {
    border-radius: 5px;
    background-color: #d3d3d3;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
        background: rgb(102, 204, 51);
    cursor: pointer !important;
        border-radius: 5px;
        width:15px;
        height:15px;
}

.initiateGridTableCollapse ::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.1);
    cursor: pointer !important;
    border-radius: 5px;
    width: 15px;
    height: 15px;
}
/*.Group-shadow-harmony {
width:97vw;
}*/

    /*.scrollTable
    {
    width: 100%;
    min-height: 60px;
    height: auto;
}*/

.chartTiles {
    display: inline-flex;
    width: 47.33%;
    /*max-width: 600px;*/
    padding: 1vw;
}

.highlight {
background-color:yellow;
}

.gridheaderProofClass {
    /*box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);*/
}

/*.CloseGrid {
    padding-right: 1vw;    
    cursor: pointer;
}*/

.appbar a {
    font-size: 1vh;
}

.accordionbuttonleftspan,.accordion1buttonleftspan {
    width:80%  !important;
    font-size:1.3vw;
}

.accordionbuttonmiddlespan ,.accordion1buttonmiddlespan {
    /*margin-left:60%;*/
    font-weight:500;
    /*text-transform:uppercase;*/
    color:#E0E0E0;
}
/*Theme of the application can be changed by the following lines added by faraaz*/
/*.flex-grid-header {
background-color:#5cbab5;/*#78a9f7;/*#4285f4;/*#0c3451 ; /* #E0E0E0; #4198b9 #366f9b; #FFD9AC #0097A7
}*/
/*body, .gridheaderProofClass {
}*/

/*.headerBackGround,.ThemeColorButton,.cardHeader,.filled-circlePixel,.filled-shortnameComment,.flex-grid-header,.flex-grid-header select ,.divusrdrpdwnbtns,.alertheader,.subDivProgress,.mailsalertheader,.subDivProgress,.DetailsBtn,#real_time_testing,#lbackground,#btnDefaultLanguageComparision,#lbackground,#btnDefaultLanguageComparision,#btnselectedLanguageComparision,.th,#divApplyIcons,#Header,#divDifferencesHeader {	
    background-color:#0c3451;
}

.fontThemeHeaderColor,button.accordion,thead,.lblstats,.usrsCnt,.labelhdrmenu,.chcklstsummarylabel,.titlefont,a,.selectStepInDashboard,.flex-grid-header-3 > label,#selectpopup,.flex-grid-header2 >#divDateContainer > select,.flex-grid-header2 > #divDateContainer > .floating-box > select,.sideDetails,.sideDivDetails ,.MiddleContentValue ,.MiddleContentText,.tab button.active {
color:#0c3451;
}*/

/*.borderColor-HeaderColor,.alertheader,.mailsalertheader,.rectanglePercentage,thead,thead th, button.accordion:hover,.docselctionBorder,#divChangesLegend {/*,.orgChart td,bottomborderright,bottomborderleft,bordertopleft,bordertopright*/
/*border-color:black;
}

.accordion,button.accordion,.Group-shadow-harmony, .Group-shadow-harmony-settings, .Group-shadow-harmony-Summary, .Group-shadow-harmony-grid,.gridheaderclass,app-bar-drop-left-container,.panel  {
    background-color:black;
}

textarea,input[type=text], input[type=password], input[type=date], input[type=file] {
    background-color:black;
}

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 {
}

.hrmnybtn {

}*/
/*.alertheader {
    background-color: #0c3451;
}*/ 
/*.summarytable tbody  tr:nth-child(even), .tablePaddingdiv tbody tr:nth-child(even),.AlternateColor tbody  tr:nth-child(even){
    background-color:rgba(78, 57, 76, 0.05);
}*/
                        
/*.tab button{
    color:'';    
}*/

thead,th,.tab button.active {
    border-bottom:0.1vh solid;
}

.initiateGridTableBorder th,.initiateGridTableBorder thead td {
    border-top:0.1vh solid;
}

.orgChart tr:nth-child(even), .dvLeftSidePanelCss tr:nth-child(even),#btnDocsDiv tr:nth-child(even) {
    background-color:'';
}

.theme_label{margin:0 2rem 2rem 0;padding:0;float:left;min-width:132px;font-weight:400}

.theme_thumb {
    border-radius: 6px;
    margin: 0 0 .5rem;
    height: 60px;
    width: 110px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    background-size: contain;
    background-repeat: no-repeat;
    cursor:pointer;
}

.theme_radio_wrap {
    float: left;
    margin: 0 .75rem 0 0;
    min-height: 1rem;
    line-height: 1.5;
}

.theme_name {
    float: left;
    min-height: 1rem;
    line-height: 1.5;
}

.theme_label {
    margin: 2vw;
    padding: 0;
    float: left;
    min-width: 10vw;
    margin-top: 1vw;
    cursor: pointer;
}

#dvHarmonyTheme {
    text-align: center;
    vertical-align: middle;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    z-index:100000;
    display: none;
    background-color:white;
    font-size:2vw;
    position:fixed;
    border-radius:3px;
    box-shadow:0vw 0vw 0.5vw 0.5vw rgba(0,0,0,0.1); /*0px 2px 2px 0px rgba(0,0,0,0.16), 0px 0px 0px 1px rgba(0,0,0,0.08);*/
}

#HeaderHarmonyTheme {
     font-size:2vw;
     margin-top:1vw;
}

.custom_theme_label {
    border: 1px solid #919193;
    border-radius: .25rem;
    padding: .25rem;
    display: inline-block;
    height: 7vh;
    margin-top:1vh;
    margin-right:2vw;
}

 .color_swatch {
    width: 2.8vw;
    height: 100%;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    border: 1px solid #919193;
    border-radius: .25rem;
    margin-top:0;
    min-width:0px;
}
.themeinput {
    width: 100px;
    vertical-align: top;
    border:none;
    box-shadow:none;
}


.themeinput:hover {    
    box-shadow:none;
}

.theme-1 {
    background-image: url('../Images/ThemesImages/theme1.png');
}
.theme-2 {
    background-image: url('../Images/ThemesImages/theme2.png');
}
.theme-3 {
    background-image: url('../Images/ThemesImages/theme3.png');
}
.theme-4 {
    background-image: url('../Images/ThemesImages/theme4.png');
}
.theme-5 {
    background-image: url('../Images/ThemesImages/theme5.png');
}
.theme-6 {
    background-image: url('../Images/ThemesImages/theme6.png');
}
.theme-7 {
    background-image: url('../Images/ThemesImages/theme7.png');
}
.theme-8 {
    background-image: url('../Images/ThemesImages/theme8.png');
}
.theme-9 {
    background-image: url('../Images/ThemesImages/theme9.png');
}
.theme-10 {
    background-image: url('../Images/ThemesImages/theme10.png');
}
.theme-11 {
    background-image: url('../Images/ThemesImages/theme11.png');
}
.gunmetal-Theme {
    background-image: url('../Images/ThemesImages/Dark.png');
}

.themeLayout {
    width: 90vw;
    height: 38vh;
    margin-left: 3vw;
}

.themeLayout2 {
    width: 80vw;
    text-align: left;
    margin-left: 10vw;
    float: left;
}

#droppable {
            font-size: 12pt;
            width: 300px;
        }

        #droppableHolder {
            margin-top: 5em;
        }


        .dockerClass {
            margin:20px auto;
            right:3vw;
            top:55vh;
            width:30%;
            z-index:10000;
            /*opacity:0.6;*/
            position:fixed;
            min-height:100px;
            visibility:hidden; 
            /*transition:1s;*/  
            opacity:0.8        
        }

        .dockerHeadingClass {
             /*width: 100%;*/
             height: 4vh;
             top:200px;
              /*border:#696969 1px solid;*/
          background-color:white;
          border:2px black dotted;
             border-bottom: none;
             /*background-color: #0c3451;*/
             padding:1%;
              /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
                /*transition: 0.3s;*/
        }

        .dockerHeadingClass > label {
          font-size: 1.1vw;
          font-weight:bold;
          text-align:left;
          opacity:0.5;
          /*margin:1%;*/
        }

        .dockerBodyClass {
           border: 2px  black dotted;
           border-top-style:none;
           width: 30%;
           min-height: 200px;
           /*max-height:200px;*/
            position: fixed;
            overflow:auto;
            display:inline-flex;
               flex-wrap: wrap;
                /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
                  /*transition: 0.3s;*/
        }

           .dockerBodyClass > img {
                display: block;
                /*margin: 20px auto;*/
            }


           .dockerBodyClass > p {
                margin: 10px;
                font-size: 14px;
            }
        

        progress {
            width: 50%;
        }

            progress:after {
                content: '%';
            }

        .fail {
            background: #c00;
            padding: 2px;
            color: #fff;
        }

        .hidden {
            display: none !important;
        }

.cleardocument {
    width: 1vw;
    height: 2vh;
    margin-top: 1vh;
    margin-left: 1vh;
}

/* Start of Excel Configuration */
.lblRequiredDataCheckClass {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 10px;
        margin-top: 10px;
        margin-left: 15px;
        cursor: pointer;
        font-size: 16px;        
    }

    .button {
        display: block;
        float: right;
        padding-right: 10px;
        margin-bottom: 10px;
        margin-top: 6px;
        cursor: pointer;
        font-size: 16px;        
        /*background-color: #eee;*/
    }
    /* Hide the browser's default checkbox */
    .lblRequiredDataCheckClass input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 1.5vw;
        width: 1.5vw;
        background-color: #eee;
    }

    /* On mouse-over, add a grey background color */
    .lblRequiredDataCheckClass:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .lblRequiredDataCheckClass input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .lblRequiredDataCheckClass input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .lblRequiredDataCheckClass .checkmark:after {
        left: 7px;
        top: 5px;
        width: 4px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    /* End of Excel Configuration */

/* Style for Dashboard next previos buttons */
    .control_btns {
        width: /*92vw;*/ 100%;
        /*margin-left: 3vw;*/
        margin-top: 25%;
        /*position:fixed;*/
        /*display:none;*/
        /*z-index:99999999;*/

    }

    .btnPrev {
        margin-left: 0.8vw; /*2vw;*/ /*1vw;*/
        width:/*3%;*/ 5%;
        z-index:10006;
    }

    .btnNxt {
        margin-left: 4vw; /*5vw;*/
        width: /*3%;*/ 4%;
        z-index:10006;
    }

    .buttonBckgnd {
        /*background: #f0f0f0;*/ /*#e6e6e6;*/
        padding: 1vw; /*1.2vw;*/ /*0.5vw;*/
        border-radius: 3vh; /*5vh;*/ /*3vw;*/ /*1.5vw;*/
        /*width: 2.9vw;*//*2.5vw;*/
        /*height: 40px;*/ /*8vh;*/ /*6.5vh;*/
        cursor: pointer;                
        box-shadow : 0vw 0vw 0.2vw 0.2vw rgba(0,0,0,0.1);
        background: white;
    }

    .buttonBckgnd:hover {
        box-shadow: 0vw 0vw 0.2vw 0.2vw rgba(0,0,0,0.2);
    }

    .btnOpacity {
        opacity: 0.2 !important;
        cursor: default !important;
    }

    .divmiddle {
        width: 100%;
    }

 /* End of Dashboard next previos buttons styles */

 .checkboxinpt
       {
           margin-right:7px;
       }
       .checkBoxWidth 
       {
            width: 1.5vw;
       }
       .checkBoxHeight
       {
            height: 2vh;
       }
       .fntsize1vw 
       {
            font-size: 1vw;
        }      
       .height2vw {
           height: 2vw;
       }

#divSupportDocuments {
    position: relative;
    height: 10%;
    margin-top: 0;
    padding-left:0;
    padding-right:0;
    width:100%;
} 

.ListEle {
    padding: 1vh 2vh 1vh 2vh;    
    border-bottom: solid 0.1vh #f0f0f0;
    color: #303030!important;    
    font-size: 0.8vw;
    /*font-weight: 600;*/
}

.ListEle:hover {
    background-color:#E8E8E8;
}

 #selectTabControl {
        margin-left: 2vh;
        font-size: 1.3vw;
        border: none;
    }

/*.docUploadControls {
    height: 6vh !important;
    font-size: 1.5vw;
}*/

.childWindowTopLabels {
    width: 15%;
}

.TransactionDiv {
    /*background-color: #f0f0f0;*/
    /*opacity: 0.8;*/
    position: fixed;
    z-index: 10000;
}
.TrasactionInnerDiv {
    left: 0px;
    top: 45%;
    width: 100%;
    height: 28%;
    position: fixed;
    z-index: 1200;
    -ms-user-select: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgb(12, 52, 81);
    user-select: none;
}

.selectedPages {
    display: block;
    font-size: 0.8vw;
    margin-top: -0.5vh;
}


/*.closeChildWindow {
    font-weight: bold;
    color: #c0c0c0;
    cursor:pointer;
    font-size:0.8vw;
    width: 2%;
    padding-right: 1%;
}*/
    
/*.labelCloseStyle {
    color: #B0B0B0 !important;
    font-size : 0.7vw !important;
    font-weight:600;
}
    .labelCloseStyle:hover {
        color: #606060 !important;
    }*/

#dashboarddatagridDNR {
    margin-top: 12vh;
}
.imgnorecordsDiv {
    margin-top: 10vh;
}
/*Styles for newrequest.cshtml*/
.divLeftPanelHover {
    z-index: 9999 !important;
    width: 0.2%;
}
#divLeftPanelInitiatePage {
    position: absolute;
    /*display: none;*/ 
    border-right: 2px inset;
    /*width: 21%;*/
    /*right: 62%;*/
    z-index: 100000;
    background-color: white;
    /*box-shadow: 0.1vw 0.2vw 0.2vw 0.2vw rgba(0,0,0,0.3);*/
    height: 96%;
    /*overflow: auto;*/
    margin-top: 1.5%;
}
#divTopLeftPanel {
    height: 5%;
    border-bottom: 0.1vh solid #F0F0F0;
}
.lblCloseLeftPanel {    
    margin-right: 1vw;    
    margin-left:0.5vw;
}
#divTotalWorkFlowProgress {
    height: 6vh;
    display: none;
    /*margin-right:1vh; margin-left:1vh;*/
}
#divTotalTemplateProgress {
    height:8vh;
}
#divLeftPanelBarsData {
    height:84vh;
}
#dvGridHeader {
    padding: 2%;
    border-bottom: solid 0.1vh #F0F0F0;
}
#dvTransactionPswd {
    display: none;
    background-color: #f0f0f0;
    opacity: 0.8;
}

.docuploadpadding {
    padding: 0vh 1vh;
}

.approvedFontColor {
    color:#008952;
}
.rejectedFontColor {
    color:#ff0000;
}    

.HeaderIconsSize {
    font-size:0.8vw
}

i,.fas,.far,.fab {
    /*text-align:center;*/
    /*margin-right: 0.1vw;*/
    font-size: 0.9vw;
    opacity:0.8;
}

.BackGroundgreen {
color:#12b886;
}

.BackGroundred {
color:#ea4335;
}

a > i {
margin:0.4vw;
}

.opacity1 {
    opacity:1;
}
.opacity03 {
    opacity: 0.3;
}

.marginleftright {
    margin-top:-2%;
    margin-left:2%;
}

.nestedmarginleftright {
    margin-top: -4.5%;
    margin-left: 2%;
}

.tablePaddingdiv{
 position: relative;
 height: 100%;
 overflow: hidden;
 table-layout:fixed;
 width:100%;
}
.tablePaddingdivAfter{
    width:50%;
}

.Header_Freeze {
   position: absolute;
   top: 0;
   /*background-color: white;*/
   z-index: 1;   
}

.Header_FreezeTasksDiv {
      position: absolute;
   top: 0;
   /*background-color: white;*/
   z-index: 1;   

}
.newZindex {
    z-index:11;
}

/*.hover {
    
    icon : fa-thumb-tack;
}*/

.Body_Freeze {
   position: absolute;
   top:0;   
   top:36px;
   height: 92%;
   width: 100%;
   box-sizing: border-box; 
   overflow:auto;
}

.Body_FreezeTasksDiv,.Body_Freeze_TasksDiv {
   position: absolute;
   top:0;   
   top:36px;
   height: 90%;
   width: 100%;
   box-sizing: border-box;  
}

.FreezedHeaderTable1 thead tr {
height:36px;
}

/*.displayDynamic, .Header_Freeze, .Body_Freeze {
    width:30%;
}

.displayStatic, .Header_Freeze, .Body_Freeze {
    width:70%;
    margin-left:30%;
}*/


.Header_Freeze th, .Body_Freeze td {
    width: 1%;
    /*min-width: 80px;
 max-width: 80px;*/
    /*overflow: hidden;
 text-overflow: ellipsis;*/
    text-align: left;
    /*border:1px dotted;*/
    overflow: hidden;
    overflow-wrap: break-word;
}

    .Body_Freeze td {
    /*white-space: normal;*/
    }
div.panel {
    /*padding: 2px 10px;*/
    /*background-color: white;*/
    max-height: 0;
    overflow: hidden;
    /*transition: max-height 0.2s ease-out;*/
    /*margin-top:-10px;*/
    padding-left:1.5%;
}
.disabledModuleColor {
    color: #E0E0E0;
}

.Initiation-grid {
  position: relative;
}
.Initiation-item {
  display: inline-table;
  /*position: absolute;*/
  /*margin: 5px;*/
  z-index: 1;
}
.Initiation-item.muuri-item-dragging {
  z-index: 3;
}
.Initiation-item.muuri-item-releasing {
  z-index: 2;
}
.Initiation-item.muuri-item-hidden {
  z-index: 0;
}
.Initiation-item-content {
  position: relative;
  width: 100%;
  height: 100%;

}
.height42 {
height:42px;
}
.height64 {
height:64px;
}

.threeDotsClassHeader {
    color: white;
    font-size: 1.5vw;
    opacity: 0.7;
    /*text-align:center;*/
    /*margin-right:1vh;*/
    vertical-align: middle;
}

.threedotsDiv {
    border: 0.5px solid white;
    justify-content: center;
    text-align: center;
    margin-right: 10px;
    align-items: center;
    align-content: center;
    padding: 1px;
    height: 20px;
    vertical-align: middle;
    border-radius: 15px;
    display: flex !important;
}
    .threedotsDiv:hover, .threedotsDiv:active {
        border: 0.5px solid lightgrey;
    }

.divPageActionsClassNewReq {
    /*position: fixed;
    left: 88vw;
    top: 6vh;*/
    position:absolute;
    /*top:0.5vh;*/
    right:7vh;
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);
    z-index: 10;
    color: white;
    background-color: white;
    width:10vw;
    padding:1vh;
}
.divPageActionsClassmaster {
    /*position: fixed;
    left: 88vw;
    top: 6vh;*/
    position: absolute;
    top: 0.5vh;
    right: 4vh;
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);
    z-index: 10;
    color: white;
    background-color: white;
    padding: 1vh;
}

.divPageActionsClassNewReq:before {
    content: '';
    border: 1px solid lightgrey;
   /*box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);*/
    position: absolute;
    background-color: #ffffff;
    width: 10px;
    height: 10px;
    /*border: 2px #005696 solid;*/
    top: 33%;
    left: 94%;
    /*margin: -8px 0;*/
    margin-top:-6px;
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: -1;
    border-color:white;
    /*padding-left: 1.5vw;
    padding-right: 2vw;*/
}

.divPageActionChildDivNewReq {
    text-align:left;
    width: 100%;
    padding-bottom: 1vh;
    padding-top: 1vh;
    border-bottom: 0.5px dotted lightgrey;
    cursor: pointer;
    padding-left: 1vw;
    padding-right: 2.5vw;
}
.divPageActionsClassPMDashboard {
    /*position: fixed;
    left: 88vw;
    top: 6vh;*/
    position: absolute;
    /*top: 0.5vh;
    right: 4vh;*/
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);
    z-index: 10;
    color: white;
    background-color: white;
    /*width: 10vw;*/
    padding: 1vh;
}
/* Style for User Statistics Screen */

.zindex10000 {
    z-index:10000!important;
}

.closeBtn {
    height: 2%;
    width: 1%;
}

.LoginTable {
    width: 30%;
    padding: 0.8%;
    /*height:95%;*/
}

.SessionTable {
    width: 70%;
    padding: 0.8%;
    /*height:95%;*/
}

.projectData {
    height: 40%; /*35%;*/
    width: 45%; /*50%;*/
    margin-left: 30%;
}

.margin14 {
    /*margin: 14%;*/
    margin-top: 14%;
    /*padding:3%;*/
}

.userCardClass {
    /*height: 70%;*/
    box-shadow: 0vw 0vw 0.5vw 0.5vw rgba(0,0,0,0.1); /*0vw 0vw 0.2vw 0.2vw rgba(0,0,0,0.2);*/
    margin-bottom: 1%;
    padding:0.5%;
    /*margin-left: 1%;*/
}

.divClose {
    width: 1.5%;
    height: 3%;
    margin-top: 0.4%;
}

.divTop {
    width: 100%;
    height: 70%;
    /*margin-left: 2%;*/
    padding: 2%;
}

.divUserDetails {
    width: 60%;
    height: 100%;
    padding:1%;
}

.userText {
    font-size: 3.6vw;/*2vw;*/
    font-weight: 600;/*800;*/
}

.HoursText {
    font-size: 3.6vw;
    font-weight: 300;
}

.textaligncenter {
    text-align: center;
}

.textalignleft {
    text-align: left;
}

.textalignright {
    text-align: right;
}

.divStatusActive {
    background: #12b886;
    border-radius: 2vw;
    width: 2%; /*3.5%*/
    height: 12%;
    /*margin-top: 1.8%;*/
}

.divStatusInactive {
    background: #e0e0e0; /*#ea4335;*/
    border-radius: 2vw;
    width: 2%; /*3.5%;*/
    height: 12%;
    /*margin-top: 1.8%;*/
}

.divBottom {
    padding: 2% 1% 0 1%;
    /*height: 30%;*/
    width: 100%;
}

.sidePanel {
        border-right-color:#d0d0d0;
        border-right-style:solid;
        border-right-width:1px;
    }

.usercarddisplay {
    width: 45%; /*40%;*/ /*33%;*/
    height: 30%;
    box-shadow: 0vw 0vw 0.5vw 0.5vw rgba(0,0,0,0.1);
    margin-bottom: 3%;
    margin-left: 3%;
    padding:0.5%;
}

.userdivTop {
    width: 100%;
    height: 80%;
}

.fontsize36 {
    font-size: 3.6vw;
}

.fontsize18 {
    font-size: 1.5vw;
}

.fontweight700 {
    font-weight: 700;
}

.fontweight300 {
    font-weight: 300;
}

.height96 {
    height: 96%;
}

.height45 {
    height: 45%;
}

.height30 {
    height: 30%;
}

.height28 {
    height: 28%;
}

.height20 {
    height: 20%;
}

.height4 {
    height: 4%;
}

.width55 {
    width: 55%;
}
.width60 {
    width: 60%;
}

.width40 {
    width: 40%;
}
.width45 {
    width: 45%;
}
.width35 {
    width: 35%;
}
.width38 {
    width: 38%;
}
.width33 {
    width: 33%;
}

/* End of User Statistics Screen */


.summaryChildGridDiv {
    width: 88%;
    padding: 0.5vw;
}

.Group-shadow-harmony-SummaryChild {
width:75%;
}

.labelDivSummary {
white-space:normal;
margin-bottom:1vh;
width:100%;
}

.redColorImportant {
    color: red !important;
}
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 18px;
    z-index:600;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

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

.sliderClass::before {
    position: absolute;
    content: "";
    height: 11px;
    width: 17px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 25px;
}

input:checked + .sliderClass {
  background-color: #2196F3;
}

input:focus + .sliderClass {
  box-shadow: 0 0 1px #2196F3;
}

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

/* Rounded sliders */
.sliderClass.round {
  border-radius: 34px;
}

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

/* Start of Slider Class in organization Settings */
.switchorg {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 15px;
    z-index:600;
}

/* Hide default HTML checkbox */
.switchorg input {
  opacity: 0;
  width: 0;
  height: 0;
}
.sliderClassAppSettings {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.sliderClassAppSettings::before {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    left: 4px;
    top: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 25px;
}

/*input:checked + .sliderClassAppSettings {
  background-color: #2196F3;
}*/

input:focus + .sliderClassAppSettings {
  box-shadow: 0 0 1px #2196F3;
}

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

/* Rounded sliders for Organization Settings*/
.sliderClassAppSettings.round {
  border-radius: 34px;
}

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

/* End of Slider in organization Settings */

.displayinlinegrid {
 display:inline-grid
}
.positionrelative {
 position:relative;
}
.topminusonepointseven {
  top:-1.7vh;
}

.childHeaderHeight {
height:6%;
}

.ChildBodyClass {
width:100%;
height:92%;
margin-top:1%;
}

.threeDotsChildDiv {
    width: 1vw;
    float: right;
}

.mCSB_scrollTools_horizontal {
    height: 6px !important;
}
/*.mCSB_scrollTools_horizontal:hover {
    height: 6px !important;
}*/

.mCSB_scrollTools_vertical {
    width: 12px !important;
}
/*.mCSB_scrollTools_vertical:hover {
    width: 6px !important;
}*/

.nicescroll-rails-custom-vr > div {
    z-index: 1001;
    cursor: pointer;
    width: 6px !important;
    border-top-width: 0.5px !important;
    border-bottom-width: 0.5px !important;
    border-left-width: 0.5px !important;
    border-right-width: 0.5px !important;

}
/*.nicescroll-rails-custom-vr > div:hover {
    width: 6px !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}*/
.nicescroll-rails-custom-hr > div {
    z-index: 1001;
    cursor: pointer;
    height: 6px !important;
    margin-top: 4px !important;
    border-top-width: 0.5px !important;
    border-bottom-width: 0.5px !important;
    border-left-width: 0.5px !important;
    border-right-width: 0.5px !important;
}
/*.nicescroll-rails-custom-hr > div:hover {
    height: 6px !important;
    margin-top: 0px !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}*/
.os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    width: 19% !important;
    left: 105% !important;
    cursor: pointer;
}
.os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover {
    width: 57% !important;
    left: 70% !important;
    cursor: pointer;
}
.os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    height: 19% !important;
    top: 105% !important;
    cursor: pointer;
}
.os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover {
    height: 57% !important;
    top: 70% !important;
    cursor: pointer;
}

/* Alerts Screen Styles */
.ulListStyle {
    width: 24%;
    height: 45%; 
    margin-top: 12.4%; /*10.7%;*/
     margin-left:2.7%; /*6.6%*/
     position: fixed;
}
.sidePanel {
    border-right-color:#d0d0d0;
    border-right-style:solid;
    border-right-width:1px;
}
.bottomLine {
    border-bottom-color:#D9D9D9;
    border-bottom-style:solid;
    border-bottom-width:1px;
}
div > label > a {
    font-size: 1vw;
}
.eachMail {
    margin-left: 2%;
    width: 92%;
    cursor: pointer;
    margin-top:1.5%;
}
.divFrom {
    width: 70%;
}
.divBodyStyle {
    margin-top: 1%;
    height: auto;
}
.fontDarkGrey {
    color: #595959;
}
.fontLightGrey {
    color: #808080;
}
.fontweight600 {
    font-weight: 600;
}
.fontweight300 {
    font-weight: 300;
}
.divAttchStyle {
    width: 30%;
    float: right;
}
.textAlign {
    text-align: right;
    padding-right: 1.5%;
}
.width95 {
    width: 95%;
}
.width82 {
    width: 82%;
}
.width75 {
    width: 75%;
}
.width74 {
    width: 74%;
}
.width36 {
    width: 36%;
}
.width18 {
    width:18%;
}
.width5 {
    width: 5%;
}
.heightauto {
    height: auto;
}
.marginLeft06 {
    margin-left: 0.6vw;
}
/* End of Alerts Screen Styles */

/* Help Desk Screen Styles */

#selectFAQ {
    margin-left:2vw;
}

.panelHide {
    padding: 0 1vw;
    height:5vh;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panelHide > label {
    font-size: 1vw;
}

#sidebar {
    float: left;
    width: 30%;
    border-right-color:#d0d0d0;
    border-right-style:solid;
    border-right-width:2px;
}
#mailSideDiv {
    overflow: hidden;
}
#mailSideDiv > div {
    height:100%;
    width: 20vw;
}

/*#content-wrap {
    margin-left: 20vw;
}*/

#infoWrap {
    overflow: hidden;
    border-bottom-color:#d0d0d0;
    border-bottom-style:solid;
    border-bottom-width:2px;
    width: 80vw;
}

#attach {
    width: 30%;
}

.info {
    width: 100%;
    float: left;
    font-size: 1.6vw;
    margin-top: 1vw;
    /*min-height: 3vw;*/
    min-height: 5vh;
}

.margin-leftTOP {
    margin-left: 1vw;
    margin-top: 0.6vw;
}

.textInputWidth80 {
    width:80%
}

#MailBody {
    width: 80%;
    border-right-color:#d0d0d0;
    border-right-style:solid;
    border-right-width:2px;
}

.titleDescription {
    margin-left: 18%;
}

#btnDownloadSelected {
    /*pointer-events: none;*/
    display: inline-block;
}
#btnDownloadAll{
    /*pointer-events: none;*/
    display: inline-block;
}

/* End of Help Dek Screen Styles */
.MuuriCard {
     margin:1vw;
    width:30%;
    height:auto;
 /*min-height:25%*/
}
    /*height:27%*/
.CardTasks {
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2), 0px 4px 20px 0px rgba(0,0,0,0.19);
   /*margin:1vw;*/
    width:100%;
    border-radius:0.3vw;
}
.CardDashboardRecords {
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2), 0px 4px 20px 0px rgba(0,0,0,0.19);
    /*margin:1vw;*/
    width: 100%;
    border-radius: 1.3vw;
}
.halfwidth {
    width: 30%;
}
.padding2{
padding:5px;
}


.padding3px{
padding:3px;
}

.paddingtopbottom {
padding: 5px 0px;   

}

.w3-blue, .w3-hover-blue:hover {
    color: #fff !important;
    background-color: #2196F3 !important;
}

footer{
/*border-top:1px solid lightgray*/
}

.lightColorText {
color:#999;
}

.startSelection {
transform:scale(0.95)!important;
cursor:pointer;
transition:transform 0.3s
}


.CardSelected {
transform:scale(1)!important;
/*border:2px solid;*/
transition:transform 0.3s
}

/* Layout styles -----------------------------------*/
/*@media (min-width: 620px) {
  main {
    column-count: 2;
    column-gap: 20px;
  }
  
  section {
    break-inside: avoid;
  }
}

@media (min-width: 960px) {
  main {
     column-count: 3;
  }
}

section {
  
  overflow: hidden;
}*/



/* style the images */
span.fancychecks .CardTasks {
  /*display: block;
  margin: 0;
  padding: 0;*/
  transition-duration: 300ms;
  transform: scale(1);
  /*filter: none;
  -webkit-filter: grayscale(0);*/
}
span.fancychecks.checked .CardTasks {
  transform: scale(0.8);
  filter: gray;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}

/* style the parent spans */
span.fancychecks {
  padding: 0;
  margin: 5px;
  /*display: inline-block;*/
  /*border: 1px solid transparent;*/
  transition-duration: 300ms;
}
span.fancychecks.checked {
  /*border-color: #ccc;*/
}

/* Using conexo's fantastic CSS, make the checkmarks */
/*span.fancychecks::before {
  background-color: rgba(50, 200, 50, 0.7);
  color: white;
  content: "✓";
  font-weight: bold;
  border-radius: 50%;
  position: absolute;
  margin: 2px;
  top: -2%;
  left: 93%;
  z-index: 1;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transform: scale(0);
  transition-duration: 300ms;
  padding:4px;
}*/

span.fancychecks::before {
    background-color: rgba(50, 200, 50,0.9);
    color: white;
    content: "✓";
    border-radius: 50%;
    position: absolute;
    top: -10%;
    left: 97%;
    z-index: 1;
    text-align: center;
    line-height: 28px;
    transform: scale(0);
    transition-duration: 300ms;
    float: right;
    padding: 2px 5px 2px 5px;
}

span.fancychecks.checked::before {
  transform: scale(1);
}

.summarytable tbody  tr,.tablePaddingdiv tbody tr ,.AlternateColor tbody  tr {
    border-bottom: 1px solid rgba(211, 211, 211, 0.7);
}

.accordionFAQ {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 0.8vw;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1vw;
    transition: 0.4s;
}

.active1, .accordionFAQ:hover {
    background-color: #ccc;
}

.accordionFAQ:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-right: 2%;
}

.active1:after {
    content: "\2212";
}
.ellipsis {
  /*text-overflow: ellipsis;

  /* Required for text-overflow to do anything 
  white-space: nowrap;*/
  overflow: hidden;
}

.container {
padding:0.1vw;
overflow:auto;
}

.dvOuterinitiateGridClass:hover {
    background-color: #e3f3d3b3;
}
.dvOuterinitiateGridClass:hover + .ChildNested  {
    background-color: #e3f3d3b3;
}

.nesteddvOuterinitiateGridClass:hover {
    background-color: #ddededb3;
}


.moreDetailsStyle {
    /*width: 98%;
    height: 54%;*/
    /*width: 96vw;
    height: 77vh;
    
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    transform: none !important;*/


    width: 100%;
    height: 83.5vh;
    position: absolute !important;
    left: 0px !important;
    margin: 0 !important;
    top: 0px !important;
    transition-property: opacity, transform; 
    transform: none !important;
    /*transition: 0.3s;*/

}

.more_less_button {
    bottom: 8px;
    position: absolute;
    right: 8px;
}

.more_less_button_footer {
    bottom: 0;
    position: absolute;
    float: right;
    text-align: right;
    right: 35px;
    margin-bottom: 2px;
}

.selectStylesInAlertContent, #divalertcontent > .ms-options-wrap  {
    /*margin-left: 3%;
    width: 94% !important;*/
    width: 100% !important;
}
.labelDivStyleInAlertContent {
    margin-bottom: 1vh;
    margin-top: 1vh;
}

.alertContentLabel {
     margin-bottom: 1vh;
}

.txtCommentsClass {
    margin-bottom: 1vh;
    /*margin-top: 1vh;*/
    padding: 1vh;
    margin-left: 3%;
}

.lblDepartments {
    overflow:hidden;
    word-wrap:break-word;

}

.dvHeaderIcons {
    /*position: absolute;
    background-color: white;
    float: right;
    margin-left: -30px;*/
    /*padding:5px;*/
    /*margin-top:15px;
    box-shadow:0vw 0vw 0.4vw 0.4vw rgba(0,0,0,0.1);*/
    /*position: relative;
    background-color: white;
    float: left;
    font-size: 5px !important;
    margin-left: -30px;
    z-index: 1000000000;
    top: -12px;
    background-color: transparent;
    left: -74%;*/
    /*white-space: pre-wrap;*/
}
.dvHeaderIcons1 {
    /*position: absolute;*/
    background-color: white;
    float: right;
    margin-left: -30px;
    /*padding:5px;*/
    /*margin-top:15px;
    box-shadow:0vw 0vw 0.4vw 0.4vw rgba(0,0,0,0.1);*/
}

.thHeaderLabelClass {
    float:left;
}

#pmTaskMoreDetailsTable  {
    border: 0.5px dotted lightgrey;
}

.thHeaderLabelClassInMoreDetails {
    font-weight: 500;
}

.isParent .exp-controller::before {
    content: "\f056";
}
.isParent .exp-controller {
    cursor: default;
}

.isParent.collapsed .exp-controller::before {
    content:"\f056";
}

.taskDetailsDiv1Class {
    /*border: 1px solid red;*/
    height: 100%;
    width: 25%;
    margin: 0.5vh;

}

.taskDetailsDiv2Class {
    /*border: 1px solid;*/
    width: 44%;
    height: 100%;
    margin: 0.5vh;

}

.taskDetailsDiv2aClass {
    height: 94%;
    width: 100%;
}
.taskDetailsDiv2bClass {
    height: 10%;
    width: 100%;
    border-top: 0.5px solid lightgrey;
}
.taskDetailsDiv3Class {
    /*border: 1px solid green;*/
    width: 31%;
    height: 100%;
    margin: 0.5vh;

}

.taskDetailsLayoutParentClass {
    width: 100%;
    height: 99%;
    padding: 0.5vh;
    /*border: 1px solid yellow;*/
}

.taskPriorityClass {
    top: 0px;
    width: 100%;
    height: 6%;
}

.taskNameClass {
    max-height: 17%;/*13%;*/
    padding: 0.75vh;
}

.taskIdAndStatusClass {
    top: 0px;
    width: 100%;
    height: 11%;
}

#linkedDocData, #DocDataTableID {
    max-height: 999%;
    overflow: auto;
}
.linkedDocumentsAccordionClass {
    width: 99%;
    left: 0.5%;
    position: relative;
}

.ChildGroupheaderlabel {
    font-size : 1vh;
    padding : 1vw;
}

.taskStatusLabelClass {
    text-transform: uppercase;
}
.taskPlannedDatesClass {
    width: 100%;
}
.taskPlannedStartedDateClass, .taskPlannedEndDateClass, .taskSlackDatesClass, .taskVarianceProgressParentDivClass  {
    width: 100%;
}
.taskDateLabelClass {
    padding-right: 7px;
}
.varianceProgressBar {
    width: 80%;
}
.taskCompletionDetailsClass  {
    width: 100%;
}
.cardContentClass {
    position: absolute;
}
.detailsBoxDiv {
    width: 100%;
}
.auditBox, .commentsBox, .documentsBox {
    width: 100%;
    padding: 1vh;
    overflow-x: auto;
    overflow-y: visible;
}
.labelHeaderClass {
    width: 95%;
    /*margin-left: 2.5%;*/
    text-align: center; 
}
.taskSecondBoxClass {
    width: 100%;
    padding: 1vh;
}
.taskCompletionDetailsClass, .taskPhaseDetailsClass, .taskProjectDetailsClass {
    width: 100%;
}
.width_10 {
    width: 10%;
    /*padding: 1vh;*/
}
.width_20 {
    width: 20%;
    padding: 1vh;
}
.width_25 {
    width: 25%;
}
.width_40 {
    width: 40%;
}
.width_43 {
    width: 43%;
    padding: 1vh;
}
.width_45 {
    width: 45%;
    padding: 1vh;
    padding-left: 0px;
}
.width_50 {
    width: 50%;
    padding: 1vh;

}
.width_100 {
    width: 100%;
    padding: 1vh;
}
.border_bottom_div {
    border-bottom: 0.5px solid lightgrey;
}

.labelLeft {
    margin-left: 3.5%;
}

.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  /*width: 64px;
  height: 64px;*/
  margin-left: 4px;
  transform: scale(0.3);
}
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: grey;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loadingIconInTaskDetails {
  position: absolute;
  display: inline-flex;
  float: right;
  right: 7%;
  /*background: url('images/loading-icon.gif') center no-repeat;*/
}

.tab_record_count_label {
    margin-left:50% !important;
    font-weight:500;
    /* text-transform:uppercase; */
    color:gray;
}

#taskPopup {
z-index :10002;
position:fixed;
}

.userinsideDiv {
    overflow:hidden;
    height:100%;
}

#dvFilterViewDiv {
    align-items: center;
    display: flex;
}

.gridActionButtonDivClass {
    margin: 1vh;
    border: 0.5px solid lightgray;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    display: flex;
}



/*:focus{
outline: none;
}*/
.input-container{
float: left;
width: 27.33%;
margin: 42px 3%;
position: relative;
}
/*input[type="text"]{
color: #1d9af2;
width: 70%;
box-sizing: border-box;
letter-spacing: 1px;
background-color: rgb(19, 23, 44);
border: none;
}*/
.effect-1~.focus-border{
/*position: absolute;*/
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #3399FF;
transition: 0.4s;
}
.effect-1:focus~.focus-border {
width: 100%;
transition: 0.4s;
}

.justifyFlexStartColumnFlex {
    justify-content: flex-start;
    align-content: flex-start;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-self: flex-start;
}

.planneddatebtn{
    padding: 7px;
    /*left: 70%;*/
    top: 92%;
    /*position: fixed;*/
    z-index: 5;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    background-color: white;
}
.color-box{
width: 20px;
/*height: 6px;*/
margin-right:7px;
}

    .planneddatebtn .color-box {
        background-color: #b9e551;
    }
.aheadClasssdiv{
    padding: 7px;
    /*left: 57%;*/
    top: 92%;
    /*position: fixed;*/
    z-index: 5;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    background-color: white;
}

 .aheadClasssdiv .color-box {
        background-color: #99ff99;
    }

.delayClasssdiv{
    padding: 7px;
    /*left: 57%;*/
    top: 92%;
    /*position: fixed;*/
    z-index: 5;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    background-color: white;
}

 .delayClasssdiv .color-box {
        background-color: #ffb3b3;
    }

.onTrackClasdiv{
    padding: 7px;
    /*left: 57%;*/
    top: 92%;
    /*position: fixed;*/
    z-index: 5;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    background-color: white;
}

 .onTrackClasdiv .color-box {
        background-color: green;
    }

.underEvaluationClassdiv{
    padding: 7px;
    /*left: 57%;*/
    top: 92%;
    /*position: fixed;*/
    z-index: 5;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    background-color: white;
}

 .underEvaluationClassdiv .color-box {
        background-color: #03a9f3;
    }

.ganttChartlegends {
    top:92.6%;
    position:fixed;
    /*left:30%;*/
    right:3%;
    /*width:50%;*/
    text-align:right;
    float:right;
    background-color:white;
}

.validationStarGreyColor {
    color: #6C7A89;
    margin-left:0.5vh;
}

.validationStarAmberColor {
    color: #FFBF00;
    margin-left:0.5vh;
}
.inactivetextcolor {
    color: #6C7A89;
}
.validationColorRed {
  color: red;
  /*width: 7vmin;
  height: 7vmin;
  border-radius: 50%;*/
  padding-left:5px;
  padding-right:5px;
}

.validationColorRed2 {
  color: red;
  /*width: 7vmin;
  height: 7vmin;
  border-radius: 50%;*/
  padding-left:5px;
  padding-right:5px;
}

.validationColorAmber {
  color: #FFBF00;
  /*width: 7vmin;
  height: 7vmin;
  border-radius: 50%;*/
  padding-left:5px;
  padding-right:5px;
}

.validationColorGrey{
  color: #6C7A89;
  /*width: 7vmin;
  height: 7vmin;
  border-radius: 50%;*/
  padding-left:5px;
  padding-right:5px;
}
.validationColorBlack {
  color: black;
  /*width: 7vmin;
  height: 7vmin;
  border-radius: 50%;*/
}
.validationColorHash2 {
  color: #F0F0F0;
  /*width: 7vmin;
  height: 7vmin;
  border-radius: 50%;*/
}
.validationColorHash {
  color: #F0F0F0;
  /*width: 7vmin;
  height: 7vmin;
  border-radius: 50%;*/
  padding-left:5px;
  padding-right:5px;
}

.validationColorGreen {
  color: green;
  /*width: 7vmin;
  height: 7vmin;
  border-radius: 50%;*/
  padding-left:5px;
  padding-right:5px;
}

/* Chat containers */
.container-chat {
  border: 2px solid #dedede;
  background-color: #f1f1f1;
  border-radius: 5px;
  padding-top: 5px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  margin: 10px 0;
}

/* Darker chat container */
.darker {
  border-color: #ccc;
  background-color: #ddd;
}

/* Clear floats */
.container::after {
  content: "";
  clear: both;
  display: table;
}

/* Style images */
.container img {
  float: left;
  max-width: 60px;
  width: 100%;
  margin-right: 20px;
  border-radius: 50%;
}

/* Style the right image */
.container img.right {
  float: right;
  margin-left: 20px;
  margin-right:0;
}

/* Style time text */
.time-right {
  float: right;
  color: #aaa;
}

/* Style time text */
.time-left {
  float: left;
  color: #999;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid  #ddd;
  width: 10vw;
  height: 10vw;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin-top: 10vw; 
  margin-left: 9vw;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#TaskdivPageRange {
/*margin-right:0vh;
margin-left:1vh;*/
margin-top:1.4vh;

}

#TaskdvPagination {
margin-right:1vh;   
}

.slash {
border-right:1px solid lightgray
}

#myProgress {
  width: 175px;
  background-color: #ddd;
  border-radius:15px;
  padding:1px;
   height: 5px;
}

#myBar {
  width: 50%;
  height: 3px;
  background-color: #4CAF50;
  border-radius:10px;
 
}

.taskModified {
    background-color:rgba(255, 182, 193, 0.21);
}

.negativeHighlight {
    background-color:rgba(255, 182, 193, 0.50);
}

.positiveHighlight {
    background-color:rgba(144,238,144, 0.20);
}

#divTasksHeader select:not(.noDefaultClass) {
    font-size:1.1vw !important;
    margin-left: 0vh !important;
}

#divTasksHeader select {
    border: none;
}

#aheadTasks {
color:green;
}

#delayTasks {
color:deeppink;
}

#criticalTasks {
color:red;
}

.lblPMPrjctStatus {
    font-size:1.1vw !important;
}

.control-fileUpload-input-doc {
width:92%!important;
}

.center-screen {
  position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%;
    height: 60%;
    background-color: white;
    z-index: 999999;

}
/* nestedgrid */
.autoheight {
    padding: 20px 10px;
    height: auto !important;
}


.center-screen-large {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: 90%;
    background-color: white;
    z-index: 999999;
}

.btnwithpadding {
    margin-top: 20px;
    margin-left: 5px;
}

.initiateGridTableBorder tr{
    white-space : nowrap ;
}
.backgroundwhite {
background-color:white;
}

/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    cursor: pointer !important;
}

/* Track */
::-webkit-scrollbar-track {
    background: #ededed;
    /*#ededed*/
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #d3d2d2;
    /* border-radius: 15px;*/
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
    cursor: pointer !important;
}

.hrmnybtn:focus {
/*border:10px solid blue;*/
}


#taskdatagrid td {
    overflow: hidden;
}

.fntsize08vw {
   font-size:0.8vw;
}

.divPageActionsClassWorkflow {
    /*position: fixed;
    left: 88vw;
    top: 6vh;*/
    position: relative;
    /*top: 0.5vh;
    right: 4vh;*/
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.1);
    z-index: 10;
    color: white;
    background-color: white;
    /*width: 10vw;*/
    padding: 1vh;
}

#toggle-usroptions-dropdown {
    width: 2vw;
}
.dvOuterCalculationClass {
    z-index: 999;
    /*position: fixed;*/
    width: 50%;
    height: 80%;
    left: 10%;
    z-index: 1500;
    background-color: white;
    box-shadow: -1px 1px 3px 2px rgba(0,0,0,0.2);
    margin-top: 1%;
}

.caldiv {
    /*background-color: #aaa;*/
    color: black;
    min-width: 30px;
    text-align: center;
    position: relative;
    height: 4.5vh;
}

.input-field:focus {
    border: 2px solid dodgerblue;
}

.editlabelDiv a {
    border-radius: initial;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.editlabelDiv .controlBoxMargin {
    padding: 0.2vh;
}

.rowindexcalc {
    margin-right: 10px;
}

.calcactionsclass {
    /* display: block; */
    /* width: fit-content; */
    display: inline-flex;
    width: 70px;
    padding:4px;
    vertical-align: middle;
    /* height: 30px; */
    cursor: pointer;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    text-align: center;
    /* height: fit-content; */
}

.calactiondiv {
    width: 61px;
    height: 30px;
    text-align: center;
    align-items: center;
    display: flex;
    align-content: center;
    justify-content: center;
    border: 0.5px solid lightgrey;
    background-color: #e4f0f4;
    
}

    .calactiondiv:hover {
        border: 1px solid darkgrey;
    }

.calcpanel {
    background-color: #bfefd136;
}

.caliconsaccordian {
    background-color: #b2daf159;
    border-radius: initial;
}

.search_hide {
    display: none !important;
}
.divnoClick {
    pointer-events: none;
}

.headerdisplayNone {
    display: none !important;
}

.datagridSize {
height:90%!important;
top:7%!important;
}