/* COMMON */
body{
	font-family: "Roboto-Regular";
}


body.with-panel-left-reveal .panel-overlay{
	opacity: 1;
	background: rgba(0,0,0,.6);
}


.vertical-center {
  	position: relative;
  	top: 50%; 
  	transform: translateY(-50%);
}
.content-divider{
	width: 100%;
	height: 1px;
	background: #F2F1F4;
}
.user_f_l {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
}

.text-a-c{
	text-align: center;
}
.w-space-normal{
	white-space: normal;
}
.dislay_none{
	display: none;
}
.text-transform-uppercase {
    text-transform: uppercase;
}
.m-0{
	margin: 0 !important;
}
.mt-0{
	margin-top: 0 !important;
}
.mr-8{
	margin-right: 8px;
}
.mt-8{
	margin-top: 8px;
}
.navbar_title{
	display: inline-block !important;
	width: calc(100% - 112px);
    white-space: nowrap;    
    overflow: hidden;
    text-overflow: ellipsis;
}
.navbar_title_long{
	width: calc(100% - 72px);
}
.navbar_title_index{
	width: calc(100% - 168px);
}
.button{
	padding: 0 18px;
    font-size: 18px;
}
/* .color-boatwatch{
	color: #3FA8B2;
}
.bg-boatwatch{
	background-color: #3FA8B2;
} */
.bg-color-page{
	background-color: #333;
}
.color-dealer{
	color: #00ABC3;
}
.bg-dealer{
	background: #00ABC3 !important;
}


.layout-dark.list-block input{
	color: #fff;
}
.theme-dealer .list-block .item-inner:not(.focus-state) .floating-label, .theme-dealer .list-block .item-inner:not(.focus-state) .label{
	color: #999999;
}
.list-block .input-item .floating-label, .list-block .input-item .label, .list-block.inputs-list .floating-label, .list-block.inputs-list .label{
	font-size: 14px;
	color: #999999;
}
.icon-stauts-size-fix{
	font-size: 21px;
    padding-top: 2px;
}
/* .button.button-fill.btn_login{
	background-color: #3FA8B2;
} */
/* .button.button-fill.btn_login.active-state, 
html:not(.watch-active-state) .button.btn_login.button-fill:active{
	background-color: #3FA8B2;
}
.focus-state .input-field:after, .focus-state .item-input-field:after, .input-field.focus-state:after, .input-field.not-empty-state:after, .item-input-field.focus-state:after, .item-input-field.not-empty-state:after, .not-empty-state .input-field:after, .not-empty-state .item-input-field:after{
	background-color: #3FA8B2;
}
.label-switch.theme-bw input[type=checkbox]:checked+.checkbox, .theme-bw .label-switch input[type=checkbox]:checked+.checkbox{
	background-color: rgba(63,168,178, .5);
}
.label-switch.theme-bw input[type=checkbox]:checked+.checkbox:after, .theme-bw .label-switch input[type=checkbox]:checked+.checkbox:after{
	background-color: #3FA8B2;
}
.theme-bw label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox, .theme-bw label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox, .theme-bw label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox, .theme-bw label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox, .theme-bw label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox, .theme-bw label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox, label.label-checkbox.theme-bw input[type=checkbox]:checked+.item-media i.icon-form-checkbox, label.label-checkbox.theme-bw input[type=checkbox]:checked~.item-after i.icon-form-checkbox, label.label-checkbox.theme-bw input[type=checkbox]:checked~.item-inner i.icon-form-checkbox, label.label-checkbox.theme-bw input[type=radio]:checked+.item-media i.icon-form-checkbox, label.label-checkbox.theme-bw input[type=radio]:checked~.item-after i.icon-form-checkbox, label.label-checkbox.theme-bw input[type=radio]:checked~.item-inner i.icon-form-checkbox{
	border-color: #3FA8B2;
    background-color: #3FA8B2;
} */
.theme-dealer label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox, .theme-dealer label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox, .theme-dealer label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox, .theme-dealer label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox, .theme-dealer label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox, .theme-dealer label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox, label.label-checkbox.theme-dealer input[type=checkbox]:checked+.item-media i.icon-form-checkbox, label.label-checkbox.theme-dealer input[type=checkbox]:checked~.item-after i.icon-form-checkbox, label.label-checkbox.theme-dealer input[type=checkbox]:checked~.item-inner i.icon-form-checkbox, label.label-checkbox.theme-dealer input[type=radio]:checked+.item-media i.icon-form-checkbox, label.label-checkbox.theme-dealer input[type=radio]:checked~.item-after i.icon-form-checkbox, label.label-checkbox.theme-dealer input[type=radio]:checked~.item-inner i.icon-form-checkbox{
	border-color: #00ABC3;
    background-color: #00ABC3;
}
.label-switch.theme-dealer input[type=checkbox]:checked+.checkbox:after, .theme-dealer .label-switch input[type=checkbox]:checked+.checkbox:after{
	background: #00ABC3;
}
.label-switch.theme-dealer input[type=checkbox]:checked+.checkbox, .theme-dealer .label-switch input[type=checkbox]:checked+.checkbox {
    background-color: rgba(0,171,195,.5);
}
.navbar.theme-dealer, .searchbar.theme-dealer, .subnavbar.theme-dealer, .theme-dealer .navbar, .theme-dealer .searchbar, .theme-dealer .subnavbar, .theme-dealer .toolbar, .toolbar.theme-dealer{
	background: #fff;
}
.theme-dealer .searchbar{
	background: #282828;
	padding: 0 8px;
}
.theme-dealer .list-block .item-inner:after,
.theme-dealer .list-block ul:after{
	background-color: rgba(119,119,119,.2);
}
.theme-dealer .input-field.focus-state:after, .theme-dealer .input-field.not-empty-state:after, .theme-dealer .item-input-field.focus-state:after, .theme-dealer .item-input-field.not-empty-state:after{
	background-color: rgba(255,255,255,.12);
}
.theme-dealer .no-after.input-field.focus-state:after, .theme-dealer .no-after.input-field.not-empty-state:after, .theme-dealer .no-after.item-input-field.focus-state:after, .theme-dealer .no-after.item-input-field.not-empty-state:after, .theme-dealer .list-block.media-list .item-content .item-inner.no-after:after{
	background-color: rgba(255,255,255,0);
}

