html {
    -ms-overflow-style:-ms-autohiding-scrollbar;
}

/* -----------------------------------------
	=CSS3 Loading animations
-------------------------------------------- */
input[type='radio'] {
	margin: 0;
}

input[type='radio'],
label {
	display: inline;
	vertical-align: top;
}

input[type='checkbox'] {
	margin: 0;
}

input[type='checkbox'],
label {
	display: inline;
	vertical-align: top;
}

label {
	display: inline-block;
}
/* =Elements style
---------------------- */
.load-wrapp {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 10px 10px 0;
    padding: 20px 20px 20px;
    border-radius: 5px;
    text-align: center;
    background-color: #d8d8d8;

}

.load-wrapp p {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}

.line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #4b9cdb;
}

.ring-1 {
    width: 10px;
    height: 10px;
    margin: 0 auto;
    padding: 10px;
    border: 7px dashed #4b9cdb;
    border-radius: 100%;
}

.ring-2 {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border: 4px solid #4b9cdb;
    border-radius: 100%;
}

.ball-holder {
    position: absolute;
    width: 12px;
    height: 45px;
    left: 17px;
    top: 0px;
}

.ball {
    position: absolute;
    top: -11px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #4282B3;
}

.letter-holder {padding: 16px;}

.letter {
    float: left;
    font-size: 14px;
    color: #777;
}

.square {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background-color: #4b9cdb;
}

.spinner {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto;
}

.bubble-1,
.bubble-2 {
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #4b9cdb;
}

.bubble-2 {
    top: auto;
    bottom: 0;
}

.bar {
    float: left;
    width: 15px;
    height: 6px;
    border-radius: 2px;
    background-color: #4b9cdb;
	}

/* =Animate the stuff
------------------------ */
.ploader .line:nth-last-child(1) {animation: loadingA 1.5s 1s infinite;}
.ploader .line:nth-last-child(2) {animation: loadingA 1.5s .5s infinite;}
.ploader .line:nth-last-child(3) {animation: loadingA 1.5s 0s infinite;}

.load-2 .line:nth-last-child(1) {animation: loadingB 1.5s 1s infinite;}
.load-2 .line:nth-last-child(2) {animation: loadingB 1.5s .5s infinite;}
.load-2 .line:nth-last-child(3) {animation: loadingB 1.5s 0s infinite;}

.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}

.load-4 .ring-1 {animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-5 .ball-holder {animation: loadingE 1.3s linear infinite;}

.load-6 .letter {
    animation-name: loadingF;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

.l-1 {animation-delay: .48s;}
.l-2 {animation-delay: .6s;}
.l-3 {animation-delay: .72s;}
.l-4 {animation-delay: .84s;}
.l-5 {animation-delay: .96s;}
.l-6 {animation-delay: 1.08s;}
.l-7 {animation-delay: 1.2s;}
.l-8 {animation-delay: 1.32s;}
.l-9 {animation-delay: 1.44s;}
.l-10 {animation-delay: 1.56s;}

.load-7 .square {animation: loadingG 1.5s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-8 .line {animation: loadingH 1.5s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-9 .spinner {animation: loadingI 2s linear infinite;}
.load-9 .bubble-1, .load-9 .bubble-2 {animation: bounce 2s ease-in-out infinite;}
.load-9 .bubble-2 {animation-delay: -1.0s;}

.load-10 .bar {animation: loadingJ 2s cubic-bezier(.17,.37,.43,.67) infinite;}

@keyframes loadingA {
    0 {height: 15px;}
    50% {height: 35px;}
    100% {height: 15px;}
}

@keyframes loadingB {
    0 {width: 15px;}
    50% {width: 35px;}
    100% {width: 15px;}
}

@keyframes loadingC {
    0 {transform: translate(0,0);}
    50% {transform: translate(0,15px);}
    100% {transform: translate(0,0);}
}

@keyframes loadingD {
    0 {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

@keyframes loadingE {
    0 {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@keyframes loadingF {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes loadingG {
    0% {transform: translate(0,0) rotate(0deg);}
    50% {transform: translate(70px,0) rotate(360deg);}
    100% {transform: translate(0,0) rotate(0deg);}
}

@keyframes loadingH {
    0% {width: 15px;}
    50% {width: 35px; padding: 4px;}
    100% {width: 15px;}
}

@keyframes loadingI {
    100% {transform: rotate(360deg);}
}

@keyframes bounce  {
	0%, 100% {transform: scale(0.0);}
	50% {transform: scale(1.0);}
}

@keyframes loadingJ {
	0%,100% {transform: translate(0,0);}

	50% {
		transform: translate(80px,0);
		background-color: #f5634a;
		width: 25px;
	}
}

#header {
    position: fixed;
    height: 52px;
}
.footer {
    position: fixed;
    bottom:0;
    left: 0;
    right: 0;
	max-height:50%;
	overflow-x:hidden;
}
#content {
    position: fixed;
    top: 52px;
    bottom: 50%;
    left: 0;
    right: 0;
    overflow: auto;
}
/**KENDO HACK**/
#scheduler
{
    border-radius: 0;
    margin-bottom: 2px;
}
.k-scheduler-table tr:nth-child(even) td:nth-child(odd)
{
	background: #f2f2f2;
}
.k-scheduler-table tr:nth-child(even) td:nth-child(even)
{
	background: #E9E9E9; 
}
.k-scheduler-table tr td:nth-child(even)
{
    background: #e1e1e1;
}
.k-view-timeline, .k-nav-current, .k-nav-today
{
	display:none;
}
.k-icon {
	padding-top: 32px;
	z-index:999;
}
.k-scheduler-footer{
	display:none;
}
.k-scheduler-toolbar,
.k-scheduler-footer,.k-gantt-toolbar .k-button, .k-gantt>.k-header .k-link, .k-gantt>.k-header li, .k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header .k-link, .k-scheduler .k-header li, .km-pane-wrapper .k-header .k-button
{
	background-color:#3a3c4f;
	border-color:#3a3c4f;
	display:none;
}
#jobsCalendar { height:100%;margin:0;padding:0;border-width:0; }
#jobsCalendar .k-scheduler-toolbar {
    display:block;
    height:auto;
    padding:4px;
}
#jobsCalendar .k-scheduler-toolbar .k-view-month { display:none; }
#jobsCalendar .k-scheduler-content .k-event {
    height:70px !important;
}
/*.k-scheduler-timelineview tr:first-child .k-scheduler-table*/
.k-nav-day
{
    font-size: 13px;
    color: #6AC5D1;
}
.k-si-close
{
    display:none;
}
.k-nav-prev
{
    border-radius: 5px 0 0 5px;
    border-left: 1px solid #ddd !important;
}
.k-scheduler-header-wrap tr:first-child th
{
}
.k-scheduler-header-wrap tr:not(:first-child) th, .k-scheduler-table tr:not(:first-child) th
{
    border-top:1px solid #ddd;
}
.k-event
{
    overflow: visible;
    box-shadow: 1px 1px 3px #c1c1c1;
    margin-top: 8px;
    border:none !important;
}
td[role=gridcell], .k-nonwork-hour
{
}
.infowindow
{
    display:none;
    border-radius: 5px;
    z-index:9999;
}
.infowindow h1
{
    font-size: 18px !important;
    padding-top:0;
    margin-top:10px;
}
.infowindow span
{
    font-weight: 600;
    color: #333;
}
.temp::before
{
    content: " ";
    width: 0; 
	height: 0; 
    bottom: -12px;
	left:63px;
    position: absolute;
    border-left: 12px solid transparent;
	border-right: 12px solid transparent; 
	border-top:12px solid #ddd; 
}
.temp::after
{
    content: " ";
    width: 0; 
	height: 0; 
    bottom: -10px;
	left:65px;
    position:absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent; 
	border-top:10px solid #F5F5F5; 
}
.timeline-template {
    position: relative;
    top:5px;
    border-radius:2px;
	z-index: 2;
	cursor: pointer;
}
.show-route-details{
	cursor: pointer;	
}
.k-event, .k-task-complete {
	background:rgb(4, 171, 253);
}
.infowindow h1 
{
    font-size: 14px;
}
.k-scheduler-times .k-scheduler-table th {
    width:250px !important;
}
#footer_infopanel {
	background-color: #3a3c4f; 
    color: #ddd;
    font-weight: 600; 
    font-size: 14px; 
    position: sticky;
    /* margin-top: 9px; */
    max-height: 50px;
    width: 100%;
    float: right;
    right: 0;
    top: 0;
    z-index: 999;
}
#username_status{
	position: absolute;
	padding-left:5px;
}
/** PRELOADER **/

.main-preloader{
	position:fixed;
	top:0;
	z-index:999999;
	background:rgba(50, 50, 50, 0.85) none repeat scroll 0 0;
	width:100%;
	height:100%;
	display:none;
}

.main-preloader .inner{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20%;
	width: 100%;
}



.ploader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	/**-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;**/
}
.ploader,
.ploader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/**END preloader*/

/*a.logo{
	color:#fff;
	font-size:20px;
	display:table;
	margin-top:2px;
	}
	a.logo:hover{
	text-decoration:none;
}*/
a.logo img{
	max-height:31px;
	min-height:31px;
	display:block;
	margin:auto;
}

a.logo_app img{
	max-height:31px;
	min-height:31px;
}

.border{
	border:0px solid red;
}

.task_detail_border{
	border:1px solid blue;
}
#layout_1

{

	top:0px;
	z-index:100;
}
#layout_1 .top{
	background:#333446;
	padding-top:5px;
	padding-bottom:6px;
	position:fixed;
	z-index:100;
	height:51px;
	width:100%;

}

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

.block{
	display:block;
}

#layout_1 ul.menu{
	/*display:table;*/

	margin:0;
	padding:0;
}

#layout_1 ul.menu li{
	display:table-cell;
	text-align:center;
	border:0px solid red;
	position:relative;
}

#layout_1 ul.menu li a{
	font-size:35px;
	color:#fff;
	display:block;
	padding-left:20px;
	/*padding-right:20px;*/
}

#layout_1 .left{
	display:inline-block;
	vertical-align:top;
}

.popup_menu{
	position:absolute;
	border:1px solid #d8d8d8;
	background:#fff;
	left: -50px;
	position: absolute;
	top: 35px;
	width: 250px;
	padding:12px 5px;

	-webkit-box-shadow: -3px 3px 5px 0px rgba(216,216,216,0.75);
	-moz-box-shadow: -3px 3px 5px 0px rgba(216,216,216,0.75);
	box-shadow: -3px 3px 5px 0px rgba(216,216,216,0.75);
}

.popup_menu.notification{
	left: -330px;
	width: 400px;
	text-align:left;
}

#layout_1 ul.menu li .popup_menu a{
	color:#000;
}
#layout_1 ul.menu li .popup_menu a p{
	font-size:16px;
}

.hide,
.popup_menu,
.table-action,
.assign-agent-wrap,
.team_opion,
.delivery-info,
.task-details,
.reason_wrap,
.search-team-wrap,
.custom_selection,
#frm-forgotpass
{
	display:none;
}

.tag.large.Appointment
{
	background-color:#fc4a1a;
}
.back-dashboard{
	display:block;
	color:#fff;
	width:50%;
}

.back-dashboard  a{

}

body.dashboard .back-dashboard{
	display:none;
}
body.dashboard .search-team-wrap{
	display:block;
}

#table_list tr:hover .table-action,
#table_list .task-details
{
	display:block;
}

#table_list .concat-text{
	width:100px;
}

.orange-button{
	background: #FF512F;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #F09819, #FF512F);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #F09819, #FF512F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	color:#fff;
	padding: 5px 8px;
}


a.orange-button:hover,
button.orange-button:hover,
input.orange-button:hover,
input.orange-button:focus,
a.orange-button:focus,
#menu .logout-menu a:hover
{
	text-decoration:none;
	color:#fff;
	background:#ff4e41;
	border:1px solid #ff4e41;
}


.black-button{
	background:#101316;
	border:1px solid #101316;
	color:#fff;
	padding: 5px 8px;
}
.black-button-login{
	background:#101316;
	border:1px solid #101316;
	color:#fff;
	padding: 5px 8px;
	width:100%
}

.blue-fields{
	border:1px solid #38323a;
	padding: 5px 8px;
}



.lightblue-fields{
	/*border:1px solid #38323a;*/
	border:1px solid #fff;
	padding: 5px 8px;
	color:#000;
	margin-top:5px;
}
.lightblue-fields.medium{
	padding: 3px 5px;
	width:100%;
}

.black-button:hover{
	background:#262b31;
}

.orange-button.medium,
.green-button.medium,
.black-button.medium,
.fng-button.medium
{
	/*padding: 5px 25px;*/
	padding: 8px 25px;
}

.green-button.small{
	padding:2px 7px;
}
.green-button.inline{
	display:inline;
}

.green-button{
	background: #23c562;  /* fallback for old browsers */

	color:#fff;
	padding: 5px 8px;
	border:1px solid #23c562;
	color:#fff;
	padding: 5px 8px;
	border-radius:5px;
}


.fng-button{
	background:#4695f6;
	border:1px solid #4695f6;
	color:#fff;
	padding: 5px 8px;
	border-radius:5px;
}

.fng-button,
.fng-button:focus,
.fng-button:active {

    outline: 0;
}

a.fng-button:hover

{
	text-decoration:none;
	color:#fff;
	background:#000;
	border:1px solid #000;
}


.icon {
	position: relative;
	/* Adjust these values accordingly */
	top: 5px;
	left: 5px;
}

.cute-button{
	border:1px solid #6085bb;
	color:#fff;
	padding: 7px 8px;
}
.yellow-button{
	background:#fcd206;
	border:1px solid #fcd206;
	color:#fff;
	padding: 5px 8px;
}
.yellow-button:hover{
	background:#f2ce21;
	border:1px solid #f2ce21;
}
a.yellow-button:hover,
a.yellow-button:active,
a.yellow-button:focus
{
	text-decoration:none;
	color:#fff;
}

.yellow-button.large{
	display: block;
	text-align: center;
	width: 100%;
	padding: 10px 8px;
}

.green-button.large {
    display: block;
    text-align: center;
    width: 100%;
    padding: 10px 8px;
}

.relative{
	position:relative;
}
.yellow-button i{
	font-size: 30px;
	position: absolute;
	right: 20px;
	top: 6px;
}

.tag_online{
	color:#00b279;
}

.green-button.inline,
.orange-button.inline,
.inline-block,
.black-button.inline
{
	display:inline-block;
}

a.green-button:hover,
button.green-button:hover,
input.green-button:hover,
input.green-button:focus,
a.green-button:focus,
#menu .green-button a:hover
{
	text-decoration:none;
	color:#fff;
	background:#23c562;
	border:1px solid #23c562;
}

a.cute-button:hover,
button.cute-button:hover,
input.cute-button:hover,
input.cute-button:focus,
a.cute-button:focus,
#menu .cute-button a:hover
{
	text-decoration:none;
	color:#000;
	background:#fff;
	border:1px solid #fff;
}


.rounded{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
	-khtml-border-radius: 2px;
}

.rounded3{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-khtml-border-radius: 3px;
}


.rounded5{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-khtml-border-radius: 5px;
}


