@charset "utf-8";
/* CSS Document */

body {
	/* background: url("images/template/images/bg.png"); */
	/* background-repeat: repeat-x; */
    background-color: #F4F5F8;
	text-align: center;
	font-size: 11pt;
	margin: 0 0 0 0;
	font-family: sans-serif;
    text-decoration: none;

}

#body {
    height: 100%;
    width: 100%;
}

.headerText{
    font-weight:bold;
    color: white;
    font-size:12px;
    height:10px;
    padding-top:16px;
    padding-bottom:0px;
}
.icon-logo {
    display: none;
}

.icon-logo {
    display: none;
}

@media (min-width: 768px) {
    .headerText{
        float:right;
    }
    .hideOnSmallWeb {
        display: none;
    }
}

.dropdown-submenu {
    position: relative;
    /*z-index: 1000;*/
}

a {
    z-index: 10;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    position: absolute;
}

.error {
	border: 2px red solid;
	color: red;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	padding: 10px;
	width: 400px;
    margin: 5% auto 2% auto;
}

.message {
	color: #ffffff;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	padding: 15px;
	margin: 0px auto;

    /*border-radius:5px;*/
    position: absolute;
    top: 0;
    left: 0;
    /*background: #01A4A4;*/
    background: #ff6c00;
    width: 100%;
    z-index: 1005;
    height: 55px;
    display: none;
    /*border: 1px solid #01A4A4;*/
}

.message_old {
    border: 2px #ff6c00 solid;
    color: #ff6c00;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
    padding: 10px;
    width: 400px;
    margin: 10px auto;
    background: #ffffff;
}

a:hover {
	text-decoration: none;
	color: #ff6c00;
	font-weight: bold;
}

