body, html {
	overflow-y: visible;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	color: #4d5055;
	line-height: 1.5em;
	height: 100%;
	width: 100%;
}
a:focus, a:hover {
	color: #00a2ff !important;
}
a.btn-custom-link {
	text-decoration: none;
}
select.greenText {
	padding: 10px;
}

input[type=email], input[type=number], input[type=password], input[type=text], textarea {
	width: 100%;
	min-height: 46px;
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	background: #fff;
	padding: 11px 14px;
	font-size: 16px;
	word-break: normal;
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
	line-height: normal;
	margin: 0;
}
select.custom-select {
	padding: 10px;
	border: 1px solid lightgray;
}
.select:focus {
	border-color: #00a2ff !important;
}
.custom-container {
	width: 100%;
	max-width: 1024px;
	margin: 35px auto 0;
}
.custom-container-1 {
	max-width: 600px;
	margin: 0 auto;
	width: 100%;
}
.custom-container-1 .content-wrapper {
	padding: 30px 70px;
	width: 100%;
	border: 1px solid #d0d0d0;
	color: #4d5055;
	font-size: 14px;
}
.mt15 {
	margin-top: 20px;
}
#colorselector {
	width: 100%;
	padding: 10px;
	border: 1px solid lightgray;
}
.currency-location {
	position: relative;
}
.currency-location img {
	width: 100%;
	height: auto;
	margin-left: -40px;
}
.currency-location .show {
	position: absolute;
	left: 0;
	right: 0;
	width: 50%;
	margin: 0 auto;
	top: 0;
	height: 100%;
}
.currency-location .show div:first-child {
	position: absolute;
	left: 0;
	top: 30px;
}
.modal-header {
	padding: 15px;
	border-bottom: none !important;
}
input.select-checkbox {
	width: 16px;
	height: 16px;
	display: block;
	background: #f8f8f8;
	border-radius: 2px;
	position: relative;
	border: 1px solid #d0d0d0;
	cursor: pointer;
}