.rounded30{
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px; 
	-khtml-border-radius: 30px;
}

.dashboard-work-area,
.parent-wrapper
{
	border: 0px solid blue;
    position: absolute;
   
    width: 100%;
    height:100;
	top: 57px;
    /*left: 0;*/
    bottom: 0;
}
.content_left{
	display:inline-block;
	width:360px;
	position:absolute;
	top:0;
	height:100%;
	left:0;
	background:#eeeeee;
	overflow-y:auto;
	font-size:11px;	
}

.content_1.bigger {
	width:360px !important;
}
.content_1{
	display:inline-block;
	width:280px;
	position:absolute;
	top:0;

	left:0;
	background:#eeeeee;
	overflow-y:auto;
	font-size:11px;	

	margin: 10px;
    border-radius: 5px;
	background-color:#fff;
    overflow: auto;
	min-height:200px;
	max-height:80%;
    position: absolute;
    z-index: 98;
}
.content_1.white{
	background:#fff;
	overflow-x: hidden;
}

.content_1.black{
	background:#fff;

	overflow-x: hidden;
}

.content_2{
	display:inline-block;
	width:280px;
	position:absolute;
top:0;

	right:0;
	background:#eeeeee;
	overflow-y:auto;
	font-size:11px;	

	margin: 10px;
    border-radius: 5px;
	background-color:#fff;
    overflow: auto;
	min-height:200px;
	max-height:80%;
    position: absolute;
    z-index: 98;

}

body {
	font-family: Montserrat-Regular,'Lato', sans-serif !important;
	font-size:12px;
	letter-spacing: 1px;
	color:#707070;
}
.content_main{

	display:inline-block;
	position:absolute;
	top:0;
	height:100%;
	margin-left: 0px;
	margin-right: 0px;
	width:100%;

}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    width: 300px;

}


table.dataTable, table.dataTable th, table.dataTable td {
	background:white;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
	font-family: Montserrat-Regular,'Lato', sans-serif !important;
	font-size:9px;
}

.content_main .inner{
	padding:20px;
	background:#f5f7f9;
	box-shadow:0px 5px 10px -5px rgba(0, 0, 0, 0.3);	
}

.content_3{
	display:inline-block;
	width:280px;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	background:#eeeeee;
	/*overflow:scroll;*/
}

.blue_panel{
    /*background:#38323a;*/
	background:#229bdc;
	color:#fff;
	padding:10px;
	min-height:50px;
}

.lightblux-fields:hover {
	opacity: 1;
	cursor: pointer;
}
.lightblux-fields{
	/*border:1px solid #38323a;*/
	background-color:rgba(74, 193, 255, 0.9);
	border:1px solid rgba(74, 193, 255, 0.9);
	padding: 5px 8px;
	color:#fff;

	font-size: 12px;
	text-transform: uppercase;
	position: absolute;
	top:0px;
	right: 0px; /*22*/
	border-radius: 100px;
	padding: 8px 15px 8px 15px;
}
.blux_panel{
	/*background-color:rgba(74, 193, 255, 0.9);*/
	/*background:#229bdc;*/
	color:#fff;

	min-height:50px;
}


.blue_panel a{
	color:#fff;
	font-size:20px;
	display:inline-block;
	margin-left:10px;
}

/** TABS **/
ul#tabs {
	list-style-type: none;
	padding: 0;
	padding-top:10px;
	text-align: center;
	margin:0;
	background:#fff;

	border-bottom:1px solid #d8d8d8;

}
ul#tabs li {
	display: inline-block;    
	padding: 3px;
	cursor: pointer;
	color:#515253;
	width:29%;
	text-transform:uppercase;
}

ul#tabs li:hover {
}
ul#tabs li.active {
	color:#515253;
	border-bottom:3px solid #2196f3 ;
}
ul#tab {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#tab li {
	display: none;
}
ul#tab li.active {
	display: block;
}

/* END TABS*/
.top5{
	margin-top:5px;
}
.top10{
	margin-top:10px;
}
.top20{
	margin-top:20px;
}
.top30{
	margin-top:30px;
}
.top40{
	margin-top:40px;
}
.top50{
	margin-top:50px;
}
.bottom10{
	margin-bottom:10px;
}
.bottom20{
	margin-bottom:20px;
}
.bottom30{
	margin-bottom:30px;
}


.content_1 #tabs li span,
.content_3 #tabs li span
{
	padding-top:5px;
	text-align:center;
	font-weight: 700;
}

/*
	Simple
*/
#simple::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
#simple::-webkit-scrollbar-track {
	border-radius: 10px;
	background: rgba(0,0,0,0.1);
}
#simple::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background: rgba(0,0,0,0.2);
}
#simple::-webkit-scrollbar-thumb:hover{
	background: rgba(0,0,0,0.4);
}
#simple::-webkit-scrollbar-thumb:active{
	background: rgba(0,0,0,.9);
}


calendar_dashs::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
calendar_dashs::-webkit-scrollbar-track {
	border-radius: 10px;
	background: rgba(0,0,0,0.1);
}
calendar_dashs::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background: rgba(0,0,0,0.2);
}
calendar_dashs::-webkit-scrollbar-thumb:hover{
	background: rgba(0,0,0,0.4);
}
calendar_dashs::-webkit-scrollbar-thumb:active{
	background: rgba(0,0,0,.9);
}

.list_row .row.box{
	color:#515253;
	background:#fff;

	-webkit-box-shadow: 0px 1px 4px 0px rgba(216,216,216,1);
	-moz-box-shadow: 0px 1px 4px 0px rgba(216,216,216,1);
	box-shadow: 0px 1px 4px 0px rgba(216,216,216,1);
	padding-top:10px;
	padding-bottom:10px;
	padding-left:2px;
	padding-right:2px;
	margin-left:0;
	margin-right:0;
	cursor:pointer;
}

.list_row .row.box.active{
	background:#e7e4e4;
}

.list_row .inline{
	/*display:inline;*/
	display:inline-block;
}

.list_row .row p{
	margin:0;
}

.tag{
	background:#33a17e ;
	color:#fff;
	padding:3px;
	text-transform:uppercase;
}

.task_address
{
	color:#eee;
	font-size: 12px;
    letter-spacing: .5px;
    color: rgba(0,0,0,.5);
}
.tag.large{
	width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 auto;
	padding: 0;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
	background-color: #74ebd5;
}
span.tag{
	display: inline-block;
    padding: 8px 8px;
    text-align: center;
    min-width: 110px;
    border-radius: 5px;

}
span.tag.failed,
span.tag.canceled,
span.tag.cancelled,
span.tag.declined,
.tag.cancelled,
tag.failed,
.failed,
.declined,
span.tag.suspended,
span.tag.blocked,
.bg-suspended, .bg-blocked
{
	background:#e53935;
}
.tag.unassigned,
span.tag.pending,
.bg-unassigned, .bg-pending
{
	background:#999;
}
.tag.assigned,
.bg-assigned {
	background:#fc8344 ;
}
.tag.successful,
.bg-successful{
	background:#2c9f2c  ;
}
.tag.started,
.bg-started {
	background:#ba68c8 ;
}
.tag.inprogress,
.bg-inprogress{
	background:#ec391c ;
}
.tag.sign,
.bg-sign{
	background:#f6bf00 ;
}

.orange-button-small{
	background: #FF512F;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #F09819, #FF512F);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #F09819, #FF512F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	color:#fff;
	padding:2px 7px;
}
.orange-button-small:hover,
.orange-button-small:focus
{
	background:#ff4e41;
	color:#fff;
	text-decoration:none;
}

.orange-button-small.inline{
	display: inline;
}

.left-menu ul{
	margin:0;
	padding:0;
	width:100%;
}
.left-menu ul li{
	list-style:none;
	padding:5px 30px;
}

.left-menu ul li.active{
	background:#d7e0e8;
}
.left-menu ul li.active a{
	color:#38323a;
}

.left-menu ul li a{
	font-size:13px;
	color:#404040;
	display:block;
	padding:5px 0px;
}
.left-menu ul li a:hover{
	text-decoration:none;
	color:#427b99  ;
}
.left-menu ul li.active a:hover{
	color:#fff;
}

.nav_option{
	padding:00px 20px;


}

.nav_option a{
	margin-right:10px;
}

.frm .inner{
	padding:10px 25px;
}

.frm input[type="text"],
.frm input[type="password"],
.frm select,
.frm textarea
{
	border:1px solid #efefef;
	border-bottom:1px solid #efefef;
	border-left:2px solid #4695f6;
	padding:8px 5px;
	font-size:14px;
	width:100%;
	/*  text-transform: capitalize;*/

    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .6px;
    color: rgba(0,0,0,.5);

}

.frm p{
	margin-bottom:3px;
}
.frm input[type="text"].mobile_inputs{
	padding-left:50px;
	min-width:245px;
}

#frm_task.frm input[type="text"].mobile_inputs{
	min-width:inherit;
}

/*.frm div[class^="col-md-"]{
	padding-left:0px;
	padding-right:0px;
}*/

body.login-body{
	background:#000  ;
	background-image: url('/assets/images/banner1.jpg');
    background-size: cover;

}
body.login-body-customer{
	background:#000  ;
	background-image: url('/assets/images/banner1.jpg');
        background-size: cover;

}
.contentss {
position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 540px;
    height: 400px;
    border-radius: 4px;
    background-color: #333;
    margin: auto auto;
    padding: 40px;
    border-radius: 10px;

}

.login-wrap{
	margin:auto;
	margin-top:7%;
	width:350px;
}

.login-wrap p.white{
	color:#ffffff;
}

.login-wrap hr{
	border-top:1px solid #605b61;
	height:1px;
}

.login-wrap img{
	display:block;
	margin:auto;
	max-width:200px;
	margin-bottom:30px;
}

.login-wrap .frm{

}

.login-wrap .lightblue-fields{
	padding:8px 10px;
	margin:auto;
	width:100%;
}

#team_member_chosen input[type="text"]{
	height:auto;
	width:100% !important;
}
#postal_code_chosen input[type="text"]{
	height:auto;
	width:100% !important;
}

.chosen-container-multi .chosen-choices {

    border: 1px solid #efefef;

}

.map2,
.map-contact-wrap,
.map_contact
{
	border:1px solid #d8d8d8;
	/*min-height:360px;*/
	min-height:250px;
	width:100%;
	background:#494646;
	position:relative;
}
.map_task
{
	position:absolute;
	height:100%;
	width:100% ;
	left:0;
}
.primary_map,

.map2_task,#teamgeo,.map_taskapp
{
	position:absolute;
	height:100%;
	width:100% ;
	left:0;
	overflow:hidden;

}

.pac-container{
	z-index:99999 !important;
}

.inline.customer_name{
	vertical-align: top;
	width: 97px;
}

.assign-agent{
	font-size:12px;
}

.content_1 .row.box:hover .task-details,
.map-info-window .task-details
{
	display:block;
	color: #fff;
	font-size: 12px;
	border: 1px solid #ccc;
	border-color: #2196F3;
	padding: 5px 8px;
	width: 60px;
	border-radius: 8px;
	background-color: #2196F3;
}

.text-orange{
	color:#f75d34;
}
.text-green{
	color:#00b279;
}

.assign-agent.text-orange,
.assign-agent.text-green,
.task-map .text-green
{
	text-transform:capitalize;
	font-weight:600;
	font-size:12px;
}

.concat-text
{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display:block;
}

.grey-box{
	border-bottom:1px solid #e0e0d1;
	padding:8px 10px;
}

.grey-box .v{
	color:black;
	font-weight:bold;
	vertical-align: -webkit-baseline-middle;

}


.grey-box .vheader{
	color:black;
	font-size: 25px; 
	font-weight:bold;
	min-height:100px !important;
}

.grey-box .vprefer{
	color:#00ff00;
	background-color: #000;
	font-weight:bold;
	padding: 5px 15px 5px;
	border-radius: 20px;
	vertical-align: -webkit-baseline-middle;
	
}

.grey-box .vlink{
	color:blue;
	font-weight:bold;
	text-decoration:underline;
	vertical-align: -webkit-baseline-middle;
}

.task-details-header{
	min-height:55px;
}

.task-action-button a{
	display:block;
	text-align:center;
}

.map-info-window h4{
	font-size:17px;
}

#order-id-wrap h4{
	margin:0;
}

#search_map{
    padding: 7px;
	max-width:350px;
}
.agent_name{
	font-weight:600;
	font-size:13px;
}
.connection_status{
	font-size:12px;
}

.form-horizontal.frm .control-label{
	text-align:left;
}

.item-order-list,
.summary-wrap
{
	width:350px;
	margin:auto;
}

.item-order-list {
	border-bottom:1px solid #d8d8d8;
	padding-top:8px;
}
.summary-wrap{
	padding-top:8px;
}

.item-order-list .a,
.item-order-list .b
{
	float:left;
}

.item-order-list .a{
	padding-right:8px;
}

.item-order-list .b.uk-text-success{
	font-weight:bold;
}

.item-order-list .manage{
	float:right;
}

.clear{
	clear:both;
}

.dashboard-work-area {
	background:#2196f3 ;
}

.up-down-wrap{
	bottom: 40px;
	position: fixed;
	right: 3%;
	z-index: 9999;
}

.up-down-wrap a{
	font-size:30px;
	margin-right:5px;
}

.notification-pop textarea{
	min-height:150px;
	overflow:scroll;
	overflow-x: hidden;
}

.ingredients-label{
	color:#659f13;
}

.tag{
	text-align:center;
}
.customer-signature{
	max-width:110px;
	background:#fff;
}

#layout_1 ul#notification_list{
	margin:0;
	padding:0px 20px;
}

#layout_1 #notification_list li{
	display:block;
	text-align:left;
	padding:5px 0;
}
#layout_1 ul.menu li .popup_menu #notification_list a{
	display:inline;
	font-size:14px;
	padding-left:5px;
	font-weight:bold;
}

.map-location-wrap{
	border:1px solid #d8d8d8;
	height:450px;
	width:100%;
	position:relative;
}
.map-location
{
	position:absolute;
	height:100%;
	width:100% ;
	left:0;
	top:0;
}

.settings-page ul#tabs li{
	width: 20%;
}

.map_task_loader,
.map_task_loader2
{
	position:relative;
	top:0;
	z-index:999999;
	background:rgba(50, 50, 50, 0.85) none repeat scroll 0 0;
	width:100%;
	height:100%;
	display:none;
}

.map_task_loader .inner,
.map_task_loader2 .inner
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20%;
	width: 100%;
}

.small-font{
	font-size:11px;
}

#chartdiv,#chartdiv2,#chartdiv3,#chartdiv4{
	width:100%;
	height:430px;
}
.amcharts-main-div a 
{
	display:none !important;
}

.table_charts{
	width:90%;
	margin:auto;
	margin-top:30px;
}

.login-wrap .frm .inner{
	padding:20px;
}

.login-wrap .sub-section{
	border-top:1px solid #e1e1e1;
	padding:10px 20px;
	color:#939598;
}
.login-wrap .sub-section a{
	color:#939598;
	text-decoration:underline;
}

#layout_1 .lang-wrapper ul,
#layout_1 .lang-wrapper ul li
{
	display:block;
	margin:0;
	padding:0;
}

