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


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

select{
	position: relative;
	z-index: 5;
}

.vertical-center {
  	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}
.content-divider{
	width: 100%;
	height: 1px;
	background: #F2F1F4;
}

.text-a-c,
.text-align-center{
	text-align: center;
}
.w-space-normal{
	white-space: normal;
}
.dislay_none{
	display: none;
}
.display-flex{
	display: flex;
}
.justify-content-space-between{
	justify-content: space-between!important;
}
.align-items-center{
	align-items: center!important
}
.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 48px;
    font-size: 20px;
}

.no-margin{
	margin: 0!important;
}
.no-padding{
	padding: 0!important;
}
.no-padding-bottom{
	padding-bottom: 0!important;
}
.m-0{
	margin: 0!important;
}
.pl-16{
	padding-left: 16px;
}
.pr-16{
	padding-right: 16px;
}
.mt-16{
	margin-top: 16px;
}
.mt-0{
	margin-top: 0!important;
}
.ml-0{
	margin-left: 0!important;
}
.pl-0{
	padding-left: 0!important;
}
.pr-0{
	padding-right: 0!important;
}
.pv-8{
	padding-left: 8px;
	padding-right: 8px;
}
.padding-vertical-8{
	padding-top: 8px!important;
	padding-bottom: 8px!important;
}
.font-size-14{
	font-size: 14px;
}
.font-size-12{
	font-size: 12px!important;
}
.line-height-14{
	line-height: 14px!important;
}
.bg-color-page{
	/* background-color: #333; */
}

.bg-dealer{
	background: #384053 !important;
}

.color-dealer{
	color: #384053;
}
.color-danger{
	color: #992B2B;
}
.layout-dark.list-block input{
	color: #fff;
}
.display-flex{
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: -webkit-flex!important;
	display: flex!important;
}
/* .address-row4{
	max-height: initial;
	-webkit-line-clamp: 4;
} */

.text_row_4{
	-webkit-line-clamp: 4 !important;
    max-height: initial !important;
}

.navbar.theme-dealer, .subnavbar.theme-dealer, .theme-dealer .navbar, .theme-dealer .subnavbar, .theme-dealer .toolbar, .toolbar.theme-dealer{
	background: #384053;
}
.tabbar-fixed .toolbar, .tabbar-labels-fixed .toolbar, .toolbar-fixed .toolbar,
.navbar-fixed .navbar, .navbar-through .navbar{
	box-shadow: none;
}
/* .theme-dealer .list-block input[type=date], .theme-dealer .list-block input[type=datetime-local], .theme-dealer .list-block input[type=email], .theme-dealer .list-block input[type=number], .theme-dealer .list-block input[type=password], .theme-dealer .list-block input[type=search], .theme-dealer .list-block input[type=tel], .theme-dealer .list-block input[type=text], .theme-dealer .list-block input[type=time], .theme-dealer .list-block input[type=url], .theme-dealer .list-block select, .theme-dealer .list-block textarea{
	color: #2196f3;
} */
.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: none;
}

.theme-dealer .searchbar{
	background: #EBEBEB;
}

	.searchbar input[type=search],
	.searchbar input {
	    box-sizing: border-box;
	    width: 100%;
	    height: 32px;
	    display: block;
	    border: none;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    -ms-appearance: none;
	    appearance: none;
	    border-radius: 0;
	    font-family: inherit;
	    color: #fff;
	    font-size: 16px;
	    font-weight: 400;
	    padding: 0;
	    border-bottom: 1px solid #fff;
	    height: 100%;
	    padding: 0 36px 0 24px;
	    background-color: transparent;
	    background-repeat: no-repeat;
	    background-position: 0 center;
	    opacity: .6;
	    -webkit-background-size: 24px 24px;
	    background-size: 24px 24px;
	    -webkit-transition-duration: .3s;
	    transition-duration: .3s;
	    /* background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23FFFFFF'%20height%3D'24…4z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E)'; */
	}
	.theme-dealer .searchbar input[type=search],
	.theme-dealer .searchbar input{
		border: 1px solid #C6C6C6;
		background: #fff;
		border-radius: 3px;
		color: rgba(61,136,237,1);
		opacity: 1;
    	padding: 0 80px 0 16px;
	}
	.theme-dealer .searchbar input::-webkit-input-placeholder {
	 	color: rgba(61,136,237,.5);
	}
	.theme-dealer .searchbar input::-moz-placeholder {
	 	color: rgba(61,136,237,.5);
	}
	.theme-dealer .searchbar input:-ms-input-placeholder {
	 	color: rgba(61,136,237,.5);
	}
	.theme-dealer .searchbar input:-moz-placeholder {
	 	color: rgba(61,136,237,.5);
	}
	.searchDevice{
		position: absolute;
    	width: 40px;
    	height: 100%;
    	right: 0;
    	top: 0;
    	/* color: #384053; */
    	-webkit-transition-duration: .3s;
    	transition-duration: .3s;
    	cursor: pointer;
    	padding-top: 4px;
	}

	.searchClear{
		display: none;
		position: absolute;
    	width: 40px;
    	height: 100%;
    	right: 0;
    	top: 0;
    	/* color: #384053; */
    	-webkit-transition-duration: .3s;
    	transition-duration: .3s;
    	cursor: pointer;
    	padding-top: 4px;
	}

	.scanBarCode{
		position: absolute;
    	width: 40px;
    	height: 100%;
    	right: 0;
    	top: 0;
    	/* color: #384053; */
    	-webkit-transition-duration: .3s;
    	transition-duration: .3s;
    	cursor: pointer;
    	padding-top: 4px;
    	/* font-size: 20px; */
	}
	.searchbar .scanBarCode{
		right: 40px;
	}