.inline-block {
	display: inline-block;
}
.currency-location .show div:nth-child(2) {
	position: absolute;
	right: 0;
	top: 30px;
}
.select-checkbox:checked+.select-checkbox-label:after {
	content: "";
	position: absolute;
	left: 2px;
	top: 6px;
	background: #fff;
	width: 2px;
	height: 2px;
	box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.section-wrapper_index {
	padding: 15px 10px;
	max-width: 800px;
	width: 100%;
	float: left;
	border: 1px solid #d0d0d0;
}
.currency-location .show div:nth-child(3) {
	position: absolute;
	left: 0;
	bottom: 62px;
}
.currency-location .show div:nth-child(4) {
	position: absolute;
	right: 0;
	bottom: 62px;
}

.content-wrapper {
	width: 100%;
	max-width: 864px;
	float: left;
	padding: 15px 0 15px 50px;
}
.welcomeImg {
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #d0d0d0;
	margin: 0 40px 40px;
}
.welcomeImg img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
}
.font-weight-600 {
	font-weight: 600;
}
.mt30 {
	margin-top: 30px;
}
.start-plan-container {
	height: 50px;
	align-items: center;
	margin-top: 18px;
	flex-wrap: wrap;
	text-align: center;
	display: block;
}
.btn-custom-primary {
	margin: 0 0 0 10px!important;
	font-weight: 700;
	background-color: #00a2ff;
	-webkit-appearance: none;
	border: 1px solid #00a2ff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	cursor: pointer;
	outline: none;
	padding: 12px 12px 11px;
	border-radius: 0;
	display: inline-block;
	user-select: none;
	box-sizing: border-box;
}
.btn-custom-secondary {
	font-weight: 100;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	cursor: pointer;
	outline: none;
	padding: 12px 12px 11px;
	border-radius: 0;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: border-box;
}
.header {
	width: 100%;
	padding: 15px 25px;
	border-bottom: 1px solid #d0d0d0;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}
.app-name-wrapper {
	width: 400px;
	display: inline-block;
}
.appNameLabel {
	padding: 10px 15px 5px;
	font-weight: 700;
	font-size: 18px;
	cursor: pointer;
	color: #4d5055;
}
label {
	max-width: 100%;
	font-weight: 500 !important;
}
.headerDiv {
	font-size: 25px;
	text-align: center;
	padding-bottom: 10px;
}
.basicPlanDiv {
	display: inline-block;
	padding: 10px 15px 5px;
	font-weight: 700;
	font-size: 16px;
	cursor: pointer;
	color: #4d5055;
}
.basicPlanDiv label {
	margin-left: 20px;
	cursor: pointer;
}
.progress-wrapper {
	width: 290px;
	position: absolute;
	margin: auto;
	left: 150px;
	right: 0;
	top: 30px;
}
.progress-wrapper .progress {
	height: 12px;
	border: 1px solid #d0d0d0;
}
.progress, .progress-bar {
	display: flex;
	overflow: hidden;
}
.progress {
	font-size: .75rem;
	background-color: #e9ecef;
	border-radius: .25rem;
}
.progress-wrapper .progress-bar {
	background-color: #00a2ff;
}
.app-status-wrapper {
	display: inline-block;
	float: right;
	padding-top: 5px;
	padding-right:25px;
}
.app-status-wrapper .app-status {
	float: right;
}
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.custom-label {
	position: relative;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #4d5055;
}
.settings-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border: 1px solid #d0d0d0;
}
.settings-wrapper .item {
	flex: 0 0 50%;
	padding: 25px;
}
.settings-wrapper .item .setting-title {
	width: 100%;
	background: #f8f8f8;
	text-align: center;
	font-family: Proxima Nova Rg Regular,sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #4d5055;
	padding: 15px;
	border: 1px solid #d0d0d0;
	cursor: pointer;
}
.settings-wrapper .item .setting-title:hover {
	box-shadow: 0 3px 10px 0 #d0d0d0;
}
.settings-wrapper ul {
	padding: 10px 0 0 20px;
}
.item a {
	text-decoration: none;
}
.app-status-wrapper .custom-label {
	margin-bottom: 45px;
	margin-right: 15px;
	vertical-align: middle;
}
.content-wrapper.setup-done {
	float: none;
	margin: 0 auto;
}
.title-container {
	max-width: 580px;
	width: 100%;
}
.help-link {
	display: none;
	margin-left: 2px;
}
.btn-custom-link {
	font-size: 16px;
	font-weight: 400;
	color: #00a2ff;
	cursor: pointer;
}
.btn-custom-link_secound {
	font-size: 16px;
	font-weight: 400;
	color: #00a2ff;
	cursor: pointer;
}
.section-wrapper {
	padding: 30px 70px;
	max-width: 580px;
	width: 100%;
	float: left;
	border: 1px solid #d0d0d0;
}
.custom-label {
	position: relative;
	margin-bottom: 10px;
	font-family: Proxima Nova Bold,sans-serif;
	font-size: 16px;
	font-weight: 900;
	color: #4d5055;
}
.btn-custom-link {
	font-family: Proxima Nova Rg Regular,sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #00a2ff;
	cursor: pointer;
}
.float-right {
	float: right!important;
}
.float-left {
	float: left!important;
}
.clear-fix {
	clear: both;
}
.setup-container .video-player-mockup {
	width: 100%;
	height: 120px;
	text-align: center;
	margin-top: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 75px;
	color: #d0d0d0;
}
.setup-container {
	float: left;
	position: relative;
	width: 230px;
	border: 1px solid #d0d0d0;
	padding: 15px;
	text-align: center;
	border-left: 0;
	background: #f8f8f8;
}
.btn-custom-third {
	border: 1px solid #00a2ff;
	color: #00a2ff;
	padding: 8px 12px;
	background-color: white;
}
.setup-container:before {
	content: "";
	height: 100%;
	width: 1px;
	position: absolute;
	top: 0;
	left: -1px;
	background: #d0d0d0;
}
.videoBackground {
	background-size: contain;
	cursor: pointer;
}
.setup-container .srashta-ads-wrapper {
	background: #f8f8f8;
	padding: 10px;
	font-family: Proxima Nova Rg Regular,sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #4d5055;
	margin: 15px -15px -15px;
	border-top: 1px solid #d0d0d0;
}
.clear-fix {
	clear: both;
}
.ms-options-wrap {
	width: 100%;
	padding: 5px 20px;
}
.ms-options-wrap > button:focus, .ms-options-wrap > button {

	border: none !important;
}
.btn-add-currency {
	color: #d0d0d0;
	border: 1px solid #d0d0d0;
	border-top: none;
	padding: 12px 25px;
	text-align: center;
}
.btn-add-currency .addCurrency {
	border: 1px solid #00a2ff;
	color: #00a2ff;
	background-color: white;
}
.main-container {
	position: relative;
	box-sizing: border-box;
}
.sub_main-control {
	-webkit-box-align: center;
	align-items: center;
	cursor: default;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	min-height: 38px;
	position: relative;
	transition: all 100ms ease 0s;
	box-sizing: border-box;
	outline: 0px !important;
}
.custom-select-box__control {
	border-radius: 0!important;
	box-shadow: none!important;
	background: #fff!important;
	border: 1px solid #00a2ff !important;
	font-size: 16px!important;
	line-height: 26px!important;
	color: #4d5055!important;
}
.sub1_main{
	-webkit-box-align: center;
	align-items: center;
	display: flex;
	flex: 1 1 0%;
	flex-wrap: wrap;
	position: relative;
	box-sizing: border-box;
}
.custom-select-box__value-container--is-multi {
	max-height: 150px!important;
	overflow: auto!important;
	height: auto!important;
	margin: -5px -20px -5px 0;
	padding: 15px 0!important;
}
.custom-select-box__value-container {
	vertical-align: middle;
}
.css-151xaom-placeholder {
	color: rgb(128, 128, 128);
	margin-left: 2px;
	margin-right: 2px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
}
.sub_under-placeholder{
	color: rgb(128, 128, 128);
	margin-left: 2px;
	margin-right: 2px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
}
.css-mainn{
	margin: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	visibility: visible;
	color: rgb(51, 51, 51);
	box-sizing: border-box;
}
.partition-div-mt-30 {
	margin-top: 30px;
}
.custom-label {
	position: relative;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 600;
	color: #4d5055;
}
.restWorldText {
	font-size: 12px;
	padding-left: 2px;
}
.btn-custom-link {
	font-size: 16px;
	font-weight: 400;
	color: #00a2ff;
	cursor: pointer;
}
.default-currency-notice {
	padding-left: 20px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: 400;
}
.save-btn-wrapper {
	background-color: #f8f8f8;
	width: calc(100% + 140px);
	padding: 15px 0;
	text-align: center;
	margin: 30px -70px -30px;
	border-top: 1px solid #d0d0d0;
}
.btn-custom-secondary {
	background-color: initial;
	border: 1px solid #b8b298;
	color: #b8b298;
}
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul {
	list-style-type: none;
}