#layout_1 .lang-wrapper ul li a{
	font-size:14px;
	text-transform:uppercase;
	text-align:left;
	display:block;
	padding:5px;
	padding-left:15px;
}
.lang-wrapper{
	display:none;
	background: #eeeeee none repeat scroll 0 0;
	position: absolute;
	top: 50px;
	width: 100px;
}

.dropoff_wrap,
.dropoff_action_1,
.dropoff_action_2,
.map2
{
	display:none;
}

.bold{
	font-weight:bold;
}

.dropoff-wrap h5,
.dropoff-wrap
{
	display:none;
}


.profile-photo{
	background: #ccc;
	border: 1px solid #666;
	float: right;
	height: 85px;
	position: absolute;
	right: 20px;
	width: 100px;
}

.company-logo{
	background: #ccc;
	border: 1px solid #666;
	height: 100px;
	position: absolute;
	right: 100px;
	top: 80px;
	width: 120px;
}

.profile-photo img, .company-logo img , .uploadInv img{
	width:100%;
	height:100%;
}
.profile-photo p, .company-logo p, .uploadInv p{
	position: absolute;
	text-align: center;
	top: 35%;
	width: 100%;
}
.ratings_wrap{
	display:none;
}

.task-remaining-wrap{
	background:#38323a;
	width: 100px;
	border:2px solid #4695f6;
	display:inline-block;
}
.task-remaining-wrap .task-number{
	float:left;
	width:45%;
	position:relative;
	color:#fff;
}
.task-remaining-wrap .task-text{
	float:right;
	width:55%;
	color:#fff;
	font-size: 10px;
	text-align: center;
	background:#4695f6;
	max-height:30px;
	line-height: 15px;
	letter-spacing:0px !important;
}
.task-number p{
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 100%;
}

.dashboard-tab{
	position:absolute;
	width:100%;
	top:0px;
	left:0;
	z-index:0;
	background:#FFFFFF;
	display:none;
}

.dashboard-tab a{
	display:block;
	text-align: center;
	font-weight:bold;
	padding:8px;
	color:#000000;
}

.dashboard-tab a:hover,
.dashboard-tab a.active
{
	text-decoration:none;
	background:#ECECEC;
}
.dashboard-tab .col-xs-4{
	padding:0;
	margin:0;
}
.dashboard-tab a.active{
	color:#004D75;
}

.new-contact .frm input.mobile_inputs[type="text"]{
	min-width:inherit;
}

.intl-tel-input {

	width:100%;
}
.box.task-map.task_critical{
	background:#FF8181;
	-webkit-animation: argh-my-eyes 1s infinite;
	-moz-animation:    argh-my-eyes 1s infinite;
	animation:         argh-my-eyes 1s infinite;
}

@-webkit-keyframes argh-my-eyes {
	0%   { background-color: #FF8181; }
	49% { background-color: #FF8181; }
	50% { background-color: #fff; }
	99% { background-color: #fff; }
	100% { background-color: #FF8181; }
}


.content_3 .view-driver-details,
.content_3 .open-modal-push
{
	display:block;
	font-size:12px;
}


.track-map-parent,
.track-details-wrap
{
	height: 75%;
	margin-top: 20px;
	position: absolute;
	width: 70%;
}
.track-map{
	position:absolute;
	width:100%;
	height:100%;
}
.tr_d{
	display:none;
}

.track_replay{
	margin-top:25px;
	display:none;
}

.track-details-wrap{
	right:0;
	width:27%;
	border:1px solid #ccc;
	padding:5px;
	font-size:13px;
	overflow:scroll;
}
.track-details-wrap p{
	display:block;
	min-width: 350px;
	max-width:350px;
	margin-bottom:2px;
}


.map-overlay-bg {
    min-width: 795px;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
	z-index:-99999;
}
html,body,.col-md-12,.row {
	height:100%;

}
.row > div {
	/*height:100%; */
}



/* to make columns visible */
.row .col-sm-6.left{
	background-image:url("/assets/images/Map_overlay.png");
	background-color:#fff;
	max-width:50%;
	background-size: 100%;
}
.row .col-sm-6.right {
	background-color: rgb(41, 128, 185);
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.vert-al-mid {
    margin: auto;
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #333446;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #b6b5bb;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.main-menu .closebtn2 {
    position: relative;
    font-size: 25px;
    text-align: right;
}

@media screen and (max-height: 450px) {
	.dashboard-work-area ,#content{
		height:100%;
	}
	.footer,.top-header-logo {
		display:none;
	}
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
}

.panel-footer {
    padding: 10px 15px;
	background-color: #fff; !important;
}
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px !important;
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 23px;
    border: 1px solid #eee !important;
    border-radius: 5px;
}

.font-medium
{
	font-size:12px;
	letter-spacing: .5px;
    color: #000;
	background-color: #ebebe0;
	padding: 5px 5px 5px;
	border-radius: 10px;
}
.label-default
{
	font-size:15px;
	letter-spacing: .5px;
    color: rgba(0,0,0,.5);
}
.font-large

{
	padding-top: 15px;
	font-size:15px;
	letter-spacing: .5px;
    color: rgba(0,0,0,.5);
}
.font-small
{
	padding-top: 5px;
	font-size:12px;
	letter-spacing: .5px;
    color: rgba(0,0,0,.5);
}
.trans_type
{
	display:none;
}

.btn-group>.btn:first-child,.btn:last-child  {
    margin-left: 0;
	/** min-width: 100px !important;**/
}


.fixed {

}

#calendar-planner {
	max-width: 900px;
	margin: 50px auto;
}

.planner-search-form {
	display:inline-block;
	margin-left:2px;
}
.planner-search-form input{
	width:180px;
}

.amcharts-main-div:hover .amcharts-export-menu, .amcharts-stock-div:hover .amcharts-export-menu, .amcharts-export-menu.active {
    opacity: 1;
    margin-top: 50px;
    margin-right: 30px;
}

.fng-button.small
{
	font-size:8px;
	color:#fff;
}

ul#setup-tabs {
    margin-left: -8px;
    margin-right: -8px;
}
b89de.app.a.css:5
.nav {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
#setup-tabs li {
    width: 33.33%;
    float: left;
    padding: 10px;
}

#setup-tabs li img {
    width: 100%;
    height: auto;
}
#setup-tabs .workflowbox {
    position: relative;
}
.nav>li, .nav>li>a {
    position: relative;
    display: block;
}

.businesstype {
    display: block !important;
}

#setup-tabs .fancy-checkbox-container {
    float: none;
}

.fancy-checkbox-container, .fancy-modal .checkbox-container {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.05);
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.1px;
    color: rgba(0,0,0,.8);
    margin-bottom: 20px;
    float: left;
    cursor: pointer;
    display: table;
    width: 100%;
}

#setup-tabs .workflowbox .more {
    position: absolute;
    top: 0;
    height: 100%;
    padding: 20px;
}


.fancy-checkbox-container .checkbox-content, .fancy-modal .checkbox-container .checkbox-content {
    padding: 15px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.row-margin {
    margin-left: 0;
    margin-right: 0;
}

#setup-tabs .fancy-checkbox-container .checkbox-outer {
    min-height: 87px;
    line-height: 40px;
}

.fancy-checkbox-container .checkbox-outer {
    position: relative;
}

.fancy-checkbox-container .checkbox-outer, .fancy-modal .checkbox-container .checkbox-outer {
    width: 70px;
    height: 100%;
    min-height: 70px;
    margin: 0;
    background-color: rgba(0,0,0,.02);
    float: right;
    text-align: center;
    display: table;
    padding: 22px;
    cursor: pointer;
}

.fancy-checkbox-container .checkbox-outer input {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
}

.fancy-check input[type=checkbox], .fancy-check input[type=radio], .fancy-checkbox-container input[type=checkbox], .fancy-checkbox-container input[type=radio], .t-fancy-table .checkbox-container input[type=checkbox] {
    opacity: 0;
    position: absolute;
    z-index: 2;
}

.fancy-checkbox-container input+span, .fancy-checkbox-container input+span.checkbox {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0;
    line-height: 11px;
    text-align: center;
}

.fancy-checkbox-container .checkbox, .fancy-modal .checkbox-container .checkbox {
    display: table-cell;
    vertical-align: middle;
    max-width: 25px;
    text-align: center;
    border-radius: 100px;
    border: 1px solid rgba(0,0,0,.2);
}

.circle-success-pending-filter, .label-default {
    background-color: #4E4E4E!important;
}

.label-default {
    background-color: #777;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff;
    border-radius: .25em;
}

.badge, .label {
    text-align: center;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.custom_labels_h5{
	padding:5px;
	line-height:20px;
}

//sliding div
.sidebar{
	color:white;
	width:250px;
	position: relative;
	display:block;
	bottom: 0;
	z-index: 1000;
	max-height: none;
	overflow: auto;
	border-right: 1px solid #e7e7e7;
	text-align: left;
	left: 0;

}
.expand-all{width:calc(100% - 500px)}
.expand-r{width:calc(100% - 250px);}
.cont{width:100%;}
.left-sidebar{background:blue;float:left;}
.right-sidebar{background:green;float:right;}
.main-content{background:red;color:white;display:inline-block;}
.main-content h2{text-align:center;}
.main-content p.info{padding:10px;color:black;font-weight:600;font-size:20px;}
.boxes{width:150px;height:50px;background:white; border:solid black 2px;}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	font-size:10px !important;
}

.container-box
{
	max-width:80%;
}

.panel-box {
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 20px 15px;
    margin: 30px 0;
    background-color: #fafafa;
	min-height:150px;
}

/*=============================================================
    Authour URL: www.designbootstrap.com

    http://www.designbootstrap.com/

    License: MIT     
========================================================  */

/*============================================================
	BACKGROUND COLORS
============================================================*/
.db-bk-color-one {
    background-color: #f55039;
}

.db-bk-color-two {
    background-color: #46A6F7;
}

.db-bk-color-three {
    background-color: #47887E;
}

.db-bk-color-six {
    background-color: #F59B24;
}
/*============================================================
	PRICING STYLES
==========================================================*/
.db-padding-btm {
    padding-bottom: 50px;
    width: 95%;
    left: 0;
    right: 0;
    margin: auto;
}
.db-button-color-square {
    color: #fff;
    background-color: #4695f6;
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 0px;
}

/* KF added: tasks-planner.php session closed button */
.db-button-color-square-closed {
    color: #fff;
    background-color: red;
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.db-button-color-square:hover {
	color: #000;
	border: none;
}


.db-pricing-eleven {
    margin-bottom: 30px;
    margin-top: 50px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 30px;
}

.db-pricing-eleven ul {
	list-style: none;
	margin: 0;
	text-align: center;
	padding-left: 0px;
}

.db-pricing-eleven ul li {
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;
}

.db-pricing-eleven ul li i {
	margin-right: 5px;
}


.db-pricing-eleven .price {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 40px 20px 20px 20px;
	font-size: 60px;
	font-weight: 900;
	color: #FFFFFF;
}

.db-pricing-eleven .price small {
	color: #B8B8B8;
	display: block;
	font-size: 12px;
	margin-top: 22px;
}

.db-pricing-eleven .type {
	background-color: #52E89E;
	padding: 50px 20px;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 30px;
}

.db-pricing-eleven .pricing-footer {
	padding: 20px;
}

.db-attached > .col-lg-4,
.db-attached > .col-lg-3,
.db-attached > .col-md-4,
.db-attached > .col-md-3,
.db-attached > .col-sm-4,
.db-attached > .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}

.db-pricing-eleven.popular {
    margin-top: 10px;
}

.db-pricing-eleven.popular .price {
	padding-top: 80px;
}


#chooseplan,#pay_per_agent {
	max-width:80%;
	top:10px;
	left:0;
	right:0;
	margin:auto;
}

#createtasks{
	max-width:80%;
	top:50px;
	left:0;
	right:0;
	margin:auto;
}

#optimizationmodal
,#optimizationAMsession
,#optimizationOthersession
,#optimizationPMsession{
	max-width:50%;
	top:10%;
	left:0;
	right:0;
	margin:auto;
}

#pay_per_agent,#free,#pay_per_task {
	max-width:30%;
	top:25%;
	left:0;
	right:0;

	margin:auto;
}

.shadow {

	box-shadow: 10px 10px 5px #eee;
}
.shadow-light {

	box-shadow: 4px 4px 5px #eee;
}


#outer {
	position: fixed;
	width: 70%;
	height: 80%;

}
#inner-2 {

	width: calc(100% - 10px);

	margin: 15px;
	left:auto;
	right:auto;



}






.taskstype {
	width:100%;
}

.optimizetype {
	width:300px;
}

.titleapp {
    color: #9EA7B3;
    float: left;
    font-family: 'Open Sans', serif;
    font-size: 14px;
    font-weight: normal;
    left: 15px;
    padding: 0 5px 2px;
    position: relative;
    text-transform: uppercase;
    top: 6px;
}

.armada-devider {
    border-right: 1px dashed #DDDDDD;

    padding-top: 5px !important;
}

.stop-line {
    height: 2px;
    width: 70%;
    background-color: #817b8f;
    margin: 6px auto 8px;
    padding: 0;
    position: relative;
    border-radius: .375rem;
    display: block;
    text-align: center;
    line-height: 0;
}
.stop-line {
    height: 2px;
    width: 93%;
    background-color: #a2a4ac;
    margin: 30% auto;
    position: relative;
    padding: 0;
}


.tag_app {
    background-color: #FF6B6B;
    border-radius: 20px;
    padding: 10px;
	font:20px;
	color:#fff;
	min-width:100px;
}
.slide-panel {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;



	visibility: hidden;
	transition: visibility 0s 0.6s;
}
.slide-panel.is-visible {
	visibility: visible;
	transition: visibility 0s 0s;
}
.slide-panel-header {
	position: fixed;
	width: 33%;
	height: 200px;
	background-color: #fff;
	z-index: 2;
	transition-timing-function: ease-out;
	transition-property: all;
	transition-duration: 0.6s;
	transition-delay: 0.6s;
	transform: translate3d(100%, 0, 0);
	padding-left: 33px;
	padding-right: 33px;
	padding-bottom: 23px;
	h2 {
		font-size: 18px;
		font-weight: 300;
		color: #667387;
		padding-top: 33px;
	}
	h1 {
		font-size: 24px;
		color: #667387;
	}
	.slide-panel-close {
		padding-top: 14px;
		font-size: 14px;
		color: #667387;
	}
	.badge {
		font-family: 'Roboto', sans-serif;
		font-size: 9px;
		font-weight: 500;
		color: #fff;
		margin-right: 10px;
	}
	.scheduled-badge {
		border-radius: 2px;
		background-color: #17b140;
	}
	.edited-style {
		font-size: 12px;
		color: #9b9b9b;
	}
}
.from-right .slide-panel-header {
	right: 0;
}
.is-visible .slide-panel-header {
	top: 50px;
	transform: translate3d(0,0,0);
	transition-delay: 0s;
}
.slide-panel-container {
	position: fixed;
	width: 33%;
	height: 100%;
	top: 200px;
	right: 0;
	padding-left: 33px;
	padding-right: 33px;
	background-color: #fff;
	z-index: 2;
	transition-timing-function: ease-out;
	transition-property: all;

	transition-duration: 0.6s;
	transition-delay: 0.6s;
	transform: translate3d(100%, 0, 0);
}
.slide-panel-content {
	font-size: 14px;
	color: #667387;
}
.slide-panel-container-left {
	max-width: 77%;
	color:#fff;
	top:60px;
	left:10px;
}
.from-right .slide-panel-container {
	right: 0px;
}
.is-visible .slide-panel-container {
	transform: translate3d(0,0,0);
	transition-delay: 0s;



}