.theme-dealer .layout-dark .list-block ul:after, .theme-dealer .list-block.layout-dark ul:after,
.theme-dealer .layout-dark .list-block ul:before, .theme-dealer .list-block.layout-dark ul:before{
	background-color: rgba(119,119,119,.2);
}
.list-block select{
	padding-right: 32px;
}
.layout-dark.list-block select{
	color: #fff;
	    
}

.theme-dealer .content-block-title{
	color: #999999;
}
.svg_menu{
	width: 32px;
}
/* .svg_menu_st0{
	fill:#414142;
} */
.asset_list_icon{
	width: 24px;
	margin-right: 8px;
	vertical-align: middle;
}
.icon-status{
	font-size: 8px;
	margin-right: 8px;
}

.state-1{
	color: #1DBC0C !important;
}
.state-2{
	color: #DD821F !important;
}
.state-3{
	color: #E5425A !important;
}
/* INDEX PAGE */
.menu_header{
	height: 160px;
	width: 100%;
	background: url('../images/navigation_header.png') no-repeat center center;
	background-size: cover;	
	text-align: center;
}
	.menu_header img{
		width: 80%;
	}

/* .searchbar{
	z-index: 1;
	padding: 12px 16px;
    height: 56px;
} */
	.searchbar .searchbar-clear{
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
		right: -8px;
	}
		.searchbar input[type=search]{
			/* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
			border-color: #000;
			color: #000; */

			border: none;
		    background-color: #FFFFFF;
		    color: #000;
		    background-image: none;
		    padding-left: 16px;
		    border-radius: 5px;
		    opacity: .8;
		}
		.searchbar input[type=search]::-webkit-input-placeholder {color: rgba(0,0,0,.4);}
		.searchbar input[type=search]::-moz-placeholder          {color: rgba(0,0,0,.4);}
		.searchbar input[type=search]:-moz-placeholder           {color: rgba(0,0,0,.4);}
		.searchbar input[type=search]:-ms-input-placeholder      {color: rgba(0,0,0,.4);}


.list-block	input[type=text]::-webkit-input-placeholder{color: rgba(255,255,255,.2);}
.list-block	input[type=text]::-moz-placeholder  		{color: rgba(255,255,255,.2);}
.list-block	input[type=text]:-moz-placeholder 			{color: rgba(255,255,255,.2);}
.list-block	input[type=text]:-ms-input-placeholder  	{color: rgba(255,255,255,.2);}

.list-block	input[type=email]::-webkit-input-placeholder{color: rgba(255,255,255,.2);}
.list-block	input[type=email]::-moz-placeholder  		{color: rgba(255,255,255,.2);}
.list-block	input[type=email]:-moz-placeholder 			{color: rgba(255,255,255,.2);}
.list-block	input[type=email]:-ms-input-placeholder  	{color: rgba(255,255,255,.2);}

.list-block	input[type=password]::-webkit-input-placeholder{color: rgba(255,255,255,.2);}
.list-block	input[type=password]::-moz-placeholder  		{color: rgba(255,255,255,.2);}
.list-block	input[type=password]:-moz-placeholder 			{color: rgba(255,255,255,.2);}
.list-block	input[type=password]:-ms-input-placeholder  	{color: rgba(255,255,255,.2);}

.notification_header{
	font-size: 20px;
}
.label-checkbox .item-after .icon,
label.label-checkbox .item-after i.icon-form-checkbox{
	margin-right: 0;
}
.menu_wrapper{
	position: relative;
    min-height: 100%;
}
.menu{
	/* margin: 0; */	
	margin-top: 16px;
	padding-bottom: 60px;
	margin-bottom: 0;
}
	.menu ul:before,
	.menu ul:after{
		display: none;
	}
		.menu ul a:last-child{
			margin-bottom: 24px;
		}
		.menu .item-content{
			color: #333333;
			
			font-size: 18px;
		}
		.menu .item-content:active,
		.menu .item-content:hover{
			/* background-color: #F2F1F4;
				color: #00ABC3;		 */	
		}
		/* .menu .item-content:active .svg_menu_st0,
		.menu .item-content:hover .svg_menu_st0{
			fill: #3FA8B2;
		} */
		.menu .item-media .icon{
			 font-size: 28px;
		}
			.menu .item-link .item-inner{		
				padding-right: 16px;
				background: none;
				background-position: initial;
				
			}
			.menu .item-inner:after{
				background-color: transparent !important;
			}
		.menu_remainings{
			font-size: 16px;
			text-align: center;
			padding: 12px 4px;
			color: #232323;
			background: #E8EAF6;

			position: absolute;
    		bottom: 0;
    		left: 0;
    		width: 100%;
    		box-sizing: border-box;
		}

/* .bw_top_shadow{
	background: #fff !important;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
} */
	.navbar a.link, .subnavbar a.link, .toolbar a.link{
		color: #000;
	}

