.page {
    background-color: #F7F6F7;
    margin: 0 0 0 0;
    font-family: 'Verdana';
    font-size: 0.9em;
}

.page2 {
    background-color: white;
    margin: 0 0 0 0;
    font-family: 'Verdana';
    font-size: 0.9em;
}

a img {
    border-style: none;
}

a:link, a:visited, a:active {
    color: #333333;
}

a:hover {
    color: #449A39;
}

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


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

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

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

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

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

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

.green-bg2 {
    background-color: #449A39;
    height: 50px;
    width: 100%;
}

.green-bg3 {
    background-color: #449A39;
    height: 50px;
    width: 100%;
}

.grey-bg {
    background-color: #333333;
    height: 50px;
    width: 100%;
    box-shadow: 0px 2px 5px 2px #575757;
}

.grey-bg2 {
    background-color: #E9E9E9;
    width: 100%;
}

.grey-bg3 {
    background-color: #E9E9E9;
    width: 100%;
    border: 1px solid #C4C4C4;
}

.grey-bg4 {
    background-color: #5A5A5A;
    height: 50px;
    width: 100%;
    box-shadow: 0px 2px 5px 2px #575757;
}

.grey-bg5 {
    background-color: #E9E9E9;
    height: 50px;
    width: 100%;
    box-shadow: 0px 2px 5px 2px #575757;
}

.grey-bg6 {
    background-color: #F3F3F3;
}

.grey-bg7 {
    background-color: #CACACA;
}

.grey-bg8 {
    background-color: #CACACA;
    box-shadow: 0px 2px 2px 2px #575757;
    height: 30px;
}

.box-shadow {
    box-shadow: 0px 2px 2px 2px #575757;
}

.white-bg {
    padding-bottom: 10px;
    background-color: white;
    height: auto;
    margin: 0 0 0 0;
    width: 100%;
    /*box-shadow:   2px 2px 5px 2px #575757;*/
    min-height: 300px; /* */
    overflow: hidden; /* to prevent text from flowing out of its container */
    float: left; /* do not change this */
    border-color: #CBCBCB;
    border-style: solid;
    border-width: 1px;
}

.white-bg-filters {
    padding-bottom: 10px;
    background-color: white;
    height: auto;
    margin: 0 0 0 0;
    width: 100%;
    min-height: 100px; /* This can be adjusted accordingly */
    overflow: hidden; /* to prevent text from flowing out of its container */
    float: left;
    border-color: #CBCBCB;
    border-style: solid;
    border-width: 1px;
}