md-icon svg {
	fill: inherit;
}

.map2go{
	height:100%;
}


.modal-wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0; 
	left: 0;
	background: rgba(41, 171, 164, 0.8);
	visibility: hidden;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}

.modal-wrapper.open {
	opacity: 1;
	visibility: visible;
}


.modal-wrapper.open .modal {
	margin-top: -200px;
	opacity: 1;
}

.head { 
	width: 90%;
	height: 32px;
	padding: 12px 30px;
	overflow: hidden;
	background: #e2525c;
}

.btn-close {
	font-size: 28px;
	display: block;
	float: right;
	color: #fff;
}

.content {
	padding: 10%;
}

.good-job {
	text-align: center;
	font-family: 'Montserrat', Arial,       Helvetica, sans-serif;
	color: #e2525c;
}
.good-job .fa-thumbs-o-up {
	font-size: 60px;
}
.good-job h1 {
	font-size: 45px;
}





.no-padding {
	padding:0px !important;

}

.modal-lg.eye {
	height:100% !important;

}
.content-modal{
	padding:10px;
}
.b-dashed {
	border-style: dashed !important;
}

.b-grey {
	border-color: #e6e6e6;
}

.b-a,
.b-r,
.b-l,
.b-t,
.b-b {
	border-style: solid;
	border-width: 0;
}
.b-r {
	border-right-width: 1px;
}


.semi-bold {
	font-weight: 400 !important;
}
.bold {
	font-weight: bold !important;
}
.light {
	font-weight: 300 !important;
}






.card-footer {
    border-top: 1px solid #dbdbdb;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	background-color:#ee4054;
}
.card-footer-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .75rem
}
.card-footer-item:not(:last-child) {
    border-right: 1px solid #dbdbdb
}

.transparent-button {
	background-color:#ee4054;
	border: 0;
    color: #FFF;
	width: 100%;
    padding: 10px;
}

#floating-panel {

    position: absolute;
	top: 10px;
	left: 25%;
	z-index: 5;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #999;
	text-align: center;
	font-family: 'Roboto','sans-serif';
	line-height: 30px;
	padding-left: 10px;
}



.controls {
	margin-top: 10px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 32px;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#origin-input,
#destination-input {
	background-color: #fff;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	margin-left: 12px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 200px;
}

#origin-input:focus,
#destination-input:focus {
	border-color: #4d90fe;
}

#mode-selector {
	color: #fff;
	background-color: #4d90fe;
	margin-left: 12px;
	padding: 5px 11px 0px 11px;
}

#mode-selector label {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
}

/** 2.4.288 **/
/*	Reset & General
---------------------------------------------------------------------- */
* { margin: 0px; padding: 0px; }
body {
	background: #ebeef0;
	font:12px "Lato", sans-serif; 
}
#wrapper{
	width: 90%;
	margin: 0 auto;
	position: relative;
	top:52px;

}
#sidebar-menu{
	z-index:99;
	background:#229bdc;
	overflow:hidden;
	border-radius:5px;
	position:absolute;
	top: 20px;
    left: -50px;
	height:62 0px;
	width:55px;
	color:#abe2ff;
	font-size:12px;
	font-weight:900;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
#sidebar-menu.animate{
	width:170px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}

#toggleMenu{
	background:#1888c4;
	height:37px;
}
#toggleMenu .list{
	position:absolute;
	top: 12px;
	cursor:pointer;
    right: 8px;;
	height:30px;
	width:30px;
	height:30px;
	background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/toggle-list.png") 0 0 no-repeat	
}
#toggleMenu .thumbs{
	position:absolute;
	display:none;	
	top: 9px;
	cursor:pointer;
    right: 3px;
	height:30px;
	width:30px;
	height:30px;
	background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/toggle-thumbs.png") 0 0 no-repeat;
}

#sidebar-menu li{
	background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/sidemenu-sprite.png") 0 0 no-repeat;
	padding: 15px 0 15px 54px;
    margin: 1px 4px 1px 4px;
    list-style: none;
}

#sidebar-menu ul{margin-top:11px;}
#sidebar-menu li.DASHBOARD{background-position: 7px 14px;}
#sidebar-menu li.DASHBOARD:hover{background-position: -324px 14px; color:#fff;cursor:pointer;}
#sidebar-menu li.selected.DASHBOARD{background-position: -620px 14px; color:#1888c4;cursor:pointer;}

#sidebar-menu li.USERS{background-position: 9px -33px; }
#sidebar-menu li.USERS:hover{background-position:  -322px -33px;color:#fff;cursor:pointer;}
#sidebar-menu li.selected.USERS{background-position:  -618px -33px;color:#1888c4;cursor:pointer;}

#sidebar-menu li.PRIORITY{background-position: 9px -80px;}
#sidebar-menu li.PRIORITY:hover{background-position: -322px -80px;color:#fff;cursor:pointer;}
#sidebar-menu li.selected.PRIORITY{background-position: -618px -80px;color:#1888c4;cursor:pointer;}

#sidebar-menu li.COLLECTIONS{background-position: 8px -127px;}
#sidebar-menu li.COLLECTIONS:hover{background-position: -323px -127px;color:#fff;cursor:pointer;}
#sidebar-menu li.selected.COLLECTIONS{background-position: -619px -127px;color:#1888c4;cursor:pointer;}

#sidebar-menu li.ARCHIVED{background-position: 8px -175px;}
#sidebar-menu li.ARCHIVED:hover{background-position: -323px -175px;color:#fff;cursor:pointer;}
#sidebar-menu li.selected.ARCHIVED{background-position: -619px -175px;color:#1888c4;cursor:pointer;}

#sidebar-menu li.DELETED{background-position: 8px -223px;}
#sidebar-menu li.DELETED:hover{background-position: -323px -223px;color:#fff;cursor:pointer;}
#sidebar-menu li.selected.DELETED{background-position: -619px -223px;color:#1888c4;cursor:pointer;}

#sidebar-menu li.TRENDS{background-position: 8px -270px;}
#sidebar-menu li.TRENDS:hover{background-position: -323px -270px;color:#fff;cursor:pointer;}
#sidebar-menu li.selected.TRENDS{background-position: -619px -270px;color:#1888c4;cursor:pointer;}

#sidebar-menu li.TASKS{background-position: 7px -319px;}
#sidebar-menu li.TASKS:hover{background-position: -324px -319px;color:#fff;cursor:pointer;}
#sidebar-menu li.selected.TASKS{background-position: -620px -319px;color:#1888c4;cursor:pointer;}

#sidebar-menu li.FILTERS{background-position: 7px -365px;}
#sidebar-menu li.FILTERS:hover{background-position: -324px -365px;color:#fff;cursor:pointer;}
#sidebar-menu li.selected.FILTERS{background-position: -620px -365px;color:#1888c4;cursor:pointer;}

#sidebar-menu li.STATS{background-position: 7px -413px;}
#sidebar-menu li.STATS:hover{background-position: -324px -413px;color:#fff;cursor:pointer;}
#sidebar-menu li.selected.STATS{background-position: -620px -413px;color:#1888c4;cursor:pointer;}

#sidebar-menu li.SETTINGS{  background-position: 7px -507px;  margin-top: 175px;  margin-bottom: 4px;}
#sidebar-menu li.SETTINGS:hover{background-position: -324px -507px;color:#fff;cursor:pointer;}
#sidebar-menu li.selected.SETTINGS{background-position: -620px -507px;color:#1888c4;cursor:pointer;}

#sidebar-menu li{padding-left: 4px ;height: 15px;}
#sidebar-menu.animate li{padding-left:54px  ;}
#sidebar-menu li span{opacity:0;margin-left:10px;}
#sidebar-menu li.selected{background-color:#fff; color:#1888c4; border-radius:4px;}
#sidebar-menu li.selected:hover{color:#1888c4}
#sidebar-menu li a  
{ color:#abe2ff; 
font-weight:200;}
.sortable-accordion {
    margin:20px;
	border-radius:5px;
	background:#1888c4;
	overflow:hidden;
	width:200px;
	position:absolute;

	z-index:9999;
}
.sortable-accordion h3 {
    color:#fff;
    cursor:pointer;
    margin:0;
    padding:13px 16px 13px 18px;
	background:#229bdc;
	font-size:12px;
	text-transform:uppercase;
}
.sortable-accordion h3:hover{
	background:#1f96d6;
}
.sortable-accordion h3.current {
    cursor:default
}
.sortable-accordion li{
	font-size:14px;
	color:#abe2ff;
	font-weight:400;
	padding: 11px 10px 11px 43px;
	background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/sort.png") 17px 13px no-repeat;
	list-style:none;
	position:relative;
}
.sortable-accordion li:hover{
	cursor:pointer;	
	background-color:#1784bf;
}
.ui-sortable-helper{
	cursor:move; opacity:0.8; background-color:#157eb6;
	box-shadow:0px 5px 10px -5px rgba(0, 0, 0, 0.3);	
}
.ui-sortable-placeholder{
	border: 2px dotted #0e9ce8 !important;
	background:#158bca !important;
	padding:11px 10px 11px 43px;
	height:15px;
}
.options{
	background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/options.png") 0 0 no-repeat;
	width:26px;
	height:21px;
	display:block;
	position:absolute;
	top:10px;
	right:10px;
}
#submenu{
	background-color:#157eb6;
	position:absolute;
	top:0px;
	left:200px;
	width: 100px;
	border-radius:4px;
	box-shadow:0px 5px 10px -5px rgba(0, 0, 0, 0.3);
	padding:2px 5px 2px 1px;
	display:none;
}
#submenu span{
	width: 15px;
    height: 15px;
	display:block;
	background-color:#157eb6;
	position:absolute;
	left: -3px;
    top: 12px;
	-ms-transform: rotate(45deg); 
  	-webkit-transform: rotate(45deg); 
    transform: rotate(45deg);	
	z-index:1;
}
#submenu a{
	float: left;
	width: 27px;
	height: 20px;
	padding: 8px 3px 8px;
	background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/submenu-sprite.png") 8px 9px no-repeat;	
	position:relative;
	z-index:2;
}
#submenu a.compare:hover{background-position:8px -22px}
#submenu a.revisions{background-position:-27px 9px}
#submenu a.revisions:hover{background-position:-27px -22px}
#submenu a.edit{background-position:-64px 9px}
#submenu a.edit:hover{background-position:-64px -22px}


#dropdown{	
	position:absolute;
	top: 60px;
	left: 316px;
}
#drop-select{
	border-radius:4px;
	background:#229bdc url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/dropdown-arrows.png") 313px 18px no-repeat;
	text-transform:uppercase;
	color:#fff;
	width:300px;
	padding:17px 20px;
	font-weight:700;
    font-size: 13px;	
	cursor:pointer;
}
#dropdown-list{	
	border-radius:4px;
	background:#229bdc;	
	padding-bottom:1px;
	width:400px;
	margin-left:0px;	
	margin-top:10px;
	opacity:0;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
#dropdown-list.animate{
	margin-top:-3px;
	opacity:1;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
#dropdown-list .header{
	background:#1888c4; color:#fff;
	padding:12px 20px;
	text-transform:uppercase;
	font-weight:700;
	border-radius:0 5px 0 0;
}
#dropdown-list li{
	list-style:none;
	padding:12px 20px;
	color:#abe2ff;
	font-size:15px;
	font-weight:500;
	margin:10px 4px;
	background:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bullet.png") 374px 17px no-repeat;
}
#dropdown-list li:hover{
	background-color:#fff;
	border-radius:4px; 
	cursor:pointer;
	color:#1888c4;
}

.Banner {
    position: absolute;
    background-color: #005ec9;
    padding: 1.5rem 2rem;
    color: #fff;
    font-size: 1.6rem;
	bottom:0;
	width:100%;
}

.Banner a {
    color: rgba(255,255,255,.8);
    text-decoration: none;
}

.Banner-close {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}


[data-tooltip] {
	position: relative;
	cursor: pointer;
	/********** Tooltip Sizes ********* */
	/********** Top Tooltip ********* */
	/********** Right Tooltip ********* */
	/********** Bottom Tooltip ********* */
	/********** Left Tooltip ********* */
}
[data-tooltip]:before, [data-tooltip]:after {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all 0.15s cubic-bezier(0.5, 1, 0.25, 1);
	z-index: 1;
}
[data-tooltip]:before {
	padding: 5px;
	width: 110px;
	border-radius: 3px;
	background: #000;
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2;
}
[data-tooltip]:after {
	border: 8px solid transparent;
	width: 0;
	content: "";
	font-size: 0;
	line-height: 0;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
	visibility: visible;
	opacity: 1;
}
[data-tooltip].t-xl:before {
	width: 200px;
}
[data-tooltip].t-lg:before {
	width: 170px;
}
[data-tooltip].t-md:before {
	width: 140px;
}
[data-tooltip].t-sm:before {
	width: 110px;
}
[data-tooltip].t-xs:before {
	width: 80px;
}
[data-tooltip].t-top:before {
	bottom: 100%;
	left: 50%;
	margin-bottom: 5px;
	transform: translateX(-50%);
}
[data-tooltip].t-top:after {
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-top: 8px solid #000;
	border-bottom: none;
}
[data-tooltip].t-top:hover:before, [data-tooltip].t-top:hover:after {
	transform: translateX(-50%) translateY(-5px);
}
[data-tooltip].t-right:before {
	top: 50%;
	left: 100%;
	margin-left: 5px;
	transform: translateY(-50%);
}
[data-tooltip].t-right:after {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	border-right: 8px solid #000;
	border-left: none;
}
[data-tooltip].t-right:hover:before, [data-tooltip].t-right:hover:after {
	transform: translateX(5px) translateY(-50%);
}
[data-tooltip].t-bottom:before {
	top: 100%;
	left: 50%;
	margin-top: 5px;
	transform: translateX(-50%);
}
[data-tooltip].t-bottom:after {
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-bottom: 8px solid #000;
	border-top: none;
}
[data-tooltip].t-bottom:hover:before, [data-tooltip].t-bottom:hover:after {
	transform: translateX(-50%) translateY(5px);
}
[data-tooltip].t-left:before {
	top: 50%;
	right: 100%;
	margin-right: 5px;
	transform: translateY(-50%);
}
[data-tooltip].t-left:after {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	border-left: 8px solid #000;
	border-right: none;
}
[data-tooltip].t-left:hover:before, [data-tooltip].t-left:hover:after {
	transform: translateX(-5px) translateY(-50%);
}



#footerx {
	background-color: #fff;
	color:#000;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#clickable-area {
	position: absolute;
	left: 0;
	right: 0;
	height: 64px;
	z-index: 1000;
}