button.cat_grey {
    background: url("../images/newButtons/btnColorLightGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


button.cat_Gray {
    background: url("../images/newButtons/btnColorGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_DarkOrange {
    background: url("../images/newButtons/btnColorDarkOrange.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Cardinal {
    background: url("../images/newButtons/btnColorCardinal.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Everglade {
    background: url("../images/newButtons/btnColorEverglade.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Lima {
    background: url("../images/newButtons/btnColorLima.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_PacificBlue {
    background: url("../images/newButtons/btnColorPacificBlue.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_PaleGreen {
    background: url("../images/newButtons/btnColorPaleGreen.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Punch {
    background: url("../images/newButtons/btnColorPunch.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Purple {
    background: url("../images/newButtons/btnColorPurple.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Sapphire {
    background: url("../images/newButtons/btnColorSapphire.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Teal {
    background: url("../images/newButtons/btnColorTeal.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Yellow {
    background: url("../images/newButtons/btnColorYellow.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Green {
    background: url("../images/newButtons/btnColorGreen.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Blue {
    background: url("../images/newButtons/btnColorBlue.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Brown {
    background: url("../images/newButtons/btnColorGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Orange {
    background: url("../images/newButtons/btnColorOrange.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Pink {
    background: url("../images/newButtons/btnColorPink.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.cat_Red {
    background: url("../images/newButtons/btnColorRed.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_Blue {
    background: url("../images/newButtons/btnColorBlue.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_grey {
    background: url("../images/newButtons/btnColorGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


button.menu_DarkBlue {
    background: url("../images/newButtons/btnColorDarkBlue.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_DarkGray {
    background: url("../images/newButtons/btnColorDarkGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_DarkGreen {
    background: url("../images/newButtons/btnColorDarkGreen.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_DarkOrange {
    background: url("../images/newButtons/btnColorDarkOrange.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_DarkPink {
    background: url("../images/newButtons/btnColorDarkPink.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_DarkPurple {
    background: url("../images/newButtons/btnColorDarkPurple.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_DarkRed {
    background: url("../images/newButtons/btnColorDarkRed.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_DarkYellow {
    background: url("../images/newButtons/btnColorDarkYellow.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


button.menu_Gray {
    background: url("../images/newButtons/btnColorGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_Green {
    background: url("../images/newButtons/btnColorGreen.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_LightBlue {
    background: url("../images/newButtons/btnColorLightBlue.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_LightGray {
    background: url("../images/newButtons/btnColorLightGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_LightGreen {
    background: url("../images/newButtons/btnLightGreen.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_LightOrange {
    background: url("../images/newButtons/btnLightOrange.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_LightPink {
    background: url("../images/newButtons/btnLightPink.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_LightPurple {
    background: url("../images/newButtons/btnLightPurple.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_LightRed {
    background: url("../images/newButtons/btnLightRed.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_LightYellow {
    background: url("../images/newButtons/btnLightYellow.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_Orange {
    background: url("../images/newButtons/btnColorOrange.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_Pink {
    background: url("../images/newButtons/btnColorPink.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_Purple {
    background: url("../images/newButtons/btnColorPurple.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_Red {
    background: url("../images/newButtons/btnColorRed.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_Yellow {
    background: url("../images/newButtons/btnColorYellow.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_Blue {
    background: url("../images/newButtons/urban/btnColorBlue.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_DarkBlue {
    background: url("../images/newButtons/urban/btnColorDarkBlue.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_DarkGray {
    background: url("../images/newButtons/urban/btnColorDarkGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_DarkGreen {
    background: url("../images/newButtons/urban/btnColorDarkGreen.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_DarkOrange {
    background: url("../images/newButtons/urban/btnColorDarkOrange.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_DarkPink {
    background: url("../images/newButtons/urban/btnColorDarkPink.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_DarkPurple {
    background: url("../images/newButtons/urban/btnColorDarkPurple.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_DarkRed {
    background: url("../images/newButtons/urban/btnColorDarkRed.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_DarkYellow {
    background: url("../images/newButtons/urban/btnColorDarkYellow.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


button.menu_urban_Gray {
    background: url("../images/newButtons/urban/btnColorGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_Green {
    background: url("../images/newButtons/urban/btnColorGreen.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_LightBlue {
    background: url("../images/newButtons/urban/btnColorLightBlue.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_LightGray {
    background: url("../images/newButtons/urban/btnColorLightGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_LightGreen {
    background: url("../images/newButtons/urban/btnColorLightGreen.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_LightOrange {
    background: url("../images/newButtons/urban/btnColorLightOrange.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_LightPink {
    background: url("../images/newButtons/urban/btnColorLightPink.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_LightPurple {
    background: url("../images/newButtons/urban/btnColorLightPurple.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_LightRed {
    background: url("../images/newButtons/urban/btnColorLightRed.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_LightYellow {
    background: url("../images/newButtons/urban/btnColorLightYellow.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_Orange {
    background: url("../images/newButtons/urban/btnColorOrange.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_Pink {
    background: url("../images/newButtons/urban/btnColorPink.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_Purple {
    background: url("../images/newButtons/urban/btnColorPurple.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_Red {
    background: url("../images/newButtons/urban/btnColorRed.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_Yellow {
    background: url("../images/newButtons/urban/btnColorYellow.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_urban_Clear {
    background-color: Transparent;
    background-repeat:no-repeat;
    width: 71px;
    height: 71px;
    border: 0px;
}

button.menu_urban_Categories {
    background: url("../images/newButtons/urban/btnMenuCategories.png");
    width: 89px;
    height: 44px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_Blue {
    background: url("../images/newButtons/daylight/btnColorBlue.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_DarkBlue {
    background: url("../images/newButtons/daylight/btnColorDarkBlue.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_DarkGray {
    background: url("../images/newButtons/daylight/btnColorDarkGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_DarkGreen {
    background: url("../images/newButtons/daylight/btnColorDarkGreen.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_DarkOrange {
    background: url("../images/newButtons/daylight/btnColorDarkOrange.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_DarkPink {
    background: url("../images/newButtons/daylight/btnColorDarkPink.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_DarkPurple {
    background: url("../images/newButtons/daylight/btnColorDarkPurple.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_DarkRed {
    background: url("../images/newButtons/daylight/btnColorDarkRed.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_DarkYellow {
    background: url("../images/newButtons/daylight/btnColorDarkYellow.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}


button.menu_daylight_Gray {
    background: url("../images/newButtons/daylight/btnColorGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_Green {
    background: url("../images/newButtons/daylight/btnColorGreen.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_LightBlue {
    background: url("../images/newButtons/daylight/btnColorLightBlue.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_LightGray {
    background: url("../images/newButtons/daylight/btnColorLightGray.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_LightGreen {
    background: url("../images/newButtons/daylight/btnColorLightGreen.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_LightOrange {
    background: url("../images/newButtons/daylight/btnColorLightOrange.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_LightPink {
    background: url("../images/newButtons/daylight/btnColorLightPink.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_LightPurple {
    background: url("../images/newButtons/daylight/btnColorLightPurple.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_LightRed {
    background: url("../images/newButtons/daylight/btnColorLightRed.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_LightYellow {
    background: url("../images/newButtons/daylight/btnColorLightYellow.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_Orange {
    background: url("../images/newButtons/daylight/btnColorOrange.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_Pink {
    background: url("../images/newButtons/daylight/btnColorPink.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_Purple {
    background: url("../images/newButtons/daylight/btnColorPurple.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_Red {
    background: url("../images/newButtons/daylight/btnColorRed.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_Yellow {
    background: url("../images/newButtons/daylight/btnColorYellow.png");
    width: 71px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_daylight_Clear {
    background-color: Transparent;
    background-repeat:no-repeat;
    width: 71px;
    height: 71px;
    border: 0px;
}

button.menu_daylight_Categories {
    background: url("../images/newButtons/daylight/btnMenuCategories.png");
    width: 89px;
    height: 44px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.page_btn {
    background: url("../images/newButtons/btnColorOrange.png");
    width: 99px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.page_btn_selected {
    background: url("../images/newButtons/btnColorBlue.png");
    width: 99px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.page_btn.urban {
    background: url("../images/newButtons/urban/btnColorOrange.png");
    width: 99px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.page_btn_selected.urban {
    background: url("../images/newButtons/urban/btnColorBlue.png");
    width: 99px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.page_btn.daylight {
    background: url("../images/newButtons/daylight/btnColorOrange.png");
    width: 99px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.page_btn_selected.daylight {
    background: url("../images/newButtons/daylight/btnColorBlue.png");
    width: 99px;
    height: 71px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_done {
    background: url("../images/newButtons/btnColorGreen.png");
    width: 115px;
    height: 90px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_done.daylight {
    background: url("../images/newButtons/daylight/btnColorGreen.png");
    width: 115px;
    height: 90px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_done.urban {
    background: url("../images/newButtons/urban/btnColorGreen.png");
    width: 115px;
    height: 90px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_edit {
    background: url("../images/newButtons/btnColorOrange.png");
    width: 115px;
    height: 90px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_edit_selected {
    background: url("../images/newButtons/btnColorBlue.png");
    width: 115px;
    height: 90px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_edit.urban {
    background: url("../images/newButtons/urban/btnColorOrange.png");
    width: 115px;
    height: 90px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_edit_selected.urban {
    background: url("../images/newButtons/urban/btnColorBlue.png");
    width: 115px;
    height: 90px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

button.menu_edit.daylight {
    background: url("../images/newButtons/daylight/btnColorOrange.png");
    width: 115px;
    height: 90px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

button.menu_edit_selected.daylight {
    background: url("../images/newButtons/daylight/btnColorBlue.png");
    width: 115px;
    height: 90px;
    border: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000000;
}

a:hover {
	color: #330000;
}

td.submit {
	text-align: right;
}

button {
	border: 1px solid black;
	padding: 1px 5px;
	background-color: #01A4A4;
	font-weight: bold;
    color: #ffffff;
}

button:hover {
	background-color: #ee572b;
}

button.menu_daylight_Clear:hover {
    background-color: transparent;
}

button.menu_urban_Clear:hover {
    background-color: transparent;
}

.content {
	text-align: center;
    background-color: #F4F5F8;
}

td {
    height: 100%;
}

td.price {
	text-align: right;
	font-weight: bold;
}

#main {
    margin-top: 0px;

    height: 100%;
}

.mainfull {
    width: 100%;
}

#main td {
	vertical-align: top;
}

#main .white {
	/*background-color: #fff;*/
}

#header {
	width: 100%;
	margin: 0px 0px 0px 0px;
	height: 110px;
    background-color: #ffffff;
}

#header-location {
    position: absolute;
    top: 55px;
    width: 100%;
    height: 35px;
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
    border-top: 1px solid #e8e8eb;
    padding-top: 7px;
}

#logo-left {
    display: inline-block;
    width: 213px;
    float: left;
    padding-left: 20px;
    height: 50px;

 }

#logo-left a {
    width: 213px;
    height: 50px;
}

#logo-left img {
    float: left;
}

#user-info {
    display: inline-block;
    width: 51.67%;
    float: left;
    height: 30px;
}

#user-info span {
    line-height: 30px;
    color: white;
    font-size: 14px;
    margin-left: 12%;
    height: 30px;
    text-align: center;
}

#user-right {
    color: #333;
    line-height: 50px;
    width: 28.33%;
    height: 55px;
    display: inline;
    text-align: right;
}

#user-right a {
    color: #333;
    text-decoration: underline;
}

#user-right span {
    float: right;
    padding-right: 30px;
}

#footer {
	width: 100%;
    background-color: #363636;
    color: #ffffff;
    height: 30px;
    padding-bottom: 10px;
}

#footer-datamining {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #363636;
    color: #ffffff;
    height: 50px;
    padding-bottom: 20px;
}


#footer-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #363636;
    color: #ffffff;
    height: 30px;
    padding-bottom: 10px;
}

#footer-left, #footer-center, #footer-right {
     width: 33.333%;
     height: 30px;
     text-align: center;
}

#footer-left {
    float: left;
    color: #ffffff;
}

.image-wrapper {
    margin-left: 25px;
}

.image-wrapper img {
    margin-right: 10px;
}

img#icon{
    z-index: -2;
    float: right;
}

img#icon2{
    z-index: -2;
    float: none;
    margin: 2px 0px 0px 2px;
    line-height: 35px;
    vertical-align: top;
}

#footer-center{
    float: left;
    margin-top: 10px;
    color: #ffffff;
}

#footer-center a {

    color: #ffffff;

}

#footer-right{
    float: left;
    margin-top: 10px;
    color: #ffffff;
}

.spacer {
	height: 9px;
	line-height: 9px;
	background-color: #fff;
}

table.content {
	text-align: center;
	width: 100%;
	margin: 9px 0 9px 0;
}

.line-break {
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: 30px;
    height: 2px;
    background-color: #E9E9EC;
}

.default-table {
    height: 1200px;
    width: 100%;
}

#login_tbl {
	margin-left: auto;
    margin-right: auto;
}

#login_tbl td {
	padding: 3px;
}

#login_tbl th{
	padding-right: 20px;
}

td.logged {
	font-weight: bold;
	padding-bottom: 10px;
}

.logged a:hover {
    font-weight: bold;
}

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

#settings_tbl {
	margin: 0 auto;
}



#settings tr {
    background-color: black;
    background: none;
    width: 100%;
}

#settings_tbl tr.label, #info td {
    color: #000000;
}

#settings td {
    padding: 0px;
    text-align: left;
}

#settings td.label label {
    margin-bottom: 0px;
}

#settings td.input {
    text-align: left;
}

#settings td.label label {
	text-align: left;
    float: left;
    vertical-align: bottom;
	font-weight: bold;
    color: #000000;
    height: 35px;
    line-height: 35px;
}

#settings a.info img {
    float: right;
    line-height: 35px;
    margin: 10px 10px 10px 10px;

}

#settings td.newlabel {
    padding: 0 20px 0 0;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
}

#settings td.newinput {
  text-align: left;
}

#settings label.radio {
	font-weight: bold;
}

#settings input.text {
	margin: 3px auto;
	border: 1px #000 solid;
	font-weight: bold;
	width: auto;
}

#settings input.amount {
	border: 1px #000 solid;
	font-weight: bold;
	width: auto;
    text-align: left;
}

#settings input.radio {
	width: auto;
	margin-top: 3px;
}

#settings select {
	margin: 3px auto;
	border: 1px #000 solid;
	font-weight: bold;
    width: auto;
    text-align: left;
}

#settings select.state {
	margin: 3px auto;
	border: 1px #000 solid;
	font-weight: bold;
	width: auto;
	overflow: hidden;
    text-align: left;
}

.add_new_employee {
    float: right;
    display: inline;
    width: 60%;
}

.add_new_employee button, .add_new_employee .selectDiv {
    margin-right: 20px;
    display: inline;
    float: left;
}

.add_new_employee .selectDiv {
    background: #ffffff;
    width: calc(100% - 215px);
    text-align: left;
}

.add_new_employee .selectDiv .selectBox {
    text-align: left;
    text-align-last:left;
    width: 98%;
}

.floating_buttons {
    display: block;
    width: 100%;
    float: left;
}

.floating_buttons select {
    float: left;
    margin-right: 30px;
}

.floating_buttons button {
    display: inline-block;
    float: left;
    margin: 10px;

}

a.info {
	position: relative;
    z-index: 0;
}

#icon {
	width: 16px;
	height: 16px;
	margin-bottom: -3px;
}

#icon2 {
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
}
#icon3 {
    width: 10px;
    height: 10px;
    margin-bottom: -3px;
}

#icon {
	margin-bottom: 0px;
}

a.info span {
	display: none;
    width: auto;
    height: auto;
}

a.info:hover span {
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: auto;
	border: 1px solid black;
	text-align: left;
	padding: 5px;
	background-color: #778899;
	color: #fff;
	font-weight: bold;
    font-size: 12px;
    z-index: 5;
}

a.info:hover span.span500 {
    width: max-content;
    max-width: 500px;
}

table.info {
	width: 700px;
	margin: 10px auto;
	border: 1px #E8EDF4 solid;
    background-color: #ffffff;

}

table.info th {
	background-color: #ffffff;
	color: #333;
	text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 10px;
}

table.info th.header {
	text-align: center;
	font-size: 12pt;
}

table.info tr {
	text-align: left;
}

table.info td {
	padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
	border-right: 1px dashed #999999;
    background-color: #ffffff;
}

table.info td:last-child {
    border-right: 0px;
}

table.info td.small {
  padding: 1px;
  border-right: 1px dashed #999999;
}

table.info tr.a {
	background-color: #E0E0E0;
}

table.info tr.b {
	background-color: #EFEFEF;
}

table.info tr.a:hover, table.info tr.a td:hover {
    color: #333;
	background-color: #E8EDF4
}

table.info tr.b:hover, table.info tr.b td:hover {
	color: #333;
	background-color:  #E8EDF4
}

table.info tr.a:hover a{
    color: #333;
}

table.info tr.b:hover a{
    color: #333;
}

table.info tr.c {
	background-color: #E0E0E0;
}

table.info tr.red {
	background-color: #ffacac;
}


table.info tr.no {
	background-color: #E0E0E0;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

table.info tr.d {
	background-color: #EFEFEF;
}

table.menuItems td {
    padding:0px 0px 0px 0px;
    width:71px;
    height:71px;
    overflow: hidden;
}

#info {
	width:100%;
	text-align:left;
	padding: 0;
	margin: 5px 0;
}

#info td{
	padding: 3px 0;
}

table.info_inv {
	width: 700px;
	margin: auto;
	border: 1px black solid;
}

table.info_inv th {
	background-color: #ffffff;
	color: white;
	text-align: left;
	padding: 3px;
}

table.info_inv th.header {
	text-align: center;
	font-size: 12pt;
}

table.info_inv tr {
	text-align: left;
}

table.info_inv td {
	padding: 1px;
	border-right: 1px dashed #999999;
}

table.info_inv tr.a {
	background-color: #E0E0E0;
}

table.info_inv tr.b {
	background-color: #EFEFEF;
}

table.info_inv tr.a:hover {
	color: white;
	background-color: #000066;
}

table.info_inv tr.b:hover {
	color: white;
	background-color: #000066;
}

table.info_inv tr.a:hover a{
	color: white;
}

table.info_inv tr.b:hover a{
	color: white;
}

table.info_inv tr.c {
	background-color: #E0E0E0;

}

table.info_inv tr.red {
	background-color: #ffacac;
}


table.info_inv tr.no {
	background-color: #E0E0E0;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

table.info_inv tr.d {
	background-color: #EFEFEF;

}

table.info_inv a {
  font-weight: normal;
  text-decoration: none;
}

.k-animation-container {
    background-color: white !important;
}

.login {
    margin-top: 100px !important;
    display: block !important;
}

.login-field {

    width: 25% !important;
    margin-left: 37.5% !important;
    margin-right: 37.5% !important;
    margin-bottom: 10px !important;


}

.login-submit {
    width: 100px;
}

td {
    padding: 5px 10px 0px 0px;
}

.custom-button, form.info .otherButton, form.info input[type=submit], button {

    border-radius: 5px;
    margin: 5px 0px 5px 0px;
    color: #ffffff;
    background-color: #01A4A4;
    font-size: 3em;
    width: 150px;
    height: 30px;
    font-weight: normal;
    font-size: .85em;
}

.custom-select{
    border-radius: 5px;
    margin: 5px 0px 5px 0px;
    width: 150px;
    height: 30px;
    font-size: .85em;
    padding: .5em 1em;
    border: 1px solid #999;
}

tr {
    background-color: #ffffff;
    background: none;
    /*height: 50px;*/
}

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

.margin-right{
    margin-right: 5px;
}

#verticalnavbar > .navbarleft > li {
    float: none;
}

#verticalnavbar > .navbarleft > li > a {
    text-align: left;
    padding-left: 30px;
    height: 45px;
    border-left: 10px solid #F4F5F8;
}

#verticalnavbar > .navbar-nav {
    margin-left: 0;
}

.navbar-inverse a{
    font-weight: normal;
}

.navbarleft a {
    color: #000000;
    /*font-weight: bold;*/

}

.navbar {
    border-radius: 0px;
    border-right: none;
    border-left: none;
}

#verticalnavbar > .navbarleft > li > a.active,
#verticalnavbar > .navbarleft > li > a:active,
#verticalnavbar > .navbarleft > li > a:hover,
#verticalnavbar > .navbarleft > li > a:focus,
#verticalnavbar > .navbarleft > li > a.activeButton
{
    background-color: #E8EDF4;
    border-left: 10px solid #EE572C;
    color: #333;
    font-weight: bold;
}

.activeButton {
    /*background-color: #ee572b;*/
}

.activeButton > a {
    /*color: #ffffff;*/
}

.navbar {
    margin-bottom: 0px;
    margin-top: 2px;
}

.navbar-inverse .navbar-nav > .active > a {
    background-color: transparent;
    color: #ee572b;
    /*font-weight: bold;*/
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ee572b;
    background-color: #fff;
}

#dataMiningBody {
    display: block;
    padding-top: 0px;
    height: 1100px;
    width: 100%;
    /*background-color: #F4F5F8;*/
}

#dataMiningCategoryTitle {
    height: 50px;
    width: 100%;
    padding-left: 20px;
}

#dataMiningCategoryTitle>h2 {

}

#dataMiningWrapper {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}


.reportBlock > h3 {
    font-size: 1em;
    margin-top: 5px;
    height: 40px;

}

.reportBlockDataTop {
    position: relative;
    float: left;
    color: #000000;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

.reportBlockDataTop > img {
    border: solid;
    border-color: #000806;
    border-width: thin;
    width: 100%;
}


.reportBlockDataBottom {
    position: relative;
    float: left;
    color: #ffffff;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.reportBlockDataBottom > img {
    margin-top: 10px;

}

.reportBlockData > h3 {
    font-size: 1em;
    color: #000806;
}

.demo-section {
    width: 400px;
    margin-top: 50px;
    padding: 30px 10px;
    text-align: center;
}

#modalview-configure ul {
    width: 90%;
    margin: 30px auto 20px;
    padding: 0;
    list-style-type: none;
}
#modalview-configure ul label {
    display: block;
    width: 50%;
    padding: 0 5px 0 0;
}
#modalview-configure ul input {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 26px;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    padding: 5px;
    margin: 5px 0 10px;
}
#modalview-configure-button,
#modalview-reg-button {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
    /*font-weight: bold;*/
    width: 90%;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    background-color: #015991;
    color: #ffffff;
}
#modalview-reg-button {
    margin-bottom: 30px;
    background-color: #929394;
}
#modalview-configure-button:hover ,
#modalview-reg-button:hover {
    text-decoration: none;
    cursor: pointer;
}

#close-configure-window {
    margin: 10px 10px 90px 0px;
    float: right;
}

#modalviewheader {
    width: 100%;
    display: block;
}

#modalviewheader > h2 {
    display: inline-block;
    margin-left: 33.333%;
    width: 33.333%;
    text-align: center;

}

#modalviewheader > button {
    float: right;
    display: inline-block;
}

.save-button {
    position: absolute;
    right:    0;
    bottom:   0;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: lightgreen;
}

.save-button:hover {
    background-color: forestgreen;
}

#ModalDataContent {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    height: 150px;

}

.date {
    width: 25%;
    float: left;
    margin-left: 42%;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.date > h4 {
    text-align: left;
}

.date > input {
    display: block;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    position: relative;
    left: 50%
}

#modalview-configure {
    height: 300px;
    position: relative;
}

.km-scroll-container {
    position: relative;
    height: 300px;
}

.reportBlockData {
    color: #000000;
}


.width-60-select {
    margin-left: 10px;
    display: inline-block;
    width: 60%;
}

.width-45-select {
    margin-left: 1.0%;
    margin-right: 1.0%;
    width: 48%;
}

#runReport {
    background-color: #f7fbff;
}

.datepick-start, .datepick-end, .dateRange {
    margin-top: 10px;
}

@media (min-width: 0px) and (max-width: 767px){

    .hideOnSmallWeb {
        display: none;
    }

    .large-logo {
        display: none;
    }

    .icon-logo {
        display: inline;
    }

    #logo-left {
        width: 43px;
    }

    .loggedWelcome {
        display: none;
    }

    #verticalnavbar {
        display: inline-block;
        float: left;
        width: 260px;
        height: 1650px;
        color: #ffffff;
        position: relative;
        top: 35px;
    }

    .mainpart {
        width: calc(100% - 280px);
    }

    #content {
        display: inline-block;
        float: left;
        width: 80%;
        height: 1650px;
    }

    .navbarleft {
        display: inline-block;
        float: left;
        background-color: #F4F5F8;
        height: 100%;
        width: 100%;
        border-right: 0px solid #E8EDF4;
        margin-top: 3px;
    }

    #footer {
        width: 100%;
        background-color: #363636;
        color: #ffffff;
        height: 120px;
    }

    #footer-fixed {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #363636;
        color: #ffffff;
        height: 90px;

    }

    #footer-datamining {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #363636;
        color: #ffffff;
        height: 90px;

    }

    .image-wrapper {
        float: none;
    }

    #footer-left, #footer-center, #footer-right {
        display: block;
        width: 100%;
        text-align: center;
        color: #ffffff;
        margin-top: 0px;
    }

    #footer-left {
        height: 30px;
        margin: 5px 0 5px 0;
    }

    #footer-center {
        margin: 10px 0 5px 0;
        height: 30px;
    }
    #footer-center span {
        line-height: 15px;
    }

    #footer-left {
        height: 15px;
    }

    #footer-left span {
        line-height: 15px;
    }

    table.content {
        text-align: center;
        width: 75%;
        margin: 9px 0 9px 0;
    }

    #NavMenu {
        width: 100%;
        display: inline-block;
        height: 30px;
        background-color: #ffffff;
        text-align: center;
    }

    .navbar {
        background-color: #ffffff;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        color: #ee572b;
        background-color: white;
    }

    .navbar-inverse .navbar-nav > li > a {
         color: white;
         /*font-weight: bold;*/
     }

    .navbar-inverse .navbar-nav > li > a:hover {
        color: #ee572b;
        /*font-weight: bold;*/
    }


    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
          color: white;
          /*font-weight: bold;*/
      }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #ee572b;
        /*font-weight: bold;*/
    }



}

@media (min-width: 0px) and (max-width: 920px){

    .hideOnSmallWeb {
        display: none;
    }

    #settings_tbl td.container {
        width: 100%;
        display: block;
    }

    th {
        /*text-align: center;*/
    }

    td {
        /*text-align: center;*/

    }

    td.container {
        text-align: center;
        width: 100%;
        display: block;

    }

    .large-logo {
        display: inline;
    }

    .icon-logo {
        display: none;
    }

    #logo-left {
        width: 43px;
    }

    .loggedWelcome {
        display: none;
    }
}

@media (min-width: 768px) {

    .floating-buttons-center button {
        width: 115px;
        font-size: 0.75em;
    }

    .hideOnSmallWeb {
        display: none;
    }

    .large-logo {
        display: none;
    }

    .icon-logo {
        display: inline;
    }

    #logo-left {
        width: 43px;
    }

    .loggedWelcome {
        display: none;
    }

    #NavWrapper {
        position: absolute;
        top: 0;
        width: 100%;
        background-color: #ffffff;
        margin-top: 32px;
        height: 30px;
    }

    #NavMenu {
        width: 100%;
        display: inline-block;
        height: 30px;
        background-color: #ffffff;
        text-align: center;
    }

    #NavMenu ul {
        list-style: none;
        float: left;
        display: inline-block;
        width: 135px;
        height: 30px;
        line-height: 30px;
        padding: 0px;
        margin: 0px;
        z-index: 2;
    }

    #NavMenu ul .item {
        display: none;
        font-size: 10pt;
        z-index: 2;
    }

    #NavMenu ul:hover {
        background-color: #fff;
        color: #ee572b;
        padding: -5px;
    }

    #NavMenu ul:hover a {
        color: #ee572b;
    }

    #NavMenu ul a{
        text-decoration: none;
        color: #ffffff;
    }

    #NavMenu ul:hover .item {
        height: 25px;
        line-height: 25px;
        display: block;
        background-color: #ee572b;
        color: #fff;
        z-index: 1;
    }

    #NavMenu ul:hover .item a{
        position: relative;
        height: 25px;
        line-height: 25px;
        display: block;
        background-color: #ee572b;
        color: #fff;
        text-decoration: none;
        z-index: 2;
    }

    #NavMenu ul:hover .item a:hover {
        background-color: #c74726;
        color: #000;
        font-size: 12px;
        text-decoration: none;
    }

    .navbar-inverse {
        background-color: #ffffff;
    }

    .navbar-inverse .navbar-nav>li>a {
        color: white;
    }

    .dropdown-menu {

        background-color: #ee572b;
    }

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
        background-color: #ffffff;
        color: #ee572b;
    }

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        text-decoration: none;
        background-color: #c74726;
    }

    .navbar-inverse .navbar-nav>li>a {
        color: #333;
        border-bottom: 3px solid #ffffff;
    }

    .navbar-inverse .navbar-nav>li>a:active,
    .navbar-inverse .navbar-nav>li>a.active,
    .navbar-inverse .navbar-nav>li>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus{
        color: #333;
        /*font-weight: bold;*/
        border-bottom: 3px solid #ee572b;
    }

    .open:hover > ul  {
        display: block;
    }

    .dropdown-menu > li > a {
        color: #ffffff;
    }

    .navbar-inverse .navbar-nav>.dropdown>a:hover, .navbar-inverse .navbar-nav>.dropdown>a:focus {
        background-color: #ffffff;
        color: #ee572b;
    }

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
        background-color: white;
    }

    .dropdown:active > ul {
        display: block;
    }

    .navbar-nav .caret {
        display: none;
    }
    /* Delete the above if you wish to display the caret */
    .navbar-nav .open > ul {
        display: block
    }

    .navbar-inverse .navbar-nav > li:hover {
        background: #e7e7e7;
    }

    .navbar-inverse .navbar-nav>li:hover {
        background-color: white;
    }

    .navbar-nav > li:hover > a {
        color: #ee572b;
        /*font-weight: bold;*/
        background-color: white;
    }


}

@media (min-width: 768px) and (max-width: 1225px) {

    .employee-buttons button {
        width: 150px;
        font-size: .85em;
    }

    .hideOnSmallWeb {
        display: none;
    }

    .large-logo {
        display: none;
    }

    .icon-logo {
        display: inline;
    }

    #logo-left {
        width: 43px;
    }

    .loggedWelcome {
        display: none;
    }

    #footer {
        width: 100%;
        background-color: #363636;
        color: #ffffff;
        height: 60px;
        line-height: 60px;
    }

    #footer-fixed {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #363636;
        color: #ffffff;
        height: 60px;
        line-height: 30px;
    }

    #footer-datamining {
        height: 60px;
    }

    #footer-left, #footer-center, #footer-right {
        width: 33.333%;
        height: 60px;
        line-height: 30px;
        text-align: center;
        margin-top: 0px;
    }

    #footer-left span, #footer-center span, #footer-right span{
        height: 60px;
        line-height: 30px;
        text-align: center;
    }

    .image-wrapper {
        line-height: 60px;
    }

    .navbar .nav,
    .navbar .nav > li {
        float:none;
        display:inline-block;
        *display:inline; /* ie7 fix */
        *zoom:1; /* hasLayout ie7 trigger */
        vertical-align: top;
    }

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


}



@media (min-width: 1300px) {
    .large-logo {
        display: inline;
    }

    .icon-logo {
        display: none;
    }

    #logo-left {
        width: 213px;
    }

    .loggedWelcome {
        display: inline;
    }
}

@media (min-width: 1226px) {

    .employee-buttons {
        margin-left: 30px;
    }

    .employee-buttons button {
        width: 150px;
        font-size: .85em;
    }

    .hideOnSmallWeb {
        display: inline;
    }

    #footer {
        width: 100%;
        background-color: #363636;
        color: #ffffff;
        height: 50px;
        line-height: 50px;
    }

    #footer-fixed {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #363636;
        color: #ffffff;
        height: 50px;
        line-height: 50px;

    }

    #footer-left, #footer-center, #footer-right {
        width: 33.333%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        margin-top: 0px;
    }

    #footer-left span, #footer-center span, #footer-right span {

        line-height: 50px;

    }

    #footer-left {
        float: left;
        color: #ffffff;
    }


    .navbar .nav,
    .navbar .nav > li {
        float:none;
        display:inline-block;
        *display:inline; /* ie7 fix */
        *zoom:1; /* hasLayout ie7 trigger */
        vertical-align: top;
        z-index: 10;
    }

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


}

@media (min-width: 768px) and (max-width: 1199px){

    #verticalnavbar {
        display: inline-block;
        float: left;
        width: 260px;
        height: 1450px;
        color: #ffffff;
        position: relative;
        top: 35px;
    }

    .mainpart {
        width: calc(100% - 280px);
    }

    #content {
        display: inline-block;
        float: left;
        width: 80%;
        height: 1450px;
    }

    .navbarleft {
        display: inline-block;
        float: left;
        background-color: #F4F5F8;
        height: 100%;
        width: 100%;
        border-right: 0px solid #E8EDF4;
        margin-top: 3px;
    }


}

@media (min-width: 1200px){

    #verticalnavbar {
        display: inline-block;
        float: left;
        width: 260px;
        height: 1650px;
        color: #ffffff;
        position: relative;
        top: 35px;
    }

    .mainpart {
        width: calc(100% - 280px);
    }

    #content {
        display: inline-block;
        float: left;
        width: 85%;
        height: 1650px;
    }

    .navbarleft {
        display: inline-block;
        float: left;
        background-color: #F4F5F8;
        height: 100%;
        width: 100%;
        border-right: 0px solid #E8EDF4;
        margin-top: 3px;
    }


}

@media (min-width: 900px){

    #verticalnavbar {
        display: inline-block;
        float: left;
        width: 260px;
        height: 1650px;
        color: #ffffff;
        position: relative;
        top: 35px;
    }

    .mainpart {
        width: calc(100% - 280px);
    }

    .reportBlock {
        position: relative;
        width: 20%;
        min-height: 450px;
        display: inline-block;
        float: left;
        background-color: white;
        color: #000806;
        margin: 5px;
    }

}





/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {

}

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2) {



}

/* Portrait */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {

    .navbar {
        background-color: #ffffff;
        margin-bottom: 0px;
        margin-top: 2px;
        position: relative;
        min-height: 50px;
        border: 1px solid transparent;
    }

    .navbar-inverse {
        background-color: #ffffff;
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

}

/* Portrait */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {

}

/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {

}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media
(min-device-width: 800px)
and (max-device-width: 1280px) {

}

/* Portrait */
@media
(max-device-width: 800px)
and (orientation: portrait) {

}

/* Landscape */
@media
(max-device-width: 1280px)
and (orientation: landscape) {

}

/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Portrait */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332)
and (orientation: landscape) {

}

/* ----------- Kindle Fire HD 7" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: landscape) {

}

/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: landscape) {

}

.margin-auto {
    margin: auto;
}

.table-header {
    background-color: darkgrey;
}

.table-header th {
    text-align: left;
}

.report-manager tr td {
    text-align: left;
}

.agreementError{
    color: darkred;
    border: 1px solid black;
    width: 500px;
    margin: 10px auto;
}

.agreementField{
    width: 300px;
}
@media print {
    a[href]:after {
        content: none !important;
    }
}

/* ----------- Graph CSS ----------- */
@media screen and (max-width: 767px) {
    .graph_module{
        background: none!important;
        height: 25px!important;
    }
    .graph_module:before{
        content: "Sales Graph is too wide for your current screen size.";
    }
    .graph_module .dateRange_div{
        display:none;
    }
    .graph_module #results_graph{
        display:none;
    }
}

