body {
  padding-top: 50px;
  background:#CCCCCC;
}

.base-body {
  padding: 0px 15px;
  /*text-align: center;*/
  padding-bottom: 32px;
}

.link-list {
  list-style: none;
  padding-left: 0px;
}

/* Wrapper Properties Start */
#wrapper {
	min-height: 100%;
	height: auto !important;
	display: block;
	background: white;
	/*margin: 0 auto -100px;*/
}
/* Wrapper Properties End */


html,
body {
   margin:0;
   padding:0;
   height:100%;
}

#wrapper {
   min-height:100%;
   position:relative;
   overflow:hidden;
}

#body {
   padding:10px;
   padding-bottom:126px;   /* Height of the footer */
   position: relative; 
}


/* Footer Properties Start */
/*#footer, .push {
	height:80px;
}*/

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:151px;   /* Height of the footer */
	color:#ffffff;
	/*background-color:#021b4f;*/
	/*border-top:10px solid #628bb3;*/
	background: url(/static/img/base/Footer-Bar-1px-slice.png);
	font-size: small;
	box-shadow: 0px -6px 5px #464444a1;
}

#footer_top {
	padding-top: 10px;
	height:60%;   /* Height of the footer */
}

#footer_bottom {
	height:40%;
}
#footer a {
	color:#ffffff;
}

#footer #footer_text {
	width:984px;
	height:80px;
	margin:0 auto;
	padding:0 0 0 4px;
	position:relative;
}

#footer .footer_box {
	width:984px;
	height:80px;
	margin:0 auto;
	padding:0 0 0 4px;
	position:relative;
}

#footer .footer_box .footer-segment {
	width:316px;
	height:80px;
	border:2px solid #021b4f;
	border-radius:10px;
	float:left;
	margin:25px 0 10px 0;
	color:#333333;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

#footer .footer_box .footer-segment a {
	display:block;
	text-decoration:none;
	color:#021b4f;
	text-align:center;
	width:316px;
	height:80px;
	background-color:transparent;
	border-radius:8px;
}

#footer .footer_box .footer-segment.middle {
	margin-left:10px;
	margin-right:10px;
}

#footer .footer_box #lang_flags {
	list-style-type: none;
	margin:0;
	padding:0;
	text-align:left;
	margin-top: 6px;
}

#footer .footer_box #lang_flags li {
	display:inline;
	margin:0 10px 0 0;
}

#footer .footer_box #translate_tz {
	text-align:left;
	margin-top: 9px;
	text-decoration:none;
}

.visit-mcs-link {
	margin-top: 38px;
}

.address {
	padding-top:3px;
}

#footer .footer_box #translate_tz a:hover {
	text-decoration:underline;
}

ul#footer_nav {
	position:absolute;
	top:0;
	right:0;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#footer_nav li {
	float:left;
	display:block;
}

ul#footer_nav li a {
	display:block;
	text-decoration:none;
	padding:12px;
	color:#021b4f;
	float:left;
	font-size:12px;
	border-radius:0 0 10px 10px;
	background-color:#628bb3;
}

ul#footer_nav li a:hover {
	background-color:#7cbee7;
}

#footer .footer_box #lang_flags li a{
	text-decoration: none;
}

.address-top {
	padding-top: 8px;
}

.address-bottom {
	padding-top: 4px;
}

/* Footer Properties End */


/* Header Properties Start */

.btn-no-style {
	background: none;
	border: none;
}

#header {
	height:168px;
	background: url(/static/img/base/Header-Bar-1px-slice.png);
	padding:10px;
	padding-top: 24px;
	box-shadow: 0px 5px 8px #888888;
	position: relative; 
}

.header-logo {
	width: 300px;
	float:left;
}

.header-logo-no-size {
	float:left;
	max-height: 80px;
}

.header-strap {
	width: 250px;
	position: absolute;
	bottom: 0;
	width: 70%;
}

.bfa-logo {
	float:left;
	margin-left: 15px;
	margin-top: 5px;
}

.header-link {
	list-style:none;
}

.header-link {
	float:left;
	padding-left:16px;
	padding-top:6px;
	font-weight: bold;
	top: 6px;
	position: relative;
}