/* .layout-dark .item-inner:after, .layout-dark .list-block ul ul li:last-child .item-inner:after{
	background-color: #757575;
} */
.theme-dealer .content-block-title{
	color: #2196f3;
}

.theme-dealer .list-block .input-item .floating-label, .theme-dealer .list-block .input-item .label, .theme-dealer .list-block.inputs-list .floating-label, .theme-dealer .list-block.inputs-list .label{
	font-size: 18px;
}
.theme-dealer .list-block .border_bottom  .item-inner: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%;
}

.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: 4px;
		    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;*/


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

			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;

		}
			.action_button_text: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_text:after {
				display: none;
			}

	.list-block-readonly.list-block{
		color: #757575;

	}
		.list-block-readonly.list-block ul{
			padding: 8px 0;
		}
		.list-block-readonly.list-block .item-content{
			min-height: auto;
		}
			.list-block-readonly.list-block .item-media,
			.list-block-readonly.list-block .item-inner{
				padding-top: 2px;
				padding-bottom: 2px;
				min-height: auto;
				min-width: 90px;
			}
			.list-block-readonly-wider.list-block-readonly.list-block .item-media,
			.list-block-readonly-wider.list-block-readonly.list-block .item-inner{
				min-width: 80px;
			}
			.list-block-readonly.list-block .item-content:first-child{
				color: #212121;
				font-weight: bold;
			}
			.list-block-readonly.list-block .item-content.color-blue:first-child{
				color: #2196f3;
			}
	.list-block-first{
		margin-top: 8px;
	}
		.list-block-first.list-block ul:before{
			display: none;
		}

.bottom_divider{
	position: relative;
}
	.bottom_divider ul:before,
	.bottom_divider ul:after{
		display: none;
	}
	.bottom_divider: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%;
	}

