.sales-panel-right{
    /*margin-left:100vw;*/
    display:none;
    pointer-events:none;
    }

.sales-panel-right.openPanel{
    /*margin-left:70vw;*/
    /*width:30vw;*/
    display:block;
    pointer-events:all;
    
}

.eopt-unit {
    font-size: 70%;
    color: skyblue;
}


.eopt-sales-panel-close-btn{
    position:absolute;
    top:2px;
    right:2px;
    padding: 2px 3px 0px 3px;
    color:crimson;
    font-weight:bold;
    font-size:large;

}

.eopt-sales-panel-close-btn:hover{
    background-color:crimson;
}

.sales-panel-left{
    display:block;
    pointer-events:all;
}

.sales-panel-left.closedPanel{
    display:none;
    pointer-events:none;
}

.sales-panel-host{
    width:100%;
    font-family:'Segoe UI';
        display:table-cell;
}


.sales-panel-host-rest{
    width: calc(100% - 100%);
    display:table-cell;
    font-family:'Segoe UI'
}

.expiredPeriod {
    background-color:#fafafa;
    color:black;
    opacity:1;
}


/*[9:21 AM] Rajeev Bhatt
    Orange:247, 99, 12
Purple:154, 0, 137
Purple:116, 77, 169
Blue:0, 120, 215
Magenta:0, 99, 177
Red:16, 137, 62
​[9:22 AM] Rajeev Bhatt
    lets try with these colours*/

.form-control{
    font-size:14px;
    padding:0;
}

.color1{
    background-color:rgba(234, 0, 94,1);
    color:white;
}


.color2{
    background-color:#ffaf00;
    color:white;
}

.color3{
    background-color:#28B779;
    color:white;
}

.color4{
    background-color:#24ABE5;
    color:white;
}

.color5{
    background-color:#BF81E6;
    color:white;
}

.eopt-x-tile-btn{
    border : 2px double #024d81 ;
    background-color:white;
    color:#024d81 ;
}

.btn-color1{
    color:rgba(234, 0, 94,1);
    border-color:rgba(234, 0, 94,1);
}


.btn-color2{
    color:#ffaf00;
    border-color:#ffaf00;
}

.btn-color3{
    color:#28B779;
    border-color:#28B779;
}

         .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

.btn-color4{
    color:#24ABE5;
    border-color:#24ABE5;
}

.btn-color5{
    color:#BF81E6;
    border-color:#BF81E6;
}

.eopt-header-sales{
    color:black;
    font-weight:normal;
}

button:disabled{
    opacity:0.6 !important;
    cursor:not-allowed !important;
}
.eopt-dropdown-button:disabled{
  
    color:black;
}
.btn-default:disabled{
    opacity:0.4 !important;
}

.new-demo-placeholder{
    /*min-width:25vw;*/
    /*width:100%;*/
    max-height:35vh;
    min-height:35vh;
}

.tile-icon-bottom> img{
    position:absolute;
    vertical-align :bottom;
    height:2vw;
}
.nav-pills > li > a.active, .nav-pills > li > a.active:hover, .nav-pills > li > a.active:focus,
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: whitesmoke;
    color: black;
    font-weight: bold;
    border-bottom: 2px rgba(234, 0, 94,1) solid;
}

.nav-pills > li> a{
    background-color:transparent;
    color:black;    
    border-bottom: 2px gainsboro solid 
}

.banner-color1{
    border: 0px solid rgba(234, 0, 94,1);
    border-left:6px solid rgba(234, 0, 94,1);
    background-color:#fafafa;
    color:black;
}


.banner-color2{
    border: 0px solid #ffaf00;
    border-left:6px solid #ffaf00;
    background-color:#fafafa;
    color:black;
}

.banner-color3{
    border: 0px solid #28B779;
    border-left:6px solid #28B779;
    background-color:#fafafa;
    color:black;
}