.header-cog {
	float:left;
	padding-left:16px;
	padding-top:6px;
	font-weight: bold;
	/*top: 6px;*/
	position: relative;
	list-style:none;
}

.header-link-seperator {
	color: #8B8B8B;
	font-weight: bolder;
	cursor: default;
}

#cog {
	padding-top: 0px !important;
}

.header-customer-title {
	padding-top: 26px;
	font-size: 2em;
	color: #8A8A8A;
	font-weight: bold;
}

.customer-logo {
	max-height: 130px;
	width:auto;
	padding-left: 10px;
}

.long-customer-title {
    font-size:20px;
}

/* Header Properties End */

.cog-dropdown {
	padding-right: 0px;
}

.tab-holder {
	position: absolute;
	top:111px;
}

.tab-holder div {
	float: right;
}

.header-btn {
    color: #ffffff;
    border-color: #098ECB;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    font-weight: bold;
    padding-right: 20px;
    padding-left: 20px;
    background-image: linear-gradient(#098ECB, #005DB1);
}
.header-btn:hover {
  background-image: linear-gradient(#005DB1, #005DB1);
}

.header-upgrade-btn{
    color: #ffffff;
    border-color: #E5222C;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    font-weight: bold;
    padding-right: 20px;
    padding-left: 20px;
    background-image: linear-gradient(#E5222C, #B30405);
}

.header-upgrade-btn:hover {
  background-image: linear-gradient(#B30405, #B30405);;
}

/*.downloads-tab {*/
	/*position: absolute;*/
	/*top: 20px;*/
	/*left: 76%;*/
/*}*/
/**/
/*.other-products-tab {*/
	/*position: absolute;*/
	/*top: 20px;*/
	/*left: 86%;*/
/*}*/
/**/
/* Customer buttons start */

#tags-hover-img{
	width:165px;
	height:157px;
	background: url(/static/img/customers/Tags-Up.png) no-repeat;
	margin: 0 auto;
}

#stocks-hover-img{
	width:165px;
	height:157px;
	background: url(/static/img/customers/Sites-Stocks-Up.png) no-repeat;
	margin: 0 auto;
}

#reports-hover-img{
	width:165px;
	height:157px;
	background: url(/static/img/customers/Transactions-Up.png) no-repeat;
	margin: 0 auto;
}

.hover-text{
	width: 150px;
	height: 141px;
	background: #000;
	opacity: 0;
	margin-left: 7px;
	margin-top: 8px;
	position: absolute;
	border-radius: 21px;
}

.hover-button {
	text-decoration:none !important;
}

.hover-button:hover .hover-text {
	opacity:0.6;
	text-align:center;
	color:#f0f0f0;
	font-size:14px;
	font-weight:700;
	/*font-family:"Times New Roman", Times, serif;*/
	font-style: none;
	padding:30px;
	text-decoration: none;
}
/*
.hover-wrapper {
	width: 50%;
	margin: 0 auto;
}*/

/*Customer buttons end*/

/*Tables start*/

.table {
	/*width: 99%;*/
	border-collapse: inherit;
}

.report-table th {
	background-image: linear-gradient(#098ECB, #005DB1);
	color: #ffffff;
	text-align: center;
}

.report-table tbody tr {
	background-color: #FFFFFF;
}
/*
.report-table tr.odd {
	background-color: #FFFFFF;
}

.report-table tr.even {
	background-color: #A0C8FA;
}*/

.report-table tr td {
	border-top: 0px !important;
}

tbody tr td {
	border-bottom: 1px solid #005DB1;
	border-right: 1px solid #005DB1;
}

tbody tr:last-child td {
	border-bottom-width: 0px !important;
}

/*tbody tr td:last-child {
	border-right-width: 0px !important;
}*/

thead tr th {
	border-bottom-width: 0px !important;
	border-top-width: 0px !important;
}

td {
	text-align: center;
}


.site-details-table {
	background-image: linear-gradient(#098ECB, #005DB1);
	border-radius: 4px;
	border: 4px solid;
	border-image: linear-gradient(to bottom, #098ECB , #005DB1);
  	border-image-slice: 1;
	color: #ffffff;
	box-shadow: 0px 2px 8px #888888;
}

.site-table th {
	text-align: center;
}

.site-details-button {
    width: 70px !important;
}


.site-details-header {
    margin: 0;
    width: 80%;
    float: right;
    font-size: 12px;
    display: inline-block;
    margin-top: 1px;
}
.site-details-header thead{
    float: right;
}
.site-details-header th{
    padding: 4px 8px 4px 8px !important;    
}
.site-details-header .not-filled{
    background-color: #ffffff;
    font-weight: normal;
    color: #000000;
    border-top-width: 0px !important;
    font-size: 14px;
}

.site-details-table .not-filled{
	background-color: #ffffff;
	font-weight: normal;
	color: #000000;
	border-top-width: 0px !important;
}

.site-detail .not-filled{
	min-width: 60%;
}

.report-table thead tr:first-child th:first-child { border-top-left-radius: 16px; }
.report-table thead tr:first-child th:last-child { border-top-right-radius: 16px; }
.report-table tfoot tr:last-child td:first-child { border-bottom-left-radius: 16px; }
.report-table tfoot tr:last-child td:last-child { border-bottom-right-radius: 16px; }


.report-table tbody tr td:first-child { 
	border-left: 4px solid #005DB1;
}

.report-table tbody tr td:last-child {
	border-right: 4px solid #005DB1;
}

.report-table tfoot {
	background-color: #005DB1
;}

.report-table tfoot tr td {
	padding: 2px !important;
	box-shadow: 0px 2px 8px #888888;
}

/*Tables end*/

/*Inputs start*/

input {
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 20px;
	color: #050505;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-color: #9f9f9f;
	width: 100%;
}

input[type='checkbox'] {
	width: auto;

}


select {
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 20px;
	color: #050505;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-color: #9f9f9f;
	background-color: #ffffff;
	width: 100%;
}

input.error {
	border-color: #ff0000 !important;
	background-color: #ffe1e1 !important;
}
select.error {
	border-color: #ff0000 !important;
	background-color: #ffe1e1 !important;
}

/*Inputs end */

.left-align {
	float:left;
	clear: both;
}

.right-align {
	float:right;
	/*clear: both;*/
}

.hide-overflow {
	/*overflow:hidden;*/
}

h1 {
	color: #006DB8;
	font-size: x-large;
	font-weight: bold;
}

.errorlist {
	padding: 0px;
	color: #ff0000;
	font-weight: bold;
	list-style: none;
}

.hide-on-load {
	display: none;
}

.display-none {
	display: none;
}

.inline-form {
	background-color: #f7f7f7;
	border-width: 2px;
	border-color: #0065CC;
	border-style: solid;
	border-radius: 8px;
	padding: 16px;
    position: relative;
    width: 100%;
}

.float-right {
	float:right;
}

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

.sortable-display-opts {
	list-style: none;
	padding-left: 0px;
	min-height: 392px;
	background-color: #8f8f8f;
	border-radius: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.sortable-display-opts li {
	margin: 8px;
	
}

/*Generic Form*/

.generic-form {
	background-color:#ffffff;
}


@media (max-width:600px) {
	.other-products-tab {
		display: none;
	}
}

@media (max-width:1000px) {
	.other-products-tab {
		left: 75%;
	}
}

.small-header {
	display:none;
}

.mobile-display {
	display: none;
}

@media (max-width:768px) {
	.small-header {
		display:block;
	}

	.large-header {
		display:none;
	}

	.mobile-hide {
		display:none;
	}

	.mobile-display {
		display: block;
	}
}

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

.success-icon {
	color: #006f00;
}

.fail-icon {
	color: #ff0000;
}

.delete-icon {
	padding-top: 5px;
	font-size: 130%;
	color: #ff0000;
}

.add-icon {
	padding-top: 5px;
}

.contact-icon {
	color: #9655a9;
}

div.checkbox {
	margin-top: 0;
}

p.label-style {
	display: inline-block;
	max-width: 100%;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 5px;
	font-weight: bold;
	color: #0f0f0f;
}
.video_wrapper{
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
    height:0;
}
.video_wrapper iframe{
    position: absolute;
    left: 0;
    top: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 40px;
}
.video_panel_wrapper{
	position: relative;
	padding-bottom: 30%;
    height:0;
}
.video_panel_wrapper img{
	position: absolute;
    left: 0;
    top: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

.video_header_text {
	position: relative;
	float: left;
	margin-left: 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
}

.video_header_text img{
    width: 100%;
    height: 100%;
}

#video_panel_header{
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 10px 20px 10px 0;
	background-image: linear-gradient(#098ECB, #005DB1);
}

.video_panel_header_text {
	position: relative;
	float: left;
	margin-left: 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
}
.buttons-wrap{
	padding-bottom: 50px
}

.upgrade-link-header {
	clear: both;
	overflow: hidden;
	padding: 10px 10px 8px 0;
	background-color: #0065CC;
    display: table;
}

.glyphicon-info-sign{
    font-size: 100%;
    margin-left: 20px;
}


.disabled_dropdown{
	background-color: #CCCCCC;
}

.connect_lite_overlay{
	background-color: rgba(204, 204, 204, 0.9);
	width: 100%;
	height: 100%;
	z-index: 10;
	left: 0;
	top:0;
	position: absolute;
    text-align: center;
}

.connect_lite_overlay a{
    text-decoration:none
}

.connect_lite_container_overlay{
    background-color: rgba(0,101,204, 0.3);
	width: 100%;
	height: 100%;
	z-index: 10;
	left: 0;
	top:0;
	position: absolute;
    text-align: center;
}

.connect_lite_container_overlay a{
    text-decoration:none
}

.connect-lite-table-overlay{
    background-color: rgba(204, 204, 204, 0.9);
	width: 100%;
	height: 100%;
	z-index: 10;
	left: 0;
	top:0;
	position: absolute;
    text-align: center;
}

.disabled_text{
    position: relative;
    top: 50%;
	text-align: center;
    transform: translateY(-50%);
    color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
}

.disabled-table-text{
    top: 25%;
}

.video_header{
	overflow: hidden;
	padding: 10px 20px 10px 0;
}
.video_header:hover{
	background-color: #044d92;
}

.video-title {
    position: relative;
    width: 100%;
    clear: both;
	overflow: hidden;
	padding: 10px 10px 8px 0;
	background-image: linear-gradient(#098ECB, #005DB1);
    display: table;
    margin-top: 20px;
    margin-bottom: 20px;
}

#video_header:hover{
	background-image: linear-gradient(#005DB1, #005DB1);
}

#video-span{
     margin-right: -12pt;
}
.video-bar-cells{
    display: table-cell;
}

.video-bar-cells img{
    width: 80%;
    height: 80%;
    margin-left: 10px;
}

.video-bar-text{
    vertical-align: middle;
}

.connect-lite-table-overlay-container{
    position: relative;
}

.emergency-sync-btn{
    float: right;
}

.agent-block{
    width: 100%;
    cursor: pointer;
    height: 150px;
    text-align: center;
    display: table;
    background: #0869C9;
    border-radius: 5px;
}

.agent-block span{
    color: white;
    display: table-cell;
    vertical-align: middle;
    font-size: 25px;
}

.reseller-bc{
	color: #006DB8;
}

.reseller-bc a.acttive-bc{
	text-decoration: none !important;
}

.reseller-bc .separator{
	color: gray;
}

.reseller-bc .title-bc{
	color: black;
}

.custom-cb input[type='checkbox']{
    height: 20px;
    margin: 0px;
}

.force-i-bottom{
	margin-bottom:0px !important;
}
.custom-reverse-td{
	max-width: 255px;
	overflow-x: scroll;
	direction: rtl;
}

.force-d-inline{
	display: inline-block;
}


#wrapper .background-image {
	width: 100%;
	height: 1200px;
    background-position: bottom;
    background-repeat: no-repeat;
    position: fixed;
    bottom: -240px;
    left: 0;
    right: 0;
    background-size: 100% 1500px;
}

.bg-blue .background-image {
    background: url(/static/img/bg_blue.jpg);
}

.bg-yellow .background-image {
    background: url(/static/img/bg_yellow.jpg);
}

.bg-green .background-image {
    background: url(/static/img/bg_green.jpg);
}

.bg-red .background-image {
    background: url(/static/img/bg_red.jpg);
}

.bg-orange .background-image {
    background: url(/static/img/bg_orange.jpg);
}

.bg-mauve .background-image {
    background: url(/static/img/bg_mauve.jpg);
}

.bg-grey .background-image {
    background: url(/static/img/bg_grey.jpg);
}

.custom-wrapper{
	cursor: pointer;
	width: 150px;
	height: 150px;
    background-image: linear-gradient(#2F96D0, #175AB1);
    border-radius: 20px;	
    -webkit-transition: width 0.5s;
  	transition: width 0.5s;
  	position: relative;
  	overflow-x: hidden;
  	overflow-y: hidden;
  	box-shadow: 0px 5px 8px #888888;
  	margin: 0 auto;
}

.custom-wrapper:hover .livicon-evo{
  	transform: scale(.70);
  	margin-top: -10px;
}
.custom-wrapper:hover  p.text{
	display: block;
}
.custom-wrapper p.text {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 150px;
    font-size: 20px;
    color: white;
    display: none;
}

.custom-wrapper .livicon-evo{
    margin: 0 auto;
    margin-top: 0px;    
}


.telematics-wrapper{
	cursor: pointer;
	width: 150px;
	height: 150px;
    background-image: linear-gradient(#f19f3e, #cd8634);
    border-radius: 20px;
    -webkit-transition: width 0.5s;
  	transition: width 0.5s;
  	position: relative;
  	overflow-x: hidden;
  	overflow-y: hidden;
  	box-shadow: 0px 5px 8px #888888;
  	margin: 0 auto;
}

.telematics-wrapper:hover .livicon-evo{
  	transform: scale(.70);
  	margin-top: -10px;
}
.telematics-wrapper:hover  p.text{
	display: block;
}
.telematics-wrapper p.text {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 150px;
    font-size: 20px;
    color: white;
    display: none;
}

.telematics-wrapper .livicon-evo{
    margin: 0 auto;
    margin-top: 0px;
}



#upgrades-panel{
    position: fixed;
    top: 175px;
    height: 700px;
    width: 90%;
    right: 0;
    z-index: 999;
    box-shadow: -2px 7px 26px #3e3c3c;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#upgrades-panel.closed{
    right: -90%;
}


#upgrades-panel h2{
    height: 75px;
    font-size: 39px;
}
#upgrades-panel-bg{
    z-index: 1;
    position: absolute;
    color: white;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#3459B2, #05CDFF);
    overflow: hidden;
}
#upgrades-panel-bg-terminal{
    z-index: 1;
    position: absolute;
    color: white;
    right: -150px;
    bottom: -80px;
    width: 650px;
    height: 650px;
    opacity: 0.5;
    background: url(/static/img/watermark_terminal.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#upgrades-panel .upgrades-btn{
    left: -133px;
    top: 320px;
    z-index: 0;
    background-image: linear-gradient(0.25turn, #C8BF75, #8F864A);
    color: white;
    transform: rotate(270deg);
    position: absolute;
    box-shadow: -12px -2px 21px #3e3c3c;
}
#upgrades-panel .upgrades-btn span{
    font-size: 20px;
}


.livicon-evo.chevron-top .lievo-svg-wrapper{
    margin-right: -5px;
    top: 8px;
    overflow: visible !important;
}

@-moz-document url-prefix() {
  .livicon-evo.chevron-top .lievo-svg-wrapper{
    top: -5px;
    left: -5px;
  }
}


_::-webkit-full-page-media, _:future, :root .livicon-evo.chevron-top .lievo-svg-wrapper {
        top: -5px;
        left: -5px;
}

#upgrades-panel .upgrades-btn .livicon-evo.chevron-bottom .lievo-svg-wrapper{
    left: -5px;
    top: -3px;
    overflow: visible !important;
}
#upgrades-panel .upgrades-btn .livicon-evo svg{
    overflow: visible !important;   
}

#upgrades-panel .upgrades-btn .livicon-evo.chevron-top{
    display: none;
}
#upgrades-panel.closed .upgrades-btn .livicon-evo.chevron-top{
    display: inline-block;
}
#upgrades-panel .upgrades-btn .livicon-evo.chevron-bottom{
    display: inline-block;
}
#upgrades-panel.closed .upgrades-btn .livicon-evo.chevron-bottom{
    display: none;
}
#upgrades-panel .inner-panel{
    position: absolute;
    color: white;
    z-index: 3;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(255, 255, 255, 0.62);
}
#upgrades-panel .inner-panel .col-sm-6{
    height: 100%;
}
#upgrades-panel .inner-panel .col-sm-6:first-child{
    border-right: 2px solid rgba(255, 255, 255, 0.62);
}
#upgrades-panel .inner-panel .row{
    height: 100%;
}
#upgrades-panel img{
    margin: 75px auto 30px auto;
    display: block;
    width: 275px;
}