.agreementLabel{
    width: 500px;
    margin: 0 auto;
}
.checkListContainer {
    border:1px solid #A9A9A9; width:80%; height: 100%; overflow-y: scroll;
}

.agreementDisclaimer{
    width: 500px;
    margin: 10px auto;
}
select.disabled {
    background-color: lightgrey;
    color: darkgrey;
}

.agreementHeader{
    font-size: xx-large;
}
#option_id option[disabled] {
    display: none;
}

#item_id option[disabled] {
    display: none;
}


.graphHolder{
    width:100%;
    height: 310px;
}

.agreementIframe{
    width: 500px;
    height: 300px;
    margin: 0 auto;
}

.agreementButton{
    margin: 10px auto;
    width: 25%;
}

.agreementFormWrapper{
    width: 500px;
    margin: 0 auto;
    /*text-align: left;*/
}

.agreementPrint{
    width: 500px;
    margin: 0 auto;
}

.graph_module {
    background: #ffffff;
    padding: 20px;
}

.module{
    margin-top:20px;
    display: inline-block;
    vertical-align: top;
    min-width: 390px;
    max-width: 390px;
    padding-right: 0px;
    /*min-width: 200px;
    max-width: 33%;
    width: 25%;*/
}

.module2 {
    margin-top:20px;
    display: inline-block;
    vertical-align: top;
    min-width: 450px;
    padding-right: 0px;
}