.banner-color4{
    border: 0px solid #24ABE5;
    border-left:6px solid #24ABE5;
    background-color:#fafafa;
    color:black;
}

.banner-color5{
    border: 0px solid #BF81E6;
    border-left:6px solid #BF81E6;
    background-color:#fafafa;
    color:black;
}
.col1{
    width:8vw;
    /*min-width:160px;*/
    display:inline-block;
    overflow:hidden;
    /*font-family:Bahnschrift Condensed;*/
}

.col1{
    width:8vw;
    /*min-width:160px;*/
    display:inline-block;
    overflow:hidden;
    /*font-family:Bahnschrift Condensed;*/
}

.col2{
    /*margin-left:158px;*/
    width:40vw;
    /*min-width:800px;*/
    display:inline-block;
    overflow:hidden;
    /*font-family:Bahnschrift Condensed;*/
}
.col1PlusCol2{
    /*width:960px;*/
    width:48.2vw;
    display:inline-block;
    overflow:hidden;
    /*font-family:Bahnschrift Condensed;*/
}
.sales-panel-right{
    /*font-family:Bahnschrift Condensed;*/
}
.col3{
    /*margin-left:500px;*/ 
    width:16vw;
    /*min-width:290px;*/
    display:inline-block;
    overflow:hidden;
    /*font-family:Bahnschrift Condensed;*/
}

.col4{
    border-left:1px solid gainsboro;
    /*margin-left: 850px;*/
    min-width:31vw;
    display:inline-block;
    /*font-family:Bahnschrift Condensed;*/
}


.sales-dashboard-bk {
    background-color: white;
}

.tile1{
    background-color:#24486e;
    color:whitesmoke;
}

.tile2{
    background-color:rgba(0, 106, 179, 0.80);
    background-color:#E6455f;
    color:whitesmoke;

}

.tile3{
    background-color:#d96c7d;
    color:whitesmoke;

}

.tile4{
    background-color:#EFC85A;
    color:whitesmoke;


}

.tile5{
    background-color:#8BA9C5;
    color:whitesmoke;


}

.newchartDimensionSmall {
    min-height: calc(14.2vw);
    height: calc(14.2vw);
    max-height: calc(14.2vw);
}

.newchartDimension{
    /*border:1px solid #F5F4F0;*/
    min-height: 19vw;
            height: 19vw;
            max-height:19vw;
}

.newchartDimensionLarge{
    /*border:1px solid #F5F4F0;*/
    min-height: 27vw;
            height: 27vw;
            max-height:27vw;
}

.salesTableBLock{
    
}

.eopt-sales-label{
    opacity:0.5;
}

.eopt-block-sales{
    padding:0.8vw;
}


.txt-bahnschrift {
    font-family: 'Bahnschrift Condensed'
}
.eopt-head-sales{
    border-bottom: 1px gainsboro solid;
    font-weight:bold;
    font-size:large;
    background-color:white;
    color:black;
    height:40px;
}

.eopt-redunderline{
    border-bottom: 2px solid crimson;
}

.eopt-head-sales.compact-row {
    height: 25px;
}

.eopt-row-sales-bordered{
    font-weight:normal;
    border-bottom:1px gainsboro solid;
    padding-top:15px;
    padding-bottom:15px;
    }

.eopt-row-sales-bordered.condenced{
    padding-top:8px;
    padding-bottom:16px;
    }

.eopt-row-sales-bordered>.eopt-txt-combo>input.eopt-main-txt{
    height:22px;
}
.eopt-row-sales-bordered>.eopt-txt-combo>input.eopt-assit-txt{
    height:22px;
    margin-top:-5px;
}

.eopt-row-sales-bordered>.eopt-txt-combo>.eopt-main-txt{

}
.eopt-row-sales-bordered>.eopt-txt-combo>.eopt-assit-txt{
    font-size:80%;
}

.eopt-row-sales-nonbordered{
    font-weight:normal;
    border-bottom:1px white solid;
    }


