@media only screen and (min-width: 760px) and (max-width: 1023px) {

    .header {
        padding: 15px;
        float: right;
    }

    .container-menu {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        float: left;
        padding: 15px;
    }

    .body {
        height: auto;
    }

    .header2 {
        margin-top: -31px;
        float: right;
    }

    .white-bg9 {
        background-color: white;
        height: 100px;
        width: 100%;
    }

    .container-page {
        margin-top: 30px;
        width: 100%;
        background-color: #F1F1F1;
    }

    .container-page2 {
        width: 100%;
        background-color: #F1F1F1;
    }

    .container-main {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        /*background-color: #DDDDDD;*/
        -webkit-box-shadow: 0px 1px 5px 1px #575757;
        box-shadow: 0px 1px 5px 1px #575757;
        min-height: 860px; /* */
        overflow: auto; /* to prevent text from flowing out of its container */
        float: none; /* do not change this */
    }

    .container-main100 {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        /*background-color: #DDDDDD;*/
        /* box-shadow: 0px 1px 5px 1px #575757;
	-webkit-box-shadow: 0px 1px 5px 1px #575757; */
        min-height: 700px; /* */
        /* overflow: auto; /* to prevent text from flowing out of its container */
        float: none; /* do not change this */
    }

    .container-main100-12 {
        width: 49%;
        margin-left: auto;
        margin-right: auto;
        float: left;
        height: auto;
    }

    .container-main100-13 {
        width: 49%;
        margin-left: auto;
        margin-right: auto;
        float: right;
        height: auto;
    }

    .container-whitebg {
        width: 95%;
        min-height: 200px;
        margin-left: auto;
        margin-right: auto;
        /*background-color: #DDDDDD;*/
    }

    .content-container {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 50px;
        display: flex;
        justify-content: center;
    }

    .content-container2 {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }

    .bar-container {
        background-color: #585858;
        min-height: 100px;
        width: 100%;
    }

    .section-header {
        /*height: 50px;*/
        margin: 0 0 0 0;
        width: 100%;
        padding-top: 10px
    }

    .section-header2 {
        /*height: 50px;*/
        margin: 0 0 0 0;
        width: 100%;
        padding-top: 2px
    }

    .section-header-dashboard {
        margin: 0 0 0 0;
        width: 100%;
    }

    .login-container {
        width: 300px;
    }

    .greyline {
        background-color: #333333;
        height: 5px;
    }

    .greyline2 {
        background-color: #333333;
        height: 5px;
        margin-top: 54px;
    }

    .greyline4 {
        margin-top: 50px;
        background-color: #333333;
        height: 5px;
    }

    .navmenu {
        background-color: #333333;
        height: 80px;
    }

    .navmenu2 {
        background-color: #333333;
        /*height: 50px;*/
    }

    .header-login {
        background-color: #449A39;
        height: 70px;
        width: 100%;
    }

    .logoimage {
        padding: 10px;
        max-width: 85%;
        height: auto;
    }

    .logoimage2 {
        padding: 2px;
        max-width: 95%;
        height: auto;
    }

    .logoimage3 {
        padding: 15px;
        max-width: 85%;
        height: auto;
    }

    .logo {
        width: 86%;
        height: 70px;
        float: left;
        background-color: #CACACA;
    }

    .logo-greyline {
        background-color: #333333;
        width: 1%;
        height: 70px;
        float: left;
    }

    .logo2 {
        width: 13%;
        height: 70px;
        float: left;
        background-color: white;
    }

    .logo-login {
        margin-top: -50px;
        padding-left: 10px;
        width: 100px;
        height: 100px;
    }

    .logo-align {
        display: flex;
        justify-content: center;
    }

    .logo-customer {
        margin-top: 50px;
        width: auto;
        height: auto;
    }

    .spacer {
        padding: 25px;
    }

    .spacer2 {
        padding-top: 15px;
    }

    .spacer3 {
        padding-top: 35px;
    }

    .spacer4 {
        padding-top: 100px;
    }

    .spacer5 {
        padding-top: 5px;
    }

    .spacer6 {
        padding-top: 20%;
    }

    .spacer7 {
        padding-top: 75px;
    }

    .container-login {
        padding-left: 30%;
        padding-top: 20px;
        width: 250px;
        height: auto;
        float: left;
    }

    .loginicon {
        padding-top: 28px;
        padding-right: 27%;
    }

    .wards {
        padding: 3% 8% 3% 8%;
    }

    .wardname {
        width: 250px;
        height: 30px;
        max-height: auto;
        border: 2px solid #449A39;
        background: #F0FFEE;
        padding: 5px;
    }

    .wardname2 {
        width: 215px;
        height: 30px;
        max-height: auto;
        border: 2px solid #449A39;
        background: #F0FFEE;
        padding: 5px;
    }

    .wardname3 {
        width: 215px;
        min-height: 50px;
        height: auto;
        /*height: 30px;
	max-height: auto;*/
        border: 2px solid #449A39;
        background: #F0FFEE;
        padding: 5px;
    }

    .wardname3-curved {
        width: 215px;
        min-height: 50px;
        height: auto;
        /*height: 30px;
	max-height: auto;*/
        border: 2px solid #449A39;
        background: #F0FFEE;
        padding: 5px;
        border-radius: 10px;
    }

    .wardOverdue {
        width: 215px;
        min-height: 50px;
        height: auto;
        /*height: 30px;
    max-height: auto;*/
        border: 2px solid #fb9494;
        background: #FFCCCC;
        padding: 5px;
    }

    .wardOverdue-curved {
        width: 215px;
        min-height: 50px;
        height: auto;
        border: 2px solid #fb9494;
        background: #FFCCCC;
        padding: 5px;
        border-radius: 10px;
    }

    .wardBlank {
        width: 215px;
        min-height: 50px;
        height: auto;
        /*height: 30px;
    max-height: auto;*/
        border: 2px solid #A8A8A8;
        background: #fff;
        padding: 5px;
    }

    .wardPartial {
        width: 215px;
        min-height: 50px;
        height: auto;
        /*height: 30px;
    max-height: auto;*/
        border: 2px solid #fbcb92;
        background: #FFE4C4;
        padding: 5px;
    }

    .wardPartial-curved {
        width: 215px;
        min-height: 50px;
        height: auto;
        border: 2px solid #fbcb92;
        background: #FFE4C4;
        padding: 5px;
        border-radius: 10px;
    }

    .wardname4 {
        width: 98%;
        min-height: 50px;
        height: auto;
        /*height: 30px;
	max-height: auto;*/
        border: 2px solid #449A39;
        background: #F0FFEE;
        padding: 5px;
    }

    .wardname5 {
        width: 98%;
        min-height: 140px;
        height: auto;
        /*height: 30px;
	max-height: auto;*/
        border: 2px solid #FFB800;
        background: #FFEFC4;
        padding: 5px;
    }

    .wardname6 {
        width: 97%;
        min-height: 140px;
        height: auto;
        /*height: 30px;
	max-height: auto;*/
        border: 2px solid #449A39;
        background: #F0FFEE;
        padding: 5px;
    }

    .wardname7 {
        width: 215px;
        min-height: 50px;
        height: auto;
        border: 2px solid #C4C4C4;
        background: #E9E9E9;
        padding: 5px;
        border-radius: 10px;
    }

    .wardname7-curved {
        width: 215px;
        min-height: 50px;
        height: auto;
        border: 2px solid #C4C4C4;
        background: #E9E9E9;
        padding: 5px;
        border-radius: 10px;
    }

    .ward-align-left {
        float: left;
    }

    .ward-align-right {
        float: right;
    }

    .section-align {
        padding-bottom: 55px;
    }

    .selectrow-alignleft {
        float: left;
        width: 150px;
        padding-top: 8px;
    }

    .selectrow-alignright {
        float: right;
        width: auto;
    }

    .stocklevelrows {
        width: 270px;
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 20px;
    }

    .container-select-left {
        float: left;
    }

    .container-select-right {
        float: left;
        padding-left: 25px;
        padding-top: 25px;
        padding-right: 15px;
    }

    .container-icons {
        padding-top: 35em;
        padding-left: 32%;
        /*padding-left: 32%;*/
    }

    .container-icons2 {
        padding-top: 2em;
        float: left;
        padding-left: 330px;
        /*	width:95%;	*/
    }

    .container-icons3 {
        padding-left: 33%;
    }

    .button-align-left {
        float: left;
    }

    .button-align-right {
        float: left;
        padding-left: 15px;
    }

    .commentbox {
        background-color: white;
        font-family: Arial;
        color: #449A39;
        font-size: 14px;
        width: 280px;
        height: 400px;
        border: 2px solid #449A39;
    }

    .container-forms {
        float: right;
        width: 500px;
        padding: 10px;
    }

    .container-forms2 {
        float: right;
        width: 450px;
        padding: 10px;
    }

    .container-forms3 {
        float: right;
        width: 480px;
        padding: 10px;
    }

    .container-rightalign {
        float: right;
        width: 280px;
        padding: 6px;
    }

    .container-rightalign3 {
        float: right;
        width: 235px;
        padding: 8px;
    }

    .forms-align {
        float: left;
    }

    .forms-align3 {
        float: left;
    }

    .forms-padding {
        padding-top: 10px;
        padding-left: 10px;
    }

    .forms-padding2 {
        padding-right: 5px;
    }

    .forms-padding3 {
        padding-top: 12px;
        padding-right: 10px;
    }

    .button-align {
        padding-left: 5px;
    }

    .container-table {
        width: 100%;
    }

    .table {
        border: 1px solid #A8A8A8;
        color: #333333;
        text-decoration: none;
        font-size: 18px;
        font-weight: 500;
    }

    .table-header {
        background-color: #A8A8A8;
        height: auto;
    }

    .table-total {
        background-color: #D9DCF2;
    }

    .icon-section {
        padding: 1px;
    }

    .container-rightalign2 {
        float: right;
        width: 340px;
        padding: 8px;
    }

    .container-forms4 {
        float: right;
        width: 340px;
        padding: 10px;
    }

    .container-forms5 {
        float: right;
        width: 290px;
        padding: 10px;
    }

    .container-forms6 {
        float: left;
        width: 790px;
        padding: 5px;
    }

    .container-forms7 {
        float: left;
        width: 720px;
        padding: 5px;
    }

    /*
.container-forms6 {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #DDDDDD;
}
*/
    .container-rightalign-dashboard {
        float: right;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .forms-padding {
        padding-top: 7px;
        padding-left: 10px;
    }

    .forms-padding2 {
        padding-right: 10px;
    }

    .container-whitebg2 { /* this is the container for the white center content */
        width: 95%;
        min-height: 350px;
        margin-left: auto;
        margin-right: auto;
        /*background-color: #DDDDDD;*/
    }

    .container-main100-3 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: left; /* do not change this */
        height: auto;
    }

    .container-main100-4 {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        float: none; /* do not change this */
        height: auto;
    }

    .navbutton {
        max-width: 24%;
        height: auto;
    }

    .forms-padding4 {
        display: inline-block;
    }

    .forms-padding5 {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 5px;
        padding-right: 0px;
    }

    .forms-padding6 {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
        padding-right: 6px;
    }

    .forms-padding7 {
        padding-top: 7px;
        padding-left: 2px;
        padding-right: 2px;
    }

    .box-container3 {
        width: 98.5%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .box-container4 {
        width: 60%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }

    .box-container5 {
        width: 37.5%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }

    .box-container6 {
        width: 48.9%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }

    .box-container7 {
        width: 49.2%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }

    .box-container8 {
        width: 45%;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .box-container9 {
        width: 50%;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-left: 25%;
        margin-right: 25%;
    }

    .box-container10 {
        width: 40%;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 10px;
        float: left;
    }

    .box-container11 {
        width: 90%;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 10px;
        float: left;
    }

    .box-container13 {
        width: 48%;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 10px;
        float: left;
    }

    .box-container12 {
        width: 50%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-left: 30%;
    }

    .box-container14 {
        width: 48%;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 10px;
        float: left;
    }

    .box-container15 {
        width: 46%;
        padding-left: 15px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }


    .box-container27 {
        width: 48%;
        padding: 5px;
        vertical-align: top;
        display: inline-block;
    }


    .box-container25 {
        margin-top: 15px;
        /* on phone show in full width */
    }

    .box-container26 {
        width: 32%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }

    .box-container29 {
        width: 98.4%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }

    .box-container-dashboard {
        width: 98.4%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }

    .box-container-dashboard2 {
        width: 98.4%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }

    .box-container-dashboard3 {
        width: 98.4%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }

    .box-container30 {
        width: 98.4%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }

    .align2 {
        float: left;
    }

    .menu-align {
        float: right;
    }

    .table-green2 {
        width: 65%;
        border-collapse: collapse;
        background-color: #E6F4E3;
        border: 1px solid #449A39;
        box-shadow: inset 0 0 6px #449A39;
    }

    .table-red2 {
        width: 65%;
        border-collapse: collapse;
        background-color: #FFE7E7;
        border: 1px solid red;
        box-shadow: inset 0 0 6px red;
    }

    .font-padding29 {
        padding-left: 5px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-top: 13px;
    }

    .forms-padding8 {
        padding-top: 6px;
        padding-bottom: 3px;
        padding-left: 3px;
        padding-right: 6px;
    }


    .line-gradient {
        max-width: 750px;
        height: 2px;
    }

    .icon-align {
        /*margin-right: 0px;*/
        margin-top: 5px;
    }

    /* ThirdLine NAVIGATION SKIN (used in Tab menu ascx) */
    .RadNavigation.RadNavigation_ThirdLineNavigation .rnvRootGroupWrapper {
        background-color: #F7F6F7 !important; /* container background */
    }

    .RadNavigation.RadNavigation_ThirdLineNavigation .rnvRootGroup > .rnvItem {
        background-color: #b1b1b1 !important; /* content background */
        border-radius: 6px;
        border: none;
        margin-right: 10px;
    }

    .RadNavigation.RadNavigation_ThirdLineNavigation .rnvRootLink {
        border-color: transparent;
    }

    .RadNavigation.RadNavigation_ThirdLineNavigation .rnvMore {
        background-color: #b1b1b1 !important;
        border-radius: 6px;
        border: none;
    }

        .RadNavigation.RadNavigation_ThirdLineNavigation .rnvMore.rnvHovered, .RadNavigation.RadNavigation_ThirdLineNavigation .rnvMore.rnvSelected {
            background-color: #449A39 !important; /* selected background color */
            border-radius: 6px;
            border: none;
            margin: 0px !important;
        }

    .RadNavigation.RadNavigation_ThirdLineNavigation .rnvSelected.rnvMore, .RadNavigation.RadNavigation_ThirdLineNavigation .rnvSelected > .rnvRootLink, .RadNavigation.RadNavigation_ThirdLineNavigation .rnvExpanded > .rnvRootLink, .RadNavigation.RadNavigation_ThirdLineNavigation .rnvHovered > .rnvRootLink {
        background-color: #449A39 !important; /* hover background color */
        border-radius: 6px;
        border-color: lightgray;
        color: white !important;
    }

    .RadNavigation.RadNavigation_ThirdLineNavigation {
        margin-right: 0px;
    }

        .RadNavigation.RadNavigation_ThirdLineNavigation .rnvItem > .rnvLink {
            color: black !important;
        }

        .RadNavigation.RadNavigation_ThirdLineNavigation .rnvSelected > .rnvLink {
            color: white !important;
        }

        .RadNavigation.RadNavigation_ThirdLineNavigation .rnvHovered > .rnvLink {
            color: white !important;
        }


    .radSkin_ThirdLineNavigation .rnvPopup {
        background-color: #b1b1b1 !important;
        border-radius: 6px !important;
        border-color: #b1b1b1;
        margin-top: 1px;
    }

    .radSkin_ThirdLineNavigation .rnvLink {
        color: black !important; /* mobile menu unselected text*/
    }

        .radSkin_ThirdLineNavigation .rnvLink:hover {
            background-color: #449A39 !important; /* mobile menu hover background*/
            color: white !important; /* mobile menu hover text*/
        }

    .radSkin_ThirdLineNavigation .rnvPopup .rnvSelected > .rnvLink, .radSkin_ThirdLineNavigation .rnvPopup .rnvExpanded > .rnvLink {
        background-color: #459b3a !important; /* mobile menu selected background */
        color: white !important; /* mobile menu selected text */
    }

    /* END OF ThirdLine NAVIGATION SKIN */
}

.divpadding-ncis {
    width: 45%;
    height: 30px;
}