* {
    box-sizing: border-box;
    margin-top: 0px; 
    font-family: sans-serif;
}

.lbl {
    font-size: 1.5vw;
    text-align: center;
}

.lbl_header {
    font-size: 3.5vw;
    text-align: center;
    color: darkgray;
}

.logo {
    width: 6vw;
    height: 3.9vw;
    position: absolute;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

td[role=columnheader] {
    text-align: center !important;
    /*font-weight: 700;*/
}

#dvData {
    /*font-size: 0.6vw*/
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
    cursor: pointer;
}

.dx-datagrid-borders > .dx-datagrid-headers {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dx-datagrid-borders > .dx-datagrid-total-footer,
.dx-datagrid-borders > .dx-datagrid-rowsview {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#dvMain {
    width: 100%;
    max-height: 1688px;
    border: 0px solid #ccc;
}

#dvHeaderRow {
    width: 100%;
    /*border-bottom: 1px solid #ccc;*/
    /*position: fixed;*/
    z-index: 1;
}

#dvLogo {
    text-align: center;
    background-color: #202124;
    position: absolute
}

#dvData {
    margin-left: 0%;
    width: 100%;
    border: 0px solid #ccc;
}

#dvRight {
    width: 70%;
    padding: 12px;
    font-size: 2vw;
    color: white;
    float: left;
    border: 0px solid #ccc;
}

#dvLeft {
    width: 30%;
    padding: 12px;
    font-size: 2vw;
    color: white;
    float: left;
    border: 0px solid #ccc;
}

.dvLevel1 {
    float: left;
    text-align: end;
    color: white;
    font-size: 1vw;
    width: 25%;
    margin-top: 10px
}

.dvLevel2 {
    float: left;
    text-align: end;
    color: white;
    font-size: 1vw;
    width: 8%;
    margin-top: 10px
}

.dvLevel3 {
    float: left; 
    text-align: end; 
    color: white; 
    font-size: 1vw; 
    width:12.5%; 
    margin-top:10px; 
}

.close {
    cursor: pointer;
    position: absolute;
    top: 13%;
    right: 0%;
    padding: 12px 16px;
    transform: translate(0%, -50%);
}

    .close:hover {
        background: #bbb;
    }

#dvGridMedia1 {
    width: 50%; 
    padding-top: 11px; 
    margin-left: 25%;
}

.dvRowInRight {
    float: left; 
    width: 33%; 
    margin-top: 6px
}

.dvLevel1Object {
    float: left; 
    text-align: left; 
    font-size: 1vw; 
    width:75%
}

.dvObjWeb {
    float: left;
    width: 33%;
    margin-top: 6px
}

.dvObjAddress, .dvObjAddress2 {
    float: left;
    width: 66%;
    margin-top: 6px
}

.dvObjAddressDV {
    float: left; 
    text-align: left; 
    color: #787878; 
    font-size: 1vw; 
    width:87.5%
}

.dvTK {
    float: left;
    text-align: left;
    color: #787878;
    font-size: 1vw;
    width: 37.5%
}

.dvCity {
    float: left;
    text-align: left;
    color: #787878;
    font-size: 1vw;
    width: 37.5%
}

.dvFloor {
    float: left;
    text-align: left;
    color: #787878;
    font-size: 1vw;
    width: 74.5%
}

#dvWeb, #dvWeb2 {
    float: left;
    text-align: left;
    color: #787878;
    font-size: 1vw;
    width: 75%
}
.dvObjPhones {
    float: left; 
    width: 33%; 
    margin-top: 6px
}

.dvObjfloor {
    float: left;
    width: 33%;
    margin-top: 6px;
    display:none
}

.dv1 {
    float: left; 
    text-align: left; 
    color: #787878; 
    font-size: 1vw; 
    width:58%
}

.dvCirculation {
    float: left; 
    text-align: left; 
    color: #787878; 
    font-size: 1vw; 
    width:40%
}

.column-header {
    flex-grow: 0;
    width: 285px;
    height: 40px;
    font-size: 1vw;
    opacity: 0.6;
    text-align: left;
    padding-left: 15px;
    color: white;
}
.cls {
    text-align: center !important;
}
.cls2 {
    text-align: center !important;
    /*background-color: gainsboro;*/
    color:orangered
}

#dvloader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.myClass {
    vertical-align: middle !important;
    /*border: 1px;
    border-style: solid;
    border-color:black;*/
}

.dx-datagrid-summary-item {
    color: red;
}

#gdData {
    margin-top: 10px; 
    font-size: 0.6vw
}

.mergecells {
   /* display: table-cell;
    vertical-align: middle !important;
    border: 1px;
    border-style: solid;*/
}

.mergecellselected {
    /*background: rgba(175, 21, 30, 0.8) !important;*/
    /*color: white !important;*/
    border: 1px solid #edc1b9;
}

.double-border-grid {
    width: 100%;
    border: 1px solid #edc1b9;
    border-radius: 5px;
}

.double-border-grid .dx-datagrid {
   
}

#helpedInfo {
    color: #42a5f5;
}

#tooltip-content {
    font-size: 14px;
    font-weight: bold;
}

#template-content {
    display: inline-flex;
}

.dx-tab {
    padding: 5px; 
}

.dx-button-has-text .dx-button-content {
    white-space:wrap !important;
}
#gvPillar1 .dx-datagrid-rowsview table {
    border-collapse: separate;
    border-spacing: 10px;
}

#gvPillar2 .dx-datagrid-rowsview table {
    border-collapse: separate;
    border-spacing: 10px;
}

/*#gvPillar3 .dx-datagrid-rowsview table {
    border-collapse: separate;
    border-spacing: 10px;
}*/

#gvPillar4 .dx-datagrid-rowsview table {
    border-collapse: separate;
    border-spacing: 10px;
}
/*
#gvPillar5 .dx-datagrid-rowsview table {
    border-collapse: separate;
    border-spacing: 10px;
}*/