a {
	color: #e95846;
	text-decoration: none;
}

.pricing-table-title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2.6em;
	color: #FFF;
	margin-top: 15px;
	text-align: left;
	margin-bottom: 25px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.pricing-table-title a {
	font-size: 0.6em;
}

.clearfix:after {
	content: '';
	display: block;
	height: 0;
	width: 0;
	clear: both;
}
/** ======================== container ============================*/
.pricing-wrapper {
	width: 960px;
	margin: 40px auto 0;
}
.custom_main_click {
	display: none;
}
.pricing-table {
	margin: 0 10px;
	text-align: center;
	width: 300px;
	float: left;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4);
	box-shadow: 0 0 15px rgba(0,0,0,0.4);
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.pricing-table:hover {
	-webkit-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.09);
}

.pricing-title {
	color: #FFF;
	background: #2db3cb;
	padding: 20px 0;
	font-size: 1.5em;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.pricing-table.recommended .pricing-title {
	background: #2db3cb;
}

.pricing-table.recommended .pricing-action {
	background: #2db3cb;
}

.price_full {
	background: #b5b2b0;
	font-size: 1.1em;
	padding: 10px 0px;
	color: #292929;
	margin-bottom: 30px;
}
.pricing-table .price {
	background: #403e3d;
	font-size: 1.5em;
	font-weight: 700;
	padding: 12px 0px;
	color: white;
	margin: 30px;
}
.select_date_selection {
	width: 100%;
	padding: 11px;
	border: 1px solid lightgray;
	margin-bottom: 30px;
}
.select-selected {
	border: 1px solid #00a2ff!important
}

.pricing-table .price sup {
	font-size: 0.4em;
	position: relative;
	left: 5px;
}

.table-list {
	background: #FFF;
	color: #403d3a;
}

.table-list li {
	font-size: 1.4em;
	font-weight: 700;
	padding: 12px 8px;
}

.table-list li:before {
	content: "\f00c";
	font-family: 'FontAwesome';
	color: #2db3cb;
	display: inline-block;
	position: relative;
	right: 5px;
	font-size: 16px;
} 
.row_main {
	margin-top: 30px;
}
.table-list li span {
	font-weight: 400;
	font-size: 14px;
}

.table-list li span.unlimited {
	color: #FFF;
	background: #e95846;
	font-size: 0.9em;
	padding: 5px 7px;
	display: inline-block;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	border-radius: 38px;
}

.copy-btn {
	display: inline-block;
	float: right;
}
.code-string {
	padding: 12px 20px;
	border: 1px solid #d0d0d0;
}
.partition-div-mt-30 {
	margin-top: 30px;
}
.copyInput {
	padding: 0!important;
	border: none!important;
	min-height: 0!important;
	color: #4d5055!important;
}
.table-list li:nth-child(2n) {
	background: #F0F0F0;
}

.table-buy {
	background: #FFF;
	padding: 15px;
	text-align: left;
	overflow: hidden;
}

.table-buy p {
	float: left;
	color: #37353a;
	font-weight: 700;
	font-size: 2.4em;
}
ul.table-list li {
	text-align: justify;
	margin-left: 18px;
}

.table-buy p sup {
	font-size: 0.5em;
	position: relative;
	left: 5px;
}

.table-buy .pricing-action {
	float: right;
	color: #FFF;
	background: #e95846;
	padding: 10px 16px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: 700;
	font-size: 1.4em;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.table-buy .pricing-action:hover {
	background: #cf4f3e;
}

.recommended .table-buy .pricing-action:hover {
	background: #228799;	
}
#parent {
	display: flex;
	margin-bottom: 30px;
}
#narrow {
	width: 60px;
	/* Just so it's visible */
}
#wide {
	flex: 1;
	/* Grow to rest of container */

}
#child {
	display: flex;
	margin-top: 15px;
	border: 1px solid #f5f0f0;
	padding: 10px;
	background-color: #f5f0f0;
}
#narrow_child {
	width: 80px;
	/* Just so it's visible */
}
#wide_child {
	flex: 1;
	/* Grow to rest of container */

}
#child_tab {
	display: flex;
	margin-top: 15px;
	padding: 10px;
}
#narrow_child_tab {
	width: 100%;
	/* Just so it's visible */
}
#wide_child_tab {
	flex: 1;
	/* Grow to rest of container */

}
#wide_child_tab a {
	color: #4d5055;
	text-decoration: none;
}
.select_date {
	border: none;
	width: 85px;
}