#upgrades-panel .text-container{
    width: 80%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

#upgrades-panel span{
    white-space: nowrap;
    font-size: 20px;
}

#upgrades-panel .inner-panel-btn{
    display: block;
    margin: 0 auto;
    color: white;
    background: rgba(255, 255, 255, 0.30);
    border: 1px solid white;
    margin-top: 15px;
    
}

#opacity-bg{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.62);
    z-index: 98;
    height: 0;
    transition: opacity 1s ease-out;
    opacity: 0;
}
#opacity-bg.show-bg{
    height: 100%;
    opacity: 1;
}
@media only screen and (max-width: 1245px) {
    #upgrades-panel span{
        font-size: 16px;
    }
    
    #upgrades-panel h2{
        font-size: 38px;
    }
}
@media only screen and (max-width: 1000px) {
    #upgrades-panel span{
        font-size: 16px;
    }
    
    #upgrades-panel h2{
        font-size: 31px;
    }
}
@media only screen and (min-width: 1501px) {
    #upgrades-panel img{
        width: 300px;
        margin: 60px auto 0px auto
    }
    
    #upgrades-panel h2{
        height: 95px;
        font-size: 50px;
    }
    #upgrades-panel .text-container{
        width: 80%;
        max-width: 550px;
    }
    #upgrades-panel .upgrades-btn{
        top: 320px;
    }
}