#clickable-area:hover {
	cursor: pointer;
}

#infooter-container {
	background-color: #fff;
	position: relative;
	top: 64px;
	height:600px;
	bottom: 20px;
	left: 0;
	right: 0;
	z-index: 100;
	overflow: auto;

}

.containerxxx {
    position: relative;
    border: solid 1px red;
    height: 256px;
    width: 256px;
    overflow: auto;

    float: left;
    margin-right: 16px;
}

#infooter-sidebar {
	background-color: #1A1A22;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	width: 240px;
	z-index: 50;
}

#playlists-text {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	font-weight: 100;
	opacity: 0.85;
	position: absolute;
	top: -9px;
	left: 16px;
}

#playlist-container {
	margin-top: 65px;
}

#playlist-1, #playlist-2, #playlist-3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	opacity: 0.9;
	margin-top: -12px;
	padding: 17px 0px 17px 19px;
}

#playlist-1 {
	border-left: 5px solid #4AC1FF;
	background-color: rgba(11, 10, 15, 0.9);
}

#infooter-search-container {

}
.inner {
    position: relative;
    height: auto;
}


.full-height {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 100%;

    background: blue;
}

.routepanel {
	top:30px;
	right:200px !important;
	display:inline-block;
	width:280px;
	position:absolute;

	background:#eeeeee;
	overflow-y:auto;
	font-size:11px;	

	margin: 20px;
    border-radius: 5px;
	background-color:#fff;
    overflow: auto;
	min-height:200px;
	max-height:80%;
    position: absolute;
    z-index: 100;
}


#playlist-icon {
	height: 56px;

	padding-left:5px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}

#song-title-container {
	position: absolute;
	top: 14px;
	left: 83px;
	height: 38px;
}

#on-your-turn-you-will-play {
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0.43;
	margin-top: 0px;
}

#song-title {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	opacity: 0.75;
	margin-top: -11px;
}

#under-section {
	background-color: #1A1A22;
	height: 64px;
	width: 320px;
	position: absolute;
	bottom: 0;
	right: 0;
}

#under-section:hover {
	cursor: auto;
}

#score {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	font-weight: 100;
	margin-top: 18px;
	margin-left: 17px;
}

#join-waitlist-button {
	background-color: rgba(74, 193, 255, 0.9);
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	position: absolute;
	bottom: 4px;
	right: 14px;
	border-radius: 100px;
	padding: 8px 15px 8px 15px;
}

#join-waitlist-button:hover {
	background-color: rgba(74, 193, 255, 1);
	cursor: pointer;
}


#north-shadow {
	position: absolute;
	top: -1px;
	left: 0;
	right: 320px;
	height: 1px;
	box-shadow: 0 0px 10px 2px black;
}

#nav-bar {
	position: absolute;
	top: 60px;
	left: 0;
	right: 40px;
	height: 60px;
	z-index:99;

}

#ripfy-logo {
	margin-left: 22px;
	margin-top: 10px;
}

#nav-dashboard {

	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	position: absolute;
	top:5px;
	right: 200px; /*22*/
	border-radius: 100px;
	padding: 8px 15px 8px 15px;
}

#nav-dashboard:hover {
	opacity: 1;
	cursor: pointer;
}

#join-waitlist-button-2 {
	background-color: rgba(74, 193, 255, 0.9);
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	position: absolute;
	top: 6px;
	right: 22px; /*22*/
	border-radius: 100px;
	padding: 8px 15px 8px 15px;
}

#join-waitlist-button-2:hover {
	background-color: rgba(74, 193, 255, 1);
	cursor: pointer;
}

div#page {


}
#map_canvas {position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#chat {
	background-color: #1A1A22;
	position: absolute;
	top: 0;
	bottom: 63px;
	right: 0;
	width: 320px;
	z-index: 100;
	border-bottom: 1px solid rgba(0, 0, 0, 0.28);
}

#chat-tab {
	padding: 21px 47px 23px 41px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0.9;
	position: absolute;
	left: 0;
	top: 0;
}

#chat-bubble-icon {
	margin-bottom: -7px;
	margin-right: 6px;
	margin-left: 7px;
}

#waitlist-tab {
	background-color: #121218;
	padding: 21px 34px 23px 33px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0.9;
	position: absolute;
	right: 0;
	top: 0;
}

#waitlist-tab:hover {
	cursor: pointer;
	opacity: 1;
}

#waitlist-icon {
	margin-bottom: -7px;
	margin-right: 5px;
}

#chat-box {
	background-color: #121218;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	position: absolute;
	bottom: 0;
	outline: 0;
	border: 0;
	border: 8px solid #1A1A22;
	width: 276px;
	padding: 13px 13px 13px 15px;
	color: #fff;
}

.right-container {
	position: absolute;
    right: 30px;
    top: 15px;
}

//**animation**//
.optimizationmodalzone{
	background-color: #00f3c6;
	height:100%;
	width:100%;
}
.optimizationcontent {
	background-color: #00f3c6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100vh;
}


.doughnut-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100vh;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.doughnut-wrapper {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-animation: bounce 1s infinite forwards;
	animation: bounce 1s infinite forwards;
}

.doughnut-svg {
	width: 15rem;
	fill: transparent;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: roll 2s infinite cubic-bezier(1, 0, 0.4, 1);
	animation: roll 2s infinite cubic-bezier(1, 0, 0.4, 1);
}

.doughnut-shadow {
	width: 9rem;
	height: 0.6rem;
	margin: 0 auto;
	background-color: #333;
	border-radius: 100%;
	opacity: 0.3;
	-webkit-animation: shadow 1s infinite;
	animation: shadow 1s infinite;
}