/* Popup */


/** ================ Responsive ===================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.pricing-wrapper {
		width: 768px;
	}

	.pricing-table {
		width: 236px;
	}

	.table-list li {
		font-size: 1.3em;
	}

}

@media only screen and (max-width: 767px) {
	.pricing-wrapper {
		width: 420px;
	}

	.pricing-table {
		display: block;
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
	}
}

@media only screen and (max-width: 479px) {
	.pricing-wrapper {
		width: 300px;
	}
} 












/*new style for different tabs*/

select {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 10px;
	width: 50%;
	border: 1px solid lightgray;
	margin-bottom: 1vw;

}
.transferent_blue {
	/*width: 12%;*/
	margin: 7px;
	border: 1px solid #00A2FF;
	background-color: transparent;
	padding: 3px 0px !important;
}
select:focus {
	border: 1px solid lightgray !important;
}
.custom_main_click.intro {
	display: block;
}
.btn-custom-link {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
span.set-default {
	font-size: 16px;
	font-weight: 400;
	color: #00a2ff;
	cursor: pointer;
}
.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}







/*changes in theme*/
.header {
	/*width: 100vw;*/
	padding: 10px 0px;
	border-bottom: 1px solid #d0d0d0;
	box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
}
.slider.round {
	border-radius: 34px;
}
.slider.round:before {
	border-radius: 50%;
}
.app-status-wrapper .custom-label {
	margin-bottom: -0.3vw;
	margin-right: 1vw;
	vertical-align: middle;
}
.app-name-wrapper {
	width: 70vw;
	display: inline-block;
}