.border_top:before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,.12);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
/* .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_wrapper{
	position: relative;
    min-height: 100%;
}
.menu{
	/* margin: 0;	 */
	margin-bottom: 0;
    margin-top: 12px;
    padding-bottom: 60px;
}
	.menu_header{
		padding: 16px 16px 8px;
	}
		.user_photo{
			width: 60px;
			height: 60px;
			background: #fff;
			border-radius: 50%;
		}
			.user_f_l {
				font-size: 24px;
				text-transform: uppercase;
			}
	.user_name, .user_email{
		font-size: 16px;
		line-height: 1.2;
		color: #fff;
	}
	.user_email{
		color: #AAAAAA;
	}
	.menu ul:before,
	.menu ul:after{
		display: none;
	}
		.menu ul a:last-child{
			margin-bottom: 24px;
		}
		.menu .item-content .item-media{
			color: #757575;
		}
		.menu .item-content{
			/* color: #333333; */

			/* font-size: 18px; */
		}
		.menu .item-content:active, .menu .item-content:active .item-media,
		.menu .item-content:hover, .menu .item-content:hover .item-media{
			background-color: #F2F1F4;
			color: #3D88ED;
		}
		/* .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: #3D88ED;
			background: #EBEBEB;

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

	.tabbar a.tab-link {
	    color: rgba(255,255,255,.5);
	    font-size: 16px;
	    text-transform: none;
	}
		.tabbar .tab-link-highlight{
			background: rgba(255, 255, 255, 1);
		}

	.tabs .content-block{
		margin: 0;
	}
	.assetList{
		margin: 0;
	}
		.menuDevice{
			cursor: pointer;
		}

		.assetList .item-subtitle{
			color: #757575;
		}

	.new_not{

	}
	.notification_button i {
	    position: relative;
	}
		.notification_button.new_not i:after {
		    content: '';
		    position: absolute;
		    width: 8px;
		    height: 8px;
		    background-color: #CC1717;
		    border-radius: 100%;
		    top: 0;
		    right: 0;
		}



	.first_login{
		//background: url('../images/img_home.png') no-repeat center bottom;
	}
		.first_login_block{
			display: none;
		}
		.content_block_notes span{
			font-size: 18px;
    		font-weight: bold;
		}
		.first_login .first_login_block{
			display: block;
		}
/* LOGIN */
.login_page .login-screen-content{
	background: url('../images/bg.png') no-repeat center center;
	background-size: cover;
}
	.logo{
		margin-top:80px;
		/* padding: 0 16px; */
		text-align: center;
	}
		.logo img{
			width: 100%;
			max-width: 480px;
		}

		.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{

				}
					.login_list .item-input input{
						/* border-radius: 2px; */
						border: none;
						background-color: rgba(255,255,255,.0);
						/* height: 55px; */
						padding: 0;
						color: rgba(255,255,255,1);
					}

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

					    transition: all .3s;
					}

					.login_list .item-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
					 	color: rgba(255,255,255,.8);
					}
					.login_list .item-input input::-moz-placeholder { /* Firefox 19+ */
					 	color: rgba(255,255,255,.8);
					}
					.login_list .item-input input:-ms-input-placeholder { /* IE 10+ */
					 	color: rgba(255,255,255,.8);
					}
					.login_list .item-input input:-moz-placeholder { /* Firefox 18- */
					 	color: rgba(255,255,255,.8);
					}
					.login_list .input-field:after, .item-input-field:after{
						background-color: rgba(255, 255, 255, 1);
					}
					.forget_pwd_wrapper{
						text-align: right;
						padding-right: 16px;
					}
						.forget_pwd_wrapper a{
							text-decoration: underline;
						}

		.login_list.list-block .input-item .floating-label, .login_list.list-block.inputs-list .floating-label{
			color: #fff;
		}

		.theme-dealer .login_list .input-field.focus-state:after,
		.theme-dealer .login_list .input-field.not-empty-state:after,
		.theme-dealer .login_list .item-input-field.focus-state:after,
		.theme-dealer .login_list .item-input-field.not-empty-state:after{
			background: rgba(255,255,255,1);
		}
		.btn_login{
			width: 224px;
			/* margin: 0 auto; */
			border: none;

			font-size: 24px;

		}

		.theme-dealer .button.button-fill.btn_login{
			background: #fff;
			color: #000;
		}


/* USER PROFILE */

.user_img{
	/* height: 220px; */
	/* width: 100%; */
	height: 220px;
	overflow: hidden;
	/* background-image: url("../images/other_add_photo.svg"); */
	background-position: center center;
	/* background-size: cover; */
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
}
	.user_img img{
		width: 50%;
    	height: 50vw;
    	max-width: 224px;
    	max-height: 224px;
    	/* border-radius: 100%; */
	}
	.profile_header .user_name{
		text-align: center;
		/* margin-left: 72px; */

		font-size: 28px;
	    line-height: 1.5;
	   /*  position: absolute;
	   	bottom: 0;
	   	left: 50%;
	   	transform: translateX(-50%); */
	}

	.page_profile .list-block input[type=date],
	.page_profile .list-block input[type=datetime-local],
	.page_profile .list-block input[type=email],
	.page_profile .list-block input[type=number],
	.page_profile .list-block input[type=password],
	.page_profile .list-block input[type=search],
	.page_profile .list-block input[type=tel],
	.page_profile .list-block input[type=text],
	.page_profile .list-block input[type=time],
	.page_profile .list-block input[type=url],
	.page_profile .list-block select,
	.page_profile .list-block textarea{
		color: #2196f3;
	}


/* NOTIFICARIONS */

.notificationList{
	margin: 0;
}
	.notificationList li{
		-moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
	}
	.notificationList .list-block .item-after{
		color: #2196f3;
	}
	.checkbox-hidden, .time{
		display: none;
	}
	.show{
		display: block;
	}

		.list-block .checkbox-hidden .item-content{
			min-height: 18px;
			padding: 3px 3px 3px 16px;
		}
		.list-block .checkbox-hidden .item-content .item-inner{
			padding: 0;
    		min-height: 18px;
		}

		.list-block .checkbox-hidden .item-content .item-inner:after{
			display: none;
		}