.theme-dealer .actions-modal-label:after{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,.12);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
	.action_button_wrapper{
		position: relative;

		box-sizing: border-box;
	    /* padding-left: 16px; */
	    min-height: 48px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    -webkit-justify-content: space-between;
	    justify-content: space-between;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	}
		.action_button_block{
			display: inline-block;
			vertical-align: middle;
		}

		.action_button_media{
			/* min-width: 40px;
			box-sizing: border-box; */
			display: -webkit-box;
		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-box-flex: 0;
		    -webkit-flex-shrink: 0;
		    -ms-flex: 0 0 auto;
		    flex-shrink: 0;
		    -webkit-box-lines: single;
		    -moz-box-lines: single;
		    -webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: none;
		    -ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    -webkit-align-items: center;
		    align-items: center;
		    box-sizing: border-box;
		    /* padding-top: 8px;
		    padding-bottom: 8px; */
		    min-width: 40px;

		    -ms-flex-item-align: flex-end;
		    -webkit-align-self: flex-end;
		    align-self: flex-end;
		    min-height: 36px;
		    margin-bottom: 8px;
		    padding: 0;
		}
		.action_button_text{
			/* padding-right: 16px; */
		    position: relative;
		    width: 100%;
		    /* padding-top: 8px; */
		    padding-bottom: 8px;
		    min-height: 48px;
		    box-sizing: border-box;
		    -webkit-box-flex: 1;
		    -ms-flex: 1;
		    min-width: 0;
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		    -webkit-justify-content: space-between;
		    justify-content: space-between;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    -webkit-align-items: center;
		    align-items: center;
		    -ms-flex-item-align: stretch;
		    -webkit-align-self: stretch;
		    align-self: stretch;

		    /* margin-left: 16px; */

		    display: block;
			/* padding-top: 14px; */
			padding-bottom: 14px;
			-ms-flex-item-align: stretch;
			-webkit-align-self: stretch;
			align-self: stretch;

			display: block;
	    	margin-bottom: 4px;
	    	padding-bottom: 0;

		}
			.action_button_wrapper:after{
				content: '';
			    position: absolute;
			    left: 0;
			    bottom: 0;
			    right: auto;
			    top: auto;
			    height: 1px;
			    width: 100%;
			    background-color: rgba(0,0,0,.12);
			    display: block;
			    z-index: 15;
			    -webkit-transform-origin: 50% 100%;
			    transform-origin: 50% 100%;
			}
			.actions-modal-button:last-child .action_button_wrapper:after { 
				display: none;
			}
	
.assets_list{
	margin: 0;
	/* margin-top: 14px; */
}
	/* .assets_list.list-block ul:before,
	.assets_list.list-block ul:after,
	.assets_list.list-block .item-inner:after{
		display: none;
	} */
	.assets_list ul{
		/* height: auto !important; */
	}
		.assets_list.list-block .item-content:after{
			content: '';
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    right: auto;
		    top: auto;
		    height: 1px;
		    width: 100%;
		    background-color: rgba(119,119,119,.2);
		    display: block;
		    z-index: 15;
		    -webkit-transform-origin: 50% 100%;
		    transform-origin: 50% 100%;
		}
		.assets_list.list-block.media-list .item-inner{
			padding-top: 18px;
		}
		 
			.assets_list.list-block.media-list .item-link .item-title-row{
				background: none;
				background-position: initial;
				/* font-size: 20px; */
				color: #fff;
				padding-right: 0;
			}
			.assets_list.list-block.media-list .item-link .item-title-asse-name{
				margin-top: 8px;
			}
			.assets_list.list-block.media-list .item-link .item-title-row .item-after{
				font-size: 28px;
			}
			.assets_list.list-block.media-list .item-link .item-title-row-status{
				margin-top: -4px;
			}
			.assets_list.list-block.media-list .item-link .item-subtitle{
				color: #A8A8A8;
				/* font-size: 16px; */
				/* margin-top: -8px; */
			}
			.assets_list.list-block.media-list .item-link .item-subtitle .stopped_time{
				color: #757575;
				font-size: 11px;
			}
			.assets_list.list-block.media-list .item-link .item-subtitle.online{
				color: #00A0D3;
			}
			
			.assets_list .item-media .item_asset_img{
				width: 60px;
				height: 60px;
				border-radius: 50%;
				overflow: hidden;
			}
			.assets_list.list-block .item-text{
    			overflow: initial;
    			max-height: initial;
    			text-overflow: initial;
    			-webkit-line-clamp: initial;
    			
    			font-size: 11px;
			}
			.assets_list.list-block .item-text .row>div{
				/* margin-top: 8px; */
			}
			.icon-status-fix{
				font-size: 8px;
				margin-right: 6px;
			}

.notification_button i{
	position: relative;
}	
	.new_not{
		/* animation-name: tossing;
		-webkit-animation-name: tossing;  
		
		animation-duration: 1.5s; 
		-webkit-animation-duration: 1.5s;
		
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite; */
	}
	.notification_button.new_not i:after{
		content: '';
		position: absolute;
		width: 8px;
		height: 8px;
		background-color: #CC1717;
		border-radius: 100%;
		top: 0;
    	right: 0;
	}


/* ALARMS ASSETS */
.list-block-selectall{
	list-style-type: none;
	margin: 0;
}
	
.alarmsAssetList{
	margin: 0;
}
	.alarmsAssetList .item-media .item_asset_img {
	    width: 60px;
	    height: 60px;
	    border-radius: 50%;
	}
		.alarmsAssetList .item-title-row{
			padding: 18px 0;
		}

/* NOTIFICATIONS */

.notification_list{
	margin: 0;
}
	.list-block.notification_list .item-title{
		font-size: 12px;
		color: rgba(255,255,255,.7);
		
	}
	.list-block.notification_list .item-subtitle{
		font-size: 16px;	
		color: #fff;
		
	}
	.list-block.notification_list .item-after{
		font-size: 12px;
	}