/* content of dashboard */
.custom-container {
	width: 100%;
	max-width: 100vw;
	margin: 0vw;
}
#wide_child_tab {
	padding: 1.5vw;
	margin: 4vw 0vw 0vw 18.5vw;
}
.content-wrapper{
	max-width: 100vw;
	padding: 1.5vw 18vw 1vw 3vw;
}
.copy_text,.copy_text_2{
	color: #00a2ff;
	cursor: pointer;
}
.look_label{
	margin:0;
}

/* pricing container */
.transferent_blue {
	margin: 0px; 
	padding: 0.3vw !important;
}
.pricing_label{
	margin-bottom: 0px;
}
.switch{
	float: right;
}
.col-md-9 {
	width: 100%; 
}
.pricing_content{
	margin-bottom: 3vw;
}
.pricing_switch{
	margin-top:0.1vw;
}
#standard-select{
	margin-bottom: 0px !important;
}

/* user record page */
#narrow_child_tab {
	width: 74%;
}
.main_record{
	background-color: #f5f0f0;
	/*margin: 1vw;*/
}
.main_record_color{
	background-color: #f5f0f0;
	margin: 1vw;
	padding: 1vw;
}
.select_date {
	width: 7vw;
}

/* look page */
.color_popover {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 10px;
	width: 50%;
	border: 1px solid lightgray;
	margin-bottom: 1vw;
}
.popover>.arrow:after{
	display: none;
}
#circle_color {
	height: 25px;
	width: 25px;
	background-color: #adfada;
	border-radius: 50%;
	display: inline-block;
}
@media screen and (max-width: 1200px){ 
	.header {
		width: 100vw;
		padding: 0.8vw 1.1vw;
		border-bottom: 1px solid #d0d0d0;
		box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
	}
	.app-status-wrapper .custom-label {
		margin-bottom: -0.2vw;
		margin-right: 1vw;
		vertical-align: middle;
	}
	/* content of dashboard */
	#wide_child_tab {
		padding: 1.5vw;
		margin: 4vw 0vw 0vw 11.5vw;
	}
	.content-wrapper{
		max-width: 100vw;
		padding: 1.5vw 11vw 1vw 3vw;
	}

	/* user record page */
	#narrow_child_tab {
		width: 74%;
	}
	.main_record{
		background-color: #f5f0f0;
		margin: 1vw;
	}
}