@-webkit-keyframes roll {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes roll {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes bounce {
	50% {
		-webkit-transform: translate3d(0, -8%, 0);
		transform: translate3d(0, -8%, 0);
	}
}
@keyframes bounce {
	50% {
		-webkit-transform: translate3d(0, -8%, 0);
		transform: translate3d(0, -8%, 0);
	}
}
@-webkit-keyframes shadow {
	50% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}
@keyframes shadow {
	50% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}


@charset "UTF-8";
@import url('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css');
@import url('//cdn.jsdelivr.net/bootstrap/3.1.1/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900');
@font-face {
	font-family: 'entypo';
	font-style: normal;
	font-weight: normal;
	src: url('https://weloveiconfonts.com/api/fonts/entypo/entypo.eot');
	src: url('https://weloveiconfonts.com/api/fonts/entypo/entypo.eot?#iefix') format('eot'), url('https://weloveiconfonts.com/api/fonts/entypo/entypo.woff') format('woff'), url('https://weloveiconfonts.com/api/fonts/entypo/entypo.ttf') format('truetype'), url('https://weloveiconfonts.com/api/fonts/entypo/entypo.svg#entypo') format('svg');
}
.entypo-note:before {
	content: "\266a";
}
.entypo-note-beamed:before {
	content: "\266b";
}
.entypo-music:before {
	content: "\1f3b5";
}
.entypo-search:before {
	content: "\1f50d";
}
.entypo-flashlight:before {
	content: "\1f526";
}
.entypo-mail:before {
	content: "\2709";
}
.entypo-heart:before {
	content: "\2665";
}
.entypo-heart-empty:before {
	content: "\2661";
}
.entypo-star:before {
	content: "\2605";
}
.entypo-star-empty:before {
	content: "\2606";
}
.entypo-user:before {
	content: "\1f464";
}
.entypo-users:before {
	content: "\1f465";
}
.entypo-user-add:before {
	content: "\e700";
}
.entypo-video:before {
	content: "\1f3ac";
}
.entypo-picture:before {
	content: "\1f304";
}
.entypo-camera:before {
	content: "\1f4f7";
}
.entypo-layout:before {
	content: "\268f";
}
.entypo-menu:before {
	content: "\2630";
}
.entypo-check:before {
	content: "\2713";
}
.entypo-cancel:before {
	content: "\2715";
}
.entypo-cancel-circled:before {
	content: "\2716";
}
.entypo-cancel-squared:before {
	content: "\274e";
}
.entypo-plus:before {
	content: "\2b";
}
.entypo-plus-circled:before {
	content: "\2795";
}
.entypo-plus-squared:before {
	content: "\229e";
}
.entypo-minus:before {
	content: "\2d";
}
.entypo-minus-circled:before {
	content: "\2796";
}
.entypo-minus-squared:before {
	content: "\229f";
}
.entypo-help:before {
	content: "\2753";
}
.entypo-help-circled:before {
	content: "\e704";
}
.entypo-info:before {
	content: "\2139";
}
.entypo-info-circled:before {
	content: "\e705";
}
.entypo-back:before {
	content: "\1f519";
}
.entypo-home:before {
	content: "\2302";
}
.entypo-link:before {
	content: "\1f517";
}
.entypo-attach:before {
	content: "\1f4ce";
}
.entypo-lock:before {
	content: "\1f512";
}
.entypo-lock-open:before {
	content: "\1f513";
}
.entypo-eye:before {
	content: "\e70a";
}
.entypo-tag:before {
	content: "\e70c";
}
.entypo-bookmark:before {
	content: "\1f516";
}
.entypo-bookmarks:before {
	content: "\1f4d1";
}
.entypo-flag:before {
	content: "\2691";
}
.entypo-thumbs-up:before {
	content: "\1f44d";
}
.entypo-thumbs-down:before {
	content: "\1f44e";
}
.entypo-download:before {
	content: "\1f4e5";
}
.entypo-upload:before {
	content: "\1f4e4";
}
.entypo-upload-cloud:before {
	content: "\e711";
}
.entypo-reply:before {
	content: "\e712";
}
.entypo-reply-all:before {
	content: "\e713";
}
.entypo-forward:before {
	content: "\27a6";
}
.entypo-quote:before {
	content: "\275e";
}
.entypo-code:before {
	content: "\e714";
}
.entypo-export:before {
	content: "\e715";
}
.entypo-pencil:before {
	content: "\270e";
}
.entypo-feather:before {
	content: "\2712";
}
.entypo-print:before {
	content: "\e716";
}
.entypo-retweet:before {
	content: "\e717";
}
.entypo-keyboard:before {
	content: "\2328";
}
.entypo-comment:before {
	content: "\e718";
}
.entypo-chat:before {
	content: "\e720";
}
.entypo-bell:before {
	content: "\1f514";
}
.entypo-attention:before {
	content: "\26a0";
}
.entypo-alert:before {
	content: "\1f4a5'";
}
.entypo-vcard:before {
	content: "\e722";
}
.entypo-address:before {
	content: "\e723";
}
.entypo-location:before {
	content: "\e724";
}
.entypo-map:before {
	content: "\e727";
}
.entypo-direction:before {
	content: "\27a2";
}
.entypo-compass:before {
	content: "\e728";
}
.entypo-cup:before {
	content: "\2615";
}
.entypo-trash:before {
	content: "\e729";
}
.entypo-doc:before {
	content: "\e730";
}
.entypo-docs:before {
	content: "\e736";
}
.entypo-doc-landscape:before {
	content: "\e737";
}
.entypo-doc-text:before {
	content: "\1f4c4";
}
.entypo-doc-text-inv:before {
	content: "\e731";
}
.entypo-newspaper:before {
	content: "\1f4f0";
}
.entypo-book-open:before {
	content: "\1f4d6";
}
.entypo-book:before {
	content: "\1f4d5";
}
.entypo-folder:before {
	content: "\1f4c1";
}
.entypo-archive:before {
	content: "\e738";
}
.entypo-box:before {
	content: "\1f4e6";
}
.entypo-rss:before {
	content: "\e73a";
}
.entypo-phone:before {
	content: "\1f4dE";
}
.entypo-cog:before {
	content: "\2699";
}
.entypo-tools:before {
	content: "\2692";
}
.entypo-share:before {
	content: "\e73c";
}
.entypo-shareable:before {
	content: "\e73e";
}
.entypo-basket:before {
	content: "\e73d";
}
.entypo-bag:before {
	content: "\1f45c'";
}
.entypo-calendar:before {
	content: "\1f4c5";
}
.entypo-login:before {
	content: "\e740";
}
.entypo-logout:before {
	content: "\e741";
}
.entypo-mic:before {
	content: "\1f3a4";
}
.entypo-mute:before {
	content: "\1f507";
}
.entypo-sound:before {
	content: "\1f50a";
}
.entypo-volume:before {
	content: "\e742";
}
.entypo-clock:before {
	content: "\1f554";
}
.entypo-hourglass:before {
	content: "\23f3";
}
.entypo-lamp:before {
	content: "\1f4a1";
}
.entypo-light-down:before {
	content: "\1f505";
}
.entypo-light-up:before {
	content: "\1f506";
}
.entypo-adjust:before {
	content: "\25d1";
}
.entypo-block:before {
	content: "\1f6ab";
}
.entypo-resize-full:before {
	content: "\e744";
}
.entypo-resize-small:before {
	content: "\e746";
}
.entypo-popup:before {
	content: "\e74c";
}
.entypo-publish:before {
	content: "\e74d";
}
.entypo-window:before {
	content: "\e74e";
}
.entypo-arrow-combo:before {
	content: "\e74f";
}
.entypo-down-circled:before {
	content: "\e758";
}
.entypo-left-circled:before {
	content: "\e759";
}
.entypo-right-circled:before {
	content: "\e75a";
}
.entypo-up-circled:before {
	content: "\e75b";
}
.entypo-down-open:before {
	content: "\e75c";
}
.entypo-left-open:before {
	content: "\e75d";
}
.entypo-right-open:before {
	content: "\e75e";
}
.entypo-up-open:before {
	content: "\e75f";
}
.entypo-down-open-mini:before {
	content: "\e760";
}
.entypo-left-open-mini:before {
	content: "\e761";
}
.entypo-right-open-mini:before {
	content: "\e762";
}
.entypo-up-open-mini:before {
	content: "\e763";
}
.entypo-down-open-big:before {
	content: "\e764";
}
.entypo-left-open-big:before {
	content: "\e765";
}
.entypo-right-open-big:before {
	content: "\e766";
}
.entypo-up-open-big:before {
	content: "\e767";
}
.entypo-down:before {
	content: "\2b07";
}
.entypo-left:before {
	content: "\2b05";
}
.entypo-right:before {
	content: "\27a1";
}
.entypo-up:before {
	content: "\2b06";
}
.entypo-down-dir:before {
	content: "\25be";
}
.entypo-left-dir:before {
	content: "\25c2";
}
.entypo-right-dir:before {
	content: "\25b8";
}
.entypo-up-dir:before {
	content: "\25b4";
}
.entypo-down-bold:before {
	content: "\e4b0";
}
.entypo-left-bold:before {
	content: "\e4ad";
}
.entypo-right-bold:before {
	content: "\e4ae";
}
.entypo-up-bold:before {
	content: "\e4af";
}
.entypo-down-thin:before {
	content: "\2193";
}
.entypo-left-thin:before {
	content: "\2190";
}
.entypo-right-thin:before {
	content: "\2192";
}
.entypo-up-thin:before {
	content: "\2191";
}
.entypo-ccw:before {
	content: "\27f2";
}
.entypo-cw:before {
	content: "\27f3";
}
.entypo-arrows-ccw:before {
	content: "\1f504";
}
.entypo-level-down:before {
	content: "\21b3";
}
.entypo-level-up:before {
	content: "\21b0";
}
.entypo-shuffle:before {
	content: "\1f500";
}
.entypo-loop:before {
	content: "\1f501";
}
.entypo-switch:before {
	content: "\21c6";
}
.entypo-play:before {
	content: "\25b6";
}
.entypo-stop:before {
	content: "\25a0";
}
.entypo-pause:before {
	content: "\2389";
}
.entypo-record:before {
	content: "\26ab";
}
.entypo-to-end:before {
	content: "\23ed";
}
.entypo-to-start:before {
	content: "\23ee";
}
.entypo-fast-forward:before {
	content: "\23e9";
}
.entypo-fast-backward:before {
	content: "\23ea";
}
.entypo-progress-0:before {
	content: "\e768";
}
.entypo-progress-1:before {
	content: "\e769";
}
.entypo-progress-2:before {
	content: "\e76a";
}
.entypo-progress-3:before {
	content: "\e76b";
}
.entypo-target:before {
	content: "\1f3af";
}
.entypo-palette:before {
	content: "\1f3a8";
}
.entypo-list:before {
	content: "\e005";
}
.entypo-list-add:before {
	content: "\e003";
}
.entypo-signal:before {
	content: "\1f4f6";
}
.entypo-trophy:before {
	content: "\1f3c6";
}
.entypo-battery:before {
	content: "\1f50b";
}
.entypo-back-in-time:before {
	content: "\e771";
}
.entypo-monitor:before {
	content: "\1f4bb";
}
.entypo-mobile:before {
	content: "\1f4f1";
}
.entypo-network:before {
	content: "\e776";
}
.entypo-cd:before {
	content: "\1f4bf";
}
.entypo-inbox:before {
	content: "\e777";
}
.entypo-install:before {
	content: "\e778";
}
.entypo-globe:before {
	content: "\1f30e";
}
.entypo-cloud:before {
	content: "\2601";
}
.entypo-cloud-thunder:before {
	content: "\26c8";
}
.entypo-flash:before {
	content: "\26a1";
}
.entypo-moon:before {
	content: "\263d";
}
.entypo-flight:before {
	content: "\2708";
}
.entypo-paper-plane:before {
	content: "\e79b";
}
.entypo-leaf:before {
	content: "\1f342";
}
.entypo-lifebuoy:before {
	content: "\e788";
}
.entypo-mouse:before {
	content: "\e789";
}
.entypo-briefcase:before {
	content: "\1f4bc";
}
.entypo-suitcase:before {
	content: "\e78e";
}
.entypo-dot:before {
	content: "\e78b";
}
.entypo-dot-2:before {
	content: "\e78c";
}
.entypo-dot-3:before {
	content: "\e78d";
}
.entypo-brush:before {
	content: "\e79a";
}
.entypo-magnet:before {
	content: "\e7a1";
}
.entypo-infinity:before {
	content: "\221e";
}
.entypo-erase:before {
	content: "\232b";
}
.entypo-chart-pie:before {
	content: "\e751";
}
.entypo-chart-line:before {
	content: "\1f4c8";
}
.entypo-chart-bar:before {
	content: "\1f4ca";
}
.entypo-chart-area:before {
	content: "\1f53e";
}
.entypo-tape:before {
	content: "\2707";
}
.entypo-graduation-cap:before {
	content: "\1f393";
}
.entypo-language:before {
	content: "\e752";
}
.entypo-ticket:before {
	content: "\1f3ab";
}
.entypo-water:before {
	content: "\1f4a6";
}
.entypo-droplet:before {
	content: "\1f4a7";
}
.entypo-air:before {
	content: "\e753";
}
.entypo-credit-card:before {
	content: "\1f4b3";
}
.entypo-floppy:before {
	content: "\1f4be";
}
.entypo-clipboard:before {
	content: "\1f4cb";
}
.entypo-megaphone:before {
	content: "\1f4e3";
}
.entypo-database:before {
	content: "\e754";
}
.entypo-drive:before {
	content: "\e755";
}
.entypo-bucket:before {
	content: "\e756";
}
.entypo-thermometer:before {
	content: "\e757";
}
.entypo-key:before {
	content: "\1f511";
}
.entypo-flow-cascade:before {
	content: "\e790";
}
.entypo-flow-branch:before {
	content: "\e791";
}
.entypo-flow-tree:before {
	content: "\e792";
}
.entypo-flow-line:before {
	content: "\e793";
}
.entypo-flow-parallel:before {
	content: "\e794";
}
.entypo-rocket:before {
	content: "\1f680";
}
.entypo-gauge:before {
	content: "\e7a2";
}
.entypo-traffic-cone:before {
	content: "\e7a3";
}
.entypo-cc:before {
	content: "\e7a5";
}
.entypo-cc-by:before {
	content: "\e7a6";
}
.entypo-cc-nc:before {
	content: "\e7a7";
}
.entypo-cc-nc-eu:before {
	content: "\e7a8";
}
.entypo-cc-nc-jp:before {
	content: "\e7a9";
}
.entypo-cc-sa:before {
	content: "\e7aa";
}
.entypo-cc-nd:before {
	content: "\e7ab";
}
.entypo-cc-pd:before {
	content: "\e7ac";
}
.entypo-cc-zero:before {
	content: "\e7ad";
}
.entypo-cc-share:before {
	content: "\e7ae";
}
.entypo-cc-remix:before {
	content: "\e7af";
}
.entypo-github:before {
	content: "\f300";
}
.entypo-github-circled:before {
	content: "\f301";
}
.entypo-flickr:before {
	content: "\f303";
}
.entypo-flickr-circled:before {
	content: "\f304";
}
.entypo-vimeo:before {
	content: "\f306";
}
.entypo-vimeo-circled:before {
	content: "\f307";
}
.entypo-twitter:before {
	content: "\f309";
}
.entypo-twitter-circled:before {
	content: "\f30a";
}
.entypo-facebook:before {
	content: "\f30c";
}
.entypo-facebook-circled:before {
	content: "\f30d";
}
.entypo-facebook-squared:before {
	content: "\f30e";
}
.entypo-gplus:before {
	content: "\f30f";
}
.entypo-gplus-circled:before {
	content: "\f310";
}
.entypo-pinterest:before {
	content: "\f312";
}
.entypo-pinterest-circled:before {
	content: "\f313";
}
.entypo-tumblr:before {
	content: "\f315";
}
.entypo-tumblr-circled:before {
	content: "\f316";
}
.entypo-linkedin:before {
	content: "\f318";
}
.entypo-linkedin-circled:before {
	content: "\f319";
}
.entypo-dribbble:before {
	content: "\f31b";
}
.entypo-dribbble-circled:before {
	content: "\f31c";
}
.entypo-stumbleupon:before {
	content: "\f31e";
}
.entypo-stumbleupon-circled:before {
	content: "\f31f";
}
.entypo-lastfm:before {
	content: "\f321";
}
.entypo-lastfm-circled:before {
	content: "\f322";
}
.entypo-rdio:before {
	content: "\f324";
}
.entypo-rdio-circled:before {
	content: "\f325";
}
.entypo-spotify:before {
	content: "\f327";
}
.entypo-spotify-circled:before {
	content: "\f328";
}
.entypo-qq:before {
	content: "\f32a";
}
.entypo-instagrem:before {
	content: "\f32d";
}
.entypo-dropbox:before {
	content: "\f330";
}
.entypo-evernote:before {
	content: "\f333";
}
.entypo-flattr:before {
	content: "\f336";
}
.entypo-skype:before {
	content: "\f339";
}
.entypo-skype-circled:before {
	content: "\f33a";
}
.entypo-renren:before {
	content: "\f33c";
}
.entypo-sina-weibo:before {
	content: "\f33f";
}
.entypo-paypal:before {
	content: "\f342";
}
.entypo-picasa:before {
	content: "\f345";
}
.entypo-soundcloud:before {
	content: "\f348";
}
.entypo-mixi:before {
	content: "\f34b";
}
.entypo-behance:before {
	content: "\f34e";
}
.entypo-google-circles:before {
	content: "\f351";
}
.entypo-vkontakte:before {
	content: "\f354";
}
.entypo-smashing:before {
	content: "\f357";
}
.entypo-sweden:before {
	content: "\f601";
}
.entypo-db-shape:before {
	content: "\f600";
}
.entypo-logo-db:before {
	content: "\f603";
}
/* entypo */
[class*="entypo-"]:before {
	font-family: 'entypo', sans-serif;
	font-style: initial;
}
body {
	font-family: 'Roboto';
	padding: 0;
	margin: 0;
	background: #fff;
}
.cards {
	margin-left: 0px;
	margin-right: 0px;
}
.cards .card {
	padding: 0px;
	margin: 0px;
}
section.bubble {
	background-color: #7ab986;
	border-bottom: 2px solid #d5d5d5;
}
section.bubble header {
	text-transform: capitalize;
	color: #fff;
	font-weight: 100;
	padding: 10px 10px 10px 10px;
	font-size: 1.5em;
	height: 35px;
}
section.bubble header h4 {
	color: #fff;
	font-weight: 100;
	font-size: 1em;
	text-align: right;
	margin: 0px;
}
section.bubble header ul {
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 0PX;
	margin: 0px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
section.bubble article {
	position: relative;
	padding: 0px 10px 10px 10px;
}
section.bubble article .inlinebar {
	opacity: 1;
}
section.bubble article .inlinebar canvas {
	vertical-align: bottom !important;
	zoom: 0.5;
	max-width: 100%;
}
section.bubble article ul.sections {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 0px;
	margin: 0px;
	font-size: 1em;
}
section.bubble article ul.sections li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
section.bubble article ul.sections li.list {
	color: #424956;
	font-size: 1em;
}
section.bubble article ul.sections li.list ul {
	list-style: none;
	padding: 0px;
	font-size: 1em;
}
section.bubble article ul.sections li.list ul li:first-child {
	font-weight: bold;
}
section.bubble footer {
	padding: 10px 10px 10px 10px;
	background-color: #f4f5f6;
	color: #424956;
	text-transform: uppercase;
	font-weight: normal;
	height: 33px;
}
section.bubble footer ul.sections {
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
section.bubble footer ul.sections li {
	list-style: none;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1 !important;
	display:flex;
}
section.bubble footer ul.sections li:last-child {
	text-align: right;
}
section.bubble footer ul.sections li.big-num {
	color: #424956;
	font-weight: 300; 
	font-size: 1.5em;
}
section.bubble footer ul.sections li.big-num i.up {
	color: #70c030;
}
section.bubble footer ul.sections li.big-num i.down {
	color: #F16262;
}
section.bubble:after {

}

.amcharts-main-div {
	text-transform: capitalize;
}

#taskspercent{
	display: inline;
}

/**/

.weather{
	width: 100%;
	height: 100%;
	min-wdith: 100vh;
	height: 100vh;
}

.title{
    position:relative;
	margin:auto;
    width: 500px;
	min-width: 300px;
    margin-top: 60px;
    font-family: 'Mogra', cursive;
    font-size: 40px;
}

.tip {
	width: 400px;
	min-width: 300px;
	margin: 10px;
	font-size: 0.7em;
	color:white;
}

main{
	position: relative;
	z-index: 999;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	max-width: 430px;
	min-width: 300px;
	/*height: 450px;*/
	min-heigth: 500px;
	margin: 0 auto;
	padding: 50px 0 20px 0;
	background-color:#2C3E50;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.5);
}


#alert {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	width: 450px;
	padding: 20px;
	background-color: #fff;
	color: #2c3e50;
	transform: translate3d(-50%,-50%,0);
	box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.5);
}

#alert-close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.fa-search {
	position: absolute;
	z-index: 100;
	top: 10px;
	right: 10px;
	font-size: 2em;
	opacity: 100%;
	color: white;
}

.location {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 1.5em;
	color: #fff;
	border: none;
	outline: none;
	background-color: #F8BA56;
}

#icon {
	display: block;
	margin: 0 auto;
	padding-right: 10px;

	font-size: 1em;
	text-align: center;
}


#speed{
	margin-left: -2px;
}

.info{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}





/**** MENU ****/
/* VERSION 3.0.1*/
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300);














/*.main-menu:hover,nav.main-menu.expanded {
	width:250px;
	overflow:visible;
}*/

.main-menu {
	background:#333446;
	border-right:1px solid #e5e5e5;
	position:absolute;
	top:51px;
	bottom:0;
	height:calc(100% - 51px);
	left:0;
	width:0;
	overflow:hidden;
	-webkit-transition:width .05s linear;
	transition:width .05s linear;
	-webkit-transform:translateZ(0) scale(1,1);
	z-index:1000;
	position:fixed;
}

.main-menu>ul {
	margin:7px 0;
}

.main-menu li {
	position:relative;
	display:block;
	width:250px;
}

.main-menu li>a {
	position:relative;
	display:table;
	border-collapse:collapse;
	border-spacing:0;
	color:#fff;
	font-family: arial;
	font-size: 14px;
	text-decoration:none;
	-webkit-transform:translateZ(0) scale(1,1);
	-webkit-transition:all .1s linear;
	transition:all .1s linear;

}

.main-menu .nav-icon {
	position:relative;
	display:table-cell;
	width:60px;
	height:36px;
	text-align:center;
	vertical-align:middle;
	font-size:18px;
}

.main-menu .nav-text {
	top:1px;
	position:relative;
	display:table-cell;
	vertical-align:middle;
	width:190px;
	font-family: 'Titillium Web', sans-serif;
}

.main-menu>ul.logout {
	position:absolute;
	left:0;
	bottom:0;
}

.no-touch .scrollable.hover {
	overflow-y:hidden;
}

.no-touch .scrollable.hover:hover {
	overflow-y:auto;
	overflow:visible;
}

a:hover,a:focus {
	text-decoration:none;
}

nav {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}

nav ul,nav li {
	outline:0;
	margin:0;
	padding:0;
}
.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
	color:#fff;
	background-color:#5fa2db;
}
.area {
	float: left;
	background: #e2e2e2;
	width: 100%;
	height: 100%;
}
@font-face {
	font-family: 'Titillium Web';
	font-style: normal;
	font-weight: 300;
	src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
}