/* LOGIN */
.login_page .login-screen-content{
	background: url('../images/bg.png') no-repeat center center;
	background-size: cover;	
}
	.login-form{
		padding: 0 16px;
	}
	.logo{
		margin-top:64px;
		/* padding: 0 16px; */
		text-align: center;
	}
		.logo img{
			width: 100%;
			max-width: 391px;
		}

		.login-screen-content .login_list{
			/* padding: 0 16px; */
			margin-top: 56px;
		}
			.login_list ul{

			}
			.login_list ul:before,
			.login_list ul:after,
			.login_list .item-inner:after{
				display: none;
			}
				
				.login_list .item-input{
					position: relative;
				}
					.login_list .item-input input{
						border-radius: 2px;
						border: none;
						background-color: rgba(255,255,255,.8);
						/* height: 55px; */
						padding: 0 16px;
					}
					.login_list.list-block	input[type=text]::-webkit-input-placeholder{color: rgba(77,77,77,.7);}
					.login_list.list-block	input[type=text]::-moz-placeholder  		{color: rgba(77,77,77,.7);}
					.login_list.list-block	input[type=text]:-moz-placeholder 			{color: rgba(77,77,77,.7);}
					.login_list.list-block	input[type=text]:-ms-input-placeholder  	{color: rgba(77,77,77,.7);}
					.login_list.list-block	input[type=password]::-webkit-input-placeholder{color: rgba(77,77,77,.7);}
					.login_list.list-block	input[type=password]::-moz-placeholder  		{color: rgba(77,77,77,.7);}
					.login_list.list-block	input[type=password]:-moz-placeholder 			{color: rgba(77,77,77,.7);}
					.login_list.list-block	input[type=password]:-ms-input-placeholder  	{color: rgba(77,77,77,.7);}

					.login_list.list-block	input[type=password]{
						padding-right: 40px;
					}
					.toggle-password{
						position: absolute;
						right: 0;
					    top: 0;
					    padding: 5px 10px 3px 5px;
					    cursor: pointer;

					    transition: all .3s;
					}
					.forget_pwd_wrapper{
						text-align: right;
						padding-right: 16px;
					}
						.forget_pwd_wrapper a{
							text-decoration: underline;
						}
			
			.btn_login_wrapper{
				/* padding: 0 32px; */
			}
		.btn_login{
			width: 100%;
			margin: 0 auto;
			border: none;
			
			font-size: 24px;
			background: #3FA8B2;
		}
	
/* RECHARGE / RENEW */
.user_recharge_credit_page{

}

	.user_recharge_credit_page .content-block-title{
		font-size: 24px;
		font-size: 16px;
    	color: #fff;
		text-align: left;
		text-transform: uppercase;
	}
	.recharge_list{

	}
		.recharge_list ul:before,
		.recharge_list ul:after{
			display: none;
		}
			
			.recharge_list.list-block .item-title{
				white-space: normal;
			}
			.recharge_list.list-block .input-item .item-media, .recharge_list.list-block.inputs-list .item-media{
				-ms-flex-item-align: center;
    			-webkit-align-self: center;
    			align-self: center;
			}
			
			.recharge_list.list-block .item-after{
				margin-left: 16px;
			}
		


	.recharge_block_wrapper{
		position: relative;
		margin-bottom: 56px;
	}

		.recharge_block{
			background-color: #fff;
			border: 1px solid #E6E6E6;
    		border-radius: 5px;
		    text-align: center;
		    overflow: hidden;
		}
		.recharge_block3{

			position: absolute;
			top: 20px;			
			left:0;
			right:0;
			margin-left:auto;
			margin-right:auto;
		}
			.recharge_block_top{
				background-color: #5D6DBE;
				padding: 16px 0;
			}
				.recharge_block_top_divider{
					background-color: rgba(255,255,255,.5);
					height: 1px;
					width: 37px;
					margin: 8px auto;
					
				}
				.recharge_block p{
					margin: 0;
					/* padding: 16px 0; */
					font-size: 14px;
					color: #ffffff;
				}
				.recharge_block.recharge_block3 p{
					/* padding: 18px 0; */
				}
					.recharge_block_top span{
						color: #11B4BA;
						font-weight: bold;
					}
					.recharge_block3 .recharge_block_top span{
						color: #F83434;
					}
			.recharge_block_middle{
				position: relative;
				background-color: #11B4BA;
				webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0, 0.2);
			    -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0, 0.2);
			    box-shadow: inset 0px 0px 7px 0px rgba(0,0,0, 0.2);
			}
			.recharge_block_middle:before{
				content: '';
				position: absolute;
				top: -10px;
				left: 50%;
				margin-left: -10px; 

				width: 20px;
				height: 20px;
				border-radius: 100%;
				background-color: #fff;
			}
			.recharge_block_middle:after{
				content: '';
    			position: absolute;
    			top: -1px;
    			left: 50%;
    			margin-left: -2px;
    			width: 4px;
    			height: 4px;
    			border-radius: 1px;
    			background-color: transparent;
    			border: 1px solid #858585;
    			border-top: none;
    			border-left: none;
    			-ms-transform: rotate(45deg);
    			-webkit-transform: rotate(45deg);
    			transform: rotate(45deg);
			}
			.recharge_block3 .recharge_block_top{
				background-color:  #DD2641;
			}
				
			.recharge_block_bottom{
				
			}
				.button_buy_now{
					display: block;
					margin: 24px 16px;
					padding: 4px 0;
					border-radius: 5px;

					color: #fff !important;
					font-size: 14px;
					text-transform: uppercase;

					background-color: #7AC943;
					
				}
				.recharge_block3 .button_buy_now{					
					margin: 24px 18px ;
				}


/* ASSET STATUS */
.tabbar a.tab-link{
	color: #000;
	font-size: 16px;
	text-transform: none;
}
.navbar a.link.color-boatwatch{
	color: #00ABC3;
}
.tabbar a.tab-link.active, .tabbar a.tab-link.active-state, html:not(.watch-active-state) .tabbar a.tab-link:active{
	color: #00ABC3;
}