@media screen and (max-width: 980px){ 
	.header {
		width: 100vw;
		padding: 0.8vw 1.1vw;
		border-bottom: 1px solid #d0d0d0;
		box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
	}
	.app-status-wrapper .custom-label {
		margin-bottom: 4vw;
		margin-right: 1vw;
		vertical-align: middle;
	}
	/* content of dashboard */
	#wide_child_tab {
		/*padding: 1.5vw;*/
		padding:4vw;
		margin: 4vw 0vw 0vw 8vw;
	}
	.content-wrapper{
		max-width: 100vw;
		padding: 1.5vw 0vw 1vw 3vw;
	}
	.custom-container{
		margin: 4vw auto 0;
	}
}
@media screen and (max-width: 700px){ 
	.header {
		width: 100vw;
		padding: 0.8vw 1.1vw;
		border-bottom: 1px solid #d0d0d0;
		box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
	}
	.basicPlanDiv{
		display: none;
	}
	.app-name-wrapper {
		width: 60vw;
		display: inline-block;
	}
	.app-status-wrapper .custom-label {
		margin-bottom: 7vw;
	}
	/* content of dashboard */
	#wide_child_tab {
		padding: 6vw;
		margin: 4vw 0vw 0vw 0vw;
	}
	.content-wrapper{
		max-width: 100vw;
		padding: 1.5vw 0vw 1vw 3vw;
	}
}
@media screen and (max-width: 568px){ 
	.header {
		width: 100vw;
		padding: 0.8vw 1.1vw;
		border-bottom: 1px solid #d0d0d0;
		box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
	}
	.basicPlanDiv{
		display: none;
	}
	.app-name-wrapper {
		width: auto;
		display: inline-block;
	}
	.app-status-wrapper .custom-label {
		margin-bottom: 7vw;
		display: none;
	}
	#child_tab{
		display: block;
	}
	#narrow_child_tab {
		width: 100%;
	}
	#wide_child_tab {
		padding: 3vw;
		margin: 0 0vw 25px 0vw;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid #989898;
	}
	#wide_child_tab a {
		width: 33.33%;
	}
	.content-wrapper{
		padding: 1.5vw 0vw 1vw 3vw;
		margin-bottom: 25px !important;
	}
	.section-wrapper,.settings-wrapper{
		padding: 15px;
	}
	.settings-wrapper .item {
		flex: 0 0 100%; 
		padding: 25px;
	}
	.currency-location .show {
		height: 110%;
		margin: -2vw 0vw 0vw 17vw;
		width: 52%;
	}
	.currency-location img {
		width: 100%;
	}
	select{
		width:100%;
	}
	input{
		width: 100%;
	}

	.save-btn-wrapper {
		background-color: white; 
		width: auto; 
		padding: 15px 0; 
		text-align: center;
		margin: 0px; 
		border-top: none; 
	}
	.select_date {
		width: auto;
	}

}
@media (min-width: 1200px){
	.container {
		width: 60vw;
	}
	.col-lg-4 {
		width: 30%;
	}
}
@media (min-width: 992px){
	.container {
		width: 60vw;
	}
}
@media (min-width: 768px){
	.container {
		width: 60vw;
	}
}



/*color picker*/
.color-picker-box{
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 10px;
	width: 50%;
	border: 1px solid lightgray;
	margin-bottom: 1vw;
}
.color-picker-box .color-input-box{
	width: 50%;
	border: none;
	margin-left: 10%;
	padding: 2px 4px;
}
.color-picker-lable{
	float:left;
}
.color-picker-set-default{
	margin-left: 10px;
	color: #00a2ff;
	cursor: pointer;
}
@media screen and (max-width: 568px){ 
	.color-picker-input{
		width: 44px;
	}
	.color-picker-box{
		width:100%;
	}
	.app-status-wrapper{
		padding-right: 5px;
	}
}
.color-picker-box input {
	cursor: pointer;
}
.section-wrapper select {
	cursor: pointer;
}
.title-container div:first-child{
	cursor: pointer;
}
.title-container i {
	cursor: pointer;
}


.settings-wrapper, select, .section-wrapper, .code-string, .setting-title{
	border-radius: 5px;
}




@media screen and (max-width: 768px){ 
	.responsive-currency-location .show div:first-child {
		position: absolute;
		left: 25px;
		top: 30px;
	}
	.responsive-currency-location .show div:nth-child(2) {
		position: absolute;
		right: 25px;
		top: 30px;
	}
	.responsive-currency-location .show div:nth-child(3) {
		position: absolute;
		left: 25px;
		bottom: 30px;
	}
	.responsive-currency-location .show div:nth-child(4) {
		position: absolute;
		right: 25px;
		bottom: 30px;
	}
}



/* mobile and desktop position style */
.position-view:first-child .mobile-desktop {
	/*border-right: 1px solid gray;*/
	width: 50%;
	margin-right: -5px;
}
.mobile-desktop {
	width: 50%;
	text-align: center;
	font-size: 30px;
	background-color: #E8E8E8;
	padding: 5px;
	margin: 0px;
	color: black;
	cursor: pointer;
}
.position-view.selected .mobile-desktop {
	background-color: lightgray;
}
.position-change-icon {
	margin-bottom: 20px;
	padding: 8px;
	background-color: #e8e8e8;
}