/* HR Titles */
h5 {
    font-size: 17px;
    font-weight: bolder;
    color: #ee572c;
}

.k-window-content.k-content {
    z-index: 10;
}

.km-switch {
    z-index: -1;
}

.navlink li { padding: 0px; }
.navlink li a { margin: 0px; display: block; width: 100%; height: 100%; }


.navbarinner
{
    display: inline;
}

.navbar-inverse {
    /* background-color: #222; */
    border-bottom: 0px solid #000000;
}

#fullBody {
    position: relative;
    width:100%;
    margin-right: auto;
    margin-left: auto;
    background-color:grey;
    height:1300px
}
.graphHeader {
    height: 40px;
}

.dateRange_div, .profitCenter_div, .selectDiv, select {
    border-radius:36px;
    display:inline-block;
    overflow:hidden;
    background:#ffffff;
    border:1px solid #cccccc;
}

.selectBox {
    width:145px;
    height:30px;
    border:0px;
    outline:none;
    font-size: .75em;
    text-indent: 8px;
    text-align-last:center;
}

body:not(:-moz-handler-blocked) fieldset {
    display: table-cell;
}

.scrollDiv {
    width: 102%;
    height: 470px;
    overflow-y: scroll;
    padding-right: 10px;
    margin-right: 0px;
    border-top: 2px #EFF3F7 solid;
}