.tabbar .tab-link-highlight{
	background: #00ABC3;
}
	.status_block_top{
		
    	box-sizing: border-box;
    	text-align: center;
	}
		.status_block_top img{
			width: 48px;			
		}
		.status_block_top p{
			margin: 0;
			font-size: 16px;
		}
		.status_block_top p.position_data{
			font-size: 12px;
			color: #00A0D3;
		}
		
		 .status_block_list{
		 	margin-top: 0;
		 }
	 .status_block_list.list-block.media-list .item-media{
	 	-ms-flex-item-align: stretch;
	    -webkit-align-self: stretch;
	    align-self: stretch;
	 }
			
			.status_block_list.list-block .item-content:after,
			.list-block-selectall.list-block .item-content:after{
				content: '';
			    position: absolute;
			    left: 0;
			    bottom: 0;
			    right: auto;
			    top: auto;
			    height: 1px;
			    width: 100%;
			    background-color: rgba(119,119,119,.2);
			    display: block;
			    z-index: 15;
			    -webkit-transform-origin: 50% 100%;
			    transform-origin: 50% 100%;
			}
			.list-block-selectall.list-block li:last-child .item-content:after{
				display: none;
			}
			.status_block_list ul:before{
				display: none;
			}


			

		.status_block_list .item-media img{
			width: 60px;
		}
			.status_block_list.list-block .item-inner{
				display: -webkit-box;
			    display: -ms-flexbox;
			    display: -webkit-flex;
			    display: flex;	
			}

			.status_block_list.list-block .col-100 li .item-inner{
				 display: initial;	
			}

				.status_block_list.list-block .item-text{
					color: #fff;
					-webkit-line-clamp: 3;
					max-height: initial;
					width: 100%;
				}
				.status_block_list.list-block .col-50 .item-text {
				    -webkit-line-clamp: 1;
				}
				.item-subtext{
					font-size: 12px;
    				color: #00A0D3;
    				line-height: 1.4;
				}
		.popover-status {
		    padding: 0 8px;
		    width: auto;
		    max-width: 320px;
		}
		