/* responsive position css */
#responsive_position_selector {
	width: 100%;
	padding: 10px;
	border: 1px solid lightgray;
}

.responsive-currency-location {
	text-align: center;
	position: relative;
}
.responsive-currency-location img{
	width: 40%;
}

.responsive-currency-location .show {
	position: absolute;
	left: 0;
	right: 0;
	width: 40%;
	margin: 0 auto;
	top: 0;
	height: 100%;
}
.responsive-currency-location .show div:first-child{
	position: absolute;
	left: 30px;
	top: 50px;
}

.responsive-currency-location .show div:nth-child(2){
	position: absolute;
	right: 30px;
	top: 50px;
}
.responsive-currency-location .show div:nth-child(3){
	position: absolute;
	left: 30px;
	bottom: 50px;
}
.responsive-currency-location .show div:nth-child(4){
	position: absolute;
	right: 30px;
	bottom: 50px;
}

/* fixed position advance dropdown responsive */
.responsive-custom-select-wrapper, .responsive-custom-select-wrapper_next {
	position: relative;
	user-select: none;
	width: 100%;
}
.responsive-custom-select, .responsive-custom-select_next {
	position: relative;
	display: flex;
	flex-direction: column;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #00a2ff;
}
.responsive-custom-select__trigger, .responsive-custom-select__trigger_next {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 22px;
	font-size: 17px;
	color: #3b3b3b;
	height: 40px;
	line-height: 60px;
	background: #ffffff;
	cursor: pointer;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #00a2ff;
}
.responsive-custom-select.open .responsive-custom-options, .responsive-custom-select_next.open .responsive-custom-options_next {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
.responsive-custom-options, .responsive-custom-options_next {
	position: absolute;
	display: block;
	top: 100%;
	left: 0;
	right: 0;
	border: 1px solid #00a2ff;
	border-top: 0;
	background: #fff;
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 2;
}
.responsive-custom-option, .responsive-custom-option_next {
	position: relative;
	display: block;
	padding: 0px 9px 0 9px;
	font-size: 17px;
	font-weight: 300;
	color: #3b3b3b;
	line-height: 40px;
	cursor: pointer;
	transition: all 0.5s;
}

/* responsive status */
.responsive-switch {
	padding: 15px 0px 25px 0;
}
.responsive-switch span{
	font-weight: 600;
}
input.responsive-select-checkbox {
	width: 16px;
	height: 16px;
	display: block;
	background: #f8f8f8;
	border-radius: 2px;
	position: relative;
	border: 1px solid #d0d0d0;
	cursor: pointer;
}

/*end mobile code position style*/



/*look view  code style*/
.look-view:first-child .mobile-desktop {
	/*border-right: 1px solid gray;*/
	width: 50%;
	margin-right: -5px;
}
.look-view i {
	cursor: auto;
}
.look-view{
	display: block;
	width: 48%;
	text-align: center;
	padding: 8px;
	background-color: #E8E8E8;
	border-radius: 5px;
}

.look-section-wrapper{
	max-width: none;
	padding: 30px;
}
.look-section-wrapper .save-btn-wrapper{
	width: calc(100% + 60px);
	margin: 30px -30px -30px;
}

.look-section-wrapper .position-change-icon{
	margin-left: 33%;
	display: flex;
	justify-content: space-between;
	background: none;
	padding:0px;
}
.look-advanced-line{
	display: flex;
}
.look-advanced-line .advanced-label{
	width: 33%;
	display: inline-block;
}
.look-advanced-line .advanced-content{
	display: flex;
	justify-content: space-between;
	width: 67%;
}
.look-advanced-line select{
	width:48%;
}

.advanced-content .color-picker-box{
	width:48%;
	border-radius: 5px;
	align-items: center;
	display: flex;
}
.advanced-content .color-picker-box .color-input-box{
	margin-left:5px;
}

.advanced-content select{
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 97%;
	background-position-y: 10px;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	padding-right: 2rem;
	padding-left: 13px;
}
.advanced-content i{
	text-align: right;
	width: 30%;
}
.color-picker-box .tooltip.top{
	margin-left: 20px;
}