div.scrollDiv::-webkit-scrollbar, div.thumbnail-info::-webkit-scrollbar
{
    background: #fff;
    width: 10px;
    -webkit-border-radius: 7px;
}

div.scrollDiv::-webkit-scrollbar-thumb, div.thumbnail-info::-webkit-scrollbar-thumb {
    background-color: rgba(221, 222, 225, 1.0);
    -webkit-border-radius: 7px;
}

fieldset {
    outline: 0px solid gray;
    background-color: #ffffff;
    border: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: 0;
    -webkit-box-shadow: 2px 3px 5px 0px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    2px 3px 5px 0px #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow:         2px 3px 5px 0px #ccc;

}

fieldset table {
}

legend {
    border-radius: 5px;
    border-bottom: 0px #EFF3F7 solid;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
    margin-left: -10px;
    font-weight: bold;
    font-size: 110%;
    background: #ffffff;
    color: #333;
    width: calc(100% + 20px);
    display: table;
    text-align: center;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
}

.fieldsetWidth {
}

.fieldsetWidth2 {
    width: 100%;
}

.PageTitle {
    text-align: left;
    margin-bottom: 20px;
    color: #464646;
    font-size: 2em;
    font-weight: bold;
}

.PageTitleBlock {
     display: block;
 }

.PageTitleInline {
    float: left;
    display: inline;
}