/* ASSET PLAYBACK */
.playback_page{

}
	.list-playback-settings{

	}
		.list-playback-settings.list-block .label{
			color: #fff;
		}		
		.list-playback-settings.list-block input[type="text"]{
			color: #fff;
		}
		.list-playback-settings.list-block .focus-state .label{
			color: #00ABC3;
		}
		
		.item-with-arrow{
				
			}
			.theme-dealer .list-block.media-list .item-with-arrow .item-inner{
				background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
				padding-right: 36px;    
    			background-size: 15px 25px;
    			background-repeat: no-repeat;
    			background-position: 95% center;
    			background-position: -webkit-calc(100% - 16px) center;
    			background-position: calc(100% - 16px) center;
			}
			.theme-dealer .list-block.media-list .item-with-arrow .item-inner.focus-state{
				background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%2300ABC3'%2F%3E%3C%2Fsvg%3E");
			}
			
			
			.theme-dealer .list-block.list-playback-settings .input-field.focus-state:after, 
			.theme-dealer .list-block.list-playback-settings .input-field.not-empty-state:after, 
			.theme-dealer .list-block.list-playback-settings .item-input-field.focus-state:after, 
			.theme-dealer .list-block.list-playback-settings .item-input-field.not-empty-state:after, 
			.theme-dealer .list-block .picker-el-wrapper .input-field.focus-state:after, 
			.theme-dealer .list-block .picker-el-wrapper .item-input-field.not-empty-state:after {
			    background-color: rgba(255,255,255,0);
			}
			.theme-dealer .list-block.media-list .item-with-arrow .item-inner:after{
				content: '';
				position: absolute;
				bottom: -4px;
				right: 0;
				top:auto;
				left: auto;
				width: 100%;
				height: 1px;
				background-color: rgba(255,255,255,.2);
			    display: block;
			    z-index: 15;
			    -webkit-transform-origin: 50% 100%;
			    transform-origin: 50% 100%;
			}


			.custom-picker{

			}
			.custom-picker .toolbar .text{
				padding: 0 16px;
				color: #000;
			}	
			.custom-picker .picker-modal-inner{
				background-color: #3F3F3F;
				-webkit-mask-box-image: -webkit-linear-gradient(bottom,transparent,transparent 0%,#fff 0%,#fff 100%,transparent 100%,transparent);
                -webkit-mask-box-image: linear-gradient(to top,transparent,transparent 0%,#fff 0%,#fff 100%,transparent 100%,transparent);
			}

				.custom-picker .picker-modal-inner .picker-item.picker-selected{					
					color: #fff;
				}
				.custom-picker .picker-modal-inner .picker-center-highlight{
					background-color: #333333;
    				z-index: -1;
				}
				.custom-picker .picker-items-col.picker-items-col-divider{
					color: #fff;
				}

				 
			.custom-picker .picker-items-col:before {
			    content: '';
			    position: absolute;
			    left: 0;
			    top: auto;
			    bottom: 0;
			    right: auto;
			    height: 100%;
			    width: 1px;
			    background-color: rgba(119,119,119,.2);
			    display: block;
			    z-index: 15;
			    -webkit-transform-origin: 50% 0;
			    transform-origin: 50% 0;
			}
			.custom-picker .picker-items-col:first-child:before {
				display: none;
			}
			.custom-picker .picker-modal-inner.picker-items .picker-items-col{
				text-align: center;
			}
			.custom-picker.custom-date .picker-items .picker-items-col{
				width: 33.33333333%;
			    width: -webkit-calc((100% - 15px*2)/ 3);
			    width: calc((100% - 15px*2)/ 3);
			}
			.custom-picker.custom-time .picker-items .picker-items-col{
				width: 50%;
    			width: -webkit-calc((100% - 15px*1)/ 2);
    			width: calc((100% - 15px*1)/ 2);
			}
			.custom-picker .picker-item{
				color: #999999;
			}
			.custom-picker .picker-center-highlight:after,
			.custom-picker .picker-center-highlight:before{
				background-color:rgba(119,119,119,.4);
			}
			
			
/* STREET VIEW */
.pano_map{
	height: 100%;
	width: 100%;
			
}
#pano { 
	height: 100%;
	width: 100%;
	margin:0; 
	padding:0; 
	position:absolute; 
	left:0; 
	right:0; 
	top:0; 
	bottom:0;
	z-index: 10000000; 
}

/* ASSET TRACK */
.track_page{
	
}
.icon-track,
.icon-playback{
	font-size: 32px;
}
	.position_map{
		position: relative;
		height: calc(100% - 160px);
		min-height: 210px;
	}
	.position_map_playback{
		height: calc(100% - 190px);
	}
		.map{
			width: 100%;
			height: 100%;

		}
		.float_button_wrapper{
    		position: absolute;
		    
		    width: 56px;
		    height: 56px;
		    border-radius: 50%;
		    z-index: 100000;
		    /* box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23); */
		    /*background-color: #2196f3;*/
		    color: #fff;
		    overflow: hidden;
		    -webkit-transition-duration: .3s;
		    transition-duration: .3s;
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
		    text-align: center;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    -webkit-align-items: center;
		    align-items: center;
		    -webkit-box-pack: center;
		    -ms-flex-pack: center;
		    -webkit-justify-content: center;
		    justify-content: center;
		    box-sizing: border-box;
		}
		.float_button_wrapper .link{    
			line-height: .8;

			display: block;
		    width: 100%;
		    height: 100%;
		}
		.float_button_wrapper .link i{
			margin-top: 8px;
		}
		.float_button_wrapper .link span{
		 	display: block;
    		font-size: 11px;
		 }
	
		.gprs_button_wrapper{
		    bottom: 88px;
		    right: 16px;
		}
		.route_button_wrapper{
		    bottom: 16px;
		    right: 16px;
		}
		.pano_button_wrapper{
			border: 2px solid #fff;
			bottom: 16px;
			left: 16px;

		}
			.pano_button_wrapper a{
				width: 100%;
				height: 100%;
			}
			.float_button_wrapper .link i.pano_preview_img{
				background: url('../images/pano-preview.jpg') no-repeat center center;
				background-size: cover;		
				display: block;		
				height: 100%;
				width: 100%;
				margin: 0;
			}
		.back_button_wrapper{
			background-color: rgba(0,0,0,.2);
			top: 8px;
			left: 8px;

			z-index: 100000000;
			
		}
		
	.position_bottom{
		width: 100%;
		/* position: absolute; */
		bottom: 0;
		left: 0;
		/* height: 160px; */
		/* padding: 16px; */
    	box-sizing: border-box;
    	text-align: center;
    	padding-top: 4px;
    	
	}
		.position_bottom .row{
			padding: 8px 16px 4px;
		}
	.position_bottom_playback{
		height: 190px;
	}
		.playback_show_slider{
			margin-bottom: 4px;
			padding: 0 16px;
		}
		.position_bottom img{
			width: 40px;
			margin-bottom: 4px;
		}
		.position_bottom p{
			margin: 0;
			font-size: 16px;
		}
		.position_bottom p.position_data{

			font-size: 11px;
			color: #00A0D3;
		}
		.position_bottom .address{
			/* margin-bottom: 16px; */
			text-align: left;
		}
		.position_bottom.position_bottom_playback .address{
			/* margin-bottom: 8px; */
		}
		.position_bottom .address i{
			display: inline-block;
			vertical-align: middle;
			margin-bottom: 0;
		}
		.position_bottom .address p{
			font-size: 12px;
			overflow: hidden;    
			text-overflow: ellipsis;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
    		display: -webkit-box;
		}

			.position_bottom_left_img{
				display: inline-block;
				vertical-align: top;
				margin-bottom: 0;
			}
			
			.position_bottom_img_right{
				line-height: 1.2;
			        width: 100%;
			    display: inline-block;
			    vertical-align: top;
			    
			    -webkit-box-orient: vertical;
			    
			        text-align: center;
			    padding-left: 8px;
			}

		.divider{
			height: 1px;
		    width: 100%;
		    margin: 4px 0;
		    background-color: rgba(119,119,119,.2);
		    -webkit-transform-origin: 50% 100%;
		    transform-origin: 50% 100%;
		}
		
	.leaflet-control-layers:not(.leaflet-control-layers-expanded){
		border-radius: 50%;
	}
	.leaflet-popup-content-wrapper{
		border-radius: 6px;
	}
		.marker-data-table{
			
		}
			.marker-data-table td{
				border-bottom: 1px solid #E6E6E6;
				font-size: 13px;
			    line-height: 1.2;
			    padding: 4px 0;
			    vertical-align: text-top;
			}
			.marker-data-table tr:last-child td{
				border-bottom: 1px solid transparent;
			}
			.marker-data-table .marker-data-caption{
				text-align: left;
				color: #999999;
				white-space: nowrap;
				font-weight: 600;
			}
			.marker-data-table .marker-data-value{
				text-align: right;
				color: #4D4D4D;
				padding-left: 10px;
			}
			.leaflet-popup-close-button{
				/* display: none; */
			}
			.leaflet-control-layers-selector{
				visibility: hidden;
				width: 1px;
    			margin: 0;
			}
			
			.leaflet-control-layers label{
				display: inline-block;
				margin: 8px 8px;
				color: #999999;
			}
			.layer-icon{
				width: 72px;
			}
			.leaflet-control-layers-base p{
				margin: 0;
				font-size: 14px;
				font-weight: bold;
    			padding-left: 4px;
			}

			.leaflet-control-layers-base input[type=radio]:checked + span{
				color: #000;
			}
			
			input[type=checkbox].leaflet-control-layers-selector{
				visibility: visible;
				width: 16px;
			}

				.leaflet-control-layers-overlays span{
					margin: 0;
					font-size: 14px;
					font-weight: bold;
	    			padding-left: 4px;
				}

				.leaflet-control-layers-overlays input[type=checkbox]:checked + span{
					color: #000;
				}

/* ASSET EDIT */
.edit_top{
	text-align: center;
}
	.edit_top img {
	    width: 80px;
	}
	.asset_img {
	    text-align: center;
	    position: relative;
	    /* padding: 0 0 16px; */
	}
		.asset_img img {
		    width: 50%;
		    /* height: 45vw; */
		    max-width: 224px;
		    max-height: 224px;
		    border-radius: 100%;
		}
		.upload_photo {
		    position: absolute;
		    top: 0;
		    right: 50%;
		    margin-right: -100px;
		    color: #fff;
		    font-size: 18px;
		}
	
	.edit_top p{
		position: relative;
		text-transform: uppercase;
		font-size: 14px;
		display: inline-block;
		color: rgba(255,255,255,.7);
	}	
		.edit_top p span{
			color: #fff;
		}
		.edit_top p .asset_edit_imei{
			font-size: 16px;
		}
	.edit_top p:after{
		content: '';
	    position: absolute;
	    bottom: -4px;
	    left: 0;
	    right: 0;
	    margin: auto;
	    width: 100%;
	    height: 1px;
	    background: #D1D1D1;
	    
	}

		.item-title.label.color-boatwatch{
			color: #3FA8B2;
		}
		.list-block .item-divider, .list-block .list-group-title{
			font-size: 16px;
			color: #fff;			
			background-color: transparent;
			/* padding: 12px 16px 0; */
			text-transform: uppercase;
		}
		.popover .list-block .item-divider{
			color: rgba(0,0,0,.54);
		}
		.list-block .item-divider:before, 
		.list-block .list-group-title:before,
		.list-block .with-top-divider:before{
			content: '';
		    position: absolute;
		    left: 0;
		    bottom: auto;
		    right: auto;
		    top: 0;
		    height: 1px;
		    width: 100%;
		    background-color: rgba(255,255,255,.2);
		    display: block;
		    z-index: 15;
		    -webkit-transform-origin: 50% 100%;
		    transform-origin: 50% 100%;
		}

		.list-block .no-before.item-divider:before,
		.list-block .no-before.list-group-title:before{
			background-color: rgba(255,255,255,0);
		}

/* ASSET EDIT PHOTO */
#redo{
	position: fixed;
	bottom: 20px;
	left :20px;
	font-size: 30px;
}
#undo{
	position: fixed;
	bottom: 20px;
	right :20px;
	font-size: 30px;
}