.eopt-sales-leaderText{
    font-size:x-large;
    font-weight:lighter;
    color:gray;
}

.meter-present{

}

.meter-absent{
    color:crimson;
    opacity:0.4;
}

.meter-absent::before{
    font-family: "FontAwesome";
   content: "\f06a";
   display: inline-block;
   padding-right: 3px;
   font-weight: inherit;

}
.meter-absent:hover{
    opacity:0.8;
}

.eoptSalesCell{
    padding:8px;
    font-size:calc(7px + 0.35vw);
}


.eoptSalesCell.compact-cell{
    padding:5px 3px !important;
}

.eoptSalesBoldCell{
    padding:8px;
    font-weight:bold;
    font-size:13px;
    font-size:calc(7px + 0.35vw);
    /*background-color:rgba(0, 106, 179, 0.61);*/
}

.title-bar-button-text{
    background-color: unset;
    border: unset;
    color: white;
    font-size: 15px;
    margin-top: 8px;
    margin-bottom:7px;
    max-width: 110px;
    width:auto;
    text-align:center;
    padding:0;
}

.eopt-advanced-btn-left{

}

.eopt-advanced-btn-left>.eopt-advanced-btn-icon{
    width:20%;
    height:100%;
}

.eopt-advanced-btn-left>.eopt-advanced-btn-icon>img{
    width:90%;
    height:90%;
    padding:5%;
    max-width:100%;
    max-height:100%;
}

.eopt-advanced-btn-left>.eopt-advanced-btn-text{
    width:80%;
}



.title-bar-button-img{
    background-color: unset;
    border: unset;
    color: white;
    font-size: 15px;
    margin-top: 7.5px;
    margin-bottom:7.5px;
    width: 25px;
}

.exit-sales-mode{
    background-image:url("SiteImages/Return.svg");
    background-position:center;
    background-repeat:no-repeat;
}

.eoptSalesCellHeader{
    padding:8px;
    font-weight:normal;
    font-size:13px;
    font-size:calc(7px + 0.35vw);
}

.eoptSalesInfoTable-single{
    width:14vw;
    min-width:14vw;
}

.eoptSalesInfoTable-single:first-child{
    width:14.5vw;
    min-width:14.5vw;
}

.eoptSalesInfoTable-single:last-child{
    width:14.5vw;
    min-width:14.5vw;
}

.eoptSalesInfoTable-double {
    width: 25.5vw;
    min-width: 25.5vw;
    /*16*2-0,5*/
}

    .eoptSalesInfoTable-double:first-child {
        width: 25.5vw;
        min-width: 25.5vw;
        /*16*2-0,5*/
    }

    .eoptSalesInfoTable-double:last-child {
        width: 25.5vw;
        min-width: 25.5vw;
        /*16*2-0,5*/
    }

.eoptSalesInfoTable-triple{
    width:47vw;
    min-width:47vw;
    /*16*3-0,5*/
}

.eoptSalesInfoTable-triple:first-child{
    width:47.5vw;
    min-width:47.5vw;
    /*16*3-0,5*/
}

.eoptSalesInfoTable-triple:last-child{
    width:47.5vw;
    min-width:47.5vw;
    /*16*3-0,5*/
}



.eoptSalesInfoTable-col
{
    margin: 0.5vw;
    
}


.eoptSalesInfoTable-col:first-child{
    margin-left:0;
}

.eoptSalesInfoTable-col:last-child{
    margin-right:0;
}


.eoptSalesInfoRow{
    height:3.25vw;
}

.eoptSalesInfoRow-dia{
    height:3.00vw;
    border-bottom-color:white;
    border-bottom-width:0.4vw;
}

.eopt-sales-dropdown>button{
    height:19px;
}

.eoptSalesInfoRow-all{
    opacity:0.8;
    border-bottom:1px solid gainsboro;
}