.employee_manager_tbl fieldset {
    min-height: 230px;
}

.save {
    margin-bottom: 20px;
}

.forceCenterWrapper
{
    display: block;
    text-align: center;
}
.forceCenterInner
{
    display:inline-block;
}

.employee_notes {
    min-height: 80px;
}

form.info {
    background: #ffffff;
}

.new-employee-button {
    background: #7BC73B;
}

button.new-employee-button i {
    position: relative;
    left: -15px;
}


.red-bg {
    background: #FF0000;
}

.employee-buttons {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.employee-buttons button {
    padding: 0px;
    margin: 0px;
    margin-bottom: 7px;
}

.employee-buttons span {
    display: table-cell;
    text-align: center;
}

select#set_id, select#option_id, select#remove_item_id, select#item_id, select#profit_center_id, #sumMult select {
    border-radius: 0px;
}

.reportBlock h3 {
    font-weight: bold;
    border-bottom: 2px #EFF3F7 solid;
    padding-top: 5px;
    margin-bottom: 20px;
}

div.container {
    width: calc(100% - 260px);
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #333;
    border-radius: 4px;
    width: 45px;
    height: 45px;
}

.navbar-inverse .navbar-toggle .icon-bar
{
    background-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #ffffff;
    border: 1px solid #333;
}