.asset_img_before_crop{
	width: 100%;
}
	.asset_img_before_crop img{
		width: 100%;
		max-width: 100%;
	}

/* PROFILE */
.profile_page{

}
	.profile_page .list-block{
		margin-top: 0;
	}
/* ALARM */
.alarm_page{

}
	.alarm_switch_container{
		padding: 0 16px;
		line-height: 56px;
    	height: 56px;
	}
	.alarm_list{
		margin-top: 8px;
	}

	.alarm_list.list-block ul:before{
		display: none;
	}

/* UPGRADE */

			
/* GEOFENCE */

.geofence_page{

}
	.icon-add_geofence{
		font-size: 30px;
	}
	.geofenceList{
		margin: 8px 0;
	}
		.geofenceList li:after{
			content: '';
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    right: auto;
		    top: auto;
		    height: 1px;
		    width: 100%;
		    background-color: rgba(119,119,119,.2);
		    display: block;
		    z-index: 15;
		    -webkit-transform-origin: 50% 100%;
		    transform-origin: 50% 100%;
		}


		.geofenceList .item-inner:after{
			display: none;
		}
		.geofenceList .item-after i{
			vertical-align: middle;
		}
		
		.geofenceList .item-title{
			text-transform: uppercase;			
		}

		.layout-dark.geofenceList .item-title.label{
			color: #fff;
		}
		/* GEOLOCK */


		.input_geolock_radius{
			position: absolute;
			z-index: 500;
			top: 18px;
			/* width: 100%; */
			/* width: 100%;
			text-align: center; */
			margin: 0;
			padding: 0 32px;
			box-sizing: border-box;
		}
		.input_geolock_radius:after{
			display: none;
		}		
			.input_geolock_radius input{				
				border: none;
				padding: 0 16px;
				font-size: 14px;
	    		height: 32px;
	    		width: 100%;
	    		box-sizing: border-box;

	    		-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
				-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
				box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
			}

		.geofence_add_page .position_bottom{
			height: initial;
			position: relative;
			text-align: left;
			padding: 0;
		}
		.geofence_add_page .list_geofence_preferences{
			margin: 0 ;
		}

			.list_geofence_preferences .smart-select .item-inner:after{
				content: '';
			    position: absolute;
			    left: 0;
			    bottom: 0;
			    right: auto;
			    top: auto;
			    height: 1px;
			    width: 100%;
			    width: calc(100% - 16px);
			    background-color: rgba(0,0,0,.12);
			    display: block;
			    z-index: 15;
			    -webkit-transform-origin: 50% 100%;
			    transform-origin: 50% 100%;

			    -webkit-transform: scaleY(2)!important;
   				transform: scaleY(2)!important;
   				background-color: #D1D1D1;
			}
			
			    
				.list_geofence_preferences .smart-select .item-inner .item-title{
					font-size: 14px;
				}
			.list_geofence_preferences .smart-select .item-after{
				padding: 4px 0;
				margin-left: 0;
				font-size: 16px;
				color: #fff;
				max-width: 100%;
				padding-right: 20px;
				    min-height: 24px;
			}
			
			.theme-dealer .list-block.media-list .item-with-arrow.item-select-wrapper .item-inner{
				padding-right: 0;
				background: none;
			}

			.theme-dealer .list-block.media-list .item-with-arrow.item-select-wrapper .item-inner .item-input{
				background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
			    
			    background-size: 15px 25px;
			    background-repeat: no-repeat;
			    background-position: 95% center;
			    background-position: -webkit-calc(100% - 16px) center;
			    background-position: calc(100% - 16px) center;
			}
				/* .list_geofence_preferences .smart-select .item-after:before,
				.select_alarm_type_wrapper:before,
				.select_time_range_state:before{
					content: "";
					display: block;
					position: absolute;
					background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat right center;
					right: 0;
				    				top: 0;
				    				bottom: 0;
				    				margin: auto;
				    				width: 15px;
				    				height: 10px;
				} */

				.list-block input[type=date]:before,
				.list-block input[type=time]:before{
					content: "";
					display: block;
					position: absolute;
					background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat right center;
					right: -5px;    				
    				bottom: 0;    				
    				width: 15px;
    				height: 10px;

    				-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					-ms-transform: rotate(-45deg);
					-o-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}

				
				
			
			.form_geofence_search_address input{
				padding-right: 38px !important;
			}
			.form_geofence_search_address button{
				position: absolute;
			    top: 0;
			    right: 0;
			    border: none;
			    background: transparent;
			}

		.time_range_block{
			/* display: none; */
			background: #EAEAEA;
			/* box-shadow: inset 0 0 5px rgba(0,0,0,.25); */
			box-shadow: 0 20px 20px -20px rgba(0,0,0,.25) inset, 0 -20px 20px -20px rgba(0,0,0,.25) inset;
			padding-bottom: 14px;
			height: 75px;
		}
		.time_range_block.active{
			height: auto !important;
		}
			.list-block.inputs-list.list_geofence_preferences .time_range_block .item-inner{

			    /* padding-bottom: 14px; */
			    margin-bottom: 0;
			}
    

			.list_geofence_preferences .time_range_block .item-input span{
				position: absolute;
				font-size: 14px;
				top: 50%;
	    		transform: translateY(-50%);
			}
			.list_geofence_preferences .time_range_block .item-input span + input{
				padding-left: 60px;
			}

			.time_range_block label.label-checkbox{
				padding-left: 0;
			}
				.time_range_block label.label-checkbox .item-after{
					margin-left: 0;
				}
					.time_range_block label.label-checkbox .item-after i.icon.icon-form-checkbox{
						margin-left: 0;
					}