.eoptSalesInfoRow-all:hover{
    opacity:1;
    background-color:whitesmoke;
}
.eoptSalesInfoRow-diatable{
    height:22vw;
}

.eopt-row-sales>.eopt-border-cell{
    border-bottom:inherit;
}

.eoptSalesIconCell{

}

.eopt-Metro-Button-big{
    height:2.85vw;
    font-size:1vw;
}

.eopt-btnImage-big{
    height:2.85vw; text-align:center; border:solid 1px seagreen;
}

.eopt-btnImage-big>img{
    height:100%;
    width:100%;
    padding:5%;
}


.eopt-Metro-Button-normal{
    height:2vw;
    font-size:1vw;
}

.eopt-btnImage-normal{
    height:2vw; text-align:center; border:solid 1px seagreen;
}

.eopt-btnImage-normal>img{
    height:100%;
    width:100%;
    padding:5%;
}



.eoptSalesIconCell>img{
    width:2.1vw;
    height:2.1vw;
    background-color:#24486e;
}

.eopt-img-svg-holder {
    width:2.1vw;
    height:2.1vw;
    background-color:#24486e;
    color:whitesmoke;
    padding:0.6vw;
}

.eoptSalesInfoRow-dia>.eoptSalesInfoCell{
    font-size:calc(8px + 0.6vw);
}

.eoptSalesInfoTable-content>tbody>tr>td{
    padding-left:0.7vw;
    padding-right:0.7vw;
    width:15vw;
}


.eoptSalesInfoTable-content>tbody>tr>td:first-child{
    padding-left:0;
}

.eoptSalesInfoTable-content>tbody>tr>td:last-child{
    padding-right:0;
}

.eoptSalesInfoCell{
    font-size:large;
    font-size:calc(8px + 0.8vw);
    color:black;
    font-weight:lighter;
    padding:0.1vw 0.75vw;
}


.row-mon-vol:hover{
    background-color:whitesmoke;
    
}

.row-mon-vol{

}

.row-mon-vol:hover>td>.eopt-dropdown>.eopt-dropdown-button{
    opacity:1;
}

.row-mon-vol>td>.eopt-dropdown>.eopt-dropdown-button{
    opacity:0;
}

.row-mon-vol>td>.eopt-dropdown.eopt-changed>.eopt-dropdown-button{
    opacity:1
}

    .eoptSalesInfoRow-dia>.eoptSalesInfoCell > input {
        font-size:calc(8px + 0.6vw);
    }
    
    .eoptSalesInfoCell > .checkbox > label {
        font-size:unset;
    }

    
    .eoptSalesInfoCell .eopt-dropdown > .eopt-dropdown-button > .eopt-dropdown-txt {
        color:unset;
        font-size:unset;
    }
    .eoptSalesInfoCell .eopt-dropdown > .eopt-dropdown-button {
        color:unset;
    height:unset;
        }


.eoptSalesInfoCell>input{
    font-size:large;
    font-size:calc(8px + 0.8vw);
    color:gray;
    font-weight:lighter;
    border:none;
    background-color:transparent !important;
    text-shadow:none;
    box-shadow:none;
}
.eopt-error-zone{
    margin-bottom:34px;
}
.eoptSalesInfoCell-empty{
    min-width:1vw;
}

.eopt-sales-even{
    
}

.eopt-sales-odd
{
}

.eoptSalesHeaderRowCell{
    background-color:#24486e;
    color:snow;
    padding:8px;
}

.eoptSalesHeaderRowCell.compact-cell{
    padding:3px;
}


.eoptSalesEvenRowCell{

}

.eoptSalesOddRowCell{
    /*background-color:rgba(0, 106, 179, 0.26);*/
}

.salesTab{
    background-color:gainsboro;
    color:black;
    margin-left:1vw;
    padding:7px;
    font-size:14px;
    width:80%;
    text-align:left;
    /*width:calc(100%-1vw);*/
}