form {
    display: inline;
}

.run-button {
    width: 50px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0px;
}

/**********************************************************************************************************************/
/* Mobile Styling                                                                                                     */
/**********************************************************************************************************************/
@media (min-width: 0px) and (max-width: 756px){

   table.content, table.content td, td.content {
        width: 100%;
    }

    .index .moduleInner {
        margin-top: 45px;
    }

    .dateRange_div, .profitCenter_div, .selectDiv, select {
        width: 100%;
        display: block;
        margin-bottom: 5px;
    }
    .forceCenterInner, table.info {
        width: 99%;
    }

    button, .custom-button, .selectBox, table, fieldset, .employee_mgr .add_new_employee, select {
        width: 99%;
    }

    .employee_mgr button, .employee_mgr .custom-button, .selectBox, .employee_mgr table, .employee_mgr fieldset, .employee_mgr .add_new_employee {
        width: 99%;
    }

    .employee_mgr .add_new_employee {
        margin-right: -8px;
    }

    .graph_module {
        display: none;
    }

    .navbar-inverse {
        border-bottom: 1px solid #333;
    }

    .navbar-inverse .navbar-nav > li > a {
        text-align: left;
        padding-left: 30px;
        height: 45px;
        border-left: 10px solid #FFFFFF;
        color: #333;
        /*font-weight: bold;*/
    }

    .navlink a, .dropdown a {
        font-weight: bold;
    }
    .navbar-inverse .navbar-nav > li > a.active,
    .navbar-inverse .navbar-nav > li > a:active,
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > li > a.activeButton,
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus
    {
        background-color: #E8EDF4;
        border-left: 10px solid #EE572C;
        color: #333;
        font-weight: bold;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }

    .add_new_employee .selectDiv {
        width: 100%;
    }
}

div.info {
    background-color: white;
}

.short-bar {
    width: 20px;
    cursor: pointer;
    border-left: 0px;
    float: left;
    height: 1650px;
    position: relative;
    top: 35px;
}

.short-bar .short-nav {
    background-color: #e8e8eb;
    float: left;
    border: 0px;
    display: table;
    height: 100%;
    width: 100%;
    border-right: 0px solid #E8EDF4;
    margin-top: 3px;
}

.short-nav div {
    position: fixed;
    padding-left: 3px;
    top: 400px;
}
.mainpart {
    float: left;
}


.custom-button-small {
    border-radius: 5px;
    margin: 0px;
    color: #ffffff;
    background-color: #01A4A4;
    font-size: 3em;
    width: 150px;
    height: 15px;
    font-weight: normal;
    font-size: .85em;
}
.custom-button-small {
    border-radius: 5px;
    margin: 0px;
    color: #ffffff;
    background-color: #01A4A4;
    font-size: 3em;
    width: 150px;
    height: 15px;
    font-weight: normal;
    font-size: .85em;
}


tr.selected-tr td, tr.selected-tr th {
    background-color: #f7ecb5;
}