.login-page, .register-page {
    background: #1b89c6;
    background: -moz-radial-gradient(center, ellipse cover, #8ae1fc 0%, #8ae1fc 15%, #0b5893 89%, #0b5893 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #8ae1fc), color-stop(15%, #8ae1fc), color-stop(89%, #0b5893), color-stop(100%, #0b5893));
    background: -webkit-radial-gradient(center, ellipse cover, #8ae1fc 0%, #8ae1fc 15%, #0b5893 89%, #0b5893 100%);
    background: radial-gradient(ellipse at center, #8ae1fc 0%, #8ae1fc 15%, #0b5893 89%, #0b5893 100%);
}

.login-box-body, .register-box-body {
    background: url(images/bg-white-trans.png) repeat;
}

.navbar-nav > .notifications-menu > .dropdown-menu {
    /*height: 160px;*/
    width: auto;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 90px;
}

section.content {
    padding-bottom: 10px;
}

.dxtc-content {
    padding-bottom: 0 !important;
}

.main-footer {
    padding-top: 5px;
    padding-bottom: 5px;
}

div.box {
    margin-bottom: 0;
}

no-padding {
    padding: 0;
}

no-margin {
    margin: 0;
}

.pad-2 {
    padding: 2px !important;
}

.margin-bottom-8 {
    margin-bottom: 8px !important;
}

/*div.box-body {
    padding-bottom: 0;
}*/

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.bg-tomato {
    background-color: tomato;
}

.bg-yellow {
    background-color: yellow;
}

.bg-darkseagreen {
    background-color: darkseagreen;
}

.text-white {
    color: white;
}

.text-mulberry {
    color: #bf4e6a;
}

.text-bold {
    font-weight: bold;
}

.text-bold-500 {
    font-weight: 500;
}

.text-larger {
    font-size: larger;
}

.text-large {
    font-size: large;
}

.scroll-h {
    overflow-x: auto;
}

.center-720-px {
    width: 720px;
    margin: auto;
    height: auto;
}

.center-960-px {
    width: 960px;
    margin: auto;
    height: auto;
}

.center-1240-px {
    width: 1240px;
    margin: auto;
    height: auto;
}

.left-75-percent {
    position: relative;
    float: left;
    width: 75%;
    height: auto;
}

.left-65-percent {
    position: relative;
    float: left;
    width: 65%;
    height: auto;
}

.left-50-percent {
    position: relative;
    float: left;
    width: 50%;
    height: auto;
}

.left-35-percent {
    position: relative;
    float: left;
    width: 35%;
    height: auto;
}

.left-25-percent {
    position: relative;
    float: left;
    width: 25%;
    height: auto;
}

.left-auto {
    position: relative;
    float: left;
    width: auto;
    height: auto;
}

.right-auto {
    position: relative;
    float: right;
    width: auto;
    height: auto;
}

.margin-left-10 {
    margin-left: 10px;
}

/*.dxpgHeader_MaterialCompact {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}*/

select {
    min-height: 26px !important;
}

option {
    font-size: large;
}


/*Close Button*/
.close {
    position: fixed;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    z-index:1;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.dxc-chart{
    width:100%;
}