body {
    background-color: #FFFFFF;
}

.body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../img/background-mos.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #FFFFFF;
}


.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}


/*.aspNetDisabled {
    background-color: #e9ecef !important;
    opacity: 1;
}
*/

.loading-div, .loading-div-m, .loading-div-up {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    z-index: 100;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #0A4A65;
}
.img-loading {
  margin-top: -41px;
  margin-left: -41px;
  left: 50%;
  top: 50%;
  position: absolute;
}

/*@media (max-width: 767px) {*/
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 10px grey;
    }

    ::-webkit-scrollbar-thumb {
        background: #0AAAA8;
        border-radius: 10px;
        min-height: 8px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #01a05d;
    }
/*}

@media (min-width: 768px) {
    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 10px grey;
    }

    ::-webkit-scrollbar-thumb {
        background: #0AAAA8;
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #01a05d;
    }
}*/

/*body {
    background-color: #CAE8F0;
}*/

/*.content-default {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #CAE8F0;
}*/

@media (max-width: 767px) {
    .content-login {
        position: absolute;
	    top: 50%;
	    left: 10%;
	    width: 80%;
        text-align: center;
        /*height: 302px;*/
        height: auto;

        margin-top: -200px;

        /*background-color: #212C3B;*/
	    /*border: 1px #34424A solid;*/
        color: #D4D6D5;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        z-index: 100;
    }

    .div-center-form {
        width: 80%;
        margin: 0px auto;
    }
}

@media (min-width: 768px) {
    .content-login {
        position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 500px;
        /*height: 302px;*/
        height: auto;
        text-align: center;

        margin-top: -200px;
        margin-left: -250px;

        /*background-color: #212C3B;*/
	    /*border: 1px #34424A solid;*/
        color: #D4D6D5;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        z-index: 100;
    }

    .div-center-form {
        width: 40%;
        margin: 0px auto;
    }
}

.planning-image-login {
    position: absolute;
    bottom: 0;
    width: 60%;
}

.planning-image-welcome {
    position: absolute;
    bottom: 0;
    width: 40%;
    left: 30%;
    right: 30%;
}

.planning-image-pattern {
    position: fixed;
    bottom: 0;
    width: 35%;
    z-index: -1;
}

span.checkActive > input {
    width: 100%;
    height: 32px;
}

span.checkForm > input {
    width: 100%;
    height: 25px;
}

.checkBoxBist-100 {
    width: 100%;
    color: #505050;
}

.form-gray {
    color: #505050;
}

.form-green {
    color: #0AAAA8;
}

.form-white {
    color: #DCE2E5;
}

.required {
    color: #dc3545;
}

.center {
    text-align: center !important;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.div-margin-center {
    margin: 0px auto;
}

.div-center {
    width: 100%;
    text-align: center;
}

.white {
    color: #FFFFFF !important;
}

.imgNS {
    margin-top: -14px;
    height: 50px;
}

.div50 {
    width: 90%;
    margin: 0px auto;
}

.div90 {
    width: 90%;
    margin: 0px auto;
}

.div90-center {
    width: 90%;
    text-align: center;
    margin: 0px auto;
}

.div95-center {
    width: 95%;
    text-align: center;
    margin: 0px auto;
}

.div-margin-top-20 {
    margin-top: 20px;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

/*.modal-header {
    color: #484D54;
    background-color: #212C3B;
    border-radius: 5px 5px 0px 0px;
}*/

.table-header1 {
    background-color: #1ED5D9;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
    /*border-radius: 15px 0px 0px 0px;*/
}

.table-header2 {
    background-color: #1ED5D9;
    color: #CAE8F0;
    font-size: 40px;
    font-weight: normal;
    /*border-radius: 0px 15px 0px 0px;*/
}

.txtFor {
    margin: 0px auto;
    text-align: center;
    max-width: 90px;
}

.grayBlue {
    background-color: #C2C2C4;
    color: #24A6A8;
    height: 40px;
    line-height: 40px !important;
}

.grayWhiteTitle {
    background-color: #434343;
    color: #FFFFFF;
}

.grayWhite {
    background-color: #434343;
    color: #FFFFFF;
    padding-top: 20px !important;
}

.grayWhiteCurve {
    background-color: #434343;
    color: #FFFFFF;
    padding-top: 10px !important;
}

.grayBlack {
    background-color: #C2C2C4;
    color: #000000;
    height: 40px;
    line-height: 40px !important;
}

.blueBlack {
    background-color: #CAE8F0;
    color: #000000;
}

.blueWhite {
    background-color: #24A6A8;
    color: #FFFFFF;
    padding-top: 20px !important;
}

.firstHarvest {
    background-color: #f0ad4e;
    color: #FFFFFF;
    padding-top: 20px !important;
}

.lastHarvest {
    background-color: #c12e2a;
    color: #FFFFFF;
    padding-top: 20px !important;
}

.tdFor {
    padding-top: 11px !important;
}

.fixed {
    display: table;
    position: fixed;
    top: 53px;
    width: 98.5%;
}

.text-green {
    color: #00D179;
}

.text-gray {
    color: #D4D6D5;
}

.w100 {
    width: 100% !important;
}

.w4 {
    width: 4% !important;
}

.w5 {
    width: 5% !important;
}

.w7 {
    width: 7% !important;
}

.w8 {
    width: 8% !important;
}

.w9 {
    width: 9% !important;
}

.hide {
    display: none !important;
}

.textarea {
    resize: none !important;
}

/*label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal !important;
}*/

/**/

.myGridClass {
    width: 100%;
    border: none;
    /*this will be the color of the odd row*/
    /*background-color: #fff;*/
    /*margin: 5px 0 10px 0;*/
    /*border-top: solid 1px #525252;
  border-collapse:collapse;*/
}

/*data elements*/
.myGridClass td {
    padding: 8px;
    /*border-bottom: solid 1px #7f87b1;*/
    background-color: #fff;
    color: #000000;
    cursor: pointer;
    text-align: center;
    font-size: 0.8em;
    vertical-align: middle;
    border: none;
    border-bottom: 1px #dcdcdc solid;
}

/*header elements*/
.myGridClass th {
    padding: 8px;
    color: #000000;
    font-size: 0.7em;
    text-align: center;
    border: none;
}

/*his will be the color of even row*/
/*.myGridClass .myAltRowClass { background: #fcfcfc repeat-x top; }*/

/*and finally, we style the pager on the bottom*/
/*.myGridClass .myPagerClass { 
    background: #424242;
}*/

.myGridClass .myPagerClass table { 
    margin: 0px auto; 
}

.myGridClass .myPagerClass td {
    border-width: 0;
    padding: 8px;
    font-weight: bold;
    color: #0AAAA8;
    line-height: 12px;
    font-size: 12px;
}

.myGridClass .myPagerClass a { 
    color: #505050; 
    text-decoration: none; 
    font-size: 12px;
}

.myGridClass .myPagerClass a:hover {
    color: #0AAAA8;
    text-decoration: none;
}

/*.myGridClass .gridViewOver:hover {
    background-color: #00D179 !important;
}*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 12px;
    top: .9em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

tr.dx-row.dx-header-row {
    background-color: #e9ecef;
    color: black;
    font-weight: bold;
}

    tr.dx-row.dx-header-row td {
        text-align: center !important;
    }

        tr.dx-row.dx-header-row td div {
            font-size: 12px !important;
            height: auto !important;
            white-space: normal !important;
            overflow-wrap: break-word !important;
        }