.salesTab:nth-child(2){
    margin-top:1px;
}

.salesTab.active{
    background-color:#24486e;
    color:whitesmoke;
    font-weight:bold;
}

.salesTabHost{
    border-left: 1px solid #24486e;
}








.size1{
    min-width:6.4vw;
    width:6.4vw;
    /*width:120px;*/
    height:6.4vw;
    /*height:120px;*/
}

.size2{
    min-width:14vw;
    width:14vw;
    /*width:244px;*/
    height:6.7vw;
    /*height:120px;*/
}

.size3{
    min-width:21vw;
    width:21vw;
    /*width:368px;*/
    height:6.4vw;
    /*height:120px;*/
}



.eopt-x-tile-container{
    width:100%;
}


.eopt-x-tile
{
    padding:0.2vw 0.2vw;
    margin:0vw ;
    border: 0.5vw solid white;
    /*margin-right:1vw;*/
    /*margin-top:0.5vw;
    margin-bottom:0.5vw;*/
    display:table-cell;
    font-family:'Segoe UI Light';
}


.eopt-x-tile:first-child{
    border-left-width:0;
}

.eopt-x-tile:last-child{
    border-right-width:0px;
}


    .tile-single-img-header-large{
        padding-left:0.8vw;
        padding-top:1.3vw;
    }

    .tile-single-img-header-large>img{
        width:90%;
        max-height:3.5vw;
        margin:auto;
        /*max-height:80%;*/
    }
    .tile-single-text-header-large{
        padding-top:1.8vw;
        text-align:center;
        font-weight:bold;
    }
    .tile-single-text-header-large>span{
        font-size:1.9vw;
        margin:auto;
    }

     .banner-single-text-header-large{
        padding-top:0.9vw;
        text-align:center;
        font-weight:bold;
    }
    .banner-single-text-header-large>span{
        font-size:0.9vw;
        margin:auto;
    }

.per-info{
        position: absolute;
        top: 1vw;
        left: 2.65vw;
    }













.tile-row-50per{
    height:50%;
}

.tile-row-100per{
    height:100%;
}

.eopt-tile-50Per{
    height:50%;
}
.eopt-tile-10Per{
    height:10%;
}

.eopt-tile-20Per{
    height:20%;
}
.eopt-tile-30Per{
    height:30%;
}

.eopt-tile-40Per{
    height:40%;
}
.eopt-tile-60Per{
    height:60%;
}

.eopt-tile-70Per{
    height:70%;
}
.eopt-tile-80Per{
    height:80%;
}

.eopt-tile-90Per{
    height:90%;
}

.tile-col{
    height:100%;
}

.tile-content-bottom-right{
    text-align:right;
    position:relative;
    bottom:0;
    right:0;
}

.eopt-right-svg-host>svg{
    float:right
}

.tile-content-bottom-left{
    text-align:left;
    position:relative;
    left:0;
    bottom:0;
}

.tile-content-top-left{
    text-align:left;
    position:relative;
    left:0;
    top:0;
}


.tile-content-top-right{
    text-align:right;
    position:relative;
    top:0;
    right:0;
}


.tile-text-header-large{
    /*font-size:large;*/
    font-size:1.2vw;
    margin:0;
    padding:0;
}



.tile-text-header-xxlarge{
    /*font-size:38px;*/
    font-size:2.0vw;
    margin:0;
    padding:0;
    font-weight:600;
}


.tile-text-header-small{
    /*font-size:38px;*/
    font-size:1vw;
    margin:0;
    padding:0;
    margin-top:0.2vw;
    font-weight:normal;
}


.tile-text-header-xsmall{
    /*font-size:38px;*/
    font-size:0.8vw;
    margin:0;
    margin-top:0.25vw;
    padding:0;
    font-weight:normal;
}

.tile-text-header-icon{
    /*font-size:38px;*/
    font-size:2vw;
    margin:0;
    padding:0.4vw 0.1vw%;
    font-weight:100;
    width:90%;
    height:90%;
}