/* PAGE SETTINGS */

.page_settings{

}
	.page_settings .list-block .label
	{
		color: #212121;
	}
	.page_settings .list-block input[type=date],
	.page_settings .list-block input[type=datetime-local],
	.page_settings .list-block input[type=email],
	.page_settings .list-block input[type=number],
	.page_settings .list-block input[type=password],
	.page_settings .list-block input[type=search],
	.page_settings .list-block input[type=tel],
	.page_settings .list-block input[type=text],
	.page_settings .list-block input[type=time],
	.page_settings .list-block input[type=url],
	.page_settings .list-block select,
	.page_settings .list-block textarea{
		color: #2196f3;
	}
	.page_settings .content-block-title{
		/* padding-top: 0; */
		margin: 0;
    	padding: 16px;
	}
	.page_settings .list-block{
		margin: 0;
	}

	.list-block-readonly-iputs .item-title{
		color: #757575;
	}
	.list-block-readonly-iputs .item-title span{
		font-size: 18px;
		color: #212121;
	}

	.showBlockControll{

	}
		.showBlockControll i{
			position: absolute;
			right: 16px;
			top: 10px;
		}

		.select_arrow{
			position: absolute;
    		right: 0;
    		top: 5px;
    		color: #2196f3;
    		    z-index: 4;
		}

	.credit_card{
		width: 304px;
		height: 178px;
		margin: 16px auto;
		background: url('../images/credit_card.png') no-repeat center center;
		background-size: contain;
		position: relative;
		box-sizing: border-box;
		padding: 12px 12px 0 24px;
	}
		.credit_card input[type=text],
		.credit_card input[type=tel],
		.credit_card select{
			background: #fff;
			/* position: absolute; */
			padding: 0 8px;
    		height: 26px;
    		border-radius: 4px;
    		border: 1px solid gray;
    		box-sizing: border-box;
    		text-align: center;
		}

		.cc_input{

		}
		.credit_card select.card_type{
			width: 100px;
		}
		.credit_card input.card_number{
			width: 100%;
    		margin-top: 50px;
		}
		.credit_card input.exp_date{
			width: 80px;
			margin-left: auto;
			margin-top: 8px;
		}
		.credit_card input.card_holder{
			width: 160px;
    		margin-top: -8px;
		}

/* PAGE VERIFICATION */

.verify_img{
	width: 100%;
    max-width: 132px;
}
.verify_text{
	font-size: 32px;
}
.verified{
	color: #39B54A;
}
.not_verified{
	color: #BA2020;
}


/* PAGE POSITION */

.position_map{
	height: 60%;
}
	.map{
		width: 100%;
	    height: 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;
			}

.asset-image-big-wrapper .user-img{
	width: 120px;
	height: 120px;
}
.user-img-shadow{
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.15);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,.15);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,.15);

}
.rounded{
	border-radius: 50%;
}

/* 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%;
	}



/* RECHARGE / RENEW */
.recharge_page{

}
	.recharge_page .content-block-title{
		font-size: 24px;
		/* color: #4F4F4F; */
		text-align: center;
	}
	.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;
			-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0, 0.7);
		    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0, 0.7);
		    box-shadow: 0px 0px 8px 0px rgba(0,0,0, 0.7);
		    text-align: center;
		}
		.recharge_block3{

			position: absolute;
			top: 20px;
			left:0;
			right:0;
			margin-left:auto;
			margin-right:auto;
		}
			.recharge_block_top{

			}
				.recharge_block p{
					margin: 0;
					padding: 16px 0;
					font-size: 14px;
					color: #858585;
				}
				.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_middle{
				background-color:  #F83434;
			}
				.recharge_block_middle p{
					color: #fff;
				}
			.recharge_block_bottom{

			}
				.button_buy_now{
					display: block;
					margin: 16px;
					padding: 8px 0;
					border-radius: 3px;

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

					background-image: -moz-linear-gradient( 90deg, rgb(50,169,50) 0%, rgb(85,204,85) 100%);
				    background-image: -webkit-linear-gradient( 90deg, rgb(50,169,50) 0%, rgb(85,204,85) 100%);
				    background-image: -ms-linear-gradient( 90deg, rgb(50,169,50) 0%, rgb(85,204,85) 100%);
				    webkit-box-shadow: inset 0px -2px 0px 0px rgba(77,110,84, 0.75);
			    	-moz-box-shadow: inset 0px -2px 0px 0px rgba(77,110,84, 0.75);
				    box-shadow: inset 0px -2px 0px 0px rgba(77,110,84, 0.75);
				}
				.recharge_block3 .button_buy_now{
					margin: 18px 24px;
				}


