body {
  padding-top: 0px;  
}
    dx-h1,
    .dx-h1 {
        font-family: inherit;
        font-size: 17px;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
    }

    .dx-tab-text {
        font-family: inherit;
        font-size: 16px;
        font-weight: 500;
    }

    .dx-button-text {
        font-family: inherit;
        font-size: 16px;
        font-weight: 500;
    }

    .contents {
        margin-top: 9px;
    }

    .dx-rowheader {
        font-size: 15px;
        font-weight: 600;
        background-color: #014a89;
        color: #ffffff;
    }

    .keeping-row-in {
        /*font-size: 15px;
        font-weight: 600;
        color: #333;*/
        background-color: #ffffff;
    }

    .keeping-row-out {
        /*font-size: 15px;
        font-weight: 600;
        color: #ffffff;*/
        background-color: #f36e20;
    }

    .options {
        padding: 9px;
        margin-bottom: 20px;
    }

    .caption {
        font-weight: 500;
    }

    .option {
        width: 99%;
        display: inline-block;
        margin-top: 10px;
    }
.image {
    display: inline-block;
    height: 100%;
    width: 100%;
    max-height:100%;
    max-width:100%;
    position: relative;
}

.a {
    width: 275px;    
}
.long-title h3 {
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    font-weight: 200;
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
}
.settings {
    text-align: center;
    background-color: rgba(191, 191, 191, 0.15);    
}

.settings .column {
    width: 26%;
    display: inline-block;
    margin: 15px 3%;
    text-align: left;
}

.settings .column .field {
    padding: 5px 0;
}

.settings .column .field > div {
    display: inline-block;
    vertical-align: middle;
}

.settings .column .field .label {
    width: 85px;   
    color:#333;
    font-size:15px;
    font-weight:500;
}

.settings .column .field .value {
    width: 60%;
}
.glyphicons {
    position: relative;
    top: 3.5px;
    display: inline-block;
    /*font-family: 'Times New Roman', Times, serif;*/
    font-style: normal;
    font-weight: normal;
    line-height: 2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.frame {
    border-style: none;
    width: 100%;    
}
.groupCss {
    min-width:325px;
    height: calc( 100vh - 167px);
    overflow: auto;
    resize: horizontal;    
}
.tabCss {
    height: calc( 100vh - 200px);
    overflow: auto;
    resize: vertical;
}
.side-navbar {
    width: 200px;
    height: 100%;
    position: fixed;
    margin-left: -300px;
    transition: 0.5s;
    padding-left: 7px;    
}

.nav-link:active,
.nav-link:focus,
.nav-link:hover {
    background-color: #ffffff26;
}

.my-container {
    transition: 0.4s;
}

.active-nav {
    margin-left: 0;
}
/* for main section */
.active-cont {
    margin-left: 200px;
}
#menu-btn {
    background-color: #007bff;
    color: #fff;
    margin-left: -3px;
}
.left-content .dx-treeview-node.dx-state-selected > .dx-item > .dx-item-content {
    font-weight: 500;   
}
.side-x {
    width: 100px;
    height: 100%;
    position:fixed;    
    transition: 0.5s; 
}