.tile-text-header-icon> img{
    max-width:100%%;
    max-height:100%;
    width:90%%;
    height:90%;
}

.checkbox label{
    padding-left:7px;
}

.radio label{
    padding-left:7px;
}

.eoptSalesCell>.text-flat{
    margin-top:-4px;
    margin-bottom:-4px;
}

.text-flat:disabled{
    background-color:inherit;
    opacity:0.8;
}

.text-flat:read-only{
    background-color:inherit;
    opacity:0.8;
}

.chk-adj-txt{
    margin-top:10px;
    margin-bottom:10px;
}

.chk-adj-txt+.chk-adj-txt{
    margin-top:-5px;
}

.text-flat{
    border:none;
    padding:0;
    padding-left:2px;
    border-bottom:2px solid gainsboro;
    padding-bottom:2px;
    outline:none;
    background-color:inherit;
    box-shadow:none;
}

label.text-flat {
    border: none;
    font-size: x-small !important;
    color: #2b3e50 !important;
}

    label.text-flat:hover{
        border:none;
    }

    .addon-flat {
        background-color: gainsboro;
        color: black
    }

.text-flat:focus, .text-flat:focus-visible, .text-flat:hover{
    border:none;
    border-bottom:2px solid crimson;
    outline:none;
    background-color:inherit;
}

.eopt-txt-combo-inline{
        border-bottom: 2px solid gainsboro;
    padding: 5px 0px 5px 0px;
    font-size: calc(10px + 0.28vw);
}

.eopt-txt-combo-inline-label{
    font-size: 90%;
    font-weight: 100;
}

.eopt-txt-combo-inline-value{
    font-weight:bold
}

.eopt-row-sales .form-control-placeholder,
.eopt-row-sales-bordered .form-control-placeholder,
.eopt-row-sales-nonbordered .form-control-placeholder{
    line-height:inherit;
}

.form-control-placeholder + .form-control {
    margin-top: 15px;
}

.form-control-placeholder + .eopt-dropdown {
    margin-top: 15px;
}

.form-control-placeholder {
    opacity: 1;
    top: -1.4rem;
    padding: 0px 0 0 0px;
    transition: all 200ms;
    opacity: 0.5;
    line-height: 0;
    margin: 0;
    text-overflow: clip;
}
.wide .form-control-placeholder {
    position: relative;
    /*top: 55%;*/
    margin-top: -1.4rem;
    padding: 0px 0 0 0px;
    transition: all 200ms;
    opacity: 0.5;
    line-height: 0;
    margin: 0;
}
    .wide .form-control-placeholder.pull-right {
        position: relative;
        /*top: 50%;*/
        margin-top: -1.4rem;
        right: 8%;
        padding: 0px 0 0 0px;
        transition: all 200ms;
        opacity: 0.5;
    }

.form-control-placeholder.pull-right {
    position: relative;
    /*top: 25%;*/
    margin-top: -1.4rem;
    right: 8%;
    padding: 0px 0 0 0px;
    transition: all 200ms;
    opacity: 0.5;
}

.form-control:read-only + .form-control-placeholder,
.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder,
.form-control:-webkit-autofill + .form-control-placeholder {
    transform: translate3d(0, -1.4rem, 0);
    opacity: 1;
    position:relative;
    top: -1.40rem;
    color: #2b3e50 !important;
    font-size: x-small !important;
    /*font-weight: bold !important;*/
}

.form-control:required + .form-control-placeholder{
    margin-top:0;
}