.modal-title{
	font-weight:bold;
}
.state_hidden{
	display: none;
}
/* Android 2.3 :checked fix */
@-webkit-keyframes fake {
	from {
		opacity: 1;
	}
	to {
		opacity: 1;
	}
}
@keyframes fake {
	from {
		opacity: 1;
	}
	to {
		opacity: 1;
	}
}
.worko-tabs {
	width: 100%;
	color:#000;
}
.worko-tabs .state {
	position: absolute;
	left: -10000px;
}
.worko-tabs .flex-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.worko-tabs .flex-tabs .tab {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-height: 40px;
}
.worko-tabs .flex-tabs .panel {
	background-color: #fff;
	padding-left: 20px;
	display: none;
	width: 100%;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
.worko-tabs .tab {
	display: inline-block;
	padding: 10px;
	vertical-align: top;
	background-color: #eee;
	cursor: hand;
	cursor: pointer;
	border-left: 10px solid #ccc;
}
.worko-tabs .tab:hover {
	background-color: #fff;
}
#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label {
	background-color: #69be28;
	cursor: default;
	border-left-color: #000;
	font-weight:bold;
	color: #000;
}
#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel {
	display: block;
}
@media (max-width: 800px) {
.hidediv {
	display:none !important;
}
}
@media (max-width: 600px) {
	.dashboard-work-area ,#content{
		height:100%;
	}
	.footer,.top-header-logo {
		display:none;
	}
	.flex-tabs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
        -ms-flex-direction: column;
		flex-direction: column;
	}
	.flex-tabs .tab {
		background: #fff;
		border-bottom: 1px solid #ccc;
	}
	.flex-tabs .tab:last-of-type {
		border-bottom: none;
	}
	.flex-tabs #tab-one-label {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.flex-tabs #tab-two-label {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}
	.flex-tabs #tab-three-label {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}
	.flex-tabs #tab-four-label {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7;
	}
	.flex-tabs #tab-one-panel {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.flex-tabs #tab-two-panel {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}
	.flex-tabs #tab-three-panel {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}
	.flex-tabs #tab-four-panel {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8;
	}
	#tab-one:checked ~ .tabs #tab-one-label,
	#tab-two:checked ~ .tabs #tab-two-label,
	#tab-three:checked ~ .tabs #tab-three-label,
	#tab-four:checked ~ .tabs #tab-four-label {
		border-bottom: none;
	}
	#tab-one:checked ~ .tabs #tab-one-panel,
	#tab-two:checked ~ .tabs #tab-two-panel,
	#tab-three:checked ~ .tabs #tab-three-panel,
	#tab-four:checked ~ .tabs #tab-four-panel {
		border-bottom: 1px solid #ccc;
	}
}
.switch-field {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	overflow: hidden;
}
.switch-title {
	margin-bottom: 6px;
}
.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}
.switch-field label {
	float: left;
}
.switch-field label {
	display: inline-block;
	width: 50%;
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	padding: 6px 14px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}
.switch-field label:hover {
	cursor: pointer;
}
.dashboard-expand,.optimization-prompt,.print-prompt {
	cursor: pointer;
}
.switch-field input:checked + label {
	background-color: #69be28;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}	
#footer_infopanel ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#footer_infopanel li {
    float: left;
	padding-right: 20px;
	font-size:0.8em;
}
#footer_infopanel li a {
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
}
.fa-2x {
	font-size: 2em;
}
.fa {
	position: relative;
	display: table-cell;

	

	text-align: center;
	vertical-align: middle;
	font-size:20px;
}
.menufa{ width: 60px; height: 30px; }
.total-jobs { background: #a95ebc;border-radius: 10px;color: #fff;width: 20px !important;height: 17px;display: inline-block;text-align: center;padding-top: 3px;font-size: 13px; }
.google-route { border-radius: 12px;color: #f5ac26;margin-left: 5px;font-size: 18px; }
.optimized-vehicle-text { cursor:pointer; }
.routing-prompt {
	height: 90%;
    width: 90%;
    margin: auto;
    top: 50px;
}
ol.timeline {
    border-left: 0.5em solid;
    border-color: rgb(107, 191, 238);
    padding-left: 2em;
    margin-left: 8em;
    list-style: none;
}
.timeline > li {
    position: relative;
    margin-top: 10pt;
    color: white;
}
.timeline > li:before {
    background-color: rgb(52, 148, 203);
    text-align: center;
    width: 2em; height: 2em;
    line-height: 1em;
    font-size: 110%;
    border: 0.5em solid rgb(107, 191, 238);
    border-radius: 50%;
    position: absolute;
    left: -3em;
}
.timeline > li.call:before {
    content: "\260E";
}
.timeline > li.flight:before {
    content: '\2708';
}
.timeline > li.todo:before {
    content: '\2714';
}
.timeline > li.email:before {
    content: '\0040';
}
.timeline > li time {
    display: block;
    float: left;
    position: absolute;
    left: -11em;
    text-align: right;
}
.timeline > li time > * {
    display: block;
}
.timeline > li time small {
    color: #BDD0DC;
    font-size: 80%;
}
.timeline > li time big {
    color: rgb(107, 191, 238);
    font-size: 120%;
}
.timeline > li:nth-child(even) time big {
    color: rgb(52, 148, 203); /* dark blue */
}
.timeline > li article {
    background-color: rgb(107, 191, 238);
    margin: 0; padding: 5pt 2em;
    border-radius: 5pt;
}
.timeline > li article:after {
    content: "\25C0";
    color: rgb(107, 191, 238);
    position: absolute;
    top: 0.75em; left: -0.6em;
}
/* https://css-tricks.com/how-nth-child-works/ */
.timeline > li:nth-child(even) article {
    background-color: rgb(52, 148, 203); /* dark blue */
}
.timeline > li:nth-child(even) article:after {
    color: rgb(52, 148, 203); /* dark blue */
}
.timeline > li article h3 {
    padding-bottom: 5pt;
    border-bottom: 1pt dotted;
    margin-bottom: 10pt;
}
.fullwidth {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.fullheight{
	height: auto;
	min-height: 100%;
	border-radius: 0;
}
.container-fluid {
    height: 100%;
    position: relative;
}
#map1 {
    height: 100%;
    position: absolute;
	background-color:#fff;
}
.overflow {
	height: 100vh;
	overflow: hidden;
}
.panels {
	width: 200%;
}
.panels__side {
	float: left;
	width: 50%;
	-webkit-perspective: 400px;
	perspective: 400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.panels__side--left,
.panels__side--right {
	will-change: transform;
	position: relative;
	left: -19%;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	overflow:scroll;
	width: 90%!important
}
.panels__side--left {
	background: #ddd;
}
.panels__side--left:hover .arrow {
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
}
.panels__side--right {
	/* background: #19b5fe; */
}
.panels__side--right:hover .arrow {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.panels__side--left-active {
	-webkit-transform: translate(50%, 0);
	transform: translate(50%, 0);
}
.panels__side--left-active .panels__side--inner-left {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
}
.panels__side--left-active .arrow {
	-webkit-transform: translate(-50%, -50%) rotate(180deg) !important;
	transform: translate(-50%, -50%) rotate(180deg) !important;
}
.panels__side--right-active {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.panels__side--right-active .panels__side--inner-right {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
}
.panels__side--right-active .arrow {
	-webkit-transform: translate(-50%, -50%) rotate(180deg) !important;
	transform: translate(-50%, -50%) rotate(180deg) !important;
}
.panels__side--left-hidden {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.panels__side--right-hidden {
	-webkit-transform: translate(50%, 0);
	transform: translate(50%, 0);
}
.panels__side--inner {
	cursor: pointer;
}
.panels__side--inner-left,
.panels__side--inner-right,
.panels__side--inner {
	will-change: transform;
	height: 100vh;
}
.panels__side--inner-left {
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	background: url("//unsplash.it/1330/900") center/cover;
}
.panels__side--inner-left:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f4d03f;
	z-index: -1;
	opacity: 0.85;
}
.panels__side--inner-right {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	background: url("//unsplash.it/1250/900") center/cover;
}
.panels__side--inner-right:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: #19b5fe; */
	z-index: -1;
	opacity: 0.85;
}
.panels__headline {
	margin: 0;
	font-size: 40px;
	text-align: center;
	color: #1a1a1a;
}
.clonedInput { padding: 10px; border-radius: 5px; border:1px solid #ddd; background-color: #fff; margin-bottom: 10px; }
.create-task-sidebar .add-another-task {
    padding: 14px;
    border-radius: 5px;
    background-color: #fff;
    border: solid 1px rgba(0,0,0,.1);
    font-size: 12px;
    letter-spacing: .4px;
}
.box {
    color: #4695f6;
    cursor: pointer;
	border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
}
.btn-add-pickup {
    margin-top: 10px;
}

/* Quotation Model START*/
.modal.quaterscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 10%;
  left: 0;
  overflow: hidden;

}

.modal-dialog.quaterscreen {
  position: fixed;
  margin: 0;
  width: 70%;
  height: 100%;
   right: 15%; 
  padding: 0 !important;
}

.modal-body.quaterscreen {
  position: absolute;
  top: 0px;
  bottom: 5px;
  width: 100%;
  height: 100%;
  overflow-x: hidden !important;
}


.modal-content.quaterscreen {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  /*border: 2px solid #3c7dcf;*/
  border-radius: 0;
  /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
   
}
.modal-header.quaterscreen {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  padding: 10px;
  border: 0;
}
.modal-title.quaterscreen {
  font-weight: 300;
  font-size: 2em;
  color: #fff;
  line-height: 30px;
}

.modal-footer.quaterscreen {
    background-color: #fff;
    position: fixed;
    right: 0;
    width: 50%;
  bottom: 0;
  left: 0;
  padding: 10px;
}


@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



/*.container {
  width: 100%;

  background-color: #fff;

  overflow: hidden;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px !important;
}
*/
input[type=text],
input[type=number],
input[type=date],
select {
  font-family: 'Source Sans Pro', Sans-serif;
  font-size: 1em;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  padding: 4px;
  outline: none;
}

.items-table tr th:nth-last-child(1) {
    text-align: right !important;
}

.items-table th:nth-last-child(2) {
    text-align: right !important;
}

.items-table th:nth-last-child(3) {
    text-align: right !important;
}

.items-table td:nth-last-child(1) {
    text-align: right !important;
}

.items-table td:nth-last-child(2) {
    text-align: right !important;
}

.items-table td:nth-last-child(3) {
    text-align: right !important;
}

.items-table {
  width: 100%;
}
.items-table th {
    text-align: left;
    /*font-weight: 300;*/
    padding: 10px 5px 3px;
    white-space: nowrap;
    /*min-width: 100px;*/
}
.items-table input[type=text],
.items-table input[type=number],
.items-table input[type=date],
.items-table select {
  width: 100%;
}

#items td {
  padding: 5px;
  background: #f8f8f8;
  border-bottom: 1px solid #fff;
}
#items .desc {
  /*min-width: 200px;*/
}
#tax {
  /*min-width: 50px;*/
}

#items .total-price , #items .cbm {
  text-align: left;
  font-weight: 600;
}

.invoice-totals {
    margin-top: 20px;
    width: 50%;
    text-align: right;
    float: right;
}
.invoice-totals th {
  font-weight: 300;
}
.invoice-totals th, .invoice-totals td {
  text-align: right;
  padding: 5px;
  border-bottom: 1px solid #d7d7d7;
}
.invoice-totals .tax-container td {
  border-bottom: none;
  padding: 0;
}

#taxs {
  width: 100%;
}
#taxs thead th {
  font-weight: 300;
  background-color: #f8f8f8;
}
#taxs th, #taxs td {
  text-align: right !important;
  margin: auto 0 auto auto !important;
  padding: 5px;
  border-bottom: 1px solid #d7d7d7;
}

#team_member_chosenQuote input[type="text"]{
    height:auto;
    width:50% !important;
}
#postal_code_chosenQuote input[type="text"]{
    height:auto;
    width:50% !important;
}

.header-table {
    width: 100%;
    border-spacing: 10px;
    border-collapse: separate;
}

/*.header-table, th, td {
   border: 1px solid black;
}*/

.header-table th {
  text-align: left;
  /*font-weight: 300;*/
  padding: 10px 5px 3px;
  white-space: nowrap;
   min-width: 100px;
}
.header-table tr {
    padding: 500px;
}
.header-table tr td label{
    margin-left: 5px;
    margin-bottom: 0px !important;
}
.header-table input[type=text],
.header-table input[type=number],
.header-table input[type=date],
.header-table select {
  width: 100%;
}

#header td {
  padding: 5px;
  background: #eee;
  border-bottom: 1px solid #fff;
  text-align: center;
}
#header .desc {
  min-width: 200px;
}
#tax {
  min-width: 50px;
}

#header .total-price , #header .cbm {
  text-align: right;
  font-weight: 600;
}

#QuotatationDate
,#QuoteAppointmentDate
,#QuotecustomerName
,#QuoteCustomerEmail
,#QuoteCustomerContact
,#QuoteCustomerContactPerson
,#QuoteCustomerPostalCode
,#QuoteCustomerAddress
,#QuoteCustomerState
,#QuoteCustomerCountry
,#QuotecustomerName2
,#QuoteCustomerEmail2
,#QuoteCustomerContact2
,#QuoteCustomerContactPerson2
,#QuoteCustomerPostalCode2
,#QuoteCustomerState2
,#QuoteCustomerCountry2
,#QuoteCustomerAddress2
,#QuoteCustomerDesc
,#QuotationSubject
,#QuotationDate
{
    border: 1px solid #eee;
    border-radius: 5px;
     text-align: left; 
    width: 100%;
}

.quotationInput2 {
	display: none;
}

.bubbly-button {
  font-family: 'Helvetica', 'Arial', sans-serif;
  display: inline-block;
  font-size: 1em;
  padding: 1em 2em;
  margin-top: 100px;
  margin-bottom: 60px;
  -webkit-appearance: none;
  appearance: none;
  background-color: #4695f6;
  color: #fff;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  position: relative;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
  
}
.bubbly-button:focus {
  outline: 0;
}
.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: '';
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -1000;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}
.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #4695f6 20%, transparent 20%), radial-gradient(circle, transparent 20%, #4695f6 20%, transparent 30%), radial-gradient(circle, #4695f6 20%, transparent 20%), radial-gradient(circle, #4695f6 20%, transparent 20%), radial-gradient(circle, transparent 10%, #4695f6 15%, transparent 20%), radial-gradient(circle, #4695f6 20%, transparent 20%), radial-gradient(circle, #4695f6 20%, transparent 20%), radial-gradient(circle, #4695f6 20%, transparent 20%), radial-gradient(circle, #4695f6 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}
.bubbly-button:after {
  display: none;
  bottom: -75%;
  background-image: radial-gradient(circle, #4695f6 20%, transparent 20%), radial-gradient(circle, #4695f6 20%, transparent 20%), radial-gradient(circle, transparent 10%, #4695f6 15%, transparent 20%), radial-gradient(circle, #4695f6 20%, transparent 20%), radial-gradient(circle, #4695f6 20%, transparent 20%), radial-gradient(circle, #4695f6 20%, transparent 20%), radial-gradient(circle, #4695f6 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.bubbly-button:active {
  transform: scale(0.9);
  background-color: #4695f6;
}
.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}
.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

.new-quote-submit {
top: 95%;
    width: 100%;
   text-align: bottom;
}

.quote-button {
  width: 100%;
  float: right;
  
}
.quote-button th {
  font-weight: 300;
}
.quote-button th, .quote-button td {
  text-align: right;
  padding: 5px;

}

.transparent-button-Quote {
    background-color:#4695f6;
    border: 0;
    color: #FFF;
    width: 100%;
    height: 100%;
    padding: 8px;

  cursor: pointer !important;
}
.transparent-button-Quote:hover {
    background-color: #1eff52;

}

#quantity{
    border-radius: 15px !important;
}
/* Quotation Model END*/