@media only screen and (max-height: 890px) {
    #upgrades-panel{
        top: 125px;
    }
}

@media only screen and (max-height: 800px) {
    #upgrades-panel img{
        width: 250px;
        margin: 40px auto 0px auto
    }

    #upgrades-panel{
        height: 550px;
        top: 100px;
    }
    #upgrades-panel .upgrades-btn{
        top: 250px;
    }    
}

.dropdown-submenu {
    position:relative;
}

.dropdown-menu{
	width: 250px;
}
.dropdown-submenu>.dropdown-menu {
	width: 250px;
    top:0;
    left:-100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:left;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 5px 5px 0;
    border-right-color:#0065CC;
    margin-top:5px;
    margin-right:5px;
}
.dropdown-submenu:hover>a:after {
    border-right-color:#0065CC;
}
.dropdown-submenu:hover {
    background: #e2e1e1;
}
.dropdown-submenu li a {
	white-space: normal;
}
.dropdown-menu li a {
	white-space: normal;
}

.disabled_field {
	background-color: rgba(149, 149, 149, 0.22);
}
.ui-datepicker {
	z-index: 9999 !important;
}
.table-striped .table{
    display: table;
    table-layout: fixed;
    margin: 10px;
    text-align: left;

}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: white; // Choose your own color here
 }

.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
   background-color: #dddddd; // Choose your own color here
 }

.animate-character {
  font-family: 'Helvetica Neue', sans-serif; font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
  background-image: linear-gradient(
    -225deg,
    #C8BF75 0%,
	#8F864A 29%,
    #C8BF75 67%,
    #8F864A 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 3s linear infinite;
  display: inline-block;
  font-size: 35px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

#cumulative-growth, #monthly-growth, #agent-site-summary {
    border: 1px solid #D1CFCF;
	text-align: center;
	background-color: #f6f6f6;
	display: none;
}

.stoke-dash-title {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}