/* COMMAND HISTORY */

.commandsHistoryList ul{
	height: auto !important;
}
	.commandsHistoryList .item-after{
		color: #000;
	}
	.commandsHistoryList .item-text{
		    max-height: initial;
    		-webkit-line-clamp: initial;
    		word-break: break-all;
	}

	.list-block .item-content.with-divider-bottom .item-inner:after{
		display: none;
	}
	.list-block .item-content.with-divider-bottom: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%;
	}
	.list-block .item-content.with-divider-bottom:last-child:after{
		display: none;
	}



/* SIM INFO */

.list-block-readonly-iputs .item-content .row > div{
	overflow: hidden;
    text-overflow: ellipsis;
}


/* 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;
	}
.theme-dealer .modal .item-input-field:after,
.theme-dealer .modal .input-field.focus-state:after,
.theme-dealer .modal .input-field.not-empty-state:after,
.theme-dealer .modal .item-input-field.focus-state:after,
.theme-dealer .modal .item-input-field.not-empty-state:after{
	background: #757575;
}

.install-photo-item{
	margin-bottom: 16px;
	height: 120px;
	position: relative;

}
	.install-photo-item img{
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		max-height: 100%;
		max-width: 100%;
		border-radius: 6px;
	}
	.removePhoto{
		position: absolute;
		right: 0;
		top: 0;
		padding: 4px;
	}

.modal{
	max-height: 80%;
	overflow: auto;
}

.list-block.media-list .smart-select .item-after{
	max-width: 100%;
	padding-left: 0;
	margin-bottom: 4px;
	min-height: 36px;
	font-size: 16px;
}
.smart-select-page .list-block .item-content .item-inner .item-title{
	white-space: initial;
}

.list-block li.media-item .item-link.smart-select .item-inner,
.list-block.media-list .item-link.smart-select .item-inner{
	padding-right: 42px;
	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'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
	background-size: 10px 20px;
	background-repeat: no-repeat;
	background-position: 95% center;
	background-position: -webkit-calc(100% - 16px) center;
	background-position: calc(100% - 16px) center;
}

/*sms history*/


.item-inner-commands-history{
	display: block !important;
}

.item-inner-commands-history .item-text {
	/*word-wrap: initial;*/
	min-height: 20px;
	height: 20px;

}

.item-inner-commands-history i{
	color: #27a6e1;
}

.item-inner-commands-history .item-text{
	color: #191919;
	font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    max-height: 20px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	display: inherit;
}

.color-status-red, .history-status-red{
  color: #f44336 !important;
}


.color-status-grey, .history-status-grey{
  color: #757575 !important;
}

.color-status-blue, .history-status-blue{
  color: #2196f3 !important;
}

.color-status-green, .history-status-green{
  color: rgb(58, 181, 74) !important;
}

.color-status-yellow, .history-status-yellow{
  color: #ffb880 !important;
}


.history-status{
	font-size: 12px;
    color: #b3b3b3;
    /* line-height: 2em; */
    margin-top: -28px;
    margin-left: 30px;
    position: initial;
}

.pl-10{
	padding-left: 10px;
}
.pt-0{
	padding-top: 0px !important;
}

.commandsHistoryList .item-content{
		    cursor: pointer;
	}

.commandsHistoryList .item-text{
		    max-height: initial;
    		-webkit-line-clamp: initial;
    		/*word-break: initial !important;*/
	}

.show-command-page .message-expand{
	word-wrap: break-word;
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
}

/*
.modal-inner{
	padding-bottom: 68px;
}
.modal-buttons{
	position: absolute;
	bottom: 0;
	right: 0;
}*/

.list-block .smart-select .item-after{
	color: #212121;
}

.left-title-block{
    display: inline-block;
}

.right-title-block{
    display: inline-block;
}

.sm-btn{
	height: 26px;
	line-height: 26px;
	max-width: 100px;
}

.pt-30{
	padding-top: 30px;
}

.text-color-red{
	color: #ff3b30;
}

.power-settings-page .content-block-title .item-title-row {
	display: flex;
    padding: 0 20px;
}
.power-settings-page .content-block-title {
    margin: 32px 0 10px 0;
}

.power-settings-page .item-after{
	margin-top: 8px;
}