.theme-dealer .select_input.input-field:after, .theme-dealer .select_input.item-input-field:after{
	background: rgba(255,255,255,0) !important;
}



.smart-select-page .navbar {
	background: #fff ; 
	color: #000;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.smart-select-page .searchbar {
	/* background: #fff; */
}
.smart-select-page .page-content{
	    background-color: #333;
}
	.smart-select-page .list-block .item-title{
		color: #fff;
	}
.smart-select-page .navbar i.icon-back{
	font-size: 28px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NCA1NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTQgNTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtvcGFjaXR5OjA7ZmlsbDojNDE0MTQxO30NCgkuc3Qxe2ZpbGw6IzQxNDE0MTt9DQo8L3N0eWxlPg0KPGcgaWQ9ImljX3g1Rl9hcnJvd0JhY2tfeDBEX18zIj4NCgk8ZyBpZD0iWE1MSURfMV8iPg0KCQk8cmVjdCBpZD0iWE1MSURfNF8iIHk9IjAiIGNsYXNzPSJzdDAiIHdpZHRoPSI1NCIgaGVpZ2h0PSI1NCIvPg0KCQk8cGF0aCBpZD0iWE1MSURfMl8iIGNsYXNzPSJzdDEiIGQ9Ik00NSwyNC44SDE3LjZsMTIuNi0xMi42TDI3LDlMOSwyN2wxOCwxOGwzLjItMy4yTDE3LjYsMjkuM0g0NVYyNC44eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
}
	.smart-select-page .list-block{
		margin: 16px 0;
	}
			.smart-select-page .list-block ul:before,
			.smart-select-page .list-block ul:after,
			.smart-select-page .list-block .item-inner:after,
			.smart-select-page .list-block .item-inner:after
			{
				display: none;
			}
				.smart-select-page .list-block ul li label .item-media img{
					width: 48px;
				}
/*
==============================================
tossing
==============================================
*/

.tossing{
  animation-name: tossing;
  -webkit-animation-name: tossing;  

  animation-duration: 1.5s; 
  -webkit-animation-duration: 1.5s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
  0% {
    transform: rotate(-5deg); 
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg); 
  }           
}

@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-5deg); 
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg); 
  }       
}



/* LOW CREDIT BALANCE MODAL */
.custom-modal-logo-wrapper{
	text-align: center;
}
	.custom-modal-logo{
		max-width: 160px;
		 width: 100%;
	    /* max-height: 105px; */	   
	    /* height: 100%; */
	}
.custom-modal-title{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	word-break: break-all;
}
.custom-modal-text{
	margin-top: 10px;
	color: #757575;
	font-size: 16px;
}

	.menu_remainings.custom-modal-remaining{
		text-align: left;
    	margin: 0;
    	position: relative;
    	background: transparent;
    	padding: 12px 0 0;
	}