.container-curved {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.container-curved-bottom {
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

.white-bg2 {
    padding-bottom: 10px;
    background-color: white;
    height: auto;
    margin: 0 0 0 0;
    width: 100%;
    box-shadow: 2px 2px 5px 2px #575757;
    min-height: 100px; /* */
    overflow: hidden; /* to prevent text from flowing out of its container */
    float: left; /* do not change this */
}

.white-bg-2 {
    padding-bottom: 10px;
    background-color: white;
    height: auto;
    margin: 0 0 0 0;
    width: 100%;
    box-shadow: 2px 2px 5px 2px #575757;
    overflow: auto; /* to prevent text from flowing out of its container */
    float: left; /* do not change this */
}

.white-bg3 {
    padding-bottom: 10px;
    background-color: white;
    height: auto;
    margin: 0 0 0 0;
    width: 100%;
    min-height: 300px; /* */
    overflow: hidden; /* to prevent text from flowing out of its container */
    float: left; /* do not change this */
}

.white-bg4 {
    background-color: white;
    color: #333333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 2px 2px 5px 2px #858585;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.white-bg5 {
    padding-bottom: 10px;
    background-color: white;
    height: auto;
    margin: 0 0 0 0;
    width: 100%;
    box-shadow: 2px 2px 5px 2px #575757;
    overflow: hidden; /* to prevent text from flowing out of its container */
    float: left; /* do not change this */
}

.white-bg6 {
    padding-bottom: 10px;
    background-color: white;
    height: auto;
    margin: 0 0 0 0;
    width: 100%;
    box-shadow: 2px 2px 5px 2px #575757;
    min-height: 300px; /* */
    overflow: auto; /* to prevent text from flowing out of its container */
    float: left; /* do not change this */
}

.white-bg7 {
    background-color: white;
    max-height: auto;
    width: 100%;
}

.white-bg8 {
    background-color: white;
    margin: 0 0 0 0;
    width: 320px;
    box-shadow: -2px -2px 5px 2px #d0d0d0;
    /*height: 35px;*/
    min-width: 320px;
    /*height: auto;*/
    overflow: none;
}

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

.white-bg-dashboard {
    padding: 10px;
    background-color: white;
    height: auto;
    width: 97%;
    box-shadow: 2px 2px 5px 2px #575757;
    min-height: 300px; /* */
    overflow: auto; /* to prevent text from flowing out of its container */
    float: left; /* do not change this */
}

.white-bg-login {
    background-color: white;
    height: auto;
    margin: 0 0 0 0;
    width: 100%;
    box-shadow: 2px 2px 5px 2px #575757;
    min-height: 200px; /* */
    overflow: auto; /* to prevent text from flowing out of its container */
    float: left; /* do not change this */
}

.white-bg-header {
    background-color: white;
    margin: 0 0 0 0;
    width: 100%;
    /* box-shadow: 2px 2px 5px 2px #575757;*/
    min-height: 50px;
    height: auto;
    overflow: auto;
    border-color: #CBCBCB;
    border-style: solid;
    border-width: 1px;
}

.blue-box {
    border: 1px solid #C4C4C4;
    min-height: 130px;
    height: auto;
    background-color: white;
    margin: 0 0 0 0;
    width: 100%;
    overflow: hidden; /* prevents scrollbars from appearing even with elements falling out of the container  */
    float: left; /* do not change this */
}

.grey-bg-header {
    background-color: #4A4A4A;
    min-height: 40px;
    height: auto;
    overflow: auto;
    margin: 0 0 0 0;
    width: 100%;
    box-shadow: 2px 2px 5px 2px #575757;
    float: left;
}

.grey-bg-header2 {
    background-color: #CACACA;
    min-height: 40px;
    height: auto;
    overflow: auto;
    margin: 0 0 0 0;
    width: 100%;
    box-shadow: 2px 2px 5px 2px #575757;
    float: left;
}

.footer {
    background-color: #333333;
    height: 50px;
    margin: 0 0 0 0;
    width: 100%;
}

.footer-position {
    padding: 10px;
    min-height: 25px;
    height: auto;
    background-color: #E8E6E8;
}

.container-footer {
    padding-top: 15px;
}

.container-footer2 {
    padding: 15px;
    text-align: right;
}

.icon-login {
    width: 27px;
    height: 30px;
    float: left;
}

.font-white {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Verdana';
}

.font-white2 {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.font-white3 {
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.font-white4 {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.font-white5 {
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
}

.font-white6 {
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.font-white7 {
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.font-blue {
    color: #1F275A;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.font-blue2 {
    color: #4252B8;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.font-blue3 {
    color: #3B4694;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
}

.font-blue4 {
    color: #4252B8;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.font-blue5 {
    color: #4252B8;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.font-blue6 {
    color: #172788;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 700;
}

.font-blue7 {
    color: #4D4DFF;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.font-blue8 {
    color: #123F98;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.font-blue9 {
    color: #123F98;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.font-blue10 {
    color: #262656;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.font-orange {
    color: #FF7F00;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.font-orange2 {
    color: #FF7F00;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.font-orange3 {
    color: #FF7F00;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

/*
.font-green {
	color : #449a39;
	text-decoration : none;
	font-size : 18px;
	font-weight: 700;
}
*/

.font-black {
    color: black;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
}

.font-black2 {
    color: black;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.font-black3 {
    color: black;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.font-grey {
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.font-grey2 {
    color: #333333;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}

.font-grey3 {
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.font-grey4 {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
}

.font-grey5 {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
}

.font-grey6 {
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.font-grey7 {
    color: #333333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.font-grey8 {
    color: #333333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.font-grey9 {
    color: #D3D3D3;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}


.font-grey10 {
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.font-grey11 {
    color: #989898;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.font-grey12 {
    color: black;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
}

.font-grey13 {
    color: #333333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.font-grey14 {
    color: #333333;
    text-decoration: none;
    font-size: 10px;
    font-weight: 500;
}


.font-grey15 {
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

.font-grey16 {
    color: #232323;
    text-decoration: none;
    font-size: 26px;
    font-weight: 500;
}

.font-purple {
    color: #7a3b96;
    text-decoration: none;
    font-size: 26px;
    font-weight: 500;
}

.grey2-bg {
    background-color: #575757;
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 5px;
}

.grey3-bg {
    background-color: #A8A8A8;
    color: #333333;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 5px;
}

.grey4-bg {
    background-color: #E9E9E9;
    color: #333333;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 5px;
}

.grey5-bg {
    background-color: #CACACA;
    color: #333333;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 2px 2px 5px 2px #575757;
}

.grey6-bg {
    background-color: #E9E9E9;
    color: #333333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    padding: 5px;
}

.grey7-bg {
    background-color: #A8A8A8;
    color: #333333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    padding: 5px;
}

.grey8-bg {
    background-color: #E9E9E9;
    color: #333333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    padding: 5px;
}

.grey9-bg {
    background-color: #E9E9E9;
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    padding: 5px;
}

.grey10-bg {
    background-color: #DFDFDF;
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    padding: 5px;
}

.grey11-bg {
    background-color: #F3F3F3;
    padding: 5px;
}

.grey12-bg {
    background-color: #DFDFDF;
    color: #333333;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 2px 2px 5px 2px #575757;
}

.grey13-bg {
    background-color: #F2F2F2;
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    padding: 5px;
}

.grey14-bg {
    background-color: #CACACA;
    color: #333333;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 5px;
}

.grey15-bg {
    background-color: #E9E9E9;
    color: #333333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 2px 2px 5px 2px #858585;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.grey16-bg {
    background-color: #333333;
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 2px 2px 5px 2px #858585;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.grey17-bg {
    background-color: #333333;
    color: white;
    text-decoration: none;
    box-shadow: 2px 2px 5px 2px #858585;
    padding-top: 10px;
    padding-bottom: 10px;
}

.grey18-bg {
    background-color: #F3F3F3;
    padding: 5px;
}

.grey19-bg {
    background-color: #666666;
    padding: 5px;
}

.grey20-bg {
    background-color: #EEEEEE;
    padding: 5px;
}

.grey21-bg {
    background-color: #CACACA;
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    padding: 5px;
}

.grey22-bg {
    background-color: #F3F3F3;
    padding: 5px;
}

.grey23-bg {
    background-color: #CACACA;
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    padding: 5px;
    /*box-shadow:inset 2px 2px 2px 2px #AAAAAA;*/
}

.grey24-bg {
    background-color: #CACACA;
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    padding: 5px;
}

.grey25-bg {
    background-color: #EEEEEE;
}

.grey26-bg {
    background-color: #EDEDED;
    padding: 5px;
}

.grey27-bg {
    background-color: #575757;
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 5px;
    width: 100%;
}

.grey28-bg {
    background-color: #CACACA;
    color: #333333;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 2px 2px 5px 2px #575757;
    height: 27px;
}

.grey29-bg {
    background-color: #b1b1b1;
    color: black;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 5px;
}

.orange19-bg {
    background-color: #FF7F00;
    padding: 5px;
}

.blue19-bg {
    background-color: #006AD5;
    padding: 5px;
}

.green-bg {
    background-color: #EBF5ED;
    color: #449939;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.green-bg3 {
    background-color: #449A39;
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.green-bg4 {
    background-color: #449A39;
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.green-bg5 {
    background-color: #449A39;
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.green-bg6 {
    background-color: #EBF5ED;
}

.green-bg7 {
    background-color: #EBF5ED;
    color: #449939;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.green-bg8 {
    background-color: #A8DDA4;
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    padding: 5px;
}

.green-bg9 {
    background-color: #DBF0D9;
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    padding: 5px;
}

.green-bg10 {
    /*background-color: #449A39;*/
    background-color: #2E6624;
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    padding: 5px;
}

.green-bg11 {
    /*background-color: #E3F4E1;*/
    background-color: #F0FAEF;
}

.green-bg12 {
    background-color: #48A73B;
    /*background-color: #449A39;*/
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0px 2px 5px 2px #575757;
}


.red-bg {
    background-color: #FFCFCF;
    color: red;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}


.blue-bg {
    background-color: #E8EFF7;
    color: #449939;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.blue2-bg {
    background-color: #E8EFF7;
    color: #027778;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    padding: 5px;
}

.blue3-bg {
    background-color: #027778;
    color: white;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    padding: 8px;
    box-shadow: -3px 1px 1px 1px #449939;
}

.blue4-bg {
    background-color: #D3ECEF;
    color: #333333;
    width: 300px;
    height: auto;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: -2px -2px 2px 0px #027778;
}

.blue5-bg {
    background-color: #E8F5F7;
    color: #E8F5F7;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.blue6-bg {
    background-color: #E8F5F7;
    color: #027778;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    padding: 5px;
}

.blue7-bg {
    background-color: #3B4694;
    color: #333333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 2px 2px 5px 2px #858585;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.blue8-bg {
    background-color: #3B4694;
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}


.white2-bg {
    background-color: white;
    height: 1px;
    box-shadow: 5px 2px 4px 1px #027778;
}

a.whitelink {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

    a.whitelink:active {
        color: white;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
    }

    a.whitelink:visited {
        color: white;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
    }

    a.whitelink:hover {
        color: white;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500;
    }

/*.font-white {
	color : white;
	text-decoration : none;
	font-size : 16px;
	font-weight: 700;
}*/

a.whitelink2 {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

    a.whitelink2:active {
        color: white;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
    }

    a.whitelink2:visited {
        color: white;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
    }

    a.whitelink2:hover {
        color: #5EEF4B;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500;
    }

a.whitelink3 {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

    a.whitelink3:active {
        color: white;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
    }

    a.whitelink3:visited {
        color: white;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
    }

    a.whitelink3:hover {
        color: white;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 700;
    }

a.whitelink4 {
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

    a.whitelink4:active {
        color: white;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
    }

    a.whitelink4:visited {
        color: white;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
    }

    a.whitelink4:hover {
        color: white;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

a.bluelink {
    color: #1F275A;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

    a.bluelink:active {
        color: #1F275A;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
    }

    a.bluelink:visited {
        color: #1F275A;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
    }

    a.bluelink:hover {
        color: #1F275A;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500;
    }

a.bluelink2 {
    color: #027778;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}

    a.bluelink2:active {
        color: #027778;
        text-decoration: none;
        font-size: 15px;
        font-weight: 600;
    }

    a.bluelink2:visited {
        color: #027778;
        text-decoration: none;
        font-size: 15px;
        font-weight: 600;
    }

    a.bluelink2:hover {
        color: #449939;
        text-decoration: underline;
        font-size: 15px;
        font-weight: 600;
    }

a.bluelink3 {
    color: #007FFF;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

    a.bluelink3:active {
        color: #007FFF;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    a.bluelink3:visited {
        color: #007FFF;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    a.bluelink3:hover {
        color: #2693FF;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 700;
    }

a.bluelink4 {
    color: #3B4694;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

    a.bluelink4:active {
        color: #3B4694;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
    }

    a.bluelink4:visited {
        color: #3B4694;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
    }

    a.bluelink4:hover {
        color: #449A39;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 700;
    }

a.greylink {
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

    a.greylink:active {
        color: #333333;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
    }

    a.greylink:visited {
        color: #333333;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
    }

    a.greylink:hover {
        color: #449939;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 600;
    }


a.greylink2 {
    color: #333333;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 500;
}

    a.greylink2:active {
        color: #333333;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

    a.greylink2:visited {
        color: #333333;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

    a.greylink2:hover {
        color: #449939;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

a.greenlink {
    color: #449A39;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

    a.greenlink:active {
        color: #449A39;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
    }

    a.greenlink:visited {
        color: #449A39;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
    }

    a.greenlink:hover {
        color: #449A39;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 700;
    }

a.greenlink2 {
    color: #449A39;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 500;
}

    a.greenlink2:active {
        color: #449A39;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500;
    }

    a.greenlink2:visited {
        color: #449A39;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500;
    }

    a.greenlink2:hover {
        color: #59CD4A;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500;
    }

a.greenlink3 {
    color: #449A39;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 500;
}

    a.greenlink3:active {
        color: #449A39;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

    a.greenlink3:visited {
        color: #449A39;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

    a.greenlink3:hover {
        color: #59CD4A;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

a.greenlink4 {
    color: #449A39;
    text-decoration: underline;
    font-size: 18px;
    font-weight: 500;
}

    a.greenlink4:active {
        color: #449A39;
        text-decoration: underline;
        font-size: 18px;
        font-weight: 500;
    }

    a.greenlink4:visited {
        color: #449A39;
        text-decoration: underline;
        font-size: 18px;
        font-weight: 500;
    }

    a.greenlink4:hover {
        color: #59CD4A;
        text-decoration: underline;
        font-size: 18px;
        font-weight: 500;
    }

a.greenlink5 {
    color: #449A39;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 500;
}

    a.greenlink5:active {
        color: #449A39;
        text-decoration: underline;
        font-size: 16px;
        font-weight: 500;
    }

    a.greenlink5:visited {
        color: #449A39;
        text-decoration: underline;
        font-size: 16px;
        font-weight: 500;
    }

    a.greenlink5:hover {
        color: #59CD4A;
        text-decoration: underline;
        font-size: 16px;
        font-weight: 500;
    }

a.greenlink6 {
    color: #449A39;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

    a.greenlink6:active {
        color: #449A39;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    a.greenlink6:visited {
        color: #449A39;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    a.greenlink6:hover {
        color: #449A39;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 700;
    }

a.greenlink7 {
    color: #449A39;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

    a.greenlink7:active {
        color: #449A39;
        text-decoration: none;
        font-size: 16px;
        font-weight: 700;
    }

    a.greenlink7:visited {
        color: #449A39;
        text-decoration: none;
        font-size: 16px;
        font-weight: 700;
    }

    a.greenlink7:hover {
        color: #449A39;
        text-decoration: underline;
        font-size: 16px;
        font-weight: 700;
    }

a.greenlink8 {
    color: #449A39;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

    a.greenlink8:active {
        color: #449A39;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
    }

    a.greenlink8:visited {
        color: #449A39;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
    }

    a.greenlink8:hover {
        color: #59CD4A;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

a.greenlink9 {
    color: #449A39;
}

    a.greenlink9:active {
        color: #449A39;
    }

    a.greenlink9:visited {
        color: #449A39;
    }

    a.greenlink9:hover {
        color: #59CD4A;
        text-decoration: underline;
    }

a.greenlink10:link {
    color: #449A39;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

a.greenlink10:active {
    color: #449A39;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

a.greenlink10:visited {
    color: #449A39;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

a.greenlink10:hover {
    color: #449A39;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 700;
}

a.greenlink11 {
    color: #449A39;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 500;
    background: url(images/button-small-start.png) no-repeat left;
    padding: 4px 0px 4px 30px;
    display: block;
    /*width: 30px;
	height: 30px;
	padding: 35px;*/
}

    a.greenlink11:active {
        color: #449A39;
        text-decoration: underline;
        font-size: 16px;
        font-weight: 500;
        background: url(images/button-small-start.png) no-repeat left;
        padding: 4px 0px 4px 30px;
        display: block;
        /*width: 30px;
	height: 30px;
	padding: 35px;*/
    }

    a.greenlink11:visited {
        color: #449A39;
        text-decoration: underline;
        font-size: 16px;
        font-weight: 500;
        background: url(images/button-small-start.png) no-repeat left;
        padding: 4px 0px 4px 30px;
        display: block;
        /*width: 30px;
	height: 30px;
	padding: 35px;*/
    }

    a.greenlink11:hover {
        color: #59CD4A;
        text-decoration: underline;
        font-size: 16px;
        font-weight: 500;
        background: url(images/button-small-start.png) no-repeat left;
        padding: 4px 0px 4px 30px;
        display: block;
        /*width: 30px;
	height: 30px;
	padding: 35px;*/
    }

a.greenlink12 {
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

    a.greenlink12:active {
        color: #333333;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
    }

    a.greenlink12:visited {
        color: #333333;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
    }

    a.greenlink12:hover {
        color: #59CD4A;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

a.greenlink13 {
    color: #449A39;
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
}

    a.greenlink13:active {
        color: #449A39;
        text-decoration: none;
        font-size: 22px;
        font-weight: 700;
    }

    a.greenlink13:visited {
        color: #449A39;
        text-decoration: none;
        font-size: 22px;
        font-weight: 700;
    }

    a.greenlink13:hover {
        color: #59CD4A;
        text-decoration: underline;
        font-size: 22px;
        font-weight: 700;
    }

a.blacklink {
    color: black;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 500;
}

    a.blacklink:active {
        color: black;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500;
    }

    a.blacklink:visited {
        color: black;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500;
    }

    a.blacklink:hover {
        color: #449A39;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500;
    }

a.blacklink2 {
    color: black;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

    a.blacklink2:active {
        color: black;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    a.blacklink2:visited {
        color: black;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    a.blacklink2:hover {
        color: #449A39;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 700;
    }

a.blacklink3 {
    color: black;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

    a.blacklink3:active {
        color: black;
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
    }

    a.blacklink3:visited {
        color: black;
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
    }

    a.blacklink3:hover {
        color: #449A39;
        text-decoration: underline;
        font-size: 16px;
        font-weight: 600;
    }

a.blacklink4 {
    color: black;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

    a.blacklink4:active {
        color: black;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
    }

    a.blacklink4:visited {
        color: black;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
    }

    a.blacklink4:hover {
        color: black;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 700;
    }

a.blacklink5 {
    color: black;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

    a.blacklink5:active {
        color: black;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
    }

    a.blacklink5:visited {
        color: black;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
    }

    a.blacklink5:hover {
        color: #449A39;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

a.blacklink6 {
    color: black;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 500;
}

    a.blacklink6:active {
        color: black;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

    a.blacklink6:visited {
        color: black;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

    a.blacklink6:hover {
        color: #449A39;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }


a.wardlink {
    color: #1F275A;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

    a.wardlink:active {
        color: #1F275A;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
    }

    a.wardlink:visited {
        color: #1F275A;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
    }

    a.wardlink:hover {
        color: #1F275A;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
    }

a.redlink {
    color: red;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

    a.redlink:active {
        color: red;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    a.redlink:visited {
        color: red;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    a.redlink:hover {
        color: red;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 700;
    }

a.redlink2 {
    color: red;
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
}

    a.redlink2:active {
        color: red;
        text-decoration: none;
        font-size: 22px;
        font-weight: 700;
    }

    a.redlink2:visited {
        color: red;
        text-decoration: none;
        font-size: 22px;
        font-weight: 700;
    }

    a.redlink2:hover {
        color: red;
        text-decoration: underline;
        font-size: 22px;
        font-weight: 700;
    }

a.orangelink {
    color: #FF7F00;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

    a.orangelink:active {
        color: #FF7F00;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    a.orangelink:visited {
        color: #FF7F00;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    a.orangelink:hover {
        color: #FF7F00;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 700;
    }

a.orangelink2 {
    color: #FF7F00;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 500;
}

    a.orangelink2:active {
        color: #FF7F00;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

    a.orangelink2:visited {
        color: #FF7F00;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

    a.orangelink2:hover {
        color: #C76200;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
    }

a.orangelink3 {
    color: #FF7F00;
    text-decoration: underline;
    font-size: 22px;
    font-weight: 700;
}

    a.orangelink3:active {
        color: #FF7F00;
        text-decoration: underline;
        font-size: 22px;
        font-weight: 700;
    }

    a.orangelink3:visited {
        color: #FF7F00;
        text-decoration: underline;
        font-size: 22px;
        font-weight: 700;
    }

    a.orangelink3:hover {
        color: #C76200;
        text-decoration: underline;
        font-size: 22px;
        font-weight: 700;
    }

.font-whiteheading {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.font-content {
    font-size: 14px;
}

.font-green {
    color: #449A39;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.font-green2 {
    color: #449A39;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.font-green3 {
    color: #449A39;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.font-green4 {
    color: #449A39;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
}

.font-green5 {
    color: #449A39;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.font-green6 {
    color: #449A39;
    text-decoration: none;
    font-size: 36px;
    font-weight: 700;
}

.font-green7 {
    color: #449A39;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.font-green8 {
    color: #449A39;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.font-red {
    color: red;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.font-red2 {
    color: red;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.font-red3 {
    color: red;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.font-red4 {
    color: red;
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
}

.font-red5 {
    color: red;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}


.textbox {
    margin-left: 20px;
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-size: 14px;
    width: 120px;
    height: 25px;
    /*border: 2px solid #449A39;*/
}

.textbox2 {
    margin-left: 10px;
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-weight: 600;
    font-size: 14px;
    width: 100px;
    height: 25px;
    /*border: 2px solid #449A39;*/
    float: right;
}

.textbox3 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-weight: 600;
    font-size: 14px;
    width: 95%;
    height: 25px;
    /*border: 2px solid #449A39;*/
    float: left;
}

.textbox4 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-weight: 500;
    font-size: 14px;
    width: 95%;
    height: 25px;
    /*border: 2px solid #449A39;*/
    float: left;
    text-align: right;
}

.textbox5 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-weight: 600;
    font-size: 14px;
    width: 290px;
    height: 25px;
    /*border: 2px solid #449A39;*/
    float: left;
}

.textbox6 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-weight: 600;
    font-size: 14px;
    width: 130px;
    height: 25px;
    /*border: 2px solid #449A39;*/
    float: left;
    text-align: left;
}

.textbox7 {
    background-color: white;
    font-family: Verdana;
    color: #449A39;
    font-weight: 600;
    font-size: 14px;
    width: 200px;
    height: 25px;
    /*border: 2px solid #449A39;*/
    float: left;
    text-align: left;
}

.textbox8 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-weight: 600;
    font-size: 14px;
    width: 50px;
    height: 25px;
    /*border: 2px solid grey;*/
    margin: 1px;
    padding-left: 5px;
}

.textbox9 {
    background-color: white;
    font-family: Arial;
    font-weight: 500;
    font-size: 13px;
    width: 100px;
    height: 25px;
}

.textbox10 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-weight: 600;
    font-size: 14px;
    width: 95%;
    height: 25px;
    /*border: 2px solid #449A39;*/
    float: left;
}

.textbox11 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-weight: 600;
    font-size: 13px;
    width: 40px;
    height: 18px;
    /*border: 2px solid grey;*/
    margin: 1px;
}

.textbox12 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-weight: 600;
    font-size: 13px;
    width: 80px;
    height: 18px;
    /*border: 2px solid grey;*/
    margin: 1px;
}

.textbox13 {
    background-color: white;
    font-family: Arial;
    font-weight: 500;
    font-size: 13px;
    width: 40px;
    height: 25px;
}

.textbox14 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-weight: 500;
    font-size: 14px;
    width: 95%;
    height: 25px;
    /*border: 2px solid #449A39;*/
    float: left;
    text-align: left;
}

.textbox15 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-weight: 500;
    font-size: 24px;
    width: 400px;
    height: 50px;
    /*border: 2px solid #449A39;*/
    float: left;
    text-align: left;
    padding-left: 10px;
}

.textbox16 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-weight: 600;
    font-size: 14px;
    width: 100px;
    height: 24px;
    /*border: 2px solid #449A39;*/
    float: left;
    border: 1px solid;
}

.textbox18 {
    background-color: transparent;
    width: 98%;
    height: 30px;
    border-style: none;
    font-size: 16px;
    text-align: center;
}

.login-text {
    float: left;
    width: 70px;
    padding-top: 5px;
}

.text-header2 {
    float: left;
    padding-top: 5px;
    padding-right: 0;
    padding-left: 5px;
    padding-bottom: 0;
}

.text-header3 {
    float: left;
    padding-top: 13px;
    padding-right: 0;
    padding-left: 5px;
    padding-bottom: 0;
}

.text-header4 {
    float: left;
    padding-top: 8px;
    padding-right: 0;
    padding-left: 2px;
    padding-bottom: 0;
}

.icon-header2 {
    float: left;
    padding-top: 5px;
    padding-left: 5px;
}

.icon-header3 {
    float: left;
    padding: 8px 0 0 5px;
}

.icon-align {
    float: left;
    padding-top: 16px;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
}

.icon-align-filters {
    float: left;
    padding-top: 16px;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
}

.text-section {
    float: left;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
}

.text-section3 {
    float: left;
    padding-top: 5px;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
}

.text-section2 {
    float: right;
    padding: 20px 10px 0 0;
}

.text-section4 {
    float: left;
    padding-top: 13px;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
}

.text-section5 {
    float: left;
    padding-top: 11px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0;
}

.text-section6 {
    float: left;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 0;
}

.text-section7 {
    float: left;
    padding-top: 25px;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
}

.text-section8 {
    float: left;
    padding-top: 8px;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
}

.text-section9 {
    float: right;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 0;
    padding-bottom: 0;
}

.text-section10 {
    width: 195px;
    min-height: 50px;
    height: auto;
    padding-top: 25px;
    padding-left: 95px;
}

.text-section11 {
    float: left;
    padding-top: 11px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 0;
}

.text-section12 {
    float: left;
    padding-top: 11px;
    padding-left: 5px;
}

/* left align contains icons */
.icon-section {
    float: left;
    background-color: #333333;
}

.icon-section-dashboard {
    float: left;
    background-color: #CACACA;
    padding: 5px;
}

.icon-section-dashboard2 {
    float: left;
    padding: 5px;
}

.icon-section-dashboard3 {
    float: left;
    padding: 2px;
}

/*right align icons */
.icon-section2 {
    float: right;
}

.icon-section3 {
    float: left;
    padding-top: 10px;
}


.selectbox {
    /*margin-left: 10px;*/
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-size: 15px;
    font-weight: 600;
    width: 150px;
    height: 30px;
    padding-left: 5px;
    /*border: 2px solid #449A39;*/
    float: right;
    overflow: hidden;
}

.selectbox2 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-size: 15px;
    font-weight: 600;
    padding-left: 5px;
    width: 229px;
    height: 30px;
    /*border: 1px solid #449A39;*/
    float: right;
    overflow: hidden;
}

.selectbox3 {
    margin-left: 10px;
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-size: 15px;
    font-weight: 600;
    width: 180px;
    height: 30px;
    /*border: 2px solid #449A39;*/
    float: right;
    overflow: hidden;
}

.selectbox4 {
    padding-left: 5px;
    background-color: white;
    font-family: Arial;
    /*color : #323E8F;*/
    font-size: 15px;
    font-weight: 600;
    width: 229px;
    height: 30px;
    /*border: 1px solid #323E8F;*/
    float: right;
    overflow: hidden;
}

.selectbox5 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-size: 15px;
    font-weight: 600;
    width: 230px;
    height: 30px;
    /*border: 1px solid #449A39;*/
    float: left;
    overflow: hidden;
    text-align: center;
}

.selectbox6 {
    margin-left: 10px;
    background-color: white;
    font-family: Arial;
    /*color : #449A39;*/
    font-size: 15px;
    font-weight: 600;
    width: 180px;
    height: 30px;
    padding-left: 5px;
    /*border: 2px solid #449A39;*/
    float: right;
    overflow: hidden;
}

.selectbox7 {
    font-family: Arial;
    /*color : black; */
    font-size: 15px;
    font-weight: 600;
    width: 100px;
    height: 30px;
    /*border: 1px solid #449A39;*/
    float: left;
    overflow: hidden;
    text-align: center;
    padding-left: 5px;
}

.selectbox8 {
    font-family: Arial;
    /*color : black; */
    font-size: 15px;
    font-weight: 600;
    width: 200px;
    height: 30px;
    /*border: 2px solid #449A39;*/
    float: left;
    overflow: hidden;
    text-align: center;
    padding-left: 5px;
}

.selectbox9 {
    font-family: Arial;
    /*color : black; */
    font-size: 14px;
    font-weight: 500;
    width: 220px;
    height: 30px;
    /*border: 2px solid #449A39;*/
    overflow: hidden;
    padding-left: 5px;
}

.selectbox10 {
    margin-left: 10px;
    background-color: white;
    font-family: Arial;
    /*color : #449A39; */
    font-size: 15px;
    font-weight: 600;
    width: 220px;
    height: 30px;
    /*border: 2px solid #449A39;*/
    float: right;
    overflow: hidden;
}

.selectbox11 {
    font-family: Arial;
    /*color : black; */
    font-size: 15px;
    font-weight: 600;
    width: 100px;
    height: 30px;
    /*border: 1px solid #449A39;*/
    float: none;
    overflow: hidden;
    text-align: center;
}

.selectbox12 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39; */
    padding-left: 5px;
    font-size: 15px;
    font-weight: 500;
    width: 100px;
    height: 30px;
    /*border: 2px solid #449A39;*/
    float: left;
    overflow: hidden;
}

.selectbox13 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39; */
    font-size: 15px;
    font-weight: 600;
    width: 55px;
    height: 30px;
    padding-left: 5px;
    /*border: 1px solid #449A39;*/
    float: left;
    overflow: hidden;
}

.selectbox14 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39; */
    font-size: 15px;
    font-weight: 600;
    width: 80px;
    height: 30px;
    /*border: 1px solid #449A39;*/
    float: left;
    overflow: hidden;
}

.selectbox15 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39; */
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    height: 30px;
    padding-left: 5px;
    /*border: 1px solid #449A39;*/
    float: left;
    overflow: hidden;
}

.selectbox16 {
    margin-left: 10px;
    background-color: white;
    font-family: Arial;
    /*color : #449A39; */
    font-size: 12px;
    font-weight: 600;
    width: 600px;
    height: 30px;
    /*border: 2px solid #449A39;*/
    float: right;
    overflow: hidden;
}

.selectbox17 {
    background-color: white;
    font-family: Arial;
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    height: 120px;
    border: 1px solid #BBBBBB;
    padding: 10px;
}

.selectbox18 {
    font-family: Arial;
    /*color : black; */
    font-size: 15px;
    font-weight: 600;
    width: 200px;
    height: 30px;
    /*border: 2px solid #449A39;*/
    float: left;
    overflow: hidden;
}

.selectbox19 {
    background-color: white;
    font-family: Arial;
    color: #A5A5A5;
    font-size: 13px;
    font-weight: 600;
    width: 120px;
    height: 25px;
    /*border: 2px solid #449A39;*/
    float: left;
    overflow: hidden;
}

.selectbox20 {
    background-color: white;
    font-family: Arial;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    width: 99%;
    height: 20px;
    border: 1px solid #449A39;
    float: left;
    overflow: hidden;
    padding-left: 5px;
}

.selectbox21 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39; */
    font-size: 13px;
    font-weight: 500;
    width: 100px;
    height: 25px;
    border: 1px solid #449A39;
    float: left;
    overflow: hidden;
}

.selectbox22 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39; */
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    height: 25px;
    border: 1px solid #449A39;
    float: left;
    overflow: hidden;
}

.selectbox23 {
    background-color: white;
    font-family: Arial;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    width: 83%;
    height: 20px;
    border: 1px solid #449A39;
    float: left;
    overflow: hidden;
    padding-left: 5px;
}

.selectbox24 {
    background-color: white;
    font-family: Arial;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    width: 200px;
    height: 20px;
    border: 1px solid #449A39;
    float: left;
    overflow: hidden;
    padding-left: 5px;
}

.selectbox25 {
    font-family: Arial;
    /*color : black; */
    font-size: 13px;
    font-weight: 500;
    width: 200px;
    height: 30px;
    /*border: 2px solid #449A39;*/
    float: left;
    overflow: hidden;
    padding-left: 5px;
}

.selectbox26 {
    font-family: Arial;
    /*color : black; */
    font-size: 13px;
    font-weight: 500;
    width: 100px;
    height: 30px;
    /*border: 1px solid #449A39;*/
    float: left;
    overflow: hidden;
}

.selectbox27 {
    font-family: Arial;
    /*color : black; */
    font-size: 14px;
    font-weight: 500;
    width: 100px;
    height: 30px;
    /*border: 2px solid #449A39;*/
    overflow: hidden;
}

.selectbox28 {
    font-family: Arial;
    /*color : black; */
    font-size: 14px;
    font-weight: 500;
    width: 280px;
    height: 30px;
    padding-left: 5px;
    /*border: 2px solid #449A39;*/
    overflow: hidden;
}

.selectbox29 {
    font-family: Arial;
    /*color : black; */
    font-size: 13px;
    font-weight: 500;
    width: 170px;
    height: 30px;
    /*border: 2px solid #449A39;*/
    float: left;
    overflow: hidden;
    padding-left: 5px;
}

.selectbox30 {
    font-family: Arial;
    /*color : black; */
    font-size: 14px;
    font-weight: 500;
    width: 230px;
    height: 30px;
    padding-left: 5px;
    /*border: 2px solid #449A39;*/
    overflow: hidden;
}

.selectbox31 {
    font-family: Arial;
    /*color : black; */
    font-size: 14px;
    font-weight: 500;
    /*width: 130px;*/
    min-width: 100px;
    height: 30px;
    padding-left: 5px;
    /*border: 2px solid #449A39;*/
    overflow: hidden;
}

.selectbox32 {
    font-family: Verdana;
    /*color : black; */
    font-size: 14px;
    font-weight: 500;
    width: 100px;
    height: 30px;
    padding-left: 5px;
    /*border: 2px solid #449A39;*/
    overflow: hidden;
}

.selectbox33 {
    font-family: Verdana;
    margin-left: 10px;
    padding-left: 5px;
    background-color: white;
    /*color : #449A39; */
    font-size: 13px;
    font-weight: 500;
    width: 580px;
    height: 30px;
    float: right;
    overflow: hidden;
}

.selectbox34 {
    font-family: Verdana;
    /*color : black; */
    font-size: 14px;
    font-weight: 500;
    width: 170px;
    height: 30px;
    padding-left: 5px;
    /*border: 2px solid #449A39;*/
    overflow: hidden;
}

.selectbox35 {
    font-family: Arial;
    /*color : black; */
    font-size: 14px;
    font-weight: 600;
    width: 170px;
    height: 30px;
    /*border: 1px solid #449A39;*/
    float: left;
    overflow: hidden;
    text-align: center;
    padding-left: 5px;
}

.selectbox36 {
    background-color: white;
    font-family: Arial;
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    height: 180px;
    border: 1px solid #BBBBBB;
    padding: 10px;
}

.selectbox37 {
    font-family: Arial;
    /*color : black; */
    font-size: 13px;
    font-weight: 500;
    width: 170px;
    height: 30px;
    /*border: 2px solid #449A39;*/
    float: left;
    overflow: hidden;
    padding-left: 5px;
    margin-left: 5px;
}

.selectbox38 {
    font-family: Arial;
    color: #4252B8;
    font-size: 14px;
    font-weight: 600;
    width: 95%;
    height: 30px;
    overflow: hidden;
}

.selectbox39 {
    background-color: white;
    font-family: Arial;
    /*color : #449A39; */
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    height: 30px;
    padding-left: 5px;
    /*border: 1px solid #449A39;*/
    float: left;
    overflow: hidden;
}

.selectbox40 {
    background-color: white;
    font-family: Arial;
    color: black;
    font-size: 13px;
    font-weight: 600;
    width: 200px;
    height: 28px;
    float: left;
    overflow: hidden;
    padding-left: 5px;
}

.selectbox41 {
    background-color: white;
    font-family: Verdana;
    color: black;
    font-size: 13px;
    font-weight: 500;
    width: 300px;
    height: 28px;
    float: left;
    overflow: hidden;
    padding-left: 5px;
}

.selectbox42 {
    font-family: Arial;
    /*color : black; */
    font-size: 14px;
    font-weight: 500;
    width: 50px;
    height: 31px;
    padding-left: 5px;
    /*border: 2px solid #449A39;*/
    overflow: hidden;
}

.selectbox43 {
    font-family: Arial;
    /*color : black; */
    font-size: 14px;
    font-weight: 500;
    /*width: 220px;*/
    height: 30px;
    /*border: 2px solid #449A39;*/
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
}

.selectbox-dashboard {
    font-family: 'Verdana';
    background-color: white;
    /*color : #449A39; */
    font-size: 13px;
    width: 100%;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    /*border: 1px solid #449A39;*/
    float: left;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.selectbox-bg-bronze {
    font-family: Verdana;
    margin-left: 10px;
    background-color: #CD7F32;
    /*color : #449A39; */
    font-size: 13px;
    font-weight: 500;
    width: 580px;
    height: 30px;
    float: right;
    overflow: hidden;
}

.selectbox-bg-silver {
    font-family: Verdana;
    margin-left: 10px;
    background-color: #E9E9E9;
    /*color : #449A39; */
    font-size: 13px;
    font-weight: 500;
    width: 580px;
    height: 30px;
    float: right;
    overflow: hidden;
}

.selectbox-bg-gold {
    font-family: Verdana;
    margin-left: 10px;
    background-color: #D3AF37;
    /*color : #449A39; */
    font-size: 13px;
    font-weight: 500;
    width: 580px;
    height: 30px;
    float: right;
    overflow: hidden;
}

.ward-padding {
    padding-top: 25px;
    padding-left: 5%;
    padding-right: 1%;
    padding-bottom: 10px;
}

.ward-padding2 {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
}

.ward-padding3 {
    padding-top: 25px;
    padding-left: 5%;
    padding-right: 2%;
    padding-bottom: 10px;
}

.ward-align2 {
    text-align: left;
    display: inline-block;
    float: left;
    height: 100px; /* 2022-04-28: height added to remove blank spaces that occurs randomly between blocks */
}

.ward-padding-phone {
    padding: 10px;
}

.padding-topmenulink {
    padding-right: 25px;
}

.reset {
    padding-left: 178px;
}

.row-selected {
    background-color: #CCEAC8;
}

.row-selected2 {
    background-color: #449A39;
}

.row-cancelled {
    background-color: #D90000;
}

.row-unselected {
    background-color: #E9E9E9;
}

.row-padding {
    padding: 5px;
}

.row-padding2 {
    padding-right: 5px;
    padding-left: 5px;
}

.row-padding3 {
    padding: 10px;
}

.row-padding4 {
    padding-left: 10px;
    padding-top: 62px;
}

.row-padding5 {
    padding-left: 10px;
    padding-top: 53px;
}

.icon-checkbox {
    width: 40px;
}

.order-selected {
    background-color: #CCEAC8;
}

.order-notselected {
    background-color: #E9E9E9;
}

.font-padding {
    padding: 10px;
}

.font-padding2 {
    padding-left: 9px;
}

.font-padding3 {
    padding-top: 6px;
    padding-right: 5px;
}

.font-padding4 {
    padding-left: 10px;
}

.font-padding5 {
    padding-right: 10px;
    padding-top: 2px;
}

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

.font-padding7 {
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 10px;
}

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

.font-padding9 {
    padding-left: 5px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 8px;
}

.font-padding10 {
    padding-right: 4px;
}

.font-padding11 {
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 8px;
}

.font-padding12 {
    padding-left: 2px;
    padding-right: 5px;
    padding-top: 2px;
}

.font-padding13 {
    padding-right: 15px;
    padding-bottom: 2px;
    padding-top: 5px;
}

.font-padding14 {
    padding-right: 5px;
    padding-top: 2px;
}

.font-padding15 {
    padding-right: 6px;
}

.font-padding16 {
    padding-top: 8px;
}

.font-padding17 {
    padding-top: 2px;
}

.font-padding18 {
    padding-top: 5px;
}

.font-padding19 {
    padding-top: 10px;
    padding-bottom: 10px;
}

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

.font-padding21 {
    padding-left: 1px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 13px;
}

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

.font-padding23 {
    padding-left: 45px;
}

.font-padding24 {
    padding: 5px;
}

.font-padding25 {
    padding-top: 50px;
}

.font-padding26 {
    padding-left: 5px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-top: 8px;
}

.font-padding27 {
    padding-left: 5px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-top: 4px;
}

.font-padding28 {
    padding-left: 305px;
    padding-top: 6px;
}

.font-padding30 {
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 5px;
    padding-left: 30px;
}


.img-align {
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 5px;
}

.align-right {
    float: right;
}

.align-left {
    float: left;
}

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

.table-dashboard {
    border-collapse: collapse;
    border: 1px solid #CACACA;
    visibility: visible;
    overflow: scroll;
}

.table-dashboard2 {
    border: 1px solid #CACACA;
    border-collapse: collapse;
}

.table-dashboard3 {
    border-collapse: collapse;
    border: 1px solid #CACACA;
    visibility: visible;
    overflow: scroll;
}

.td-dashboard {
    border: 1px solid #CACACA;
    padding: 5px;
}

.box-container {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.box-container2 {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

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

.box-container13 {
    width: 48%;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    float: left;
    margin: 2px;
    border: 1px solid #CACACA;
}

.box-container16 {
    width: 90%;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5%;
    padding-right: 5%;
}

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

.box-container18 {
    width: 65%;
    float: left;
}

.box-container19 {
    width: 34%;
    float: right;
}

.box-container20 {
    padding-left: 7px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 7px;
}

.box-container21 {
    width: 100%;
    border: 1px solid #A3DA9C;
    background-color: #F4F9F4;
}

.box-container22 {
    border: 1px solid red;
    background-color: #FFF3F3;
    width: 100%;
}

/*
.box-container21 {
	width: 47.8%;
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	border: 1px solid #A3DA9C;
	background-color: #F4F9F4;
}
*/

.box-container23 {
    width: 100%;
    border: 1px solid #CACACA;
    background-color: #F5F5F5;
}

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

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

.box-container32 {
    border: 1px solid #FF8000;
    background-color: #FFFCF9;
    width: 100%;
}

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

.dashboard-box {
    border: 1px solid #CACACA;
    border-collapse: collapse;
    height: 250px;
}

.dashboard-box2 {
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #CACACA;
    border-collapse: collapse;
    height: 302px;
}

.dashboard-box3 {
    /*width: 100%;*/
    border: 1px solid #CACACA;
    min-height: 30px;
    height: auto;
    overflow: hidden;
}

.dashboard-box4 {
    width: 96%;
    border: 1px solid #449A39;
    min-height: 30px;
    height: auto;
    margin-left: 5px;
}

.dashboard-box5 {
    width: 98%;
    border: 1px solid #CACACA;
    min-height: 30px;
    height: auto;
    overflow: hidden;
    margin-left: 3px;
}

.dashboard-box6 {
    /*width: 100%;*/
    /*border: 1px solid #CACACA;*/
    min-height: 30px;
    height: auto;
    overflow: hidden;
}

.dashboard-box7 {
    /*width: 100%;*/
    overflow: hidden;
    border: 1px solid black;
    background-color: #CACACA;
    box-shadow: 0px 2px 2px 2px #929292;
    height: 40px;
}

.dashboard-box8 {
    /*width: 100%;*/
    border: 1px solid #CACACA;
    min-height: 30px;
    height: auto;
    overflow: auto;
}

.grey-box {
    width: 96%;
    border: 1px solid #CACACA;
    min-height: 30px;
    height: auto;
    margin-left: 5px;
    padding: px;
    background-color: #E4E4E4;
    /*-webkit-box-shadow: 0px 2px 2px 2px #A8A8A8;
	box-shadow: 0px 2px 2px 2px #A8A8A8;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.grey-box2 {
    width: 99%;
    border: 1px solid #CACACA;
    min-height: 30px;
    height: auto;
    margin-left: 4px;
    padding: px;
    background-color: #E4E4E4;
    /*-webkit-box-shadow: 0px 2px 2px 2px #A8A8A8;
	box-shadow: 0px 2px 2px 2px #A8A8A8;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.red-box-popup {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 5px;
    border: 1px solid red;
    min-height: 30px;
    height: auto;
    background-color: #FFE6E9;
    /*-webkit-box-shadow: 0px 2px 2px 2px #A8A8A8;
                box-shadow: 0px 2px 2px 2px #A8A8A8;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    color: red;
    font-weight: 700;
}

.red-box-message {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border: 1px solid red;
    height: auto;
    background-color: #FFE6E9;
    /*-webkit-box-shadow: 0px 2px 2px 2px #A8A8A8;
                box-shadow: 0px 2px 2px 2px #A8A8A8;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 14px;
    color: red;
    font-weight: 700;
}

.blue-box-message {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border: 1px solid blue;
    height: auto;
    background-color: #F0F8FF;
    /*-webkit-box-shadow: 0px 2px 2px 2px #A8A8A8;
                box-shadow: 0px 2px 2px 2px #A8A8A8;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 14px;
    color: blue;
    font-weight: 700;
}

.green-box-popup {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 5px;
    border: 1px solid #449A39;
    min-height: 30px;
    height: auto;
    background-color: #CCEAC8;
    /*-webkit-box-shadow: 0px 2px 2px 2px #A8A8A8;
                box-shadow: 0px 2px 2px 2px #A8A8A8;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    color: #449A39;
    display: flex;
    justify-content: center;
    font-weight: 700;
}



.grey-header {
    padding: 3px;
    background-color: #8A8A8A;
    margin-bottom: 5px;
    color: white;
    -webkit-box-shadow: 0px 1px 1px 1px #A8A8A8;
    box-shadow: -3px -2px 2px 1px #A8A8A8;
    width: 30%;
    min-width: 120px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 3px;
    padding-left: 5px;
}

.grey-header2 {
    padding: 3px;
    background-color: #8A8A8A;
    margin-bottom: 5px;
    color: white;
    padding-left: 5px;
}

.green-header {
    padding: 10px;
    margin: 8px;
    background-color: #CCEAC8;
    margin-bottom: 5px;
    color: #449A39;
    font-weight: 700;
    -webkit-box-shadow: 0px 1px 1px 1px #A8A8A8;
    box-shadow: -3px -2px 2px 1px #A8A8A8;
    width: 98%;
    min-width: 120px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 3px;
    padding-left: 5px;
}

.blue-header {
    padding: 5px;
    margin-left: 8px;
    background-color: #DEE0F2;
    margin-bottom: 8px;
    margin-top: 5px;
    color: #25285B;
    font-weight: 500;
    -webkit-box-shadow: -3px -2px 2px 1px #828DD2;
    box-shadow: -3px 2px 2px 1px #828DD2;
    width: 98.5%;
    min-width: 120px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 3px;
    padding-left: 5px;
}

.blue-header2 {
    padding: 6px;
    /*margin: 8px;*/
    background-color: #949DD8;
    margin-bottom: 5px;
    color: white;
    font-weight: 700;
    width: 99%;
    min-width: 120px;
    border-radius: 3px;
    padding-left: 5px;
    font-size: 16px;
}

 .orange-header-rounded {
            background-color: #FFF4EA;
            border:1px solid #FF7F00;
            border-radius: 10px;
            color:#FF7F00;
            font-weight:bold;
             padding:10px;
        }

            .orange-header-rounded > span {
                display:block;
                text-align:center;                
            }

.dashboard-box4 {
    width: 96%;
    border: 1px solid #449A39;
    min-height: 30px;
    height: auto;
    margin-left: 5px;
}

.dashboard-padding {
    padding-left: 20px;
}

.errormessage {
    padding: 5px;
}

.textarea1 {
    width: 96.5%;
    height: 100px;
    font-family: Verdana;
    color: #333333;
    font-size: 15px;
    font-weight: 500;
}

.textarea2 {
    width: 99%;
    height: 100px;
    font-family: Arial;
    color: #333333;
    font-size: 15px;
    font-weight: 500;
    border-color: #449A39;
}

.textarea3 {
    width: 60%;
    height: 100px;
    font-family: Arial;
    color: #333333;
    font-size: 15px;
    font-weight: 500;
}

.textarea4 {
    width: 96.5%;
    height: 180px;
    font-family: Arial;
    color: #333333;
    font-size: 15px;
    font-weight: 500;
}

.textarea5 {
    width: 99%;
    height: 40px;
    font-family: Arial;
    color: #333333;
    font-size: 15px;
    font-weight: 500;
    border-color: #449A39;
    border: 1px solid;
}

.textarea6 {
    width: 96.5%;
    height: 40px;
    font-family: Arial;
    color: #333333;
    font-size: 15px;
    font-weight: 500;
}

.textarea7 {
    width: 99.5%;
    height: 40px;
    font-family: Arial;
    color: #333333;
    font-size: 15px;
    font-weight: 500;
}

.button-small {
    width: 80px;
    border-radius: 5px;
    border: 2px solid #262656;
    background-color: #F7F6F7;
    display: flex;
    justify-content: center;
}

.button-padding {
    padding: 10px;
}

.button-padding2 {
    padding-top: 15px;
    padding-right: 5px;
}

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

.button-padding4 {
    padding-left: 5px;
    padding-top: 3px;
}

.button-padding5 {
    padding-top: 15px;
}

.button-padding6 {
    padding-top: 10px;
}

.button-container {
    padding: 20px;
}

.linespacer {
    height: 1px;
    background-color: black;
}

.linespacer2 {
    height: 3px;
    background-color: #027777;
    box-shadow: 0px -1px 5px 0px #449939;
}

.linespacer3 {
    height: 1px;
    background-color: #CBCBCB;
    margin: 8px;
}

.tablespacer {
    height: 40px;
}

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

.text-align-right {
    text-align: right;
}

/*forced to white */
.td-compliance-green2 > a {
    color: white !important;
}

.td-compliance-orange2 > a {
    color: white !important;
}

.td-compliance-red2 > a {
    color: white !important;
}

.td-compliance-gold2 > a {
    color: white !important;
}

/*forced to white */

.td-compliance-green {
    background-color: #449A39;
    font-family: Arial;
    color: white;
    font-size: 15px;
    font-weight: 700;
    /*background-image: linear-gradient(#449A39,green);*/
}

.td-compliance-orange {
    background-color: #FF7F00;
    font-family: Arial;
    color: white;
    font-size: 15px;
    font-weight: 700;
    /*background-image: linear-gradient(#FF7F00,orange);*/
}

.td-compliance-amber {
    background-color: #FFCC00;
    font-family: Arial;
    color: black;
    font-size: 15px;
    font-weight: 700;
    /*background-image: linear-gradient(#FF7F00,orange);*/
}

.td-compliance-red {
    background-color: #FF0000;
    font-family: Arial;
    color: white;
    font-size: 15px;
    font-weight: 700;
    /*background-image: linear-gradient(#C60000,red);*/
}

.td-compliance-gold {
    background-color: #D4AF37;
    font-family: Arial;
    color: white;
    font-size: 15px;
    font-weight: 700;
    /*background-image: linear-gradient(#D4AF37, #FFD700);*/
}

.td-compliance-grey {
    background-color: #EEEEEE;
    font-family: Arial;
    color: black;
    font-size: 15px;
    font-weight: 700;
}

.td-compliance-white {
    background-color: white;
    font-family: Arial;
    color: black;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid black;
}

.td-compliance-green2 {
    background-color: #449A39 !important;
    font-family: Arial !important;
    color: white !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    /*background-image: linear-gradient(#449A39,green);*/
}

.td-compliance-orange2 {
    background-color: #FF7F00 !important;
    font-family: Arial !important;
    color: white !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    /*background-image: linear-gradient(#FF7F00,orange);*/
}

.td-compliance-orange3 {
    background-color: #FFEBD7;
    color: #FF7F00;
    font-size: 13px;
    font-weight: 700; /*background-image: linear-gradient(#FF7F00,orange);*/
}

.td-compliance-red2 {
    background-color: #FF0000 !important;
    font-family: Arial !important;
    color: white !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    /*background-image: linear-gradient(#C60000,red);*/
}

.td-compliance-red3 {
    background-color: #FFDCDC;
    color: #FF0000;
    font-size: 13px;
    font-weight: 700; /*background-image: linear-gradient(#C60000,red);*/
}

.td-compliance-red4 {
    background-color: #FF0000;
    color: white;
    font-size: 13px;
    font-weight: 500;
    /*background-image: linear-gradient(#C60000,red);*/
}

.td-compliance-grey2 {
    background-color: #E9E9E9;
    font-family: Arial;
    color: black;
    font-size: 13px;
    font-weight: 500;
}

.td-compliance-grey4 {
    background-color: #E9E9E9;
    color: black;
    font-size: 13px;
    font-weight: 700;
}

.td-compliance-gold2 {
    background-color: #D4AF37 !important;
    font-family: Arial !important;
    color: white !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    /*background-image: linear-gradient(#C60000,red);*/
}

.td-compliance-gold4 {
    background-color: #D4AF37;
    color: black;
    font-size: 13px;
    font-weight: 700;
}

.td-compliance-bronze4 {
    background-color: #CD7F32;
    color: black;
    font-size: 13px;
    font-weight: 700;
}

.td-compliance-white4 {
    background-color: white;
    color: black;
    font-size: 13px;
    font-weight: 700;
}

.td-compliance-green3 {
    background-color: #449A39;
    font-family: Arial;
    color: white;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid white;
    /*background-image: linear-gradient(#449A39,green);*/
}

.td-compliance-green4 {
    background-color: #EBF5ED;
    color: #449A39;
    font-size: 13px;
    font-weight: 700;
    /*background-image: linear-gradient(#449A39,green);*/
}

.td-compliance-green5 {
    background-color: #449A39;
    color: white;
    font-size: 13px;
    font-weight: 500;
    /*background-image: linear-gradient(#449A39,green);*/
}

.compliance-box-green {
    border: 3px solid #23511D;
}

.compliance-box-orange {
    border: 3px solid #9B6400;
}

.compliance-box-red {
    border: 3px solid #9B0000;
}

.compliance-box-grey {
    border: 3px solid #D2D2D2;
}

.divpadding {
    padding: 5px;
}

.divpadding2 {
    padding-top: 8px;
}

.divpadding3 {
    padding-top: 10px;
    padding-left: 5px;
}

.divpadding4 {
    padding: 10px;
}

.divpadding5 {
    padding-top: 10px;
    padding-left: 50px;
}

.divpadding6 {
    padding: 7px;
}

.divpadding7 {
    padding-right: 8px;
}

.divpadding8 {
    padding-left: 8px;
}

.divpadding9 {
    padding-top: 8px;
    padding-left: 5px;
}

.divpadding10 {
    padding-top: 2px;
    padding-left: 5px;
}

.divpadding11 {
    padding-top: 5px;
    padding-left: 5px;
    float: left;
}

.divpadding12 {
    padding-top: 3px;
    padding-left: 5px;
    float: left;
}

.divpadding13 {
    padding-left: 3px;
}

.divpadding14 {
    padding-top: 10px;
    padding-left: 5px;
    float: left;
}

.divpadding15 {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 15px;
}

.divpadding16 {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 8px;
}

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

.divpadding18 {
    padding-top: 14px;
    padding-left: 10px;
}

.divpadding19 {
    padding-top: 10px;
    padding-left: 8px;
}

.divpadding20 {
    padding-right: 7px;
}

.divpadding21 {
    padding-right: 7px;
    padding-top: 5px;
}

.divpadding22 {
    padding-top: 8px;
    padding-left: 5px;
    padding-right: 25px;
}

.divpadding23 {
    padding-top: 14px;
}

.divpadding24 {
    padding-top: 12px;
    padding-right: 8px;
}

.divpadding25 {
    padding-left: 5px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.divpadding26 {
    padding-top: 2px;
    padding-bottom: 10px;
}

.divpadding27 {
    padding: 5px;
    padding-right: 20px;
}

.divpadding28 {
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.divpadding29 {
    padding-left: 3px;
    padding-right: 5px;
}

.divpadding30 {
    /*padding-right: 2%;*/
    width: 45%;
}

.divpadding31 {
    width: 95%;
}

.divpadding32 {
    padding-left: 10px;
}

.divpadding33 {
    padding-top: 8px;
    padding-left: 5px;
    padding-right: 10px;
}

.divpadding34 {
    padding: 3px;
}

.divpadding35 {
    padding-left: 5px;
    margin-top: -1px
}

.scorepadding-orange {
    padding: 9px;
    background-color: #FF7F00;
    color: white;
    font-weight: 500;
    font-size: 26px;
}

.scorepadding-white {
    padding: 9px;
    background-color: white;
    color: black;
    font-weight: 500;
    font-size: 26px;
}

.scorepadding-green {
    padding: 9px;
    background-color: #006600;
    color: white;
    font-weight: 500;
    font-size: 26px;
}

.scorepadding-gold {
    padding: 9px;
    background-color: #D4AF37;
    color: white;
    font-weight: 500;
    font-size: 26px;
}

.bgcolour-red {
    background-color: red;
}

.bgcolour-green {
    background-color: #006600;
}

.bgcolour-green2 {
    background-color: #D8F0D5;
}

.bgcolour-green3 {
    background-color: #9BD793;
}

.bgcolour-green4 {
    background-color: #E6F4E3;
}

.bgcolour-green5 {
    background-color: #449A39;
}

.bgcolour-blue {
    background-color: #9DCEFF;
}

.bgcolour-blue2 {
    background-color: #DDEEFF;
}

.bgcolour-grey {
    background-color: #333333;
}

.bgcolour-grey2 {
    background-color: #E9E9E9;
}

.bgcolour-grey3 {
    background-color: #F3F3F3;
}

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

.img-padding {
    padding: 1px;
}

.img-padding2 {
    padding: 2px;
}

.img-padding3 {
    padding-top: 6px;
}

.img-padding4 {
    padding-top: 8px;
}

.img-padding5 {
    padding-top: 45px;
    padding-left: 10px;
    padding-right: 10px;
}

.img-padding6 {
    padding-top: 15px;
    padding-left: 5px;
}

.container-padding {
    width: 230px;
}

.container-padding2 {
    width: 145px;
}

.container-padding3 {
    margin: 0.2%;
    /* margin: 3px; */
}

.tab-unselected {
    background-color: #CFCFCF;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid white;
    box-shadow: 1px 1px 1px 1px grey;
    margin: 2px;
}

.tab-unselected5 {
    background-color: #CFCFCF;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid white;
    box-shadow: 1px 1px 1px 1px grey;
    margin: 2px;
    width: 150px;
}

/* synbiotix green solid */
.tab-selected {
    /*background-color:#449A39;*/
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid #53B744;
    border-collapse: collapse;
    box-shadow: 1px 1px 1px 1px green;
    margin: 2px;
    background-image: linear-gradient(#449A39,green);
}

.tab-selected5 {
    /*background-color:#449A39;*/
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid #53B744;
    border-collapse: collapse;
    box-shadow: 1px 1px 1px 1px green;
    margin: 2px;
    background-image: linear-gradient(#449A39,green);
    width: 150px;
}

    .tab-selected5 a {
        color: white !important;
    }

/* grey with synbiotix green shadow */
.tab-unselected2 {
    background-color: #CFCFCF;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid white;
    box-shadow: 1px 1px 1px 1px #449A39;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 5px 5px 0 0;
}

/* synbiotix green gradient */
.tab-selected2 {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid #53B744;
    border-collapse: collapse;
    box-shadow: 1px 1px 1px 1px #449A39;
    background-image: linear-gradient(green,#449A39);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 5px 5px 0 0;
}


/* darker green gradient */
.tab-selected3 {
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid #53B744;
    border-collapse: collapse;
    box-shadow: 1px 1px 1px 1px #449A39;
    background-image: linear-gradient(#224A1C,#449A39);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 5px 5px 0 0;
    min-width: 150px;
}

/* grey */
.tab-selected4 {
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid #CBCBCB;
    border-collapse: collapse;
    box-shadow: 1px 1px 1px 1px grey;
    background-image: linear-gradient(grey,white);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 5px 5px 0 0;
    min-width: 100px;
}

.tab-container {
    padding-left: 5px;
    padding-right: 5px;
}

.tab-container2 {
    padding-left: 5px;
    padding-right: 5px;
}

a.tablink {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

    a.tablink:active {
        color: white;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
    }

    a.tablink:visited {
        color: white;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
    }

    a.tablink:hover {
        color: white;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500;
    }

a.tablink2 {
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

    a.tablink2:active {
        color: #333333;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    a.tablink2:visited {
        color: #333333;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
    }

    a.tablink2:hover {
        color: #449A39;
        text-decoration: underline;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
    }

/*
.divpadding4 {
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 5px;
}
*/

bgpadding {
    margin-top: 50px;
}

.tab-align {
    display: inline-block;
}

th.rotate {
    height: 650px;
    white-space: nowrap;
}

    th.rotate > div {
        display: inline-block;
        -webkit-transform: translate(0, 320px) rotate(270deg);
        -moz-transform: translate(0, 320px) rotate(270deg);
        -ms-transform: translate(0, 320px) rotate(270deg);
        -o-transform: translate(0, 320px) rotate(270deg);
        transform: translate(0, 320px) rotate(270deg);
        width: 5px;
    }

.comment {
    width: 227px;
    min-height: 60px;
    height: auto;
    border: 1px solid #C4C4C4;
    background: #E9E9E9;
    padding-top: 3px;
    margin-top: 32px;
}

.cis-linkbox {
    width: 227px;
    min-height: 30px;
    height: auto;
    border: 1px solid #449A39;
    background: #F0FFEE;
    margin-top: 1px;
}

.widget1 {
    margin-top: 25px;
    margin-left: 15px;
    width: 95%;
}

.widget-border {
    border-top: 2px solid black;
    border-collapse: collapse;
    border-spacing: 0px;
}

.widget-border2 {
    border-collapse: separate;
    border-spacing: 1px;
    border: 2px solid #000;
}

.widget-height {
    height: 300px;
}

.widget-height2 {
    height: 662px;
}

.widget-height3 {
    height: 200px;
}

.widget-height4 {
    height: 250px;
}

.widget-height5 {
    height: 120px;
}

.widget-height6 {
    height: 35px;
}

.widget-height7 {
    height: 460px;
}

.widget-height8 {
    height: 350px;
}

.widget-height9 {
    height: 226px;
}

.widget-height10 {
    height: 160px;
}

.widget-height11 {
    height: 380px;
}

.widget-height12 {
    height: 320px;
}

.icon-position {
    position: relative;
    top: -25px;
    left: 10px;
    float: right;
}

.icon-position2 {
    position: relative;
    top: -5px;
    left: -5px;
    float: left;
}

.icon-position3 {
    position: relative;
    top: -5px;
    left: 45px;
    float: left;
}

.icon-position4 {
    position: relative;
    top: -2px;
    padding-left: 5px;
    left: -4px;
    float: left;
}

.td-full {
    background-color: #24701E;
    font-family: Arial;
    color: white;
    font-size: 15px;
    font-weight: 700;
    box-shadow: inset 0 0 6px white;
    /*background-image: linear-gradient(#FF7F00,orange);*/
}

.td-full2 {
    background-color: #329A29;
    font-family: Arial;
    color: white;
    font-size: 15px;
    font-weight: 700;
    box-shadow: inset 0 0 6px white;
    /*background-image: linear-gradient(#FF7F00,orange);*/
}

.td-full3 {
    background-color: #64D35A;
    font-family: Arial;
    color: white;
    font-size: 15px;
    font-weight: 700;
    box-shadow: inset 0 0 6px #24701E;
    /*background-image: linear-gradient(#FF7F00,orange);*/
}

.td-full4 {
    background-color: #92E08B;
    font-family: Arial;
    color: white;
    font-size: 15px;
    font-weight: 700;
    box-shadow: inset 0 0 6px #24701E;
    /*background-image: linear-gradient(#FF7F00,orange);*/
}

.td-empty {
    background-color: white;
    font-family: Arial;
    color: black;
    font-size: 15px;
    font-weight: 700;
    box-shadow: inset 0 0 6px #333333;
    /*background-image: linear-gradient(#FF7F00,orange);*/
}

.shadowline {
    box-shadow: 0px 2px 4px 1px #575757;
    height: 1px;
}

.shadowline2 {
    box-shadow: 0px 1px 1px 1px #449939;
    height: 1px;
}

.tr-border {
    border: 1px solid #C4C4C4;
}

.greenline {
    background-color: #449A39;
    height: 5px;
    width: 100%;
}

.greenline2 {
    background-color: #449A39;
    height: 2px;
    width: 100%;
}

.greyline7 {
    background-color: #CBCBCB;
    height: 5px;
    width: 100%;
}

.greyline6 {
    background-color: #B5B5B5;
    width: 1px;
}

.table-red3 {
    background-color: #FFE7E7;
}

.icon-padding {
    padding-top: 5px;
    padding-left: 2%;
    padding-bottom: 5px;
}

.icon-padding2 {
    padding-left: 10px;
}

.icon-padding3 {
    padding-left: 20px;
    margin-top: -15px;
}

.icon-padding4 {
    padding-left: 40px;
    margin-top: -32px;
}

.icon-padding5 {
    padding-left: 40px;
    margin-top: -24px;
}

.text-padding {
    width: 100px;
    min-height: 35px;
    /*height: auto;*/
    padding: 5px;
}

.spacer1 {
    height: 1px;
}

.spacer8 {
    padding-top: 5px;
}

.spacer9 {
    padding-top: 7px;
}

.spacer11 {
    padding-top: 30px;
}

.curved-container-grey {
    padding: 2px;
    width: 98%;
    min-height: 280px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 20px;
    background-image: linear-gradient(#F9F9F9, #E2E2E2);
}

.curved-container-green {
    width: 100%;
    min-height: 50px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 20px;
    background-image: linear-gradient(#F2FAF1, #D6EED2);
    border: 1px solid #4DA93F;
}

.curved-container-white {
    float: left;
    width: 100%;
    height: 45px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    background-color: white;
}

.production-container {
    float: left;
    width: 47%;
    padding-left: 10px;
    padding-top: 20px;
}

.circle-container-blue {
    width: 45px;
    height: 45px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    background-image: linear-gradient(#1052AB, #1F275A);
}

.img-bullet {
    background-image: url('images/icon-note-small.png ');
    width: 20px;
    height: 20px;
}

.img-patientphoto {
    width: 100px;
    height: 100px;
}

.btn-green {
    border: 2px solid #449A39;
    background-color: #C4E9BF;
    height: 22px;
    min-width: 50px;
    padding: 15px;
    font-family: Verdana;
    font-weight: 600;
    color: #449A39;
}

.container-dashboard {
    padding-left: 0.5%;
    padding-right: auto;
}

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

.container-filters {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

.td-background-completed {
    background-color: #F2FFF0;
}

.td-background-pending {
    background-color: #FFEEE0;
}

.reminder-container {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #FF7F00;
    width: 24px;
    height: 24px;
    position: relative;
    /*margin-right: 140px;
	margin-bottom: -15px;
	font-size: 12px; /* do not remove - changes the position of the font */
}

.reminder-items {
    color: white;
    font-size: 15px;
    padding-left: 2px;
    margin-top: -15px; /* no effect */
}

.reminder-padding {
    padding-left: 35px;
    margin-top: -20px;
}

.button-dashboard {
    width: 180px;
    border-radius: 5px;
    border: 1px solid #419E33;
    background-color: #419E33;
    display: flex;
    justify-content: center;
}

.content-height {
    height: 1%;
}

.overflow {
    overflow: auto;
}

.circle-notification1 {
    border-radius: 50%;
    width: 24px;
    height: 21px;
    padding-top: 2px;
    background-color: #FF7F00;
    text-align: center;
    color: white;
    font-size: 13px;
}

.circle-notification2 {
    border-radius: 50%;
    width: 24px;
    height: 21px;
    padding-top: 2px;
    background-color: #FFECCB;
    text-align: center;
    border: 1px solid #FF7F00;
    color: #FF7F00;
    font-weight: 700;
    font-size: 14px
}

.circle-notification3 {
    border-radius: 50%;
    width: 24px;
    height: 21px;
    padding-top: 2px;
    background-color: #4da93f;
    text-align: center;
    color: white;
    font-size: 13px;
}

.button-white.rounded, .button-white-small.rounded {
    border-radius: 6px;
}

.button-white.rounded, .button-white-small.rounded {
    border-radius: 6px;
}

.container-curved-bottom {
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

.breadcrumb-container {
    width: 98%;
    border: 1px solid #CFCFCF;
    height: 60px;
    background-color: #CFCFCF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.orange-header-rounded {
    background-color: #FFF4EA;
    border: 1px solid #FF7F00;
    border-radius: 10px;
    color: #FF7F00;
    font-weight: bold;
    padding: 10px;
}

    .orange-header-rounded > span {
        display: block;
        text-align: center;
    }

/* MITIE THEME */

.font-orange-mt {
    color: #FF7F00;
    text-decoration: none;
    font-size: 30px;
    font-weight: 700;
}

.purpleline-mt {
    background-color: #4B225D;
    height: 5px;
}

.purple-bg-mt {
    background-color: #7a3b96;
    color: white;
    text-decoration: none;
    font-size: 28px;
    font-weight: 500;
    padding: 15px;
}

.purple-bg2-mt {
    background-color: #e6d7ec;
    height: 50px;
    width: 100%;
    box-shadow: 0px 2px 5px 2px #575757;
}

.purple-bg3-mt {
    background-color: #e6d7ec;
    height: 50px;
}

.bg-grey {
    background-color: #CCCCCC;
}

.bg-gold {
    background-color: #FFFCEF;
}

.bg-silver {
    background-color: #F7F7F7;
}

.bg-bronze {
    background-color: #F4E0D9;
}

/*  BUTTON ICONS OLD - DO NOT USE */

.syn-btn-grey {
    border: 2px solid #C4C4C4;
    background-color: #D3D3D3;
    height: 38px;
    min-width: 50px;
}

.syn-btn-grey-ico-container {
    width: 36px;
    height: 32px;
    background-color: white;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    margin-left: -6px;
}

.syn-btn-white {
    border: 1px solid #C4C4C4;
    background-color: white;
    height: 38px;
    min-width: 50px;
}

.syn-btn-white-small {
    border: 1px solid #C4C4C4;
    background-color: white;
    height: 28px;
    min-width: 50px;
}

.iconpadding {
    padding: 2px;
}

.syn-btn-ico-addnew {
    background-image: url('../buttons css/www/images/placeholder.png');
    width: 28px;
    height: 25px;
    margin-top: 2px;
}

.syn-btn-ico-sm-addnew {
    background-image: url('../buttons css/www/images/placeholder-sm.png');
    width: 24px;
    height: 23px;
    margin: 2px;
}

/* BUTTON CONTAINER CSS */

.button-white {
    border: 1px solid #C4C4C4;
    color: #333333;
    background-color: white;
    font-weight: 700;
    font-size: 15px;
    height: 38px;
    min-width: 100px;
    padding-left: 5px;
    padding-right: 45px;
    cursor: pointer;
}

.button-white-small {
    border: 1px solid #C4C4C4;
    color: #333333;
    background-color: white;
    font-weight: 700;
    font-size: 14px;
    height: 28px;
    min-width: 100px;
    padding-right: 45px;
    cursor: pointer;
}

    .button-white.rounded, .button-white-small.rounded {
        border-radius: 6px;
    }

.button-grey {
    border: 2px solid #C4C4C4;
    color: #333333;
    background-color: #D3D3D3;
    font-weight: 700;
    font-size: 15px;
    height: 38px;
    min-width: 100px;
    padding-left: 45px;
    cursor: pointer;
}

.formbutton-padding {
    margin-top: 10px;
}

.formbutton-padding2 {
    margin-top: 14px;
    margin-left: 5px;
}

.formbutton-padding3 {
    margin-top: 14px;
    margin-left: 10px;
}

/* Start New UI Buttons */
.button-filter-white {
    border: 1px solid #419E33;
    color: #419E33;
    background-color: white;
    font-weight: 700;
    font-size: 14px;
    height: 28px;
    min-width: 80px;
    padding: 5px;
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.button-filter-green {
    border: 1px solid #419E33;
    color: white;
    background-color: #419E33;
    font-weight: 700;
    font-size: 14px;
    height: 28px;
    min-width: 80px;
    padding: 5px;
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.button-filter-green2 {
    border: 1px solid #419E33;
    color: #6DCC60;
    background-color: #EEFAED;
    font-weight: 700;
    font-size: 14px;
    height: 28px;
    min-width: 80px;
    padding: 5px;
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
/* End New UI Buttons */

.writing-mode {
    writing-mode: vertical-rl;
    transform: scale(-1);
}

.height-wc-dashboard1 {
    height: 165px;
}

.height-wc-dashboard2 {
    height: 40px;
}

/* BUTTON ICON CSS */

/* close */
.icon-close-white {
    background-image: url('Images/close-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-close-white-small {
    background-image: url('Images/close-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-close-grey {
    background-image: url('Images/close-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}
/* create return order */
.icon-create-returnorder-white-small {
    background-image: url('Images/create-returnorder-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* continue return order */
.icon-continue-returnorder-white-small {
    background-image: url('Images/continue-returnorder-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* delete */
.icon-delete-white {
    background-image: url('Images/delete-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-delete-white-small {
    background-image: url('Images/delete-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-delete-grey {
    background-image: url('Images/delete-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* add */
.icon-add-white {
    background-image: url('Images/add-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-add-white-small {
    background-image: url('Images/add-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-add-grey {
    background-image: url('Images/add-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}
/* additional deliveries */
.icon-additional-deliveries-white-small {
    background-image: url('Images/additional-deliveries-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}
/* next green arrow */
.icon-arrow-small-right {
    background-image: url('Images/icon-arrow-small-right.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* edit */
.icon-edit-white {
    background-image: url('Images/edit-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-edit-white-small {
    background-image: url('Images/edit-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-edit-grey {
    background-image: url('Images/edit-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* back */
.icon-back-white {
    background-image: url('Images/back-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-back-white-small {
    background-image: url('Images/back-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-back-grey {
    background-image: url('Images/back-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* save */
.icon-save-white {
    background-image: url('Images/save-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-save-white-small {
    background-image: url('Images/save-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-save-grey {
    background-image: url('Images/save-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* cancel */
.icon-cancel-white {
    background-image: url('Images/cancel-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-cancel-white-small {
    background-image: url('Images/cancel-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-cancel-grey {
    background-image: url('Images/cancel-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* green tick */
.icon-tick-white {
    background-image: url('Images/tick-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-tick-white-small {
    background-image: url('Images/tick-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}


.icon-tick-grey {
    background-image: url('Images/tick-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* go, next etc... */
.icon-go-white {
    background-image: url('Images/go-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-go-white-small {
    background-image: url('Images/go-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-go-white-small2 {
    background-image: url('Images/go-white-small2.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-go-grey {
    background-image: url('Images/go-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* reset */
.icon-reset-white {
    background-image: url('Images/reset-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-reset-white-small {
    background-image: url('../Synapse/Images/reset-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-reset-grey {
    background-image: url('Images/reset-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* save add */
.icon-saveadd-white {
    background-image: url('Images/saveadd-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-saveadd-grey {
    background-image: url('Images/saveadd-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* submit */
.icon-submit-white {
    background-image: url('Images/submit-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-submit-white-small {
    background-image: url('Images/submit-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-submit-grey {
    background-image: url('Images/submit-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* download generic */
.icon-download-white {
    background-image: url('Images/download-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-import-white {
    background-image: url('Images/icon-import-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-download-white-small {
    background-image: url('Images/download-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-download-grey {
    background-image: url('Images/download-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* upload generic */
.icon-upload-white {
    background-image: url('Images/upload-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-upload-grey {
    background-image: url('Images/upload-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-generatebarcode-white {
    background-image: url('Images/generatebarcode-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* skip */
.icon-skip-white {
    background-image: url('Images/skip-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-skip-grey {
    background-image: url('Images/skip-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* remove disk */
.icon-removedisk-white {
    background-image: url('Images/removedisk-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-removedisk-white-small {
    background-image: url('Images/removedisk-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-removedisk-grey {
    background-image: url('Images/removedisk-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* sync */
.icon-sync-white {
    background-image: url('Images/sync-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-sync-grey {
    background-image: url('Images/sync-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* printer */
.icon-printer-white {
    background-image: url('Images/printer-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-printer-grey {
    background-image: url('Images/printer-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* search */
.icon-search-white {
    background-image: url('Images/search-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-search-white-small {
    background-image: url('Images/search-view-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-search-grey {
    background-image: url('Images/search-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* undo */
.icon-undo-white {
    background-image: url('Images/undo-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-undo-grey {
    background-image: url('Images/undo-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* new person */
.icon-newperson-white {
    background-image: url('Images/newperson-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-newperson-grey {
    background-image: url('Images/newperson-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* person cancel */
.icon-cancelperson-white {
    background-image: url('Images/cancelperson-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-cancelperson-grey {
    background-image: url('Images/cancelperson-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* person edit */
.icon-editperson-white {
    background-image: url('Images/editperson-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-editperson-grey {
    background-image: url('Images/editperson-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* save and proceed */
.icon-saveproceed-white {
    background-image: url('Images/saveproceed-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-saveproceed-grey {
    background-image: url('Images/saveproceed-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* generic select */
.icon-select-white {
    background-image: url('Images/select-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-select-grey {
    background-image: url('Images/select-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* pdf */
.icon-pdf-white {
    background-image: url('Images/pdf-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-pdf-grey {
    background-image: url('Images/pdf-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* word */
.icon-word-white {
    background-image: url('Images/word-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-word-grey {
    background-image: url('Images/word-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* excel */
.icon-excel-white {
    background-image: url('Images/excel-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-excel-grey {
    background-image: url('Images/excel-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* sign off */
.icon-signoff-white {
    background-image: url('Images/signoff-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-signoff-grey {
    background-image: url('Images/signoff-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* assign selected role */
.icon-assignselectedrole-white {
    background-image: url('Images/assign-selectedroles-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-assignselectedrole-grey {
    background-image: url('Images/assign-selectedroles-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* unassign selected role */
.icon-unassignselectedrole-white {
    background-image: url('Images/unassign-selectedroles-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* show data */
.icon-showdata-white {
    background-image: url('Images/show-data-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* show allergens */
.icon-showallergens-white {
    background-image: url('Images/showallergens-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* assign wards */
.icon-assignwards-white {
    background-image: url('Images/assign-wards-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* unassign wards */
.icon-unassignwards-white {
    background-image: url('Images/unassign-wards.white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* non-scheduled audit */
.icon-nonscheduledaudit-grey {
    background-image: url('Images/nonscheduledaudit-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* save-yes audit */
.icon-saveyes-grey {
    background-image: url('Images/save-yes-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* filter search */
.icon-filtersearch-grey {
    background-image: url('Images/filter-search-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-filtersearch-white {
    background-image: url('Images/filter-search-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* review order */
.icon-revieworder-grey {
    background-image: url('Images/revieworder-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* choose location */
.icon-chooselocation-grey {
    background-image: url('Images/chooselocation-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* edit photo */
.icon-editphoto-grey {
    background-image: url('Images/editphoto-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* add photo */
.icon-addphoto-grey {
    background-image: url('Images/addphoto-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* apply credit, process charges */
.icon-applycredit-grey {
    background-image: url('Images/applycredit-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-applycredit-white {
    background-image: url('Images/applycredit-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* apply to multiple menus */
.icon-applymultiplemenus-grey {
    background-image: url('Images/applymultiplemenus-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-applymultiplemenus-white {
    background-image: url('Images/applymultiplemenus-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* pending, can't perform */
.icon-pending-grey {
    background-image: url('Images/pending-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* start */
.icon-start-grey {
    background-image: url('Images/start-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* save observation */
.icon-saveobservation-grey {
    background-image: url('Images/saveobservation-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* remove recurrence */
.icon-removerecurrence-grey {
    background-image: url('Images/removerecurrence-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* generate barcode */
.icon-generatebarcode-grey {
    background-image: url('Images/generatebarcode-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-generatebarcode-white {
    background-image: url('Images/generatebarcode-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* generate credit note */
.icon-generatecreditnote-grey {
    background-image: url('Images/generatecreditnote-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* dashboard */
.icon-dashboard-grey {
    background-image: url('Images/dashboard-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* add discount */
.icon-adddiscount-grey {
    background-image: url('Images/adddiscount-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* add discount */
.icon-adddiscount-grey {
    background-image: url('Images/adddiscount-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* assign person */
.icon-assignperson-grey {
    background-image: url('Images/assignperson-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* start transfer */
.icon-starttransfer-grey {
    background-image: url('Images/starttransfer-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* finalize transfer */
.icon-finalizetransfer-grey {
    background-image: url('Images/finalizetransfer-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* discard transfer */
.icon-discardtransfer-grey {
    background-image: url('Images/discardtransfer-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* re-assign user */
.icon-reassignuser-grey {
    background-image: url('Images/reassignuser-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* change action status */
.icon-changeactionstatus-grey {
    background-image: url('Images/changeactionstatus-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* completed production */
.icon-completed-production-grey {
    background-image: url('Images/completed-production-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* save production */
.icon-save-production-grey {
    background-image: url('Images/save-production-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* add new package */
.icon-addnewpackage-grey {
    background-image: url('Images/addnewpackage-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-addnewpackage-white {
    background-image: url('Images/addnewpackage-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* change unitofmeasure recipe */
.icon-change-unitofmeasure-recipe-grey {
    background-image: url('Images/change-unitofmeasure-recipe-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* change unitofmeasure */
.icon-change-unitofmeasure-grey {
    background-image: url('Images/change-unitofmeasure-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* transfer user */
.icon-transferuser-grey {
    background-image: url('Images/transferuser-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* new order */
.icon-neworder-grey {
    background-image: url('Images/neworder-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* restart production */
.icon-restartproduction-grey {
    background-image: url('Images/restartproduction-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* history card */
.icon-historycard-grey {
    background-image: url('Images/historycard-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* start cooking */
.icon-startcooking-grey {
    background-image: url('Images/startcooking-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* new transfer */
.icon-newtransfer-grey {
    background-image: url('Images/newtransfer-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* add new action */
.icon-addnewaction-grey {
    background-image: url('Images/addnewaction-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-addnewaction-white {
    background-image: url('Images/addnewaction-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* archive orders */
.icon-archiveorders-grey {
    background-image: url('Images/archiveorders-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* add schedule */
.icon-addschedule-grey {
    background-image: url('Images/addschedule-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-addschedule-white {
    background-image: url('Images/addschedule-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* discard stock */
.icon-discardstock-grey {
    background-image: url('Images/discardstock-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* add menu template */
.icon-addmenutemplate-grey {
    background-image: url('Images/addmenutemplate-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-addmenutemplate-white {
    background-image: url('Images/addmenutemplate-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* ingredients prepared */
.icon-ingredientsprepared-grey {
    background-image: url('Images/ingredientsprepared-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* new purchase */
.icon-newpurchase-grey {
    background-image: url('Images/newpurchase-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* send for approval */
.icon-sendforapproval-grey {
    background-image: url('Images/sendforapproval-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* finalize stock */
.icon-finalizestock-grey {
    background-image: url('Images/finalizestock-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-finalizestock-white {
    background-image: url('Images/finalizestock-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-finalizestock-white-small {
    background-image: url('Images/finalizestock-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* discard stock */
.icon-discardstock-grey {
    background-image: url('Images/discardstock-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-discardstock-white {
    background-image: url('Images/discardstock-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* bar chart */
.icon-barchart-white {
    background-image: url('Images/bar-chart-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* edit alert */
.icon-editalert-white {
    background-image: url('Images/edit-alert-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* back to scan */
.icon-backtoscan-white {
    background-image: url('Images/backtoscan-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* add wastage */
.icon-addwastage-white {
    background-image: url('Images/addwastage-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* new lab exam */
.icon-newlabexam-white {
    background-image: url('Images/newlabexam-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* merge records */
.icon-mergerecords-white {
    background-image: url('Images/mergerecords-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* audit schedule */
.icon-audit-schedule-white {
    background-image: url('Images/audit-schedule-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* copy sorting */
.icon-copysorting-white {
    background-image: url('Images/copysorting-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* order picking sheet */
.icon-orderpickingsheet-white {
    background-image: url('Images/orderpickingsheet-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-orderpickingsheet-white-small {
    background-image: url('Images/orderpickingsheet-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* stock count sheet */
.icon-stockcountsheet-white {
    background-image: url('Images/stockcountsheet-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* add reporting period */
.icon-addreportingperiod-white {
    background-image: url('Images/addreportingperiod-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* update */
.icon-update-white {
    background-image: url('Images/update-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* clear */
.icon-clear-white {
    background-image: url('Images/clear-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* clear order */
.icon-clearorder-grey { 
    background-image: url('Images/clearorder-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-clearorder-white { 
    background-image: url('Images/clearorder-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* user details */
.icon-userdetails-white {
    background-image: url('Images/userdetails-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* continue picking production */
.icon-continue-picking-production-white {
    background-image: url('Images/continue-picking-production-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-continue-picking-production-white-small {
    background-image: url('Images/continue-picking-production-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* edit picking */
.icon-editpicking-white {
    background-image: url('Images/editpicking-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-editpicking-white-small {
    background-image: url('Images/editpicking-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* remove stock item */
.icon-remove-stock-item-white {
    background-image: url('Images/remove-stock-item-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* upload user template */
.icon-upload-usertemplate-white {
    background-image: url('Images/upload-usertemplate-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* download user template */
.icon-download-usertemplate-white {
    background-image: url('Images/download-usertemplate-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* download purchase order */
.icon-download-purchase-order-white {
    background-image: url('Images/download-purchase-order-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* order selected tests */
.icon-orderselectedtests-white {
    background-image: url('Images/orderselectedtests-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* clear */
.icon-clear-white {
    background-image: url('Images/clear-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* clear */
.icon-clear-white {
    background-image: url('Images/clear-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* clear */
.icon-clear-white {
    background-image: url('Images/clear-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* clear */
.icon-clear-white {
    background-image: url('Images/clear-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* clear */
.icon-clear-white {
    background-image: url('Images/clear-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* clear */
.icon-clear-white {
    background-image: url('Images/clear-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* add batch */
.icon-add-batch-white-small {
    background-image: url('Images/add-batch-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* pending order */
.icon-pending-order-white-small {
    background-image: url('Images/pending-order-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* fulfill order */
.icon-fulfillorder-white-small {
    background-image: url('Images/fulfillorder-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-fulfillorder-white {
    background-image: url('Images/fulfillorder-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-fulfillorder-grey {
    background-image: url('Images/fulfillorder-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* split production */
.icon-splitproduction-white-small {
    background-image: url('Images/splitproduction-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* transfer */
.icon-transfer-white-small {
    background-image: url('Images/transfer-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* scale weight */
.icon-scaleweight-white-small {
    background-image: url('Images/scaleweight-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* schedule confirm */
.icon-schedule-confirm-white-small {
    background-image: url('Images/schedule-confirm-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* delete dates */
.icon-delete-dates-white {
    background-image: url('Images/delete-dates-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* delete dates */
.icon-add-recurring-white {
    background-image: url('Images/add-recurring-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* multiple users */
.icon-users-white {
    background-image: url('Images/users-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-users-white-small {
    background-image: url('Images/users-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

.icon-users-grey {
    background-image: url('Images/users-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* mass price change */
.icon-masspricechange-white {
    background-image: url('Images/masspricechange-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* delete selected */
.icon-deleteselected-white {
    background-image: url('Images/deleteselected-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* delete all */
.icon-deleteall-white {
    background-image: url('Images/deleteall-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* reschedule */
.icon-reschedule-white {
    background-image: url('Images/reschedule-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* view schedule details */
.icon-viewscheduledetails-white {
    background-image: url('Images/viewscheduledetails-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* add category */
.icon-addcategory-white {
    background-image: url('Images/addcategory-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-addcategory-grey {
    background-image: url('Images/addcategory-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* delete category */
.icon-deletecategory-white {
    background-image: url('Images/deletecategory-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-deletecategory-grey {
    background-image: url('Images/deletecategory-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* add item to category */
.icon-additemtocategory-white {
    background-image: url('Images/additemtocategory-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-additemtocategory-grey {
    background-image: url('Images/additemtocategory-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* add item to category */
.icon-deleteitemtocategory-white {
    background-image: url('Images/deleteitemtocategory-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-deleteitemtocategory-grey {
    background-image: url('Images/deleteitemtocategory-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* go to multiple items */
.icon-gotomultiple-white {
    background-image: url('Images/gotomultiple-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* load xml orders */
.icon-loadxmlorders-white {
    background-image: url('Images/loadxmlorders-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* user hospital group */
.icon-userhospitalgroup-white {
    background-image: url('Images/userhospitalgroup-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* porters */
.icon-porterswhite-white {
    background-image: url('Images/porters-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* finalize picking */
.icon-finalize-picking-grey {
    background-image: url('Images/completed-production-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* discard picking */
.icon-discard-picking-grey {
    background-image: url('Images/discardpicking-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* start delivery */
.icon-start-delivery-white-small {
    background-image: url('Images/start-delivery-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* accept delivery */
.icon-accept-delivery-white-small {
    background-image: url('Images/accept-delivery-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* approve top ups */
.icon-approvetopups-grey {
    background-image: url('Images/approvetopups-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* disable */
.icon-disable-grey {
    background-image: url('Images/disable-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

/* copy schedule */
.icon-copyschedule-grey {
    background-image: url('Images/copyschedule-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* view purchase order */
.icon-viewpurchaseorder-grey {
    background-image: url('Images/viewpurchaseorder-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-viewpurchaseorder-white {
    background-image: url('Images/viewpurchaseorder-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* show allergens */
.icon-showallergens-white {
    background-image: url('Images/showallergens-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* import */
.icon-import-white {
    background-image: url('Images/icon-import-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* create return order */
.icon-create-returnorder-white-small {
    background-image: url('Images/create-returnorder-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* continue return order */
.icon-continue-returnorder-white-small {
    background-image: url('Images/continue-returnorder-white-small.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
}

/* next green arrow */
.icon-arrow-small-right {
    background-image: url('Images/icon-arrow-small-right.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* clear order */
.icon-clearorder-grey {
    background-image: url('Images/clearorder-grey.png');
    background-position: center left;
    background-repeat: no-repeat;
    height: 34px;
}

.icon-clearorder-white {
    background-image: url('Images/clearorder-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* logos */
.icon-apetito-white {
    background-image: url('Images/logo-apetito.png');
    background-position: center;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-brakes-white {
    background-image: url('Images/logo-brakes.png');
    background-position: center;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-erudus-white {
    background-image: url('Images/logo-erudus.png');
    background-position: center;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-bidfood-white {
    background-image: url('Images/logo-bidfood.png');
    background-position: center;
    background-repeat: no-repeat;
    padding-right: 50px;
}
/* END BUTTON ICON CSS */


/*grid and pivot grid*/
.RadComboBox .rcbEmptyMessage {
    font-style: normal !important;
}

.RadComboBox_Default .rcbInput {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.RadPivotGrid .rpgColumnHeader {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.RadPivotGrid .rpgColumnHeaderGrandTotal {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.RadPivotGrid .rpgRowHeaderGrandTotal {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.RadPivotGrid .rpgFieldItem {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.RadPivotGrid .rpgDataCell {
    /*color: #333333 !important;*/
    color: #333333;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.RadPivotGrid .rpgRowHeader {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.RadPicker .RadInput {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.rcbInput {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.icon-menupic-white {
    background-image: url('Images/icon-menupick-settings.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-qrcode-hospitals {
    background-image: url('Images/icon-qrcode-hospitals.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-qrcode-wards {
    background-image: url('Images/icon-qrcode-wards.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-qrcode-sections {
    background-image: url('Images/icon-qrcode-sections.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-qrcode-wardareas {
    background-image: url('Images/icon-qrcode-wardareas.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-pos-white {
    background-image: url('Images/icon-pos-settings.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-nutrition-white {
    background-image: url('Images/icon-nat-settings.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-foodsafety-white {
    background-image: url('Images/icon-thermometer.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-cpu-white {
    background-image: url('Images/icon-cpu-settings.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-cpuheader-white {
    background-image: url('Images/icon-header-cpu.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-porterssettings-white {
    background-image: url('Images/icon-porters-settings.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-hospitalgroupuserssettings-white {
    background-image: url('Images/icon-hospitalgroupusers-settings.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-userlocationssettings-white {
    background-image: url('Images/icon-userlocations-settings.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-useradminsettings-white {
    background-image: url('Images/icon-useradmin-settings.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-assignprofilegroups-white {
    background-image: url('Images/assign-profilegroups-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-unassignprofilegroups-white {
    background-image: url('Images/unassign-profilegroups-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-assignprofilegrouproles-white {
    background-image: url('Images/assign-profilegrouproles-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.icon-unassignprofilegrouproles-white {
    background-image: url('Images/unassign-profilegrouproles-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

.rwControlButtons {
    width: 15px !important;
}

.rgDragCol {
    cursor: move !important;
}

.icon-list-white {
    background-image: url('Images/list-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}

/* IE8,9,10 */
@media screen\0 {
    .ie8height {
        height: 110px;
    }
}

.ncis-signoff {
    font-family: Arial;
    font-size: 11pt;
    border: 1px solid black;
    width: 400px;
    display: none;
    position: fixed;
    background-color: White;
    z-index: 10002;
}
.rwTitle {
    font-size: 13px !important;
}

.sxEDILineComments {
    margin-top: 3px;
    padding: 4px;
    background-color: red;
    color: white
}

.icon-replace-white {
    background-image: url('Images/replaceingredient-white.png');
    background-position: center right 5px;
    background-repeat: no-repeat;
    padding-right: 50px;
}