@media only screen and (min-width: 560px) and (max-width: 759px) {

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

    .body {
        height: auto;
    }

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

    .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;*/
        box-shadow: 0px 1px 5px 1px #575757;
        min-height: 500px; /* */
        overflow: auto; /* to prevent text from flowing out of its container */
        float: none; /* do not change this */
    }

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

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

    .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;
    }
    
    .login-container {
        width: 300px;
    }

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

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

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

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

    .greyline5 {
        margin-top: 50px;
        background-color: #333333;
        height: 3px;
    }


    .navmenu {
        background-color: #333333;
    }

    .navmenu2 {
        background-color: #333333;
    }

    .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: 84%;
        height: 70px;
        float: left;
        background-color: #CACACA;
    }

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

    .logo2 {
        width: 15%;
        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%;
    }

    .spacer9 {
        padding-top: 60px;
    }

    .spacer10 {
        padding-top: 40%;
    }

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

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

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

    .wardname {
        width: 200px;
        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: 70px;
        height: auto;
        /*height: 30px;
	max-height: auto;*/
        border: 2px solid #FFB800;
        background: #FFEFC4;
        padding: 5px;
    }

    .wardname6 {
        width: 97%;
        min-height: 70px;
        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;
    }

    .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;
    }

    .icon-section {
        float: left;
        background-color: #333333;
    }

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

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

    .stocklevelrows {
        width: 95%;
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 10px;
        padding-bottom: 20px;
    }

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

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

    .container-icons {
        float: left;
        padding-top: 25px;
        padding-right: 50%;
    }

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

    .container-icons3 {
        padding-top: 29em;
        padding-left: 11em;
    }

    .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: 270px;
        height: 150px;
        border: 2px solid #449A39;
    }

    .container-commmentbox {
        padding-left: 10px;
    }

    .container-rightalign {
        float: right;
        width: 290px;
        padding: 2px;
    }

    .forms-padding {
        padding-top: 6px;
        /*padding-top: 1px;
	padding-left: 42px;*/
    }

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

    .container-forms3 {
        float: right;
        width: 475px;
        padding: 35px;
    }

    .forms-align {
        float: left;
    }

    .navbutton {
        max-width: 187px;
        height: auto;
    }

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

    .container-rightalign2 {
        float: right;
        width: 320px;
        padding-top: 65px;
        padding-right: 8px;
        padding-left: 8px;
        padding-bottom: 8px;
    }

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

    .container-forms5 {
        float: right;
        width: 290px;
        padding: 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;
    }

    .container-forms6 {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #DDDDDD
    }

    .container-forms7 {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #DDDDDD
    }

    .forms-align2 {
        width: 65%;
    }

    .forms-align3 {
        float: left;
    }

    .forms-padding4 {
        padding: 5px;
        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: 98%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }

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

    .box-container15 {
        width: 95%;
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
    }

    .box-container25 {
        width: 98.5%;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        float: left;
        /*display: inline-block;*/
    }

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

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

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

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

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

    .align2 {
        float: left;
    }

    .menu-align {
        float: left;
    }

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

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

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

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

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

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

    .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;
    }

    .fms-landingpage-banner {
        max-width: 100%;
    }

    .fms-logo {
        padding: 5px;
    }

    .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: 10px;
        border: none;
        margin-right: 10px;
    }

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

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

        .RadNavigation.RadNavigation_ThirdLineNavigation .rnvMore.rnvHovered, .RadNavigation.RadNavigation_ThirdLineNavigation .rnvMore.rnvSelected {
            background-color: #449A39 !important; /* selected background color */
            border-radius: 10px;
            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: 10px;
        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;
}