.modal.fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;

}
.modal-dialog.fullscreen {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0 !important;
}
.modal-content.fullscreen {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #3c7dcf;
  border-radius: 0;
  box-shadow: none;
    background-color: #f6f6f6 !important; 
}
.modal-header.fullscreen {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  padding: 10px;
  border: 0;
}
.modal-title.fullscreen {
  font-weight: 300;
  font-size: 2em;
  color: #fff;
  line-height: 30px;
}
.modal-body.fullscreen {
  position: absolute;
  top: 0px;
  bottom: 5px;
  width: 100%;
  overflow-x: hidden;
}
.modal-footer.fullscreen {
    background-color: #fff;
    position: fixed;
    right: 0;
    width: 50%;
  bottom: 0;
  left: 0;
  padding: 10px;
}
#optimized_overlay{
	display:none;
	z-index: 99;
    position: absolute;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    top: 52px;
    left: 0;
    width: 100%;
    height: 100%;
    color: black;
    text-align: center;
}
#text{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.ignore_dashboard {
	 position: absolute;
    top: 75%;
    left: 50%;
    font-size: 20px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
	text-decoration: underline;
	width:200px;
}
/*tooltip */
.tooltip-dashboard {
  display: none;
  z-index: 1;
  opacity: 1;
  width: 80%;
  padding: 0px 20px;
  background: #4695f6;
  color: #fff;
  position: absolute;
  top:40px;
  left: -28%;
  border-radius: 9px;
  font-size: 16px;
  transform: translateY(9px);
  transition: all 0.3s ease-in-out;

    padding: 10px;
}


/* tooltip  after*/
.tooltip-dashboard::after {
  content: " ";
  width: 0;
  height: 0;
  
  border-style: solid;
  border-width: 12px 12.5px 0 12.5px;
  border-color: #4695f6 transparent transparent transparent;

  position: absolute;
  left: 40%;
  top:-20%;
  left:40%;
  transform: rotate(180deg);
}

#inputs,
#errors,
#directions {
    position: absolute;
    width: 33.3333%;
    max-width: 300px;
    min-width: 200px;
}

#inputs {
    z-index: 10;
    top: 10px;
    left: 10px;
}

#directions {
    z-index: 99;
    background: rgba(0,0,0,.8);
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

#errors {
    z-index: 8;
    opacity: 0;
    padding: 10px;
    border-radius: 0 0 3px 3px;
    background: rgba(0,0,0,.25);
    top: 90px;
    left: 10px;
}

.uploadInv {
	height: 32px;
	position: absolute;
	right: 20px;
	top: 16px;
	width: 100% !important;
}

.uploadDO {
	height: 32px;
	position: absolute;
	right: 20px;
	top: 16px;
	width: 100% !important;
}

.uploadInv:hover{
	cursor: pointer;
}

.uploadDO:hover{
	cursor: pointer;
}

#uploadFile3{
	border: 1px solid #efefef;
	background-color:#4695f6;
	height: 30px;
	color: white;
	text-align: center;

	width: 100% !important;
}

#deleteDOFile{
	text-align: right;
	float: right;
	color: red;
	font-size: 9px;
	height: 0px!important;
}

#deleteInvoiceFile{
	text-align: right;
	float: right;
	color: red;
	font-size: 9px;
	height: 0px!important;
}

#uploadFile5{
	border: 1px solid #efefef;
	background-color:#4695f6;
	height: 30px;
	color: white;
	text-align: center;
	width: 100% !important;
}

#deleteUpload{
	background-color: grey;
	border: 1px solid grey;


	width: 60px !important;
}

#deleteUpload:hover {
	background-color: red;
	color: #fff;
	cursor: pointer;
}

.transparent-button2 {
	background-color:#4695f6;
	border: 0;
    color: #FFF;
	width: 100%;
	height: 100%;
	padding: 8px;

  cursor: pointer !important;
}

.changetowhite{
	color: #FFF !important;
}

.changetowhite::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #FFF;
}
.changetowhite:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #FFF;
    opacity: 1;
}
.changetowhite::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #FFF;
    opacity: 1;
}
.changetowhite:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #FFF;
}
.padding-btm {
    padding-bottom: 40px;
}

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,);
* {
  box-sizing: border-box;
}

.vertical-align {
  display: table-cell;
  vertical-align: middle;
  height: 10vh;
}

.button-link {
  text-decoration: none;
}

.btns {
  background-color: #ee4054;
  
  z-index: 0;
  height: 40px;
  float: none;
  margin: 0 auto;
  width: 900px;
  max-width: 100%;
  border-radius: 40px;
  display: block;
  
}
.btns input {
  display: none;
}
.btns label {
  display: table;
  float: left;
  padding: 0;
  width: 33%;
  height: 100%;
  margin: 0;
  text-align: center;
  border-left: 1px solid rgb(255, 255, 255);
}
.btns label:first-child {
  border-left: none;
  border-radius: 40px 0 0 40px;
}
.btns label:last-child {
  border-radius: 0 40px 40px 0;
}
.btns .btn {
  font-size: 13px;
  cursor: pointer;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  font-weight: 300;
  color: #FFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 30px 20px -20px rgba(255, 255, 255, 0.15);
  transition: color 250ms cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.btns .btn:hover {
  box-shadow: inset 0 30px 30px -20px rgba(50, 50, 50, 0.02);
  transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btns .btn:after {
  content: '\2714';
  margin-left: -10px;
  display: inline-block;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.btns .first {
  border-radius: 40px 0 0 40px;
}
.btns .last {
  border-radius: 0 40px 40px 0;
}
.btns input:checked + .btn {
  color: #000000;
  font-size: 19px;
  font-weight:bold;
  text-shadow: none;
  background-image: linear-gradient(to top, rgba(25, 25, 25, 0) 65%, rgba(25, 25, 25, 0.08));
  box-shadow: inset 0 10px 50px rgba(25, 25, 25, 0.08);
  transition: color 500ms cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 150ms;
}
.btns input:checked + .btn:after {
  margin-left: 12px;
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  transition: margin 500ms, -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
  transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms;
  transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms, -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
}

/* Bootstrap minified CSS included as External Resource*/
.toggle-custom {position:absolute !important;top:0;right:0;}

.toggle-custom[aria-expanded='true'] .glyphicon-plus:before {
  content: "\2212";
}

.wrapper {
position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    /* margin-top: -140px; */
    /* margin-left: -140px; */
    width: 90%;
    background-color: #fff;
    /* box-shadow: 0 4px 10px #7A9BAC; */
    font-size: 0.875em;
}
ul {
  list-style-type: none;
}
.items {
  padding: 0;
  margin-bottom:0 !important;
  background: #f6f6f6;
}
.items > li {
	    border: solid 1px rgba(0,0,0,.1);
		background-color: #fff;
	font-size: 12px;
	border-radius:5px;
}
.items > li > a {
  display: block;
  margin: 0 auto;
padding-left: 30px;
  text-indent: 18px;
  line-height: 39px;
}
.items > li > a::after {
  position: absolute;
  left: 3px;
  margin-top: 2px;
  font-family: "FontAwesome";
}
.items > li > a::after {
  left: 3px;
  content: "\f061";
}
.itemHover {
  color: #fff;
  font-weight: 600;
  transition: background-color 0.4s ease-in-out;
}
.items > li > a:hover {
  background-color: #4695f6;
  color: #fff;
  font-weight: 600;
  transition: background-color 0.4s ease-in-out;
}
.items > li > a.expanded {
  background-color: #4695f6;
  color: #fff;
  font-weight: 600;
  transition: background-color 0.4s ease-in-out;
}
.items > li > a.expanded::after {
  content: "\f063";
}
.sub-items > li:first-child > a {
  margin-top: 17px;
  height: 34px;
}
.sub-items > li:last-child > a {
  margin-bottom: 17px;
  height: 34px;
}
.sub-items a {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 212px;
  text-indent: 24px;
  line-height: 39px;
}
.sub-items a {
  border-left: 2px solid #64D7E2;
}
.sub-items .current {
  position: relative;
  
  border-color: white;
}
.sub-items > li:hover > a {
  color: #64D7E2;
  transition: color 0.4s ease-in-out;
}
.sub-items {
  display: none;
  padding:10px;
  background: #fff;
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 2px;
  padding-left: 2px;
}

.delete_pickup,.delete_delivery{
	right:30px;
	
	height:30px;
	margin-top:5px;
	position:absolute;
	display:none;
	float:right;
	font-weight:600;
	
	cursor:pointer;
	
}
/* GEO FENCING */
.color-button {
	width: 20px;
	height: 20px;
}
#geo-fence-map {
	height: 500px;
	width: 100%;
	position: relative;
}
#infoBox {
	width: 300px;
}

.panel>a:before {
	content: "\f068";
	float: right !important;
	position: relative;
	top: 15px;
	right: 15px;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	color: #707070;
}

.panel>a.collapsed:before {
	content: "\f067";
}

.panel>a {
	text-decoration: none;
}

.panel-heading>.panel-title {
	font: 12px "Lato", sans-serif;
	font-size: 18px;
	color: #707070;
}

.fng-button-red.medium
{
    /*padding: 5px 25px;*/
    padding: 8px 25px;
}

.fng-button-red{
    background:#d60d2a;
    border:1px solid #d60d2a;
    color:#fff;
    padding: 5px 8px;
    border-radius:2px;
}

.fng-button-red,
.fng-button-red:focus,
.fng-button-red:active {

    outline: 0;
}

a.fng-button-red:hover

{
    text-decoration:none;
    color:#fff;
    background:#000;
    border:1px solid #000;
}

.fng-button-red.small
{
    font-size:8px;
    color:#fff;
}

.fc-center h2 {
    font-size: 20px;
    font-weight: bold;
}

.fc-resource-area .fc-widget-header {
    background: #edf0f3 !important;
}
.fc-resource-area  {
    background: #f8fafc !important;
}


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

.openMainMenu {
    width: 250px !important;
}
  
  .shrinkWidth {
    width: 83% !important;
    right: 15px !important;
}

.shrinkWidthMap {
    width: 83% !important;
    right: 0px !important;
}

.openMenuBar {
    width: 17% !important;
}
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
.shrinkWidth {
    width: 83% !important;
    right: 15px !important;
}

.shrinkWidthMap {
    width: 83% !important;
    right: 0px !important;
}

.openMenuBar {
    width: 17% !important;
}

.openMainMenu {
    width: 250px !important;
}
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

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

    .openMainMenu {
    width: 100% !important;
}
  
  .shrinkWidth {
    width: 100% !important;
}

.shrinkWidthMap {
    width: 100% !important;
}

.openMenuBar {
    width: 100% !important;
}
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  .shrinkWidth {
    width: 100% !important;
}

.shrinkWidthMap {
    width: 100% !important;
}

.openMenuBar {
    width: 100% !important;
}

.openMainMenu {
    width: 100% !important;
}
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  .shrinkWidth {
    width: 100% !important;
}

.shrinkWidthMap {
    width: 100% !important;
}

.openMenuBar {
    width: 100% !important;
}

.openMainMenu {
    width: 100% !important;
}
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
.shrinkWidth {
    width: 100% !important;
}

.shrinkWidthMap {
    width: 100% !important;
}

.openMenuBar {
    width: 100% !important;
}

.openMainMenu {
    width: 100% !important;
}
  
}

/* SCANBACK MODULE */
.init-progress-bar {
    background-color: #4E4E4E;
    color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0);
    -webkit-transition: width .0s ease;
    -o-transition: width .0s ease;
    transition: width .0s ease;
}
.completed-progress-bar {
    background-color: #23c562;
}
.list-group {
    overflow-y: scroll;
    max-height: 150px;
}
#scan-result {
    overflow-y: scroll;
    max-height: 150px;
}
.center-table {
    vertical-align: middle !important;
}
.hide-row {
    display: none
}

/* USER ACCESS MANAGEMENT */

#permission-check tbody td,
thead td,
th {
    padding-left: 40px;
}

/* MARKETPLACE */
/* === card component ====== 
 * Variation of the panel component
 * version 2018.10.30
 * https://codepen.io/jstneg/pen/EVKYZj
 */
.card{ background-color: #fff; border: 1px solid transparent; border-radius: 6px; }
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
.card .card-img{ position: relative; padding: 0; display: table; }
.card .card-img .card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.card .card-body{ display: table; width: 100%; padding: 12px; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }

@media( min-width: 768px ){
  .card .card-left{ float: left; padding: 0 8px 0 0; }
  .card .card-right{ float: left; padding: 0 0 0 8px; }
    
  .card .card-4-8 .card-left{ width: 33.33333333%; }
  .card .card-4-8 .card-right{ width: 66.66666667%; }

  .card .card-5-7 .card-left{ width: 41.66666667%; }
  .card .card-5-7 .card-right{ width: 58.33333333%; }
  
  .card .card-6-6 .card-left{ width: 50%; }
  .card .card-6-6 .card-right{ width: 50%; }
  
  .card .card-7-5 .card-left{ width: 58.33333333%; }
  .card .card-7-5 .card-right{ width: 41.66666667%; }
  
  .card .card-8-4 .card-left{ width: 66.66666667%; }
  .card .card-8-4 .card-right{ width: 33.33333333%; }
}

/* -- default theme ------ */
.card-default{ 
  border-color: #ddd;
  background-color: #fff;
  margin-bottom: 24px;
}
.card-default > .card-header,
.card-default > .card-footer{ color: #333; background-color: #ddd; }
.card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-default > .card-body{  }
.card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-default > .card-left{ padding-right: 4px; }
.card-default > .card-right{ padding-left: 4px; }
.card-default p:last-child{ margin-bottom: 0; }
.card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }


/* -- price theme ------ */
.card-price{ border-color: #999; background-color: #ededed; margin-bottom: 24px; }
.card-price > .card-heading,
.card-price > .card-footer{ color: #333; background-color: #fdfdfd; }
.card-price > .card-heading{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-price > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-price > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-price > .card-left{ padding-right: 4px; }
.card-price > .card-right{ padding-left: 4px; }
.card-price .card-caption { color: #fff; text-align: center; text-transform: uppercase; }
.card-price p:last-child{ margin-bottom: 0; }

.card-price .price{ 
  text-align: center; 
  color: #337ab7; 
  font-size: 3em; 
  text-transform: uppercase;
  line-height: 0.7em; 
  margin: 24px 0 16px;
}
.card-price .price small{ font-size: 0.4em; color: #66a5da; }
.card-price .details{ list-style: none; margin-bottom: 24px; padding: 0 18px; }
.card-price .details li{ text-align: center; margin-bottom: 8px; }
.card-price .buy-now{ text-transform: uppercase; }
.card-price table .price{ font-size: 1.2em; font-weight: 700; text-align: left; }
.card-price table .note{ color: #666; font-size: 0.8em; }
/* END OF MARKETPLACE */


.btn-link {
	vertical-align: -webkit-baseline-middle;
}

#repeat-timing li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    float: left;
}

/* Updated 12 Jan 2021 */
.table-item {
	border: 1px solid transparent !important;
	border-radius: 5px !important;
}

.btn-transparent {
	background-color: transparent;
	border-color: transparent;
}

.btn-transparent>caret:hover{
	background-color: transparent;
	border-color: #000;
}

.flex-between {
	display: flex;
	justify-content: space-between;
}

.left10 {
	margin-left: 10px;
}