.wide .form-control:read-only + .form-control-placeholder,
.wide .form-control:required + .form-control-placeholder,
.wide .form-control:focus + .form-control-placeholder,
wide .form-control:valid + .form-control-placeholder {
    /*top:15%;*/
    margin-top: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.eopt-dropdown + .form-control-placeholder {
    position: relative;
    top: -50%;
    padding: 0px 0 0 0px;
    transition: all 200ms;
    opacity: 0.5;
    margin-top:-25px;
}
.eopt-dropdown.eopt-hasvalue + .form-control-placeholder {
    top:-90%;
}
.eopt-hasvalue + .form-control-placeholder {
    /*transform: translate3d(0, -60%, 0);*/
    opacity: 1;
    top: 0%;
    color: #2b3e50 !important;
    font-size: x-small !important;
    /*font-weight: bold !important;*/
    margin-top: -1.4rem;
}


.salesTab.active{
    background-color:#24486e;
}

.eopt-icon-bar{
    background-color:#24486e;
    color:black;
}

.theme-color-bc{
    background-color:#24486e
}


.NotLoadedBody{
    opacity:0;
}
.eoptSalesInfoCell>.checkbox label::before{
    top:0.35vw;
}
.eoptSalesInfoCell>.checkbox label::after{
    top:0.35vw;
    left:0.1vw;
}
.eopt-val-label {
    font-weight:bold;
    padding:2px 0;
}

.eopt-row-sales-bordered .checkbox{
    line-height:1.2;
}

.eopt-val-value{
    font-weight:bold;
    padding:2px 0;
}


.navbar-fixed-bottom {
    margin-left: 0;
    background-color: #fff;
    /*background-image: url(SiteImages/bottomBar.svg);
            background-position-x:left;
            background-position-y:center;
            border:none;
            background-repeat:no-repeat;
            background-size:contain;*/
    border-top: 1px solid gainsboro;
    WIDTH: 100%;
    left: 0;
    bottom:0px;
    z-index: 1000;
    min-height: 25px;
    position:absolute;
}

        .min-view-item{
            width:calc( 100% - 4px);
            margin:2px;
            background-color:whitesmoke;
            color:black;
            min-height:40px;
            padding:10px;
            text-overflow:ellipsis;
            border-left: 5px solid gray;
            text-align:left;
            opacity:0.3;
            border-bottom:1px solid gray;
        }
        .min-view-item:hover{
            opacity:1;
            background-color:whitesmoke;
            color:black;
        }

        .min-view-item-selected{
            /*background-color: white;*/
            border-left-color:#024d81 ;
            color:#024d81 ;
            font-weight:bold;
            opacity:0.8;
            border-bottom:1px solid #024d81;
        }
        .min-view{
            padding:15px;
            width: 100%;
            max-height: calc(84vh);
            overflow-y:auto;
        }

        .all-profiles{
            width:calc(47.5vw + 26px);
            height:78vh;
            overflow-y:auto;
        }

        .inner-pie{
            position:relative;
            right:5%;
        }

        .outer-pie{
            position:relative;
            right:5%;
        }

        .middle-pie{
            position:relative;
            right:5%;
        }

        .green-tile-indicator.on{
            background-color:green;
        }

@media(max-width: 990px) {
    .navbar-fixed-bottom {
        margin-left: 0px;
        WIDTH: 100%;
        left: 0;
        z-index: 1000;
        min-height: 25px;
    }
.col1{
    width:16vw;
    /*min-width:160px;*/
    display:inline-block;
    overflow:hidden;
    /*font-family:Bahnschrift Condensed;*/
}

.col2{
    /*margin-left:158px;*/
    width:80vw;
    /*min-width:800px;*/
    display:inline-block;
    overflow:hidden;
    /*font-family:Bahnschrift Condensed;*/
}
.col1PlusCol2{
    /*width:960px;*/
    width:96.4vw;
}
.col3{
    /*margin-left:500px;*/ 
    width:32vw;
    /*min-width:290px;*/
    display:inline-block;
    overflow:hidden;
    /*font-family:Bahnschrift Condensed;*/
}

.col4{
    border-left:1px solid gainsboro;
    /*margin-left: 850px;*/
    min-width:62vw;
    display:inline-block;
    /*font-family:Bahnschrift Condensed;*/
}


.eoptSalesInfoTable-single{
    width:18vw;
}

.eoptSalesInfoTable-double{
    width:36vw;
}

.eoptSalesInfoTable-triple{
    width:54vw;
}

.size1{
    width:12.8vw;
    /*width:120px;*/
    height:12.8vw;
    /*height:120px;*/
}

.size2{
    min-width:18vw;
    width:18vw;
    /*width:244px;*/
    height:8vw;
    /*height:120px;*/
}

.eopt-x-tile
{
    padding:0.2vw 0.2vw;
    margin:0vw ;
    border: 0.5vw solid white;
    /*margin-right:1vw;*/
    /*margin-top:0.5vw;
    margin-bottom:0.5vw;*/
    font-family:'Segoe UI Light';
    display:table-cell;
}


.eopt-x-tile:first-child{
    border-left-width:0;
}

.eopt-x-tile:last-child{
    border-right-width:0px;
}

 .tile-single-img-header-large{
        padding-left:1.6vw;
        padding-top:2.6vw;
    }

    .tile-single-img-header-large>img{
        width:90%;
        max-height:7vw;
        margin:auto;
        /*max-height:80%;*/
    }

    .tile-single-text-header-large{
        padding-top:3.6vw;
        text-align:center;
        font-weight:bold;
    }
    .tile-single-text-header-large>span{
        font-size:3.8vw;
        margin:auto;
    }

    .banner-single-text-header-large{
        padding-top:1.8vw;
        text-align:center;
        font-weight:bold;
    }
    .banner-single-text-header-large>span{
        font-size:1.8vw;
        margin:auto;
    }

   .per-info{
        position: relative;
        top: 2vw;
        left: 5.3vw;
    }

   

.tile-text-header-large{
    /*font-size:large;*/
    font-size:2.4vw;
    margin:0;
    padding:0;
}



.tile-text-header-xxlarge{
    /*font-size:38px;*/
    font-size:2.5vw;
    margin:0;
    padding:0;
    font-weight:600;
}

.eoptSalesInfoRow {
    height: 6.5vw;
}

.eoptSalesIconCell>img {
    width: 4.2vw;
    height: 4.2vw;
    background-color: #24486e;
}

.eopt-img-svg-holder {
    width: 4.2vw;
    height: 4.2vw;
    background-color: #24486e;
}
.newchartDimension{
    /*border:1px solid #F5F4F0;*/
    min-height: 26vw;
            height: 26vw;
            max-height:26vw;
}
.salesTableBLock {
}


.eoptSalesCell{
    font-size:calc(7px + 0.7vw);
}


.table-responsive{
    border:unset;
}

.eoptSalesBoldCell{
    padding:4.5px 3px;
    font-weight:bold;
    font-size:13px;
    font-size:calc(7px + 0.7vw);
    /*background-color:rgba(0, 106, 179, 0.61);*/
}

.eoptSalesCellHeader{
    padding:4.5px;
    font-weight:normal;
    font-size:13px;
    font-size:calc(7px + 0.7vw);
}

.eoptSalesInfoRow-dia>.eoptSalesInfoCell{
    font-size:calc(8px + 0.6vw);
}

.eoptSalesInfoCell{
    font-size:large;
    font-size:calc(8px + 1.6vw);
    color:gray;
    font-weight:lighter;
}

    .eoptSalesInfoRow-dia>.eoptSalesInfoCell > input {
        font-size:calc(8px + 0.6vw);
    }

    
.eOptTile-info>input{
    text-decoration:none;
    text-decoration-skip:none;
    border:none;
    text-shadow:none;
    box-shadow:none;
}

.eoptSalesInfoCell>input{
    font-size:large;
    font-size:calc(8px + 1.6vw);
    color:gray;
    font-weight:lighter;
    border:none;
    background-color:transparent !important;
    text-shadow:none;
    box-shadow:none;
}



}