@import url("font-export.css");

html,body{margin:0;padding:0;font-family:Arial;position:relative;}
h1{margin:0;padding:0;}
ol,ul,li{margin:0;padding:0;list-style:none;}

.unseen{display:none !important;}
.wbr{display:none;}

/**
 * Icons
 */
.icon{text-decoration: none;color:#373C3F;display:block;height:30px;width:30px;font-size:32px;position:relative;}
.icon:hover{color:white !important;}

/**
 * Stats
 */
.stats{float:left;overflow:hidden;text-align:center;}
.hide-stats .stats{display:none;}
.stat{float:left;width:120px;}
.stat-label,.stat-value{display:block;}
.stat-value{color:white;font-size:26px;}
.stat-label{color:#373C3F;font-size:8px;text-transform:uppercase;font-weight:bold;letter-spacing:1px;}

/**
 * Dashboard
 */
.dashboard-header{display:block;background:#373C3F;color:white;position: relative;}
.dashboard-logo{display:block;line-height:150px;/*background:url(/ranger/ranger-logo.png) scroll no-repeat center center transparent;*/height:150px;width: 100px;margin: 0 auto;}
.icon-logo {font-size: 5em;line-height: none;}

/**
 * Tabs
 */
.tabs{display:block;}
.tab{min-height:130px;overflow:hidden;height:auto;position:relative;cursor:pointer;}
.tab-wrapper{background:white;position:relative;overflow:hidden;clear:both;}
.tab-label{overflow:hidden;float:left;}
.tab-label h1{cursor:pointer;color:#3A3B40;height:130px;line-height:130px;padding-left:105px;font-size:16px;text-transform:uppercase;}
.tab-label:hover h1{color:white;}
.tab-label--identifier{color:#0483CA;}

.tab-dash{background:#007ec5;}
.tab-feed{background:#409ed4;}
.tab-whitelist{background:#73b8df;}
.tab-reports{background:#8cc5e5;}
.tab-concessions{background:#a6d2eb;}
.tab-alerts{background:#c7e3f2;}
.tab-offences{background:#e5f2f9;}
.tab-account{background:white;}

.tab-nav{float:right;padding-top:40px;overflow:hidden;padding-right:80px;padding-bottom:40px;min-height:49px;}
.tab-nav .icon{float:left;margin-left:15px;position:relative;top:6px;}

.tab-nav .stats{position:relative;}

.tab-container{display:none;clear:both;background:white;}
.tab-opened .tab-container{display:block;}

.tab-content-nav{width:866px;margin:0 auto;padding:36px 0;height:32px;overflow:hidden;}
.tab-feed .tab-content-nav{width:412px;}
.tab-feed .thinner-nav{width:350px;height:40px;padding-bottom:0;padding-top:37px;}
.tab-feed .bottom-nav{padding-top:12px;}
.tab-content-nav a{text-transform:uppercase;color:white;text-decoration:none;display:block;float:left;height:32px;line-height:32px;font-size:8px;font-weight:bold;text-align:center;width:93px;border-radius:5px;background:#373C3F;margin-right:13px;}
.tab-content-nav .selected,.tab-content-nav a:hover, .tab-content-nav a.stat-active{background:#007FC6;}
.tab-feed .tab-content-nav a{border-radius:20px;}
.tab-feed .thinner-nav a{width:110px;line-height:40px;height:40px;font-size:10px;border-radius:20px;margin-right:10px;}
.tab-content-nav .last{margin-right:0 !important;}
.tab-reports .tab-content-nav a {width:206px;height:246px;position:relative;}
.tab-reports .tab-content-nav .subscribed .report-subscribe{display:none;}
.tab-reports .tab-content-nav .subscribed:after{font-family:icomoon;content:"\e902";position:absolute;bottom:30px;left:50%;margin-left:-15px;height:40px;color:#007FC6;font-size:32px;width:30px;text-align:center;}
.tab-reports .tab-content-nav .subscribed:hover:after{color:white;}
.tab-reports .tab-content-nav .last{margin-right:0;}
.tab-reports .tab-content-nav {height:246px;}
.tab-reports .tab-content-nav a:hover .report-subscribe, .tab-content-nav a.stat-active .report-subscribe{background:#373C3F;}
.report-price {position:absolute;top:15px;right:15px;font-size:9px;font-weight:bold;}
.report-price-amount,.report-price-rate{display:block;text-align:center;line-height:11px;}
.report-title{position:absolute;top:80px;line-height:1.5em;left:0;width:100%;box-sizing:border-box;padding:0 35px;font-size:14px;}
.report-subscribe{position:absolute;top:150px;font-size:8px;background:#007FC6;color:white;text-align:center;width:70px;line-height:16px;border-radius:15px;text-decoration:none;text-transform:uppercase;left:68px;}

.tab-dash .feed,
.tab-whitelist .feed,
.tab-concessions .feed,
.tab-alerts .feed,
.tab-offences .feed,
.tab-account .feed,
.tab-feed .feed {padding-top:50px;}

.feed{width:600px;margin:0 auto;padding-bottom:25px;}
.feed-item{background:#EBEBEB;border-radius:7px;box-sizing:border-box;padding:25px;overflow:hidden;margin-bottom:25px;}
.feed-item-last {margin-bottom:0;}
.feed-title{float:right;width:103px;margin:0;padding-top:3px;font-size:12px;color:#373c3f;}
.feed-summary{float:right;width:355px;font-size:12px;line-height:1.5em;color:#373c3f;padding-top:0;}
.feed-summary p{margin:0;padding:3px 40px 0 0;}
.feed-topic{text-transform:uppercase;font-size:10px;color:#373c3f;}
.feed-item img{width:70px;height:70px;float:left;display:block;border-radius:7px;}
.feed-summary a{color:#007FC6;text-decoration:none;font-weight:bold;}
.feed .date{display:block;padding-top:4px;font-size:8px;font-weight:bold;text-transform:uppercase;color:#A1A1A1;}
.feed-title a{background:#007FC6;color:white;text-align:center;height:22px;line-height:22px;border-radius:11px;display:inline-block;margin-top:10px;font-size:8px;text-decoration:none;text-transform:uppercase;padding:0 12px;}
.feed-title a:hover{background:white;color:#007FC6;}

.tab-dash .feed h2,
.tab-whitelist .feed h2,
.tab-reports .feed h2,
.tab-concessions .feed h2,
.tab-alerts .feed h2,
.tab-offences .feed h2,
.tab-account .feed h2{float:none;text-align:center;color:#909090;text-transform:uppercase;min-height:300px;line-height:300px;font-size:13px;}

.tab-dashboard .tab-content-nav a {width:160px;height:160px;position:relative; margin-bottom: 10px;}
.tab-dashboard .tab-content-nav .subscribed .report-subscribe{display:none;}
.tab-dashboard .tab-content-nav .subscribed:after{font-family:icomoon;content:"\e902";position:absolute;bottom:30px;left:50%;margin-left:-15px;height:40px;color:#007FC6;font-size:32px;width:30px;text-align:center;}
.tab-dashboard .tab-content-nav .subscribed:hover:after{color:white;}
.tab-dashboard .tab-content-nav .last{margin-right:0;}
.tab-dashboard .tab-content-nav {height:auto;}
.tab-dashboard .tab-content-nav a:hover .report-subscribe{background:#373C3F;}
.tab-dashboard a.c-Dashboard-Edit .report-title {top: 60px; font-size: 14px;}
.tab-dashboard.u-Edit-Active a.c-Dashboard-Edit .report-title {top: 72px;}
.tab-content-nav a.c-Dashboard-Edit{background:#007FC6;}
.tab-dashboard .report-title {top: 45px; font-size: 28px;}
.tab-dashboard .tab-content-nav .report-subtitle {left: 0;line-height: 10px; position: absolute;text-align: center; text-transform: uppercase; top: 100px; width: 100%;}
.tab-dashboard .tab-content-nav .report-subscribe {text-transform: uppercase; line-height: 18px; width: 48px;left: 56px;top: 120px; display: none;}
.tab-dashboard.u-Edit-Active .tab-content-nav .report-subscribe {display: block;}
.tab-dashboard .c-inactive {color: #373C3F; background: #EBEBEB none repeat scroll 0 0; display: none;}
.tab-dashboard .c-inactive.active {display: block;}
.tab-dashboard .tab-content-nav .c-inactive .report-subscribe {background: #373C3F none repeat scroll 0 0;}

@media all and (max-width:1060px){
	.tab-nav{float:right;padding:50px 80px 30px;}
	.tab-label h1{padding-top:50px;line-height:23px;padding-bottom:30px;height:auto;padding-left:80px;}
	.tab-nav .stats{position:absolute;top:100px;left:50%;margin-left:-300px;}
}

@media all and (max-width:1000px){
	.feed{width:auto;margin:0 10px;padding-bottom:12px;}
	.c-Feed-Reports, .c-Feed-Chart {width:auto;margin:0 20px;padding-bottom:12px;}
	.feed-summary{width:79%;}
	.c-Feed-Chart-Reports, .c-Feed-Charts {float: left;width: 100%; display: table;}
}

@media all and (max-width:930px){
	.feed-summary{width:78%;}
}

@media all and (max-width:920px){
	.feed-summary{width:77%;}
	.tab-reports .tab-content-nav{width:auto;margin:0 20px;height:auto;}
	.tab-reports .tab-content-nav a{margin-bottom:15px;width:24%;margin-right:1.3%;}
	.tab-reports .tab-content-nav .last{margin-right:0;}
	.tab-dashboard .tab-content-nav{width:auto;margin:0 20px;height:auto;}
	.tab-dashboard .tab-content-nav a{margin-bottom:15px;width:24%;margin-right:1.3%;}
	.tab-dashboard .tab-content-nav .last{margin-right:0;}
	.report-subscribe{left:50%;margin-left:-35px;}
}

@media all and (max-width:840px){
	.feed-summary{width:75%;}
}

@media all and (max-width:780px){
	.feed-summary{width:72%;}
}

@media all and (max-width:760px){
	.feed-summary{width:70%;}
}

@media all and (max-width:760px){
	.feed-summary{width:70%;}
}

@media all and (max-width:710px){
	.tab-feed .tab-content-nav{padding:40px 0;}
	.tab-reports .tab-content-nav{padding:40px 0 10px;}
	.tab-feed .thinner-nav{padding-top:37px;padding-bottom:0;}
	.tab-feed .bottom-nav{padding-top:12px;}
	.feed-summary{width:68%;padding-top:0;}
	.feed-summary p{padding-top:0;padding-bottom:10px;}
	.feed-item img {width:70px;height:70px;}
	.feed-title{padding-top:0;margin:0;}
}

@media all and (max-width:660px){
	.feed-summary{width:64%;}
	.feed-summary p {padding-right:10px;}
	.report-title{top:40px;}/*font-size:12px;*/
	.report-subscribe{top:115px;}
	.tab-reports .tab-content-nav a{height:160px;}
	.tab-reports .tab-content-nav .subscribed:after{bottom:7px;}
}

@media all and (max-width:600px){
	.tab-nav .stats{width:100%;left:0;margin-left:0;}
	.stat{width:20%;padding:0 auto;}
	.tab-feed .tab-content-nav{width:auto;margin:0 10px;}
	.tab-feed .tab-content-nav a{width:24%;margin-right:1.3%;font-size:10px;}
	.tab-feed .tab-content-nav .last{margin-right:0;}
	.tab-feed .thinner-nav a{width:32%;margin-right:2%;}
	.tab-feed .thinner-nav .last{margin-right:0;}
	.feed-summary{width:60%;}

	.c-Chart-Reports span.ct-label, .c-Dashbaord-Reports span.ct-label {  font-weight: 800; font-size: 6px !important; }
	.ct-chart-bar .ct-label.ct-horizontal.ct-end {overflow: hidden;}
}

@media all and (max-width:560px){
	.feed-summary{width:58%;}
	.tab-reports .tab-content-nav a{width:49%;margin-right:2%;}
	.tab-reports .tab-content-nav .even{margin-right:0;}
	.tab-reports .tab-content-nav .subscribed:after{bottom:20px;}
}

@media all and (max-width:520px){
	.feed-summary{width:80%;font-size:14px;padding-top:15px;}
	.feed-title{float:none;overflow:hidden;width:100%;position:relative;}
	.feed-title .date{display:block;padding:10px 0 0 0;}
	.feed-title a{display:block;position:absolute;top:0;right:0;}
	.feed-item img{margin-top:15px;}
}

@media all and (max-width:480px){
	.dashboard-logo{height:96px;line-height:96px;background-size:auto 50%;}
	.icon-logo {font-size: 4em;line-height: none;}
	.tab{min-height:76px;}
	.tab-nav{padding-left:0;padding-right:20px;padding-top:28px;padding-bottom:0;min-height:20px;}
	.tab-label{padding-left:20px;min-height:76px;height:76px;}
	.tab-label h1{padding-left:0;font-size:11px;height:76px;line-height:76px;padding:0;}
	.stat-value{font-size:24px;}
	.stat-label{line-height:7px;letter-spacing:0;font-size:7px;}
	.icon{height:20px;width:20px;font-size:20px;}
	.icon:before{height:20px;width:20px;line-height:20px;}
	.tab-nav .stats {top:55px;}
	.tab-nav .icon{top:0;}
	.wbr{display:block;}
	.feed-topic{padding-bottom:0;}
	.feed-item{position:relative;padding-bottom:65px;}
	.feed-title{position:absolute;bottom:25px;width:auto;left:25px;right:25px;}
	.feed-item img{margin-top:0;}
	.feed-summary{padding-top:0;}
	.tab-feed .thinner-nav{height:32px;}
	.tab-feed .thinner-nav a{height:32px;line-height:32px;border-radius:16px;}
	.tab-feed .bottom-nav{height:28px;}
	.tab-feed .bottom-nav a{font-size:8px;height:28px;line-height:28px;border-radius:14px}
	.feed-title .date{padding-top:0;}
	.feed-title a{margin-top:0;}
	.report-title{font-size:11px;top:50px;}
}

@media all and (max-width:450px){
	.feed-summary{width:75%;}
}

@media all and (max-width:380px){
	.stat-value{font-size:16px;}
	.wbr{display:block;}
}

.c-Chart-Reports, .c-Dashbaord-Reports{position: relative;}
.c-Chart-Reports::before, .c-Dashbaord-Reports::before { content: ""; display: block; float: left; height: 0;padding-bottom: 61.8047%; width: 0;}
.c-Chart-Reports::after, .c-Dashbaord-Reports::after {clear: both; display: table;}
.c-Chart-Reports > svg, .c-Dashbaord-Reports > svg { display: block; left: 0; position: absolute; top: 0; height: 95% !important; top: 10px; width: 100% !important;}
.c-Chart-Reports .ct-label, .c-Dashbaord-Reports .ct-label {font-size: 0.7rem !important;}

.icon-pin.icon-pin-active, .icon-active, .icon-stats.icon-stats-active {color: white !important;}
input:focus,select:focus,textarea:focus,button:focus, input, .icon:focus {outline: none !important; outline-color: transparent !important;}


/* andrew 1-26-2016 merged v2.css */
.summary-bar-header{background:#373C3F;border-radius:30px;overflow:hidden;position:relative;z-index:2;}
.summary-bar{margin-bottom:10px;position:relative;z-index:2;}
#whitelist-controls{}
.whitelist-dropdown, .accordian-dropdown, .tab-dropdown{display:none;background:#D7D8DA;box-sizing:border-box;padding:25px 80px 40px 80px;z-index:1;position:relative;border-radius:0 0 30px 30px;}
.animating-contents:before{height:30px;background:#D7D8DA;content:"";position:absolute;top:30px;left:0;width:100%;z-index:1;}
.show-summary-dropdown .whitelist-dropdown, .show-summary-dropdown .accordian-dropdown, .show-summary-dropdown .tab-dropdown{display:block;}
.show-summary-dropdown #whitelist-bulkaction, 
.show-summary-dropdown #whitelist-preset_categories,
.show-summary-dropdown #feed-bulkaction
{padding: 25px 25px 40px;}
.summary-bar h3{color:white;text-transform:uppercase;font-size:12px;line-height:60px;text-indent:30px;float:left;margin:0;padding:0 30px 0 0;}
.central-title h3{text-indent:0;text-align:center;float:none;padding-right:0;}
.summary-bar a[title="Toggle"]{ position: absolute;/*height:16px;width:16px;border-radius:8px;*/font-size: 18px; color:white !important;top:22px;right:16px;}
.summary-bar a:before{}
.padded-spacer{margin-bottom:20px;}
.c-Search-Block{margin-bottom:20px;padding:0;}
.c-Search-Block input{display:block;width:100%;margin:0;padding:0;text-align:center;border:0;height:60px;border-radius:30px;line-height:60px;font-size:12px;color:#D7D8DA;}
.summary-bar-data{position:absolute;right:60px;top:18px;overflow:hidden;}
.summary-bar-data .licence-plate {float:right;font-size:12px;color:#373C3F;background:#FFDB0B;line-height:24px;font-weight:bold;border-radius:3px;text-align:center;width:80px;height:24px; margin-left: 5px;}
.summary-bar-data .icon {float:right;font-size: 25px;margin: 0 auto; text-align: center; width: 34px; }
.summary-bar-data .icon-car{color: #ABF67F;;}
.summary-bar-data .icon-penalty{color:#F57F7B;}
.control-filters{overflow:hidden;padding-top:20px;}
.control-filter{margin-bottom:20px;border-radius:15px;line-height:28px;text-transform:uppercase;color:#D7D8DA;font-size:11px;font-weight:bold;float:left;width:21%;margin-right:4%;height:28px;border: 2px solid white; background:white;text-align:center;display:block;text-decoration:none;}
.control-filter:hover,.control-filter-selected{border-color: #007FC6;background:#007FC6;color:white;}
.c-controlFilters-btn {background:white; background: transparent; color: white;}
.c-controlFilters-btn:hover, .c-controlFilters-btn.control-filter-selected {border-color:white; background: transparent; color: white;}
.control-filter-last{margin-right:0;}
.control-buttons{overflow:hidden;padding-top:20px;}
.control-button{margin-bottom:20px;border-radius:50px;line-height:60px;text-transform:uppercase;color:#D7D8DA;font-size:13px;font-weight:bold;float:left;width:30%;margin-right:4%;height:60px;background:white;text-align:center;display:block;text-decoration:none; border:1px solid white;}
.control-button:hover,.control-button-selected{background:#007FC6;color:white;border:1px solid #007FC6;}
.control-button-last{margin-right:0;}
.control-button-filter {display: none; width: 100%; }
.control-button-filter.active {display: table;}
.control-button-filter .control-button {color:white;background:#D7D8DA;}
.control-button-filter .control-button:hover, .control-button-filter .control-button-selected { border:1px solid #D7D8DA;color:#D7D8DA;background:white;}
.droppable-zone{overflow:hidden;padding-top:15px;}
.dropzone{width:30%;margin-right:5%;float:left;height:60px;line-height:54px;border-radius:30px;box-sizing:border-box;border:3px dotted white;text-align:center;color:white;text-transform:uppercase;font-size:13px;font-weight:bold;}
.dropzone-last{margin-right:0;}
.dropzone[data-over="over"]{border:3px solid #373c3f;color:#373C3F;}
.dropzone[data-over="dropped"]{border:3px solid #373c3f;color:#373C3F;}
#whitelist-bulkaction .dropzone, #whitelist-preset_categories .dropzone, #feed-bulkaction .dropzone { width: 21%;}
.licence-plate-list{width:80%;margin:0 auto;padding-top:30px;}
.car-plate{margin-bottom:15px;border:2px solid white;border-radius:8px;overflow:hidden;background:white;text-transform:uppercase;}
.active-car-plate{border:2px solid #373c3f;}
.car-plate-status{float:left;width:16%;height:66px;font-size:8px;font-weight:bold;color:white;background:#D7D8DA;text-align:center;box-sizing:border-box;line-height:3.5em;padding-top:20px; position: relative;}
.car-plate-status .car-plate-status-button { border-radius: 15px;text-transform: uppercase; background: white none repeat scroll 0 0;color: #D7D8DA;font-size: 8px;left: 10%;position: absolute;top: 43px;  padding: 0px 5px; line-height: 16px; height: 16px;}
.car-plate-status .car-plate-status-button:hover {background:#FFDB0B;color:#373c3f;}
.active-car-plate .car-plate-status .car-plate-status-button {background:#FFDB0B;color:#373c3f; left: 7%;}
.active-car-plate .car-plate-status .car-plate-status-button:hover {background: #373c3f;color: white;}
.car-plate-value{float:right;width:84%;height:66px;font-size:28px;color:#D7D8DA;background:white;text-align:center;line-height:50px;font-weight:bold;}
.active-car-plate .car-plate-status{background:#007FC6;line-height:66px;padding-top:0;}
.active-car-plate .car-plate-value{background:#FFDB0B;color:#373c3f;}
.active-car-plate .car-make-text{display:none;}
.car-status-hover .car-plate-status{background:#007FC6;}
.car-status-hover:hover{border:2px solid #373c3f;}
.car-plate-hover .car-plate-value{background:#FFDB0B;color:#373c3f;}
.car-plate-hover:hover{border:2px solid #373c3f;}
.fullscreen-overlay{display:none;}
.activate-full-screen{overflow:hidden;}
.activate-full-screen .activate-overlay-screen.fullscreen-overlay{z-index:100;position:absolute;top:0;left:0;width:100%;background:rgba(100,100,100,0.8);display:block;height:100%;}
.activate-full-screen .tab,
.activate-full-screen .dashboard-header{filter: blur(20px);-webkit-filter:blur(20px);}
.close-overlay{z-index:2;position:absolute;top:0px;right:50px;width:50px;line-height:46px;text-align:center;display:block;color:white;font-size: 45px; text-decoration: none;text-indent: -5px;}
/*.close-overlay:before{content:"X";color:white;line-height:44px;position:absolute;top:0;left:0;width:44px;height:44px;text-align:center;font-size:25px;font-weight:bold;}*/
.navigation-overlay{z-index:2;position:absolute;top:250px;right:50px;width:50px;text-align:center;display:block;background:transparent;  font-size: 52px; display: none;}
.navigation-overlay.active{display: block;}
.navigation-overlay a{text-align:center;display:block;color: white; text-decoration: none; text-indent: -10px;}
/*.summary-bar-header[data-moving="true"]{display:inline-block;}
.summary-bar-header[data-moving="true"] .whitelist-dropdown-toggle,
.summary-bar-header[data-moving="true"] .accordian-dropdown-toggle,
.summary-bar-header[data-moving="true"] .tab-dropdown-toggle,
.summary-bar-header[data-moving="true"] .summary-bar-data{display:none;}*/
.done{display:none;position:absolute;width:100%;}
/*.centralised-tick{height:150px;width:150px;border-radius:75px;box-sizing:border-box;border:3px solid white;text-align:center;line-height:146px;margin:0 auto;}*/

.centralised-tick {height:180px;width:250px;box-sizing:border-box;line-height:146px;margin:0 auto; font-size: 180px; color: white; text-align: center;}
.centralised-text{padding-top:25px;font-size:24px;color:white;text-align:center;font-weight:bold;}
.inner-fullscreen-offset{width:100%;}
.overlay-trigger-expand{display:block;text-align:center;line-height:56px;position:absolute;right:50px;top:50px;font-size:65px; box-sizing:border-box; color: #373C3F; text-decoration: none;height: 58px;width: 58px;border-radius: 50px; background: #373C3F;}
.overlay-trigger-expand:hover {color:#007ec5 !important; background-color: #007ec5;}
.overlay-trigger-expand:hover, .overlay-trigger-expand:hover a{color:#007ec5 !important;}
.overlay-trigger-expand:hover a.c-overlay-step-second{color:white !important;}
.overlay-trigger-expand a{text-decoration: none; color: #373C3F; background: white;}
.overlay-trigger-expand .c-overlay-step span {display: table;height: 100%;width: 100%;line-height: 10px;text-align: center; vertical-align: middle; font-size: 8px;}
.overlay-trigger-expand .c-overlay-step span > span {display: table-cell; text-align: center; vertical-align: middle;}
.overlay-trigger-expand .c-overlay-step {display: none;}
.overlay-trigger-expand .c-overlay-step.active {display: block;}
.overlay-trigger-expand .icon-expand.c-overlay-step {line-height: 57px;text-indent: -14px;}
.overlay-trigger-expand .c-overlay-step-second {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: rgb(255, 255, 255);height: 100%;line-height: 58px;}

.personvehiclepermit, .csvcontactupload, .widgetpopup{position:absolute;width:100%;height:100%;z-index:1;display:none;}
.personvehiclepermit .option, .csvcontactupload .option, .widgetpopup .option{float:left;width:30%;margin-right:5%;cursor:pointer;}
.personvehiclepermit .option-icon, .csvcontactupload .option-icon, .widgetpopup .option-icon{color: white; text-align: center; font-size: 125px; margin:0 auto;}
.personvehiclepermit .option-text, .csvcontactupload .option-text, .widgetpopup .option-text{padding-top:25px;font-size:14px;font-weight:bold;text-align:center;color:white;}
.personvehiclepermit .option:last-child, .csvcontactupload .option:last-child, .widgetpopup .option:last-child{margin-right:0;}
.personvehiclepermit .set-one, .csvcontactupload .set-one, .widgetpopup .set-one{position:absolute;width:100%;}
.personvehiclepermit .set-two,
.personvehiclepermit .set-three, 
.personvehiclepermit .options,
.csvcontactupload .set-two,
.csvcontactupload .set-three, 
.csvcontactupload .options,
.widgetpopup .set-two,
.widgetpopup .set-three, 
.widgetpopup .options {display:none;position:absolute;width:100%;}
.personvehiclepermit .options h2,
.personvehiclepermit .set-two h2,
.personvehiclepermit .set-three h2,
.csvcontactupload .options h2,
.csvcontactupload .set-two h2,
.csvcontactupload .set-three h2,
.widgetpopup .options h2,
.widgetpopup .set-two h2,
.widgetpopup .set-three h2{color:white;text-align:center;padding-bottom:20px;margin:0;position:relative; top: -50px;text-transform: uppercase;}
.personvehiclepermit h5, .csvcontactupload h5, .widgetpopup h5{color:white;text-align:center;padding: 40px 40px 30px;margin:0;position:relative; font-size: 10px; }

.option-container{width:/*50%*/650px;margin:0 auto;overflow:hidden; padding: 10px 0px; position: relative;}

.personvehiclepermit .personvehiclepermit-Box, .csvcontactupload .ContactUpload-Box, .widgetpopup .widgetpopup-Box{ background-color: white; border-radius: 10px; height: 110px;line-height: 110px; margin: 5px auto; width: 540px;position: relative;}
.personvehiclepermit-Box-overlay, .ContactUpload-Box-overlay, .widget-Box-overlay {display: none; background-color: #FBDB4E;color: #738086;border-radius: 10px;width: 100%; height: 110px;line-height: 110px;position: absolute;left: 0; top: 0;}
.personvehiclepermit-Success-Box-overlay, .ContactUpload-Success-Box-overlay, .widgetpopup-Box .widget-Success-Box-overlay {display: none; background-color: #77BD67;color: white;border-radius: 10px;width: 100%; height: 110px;line-height: 110px;position: absolute;left: 0; top: 0;}
.personvehiclepermit-Box-overlay.active, .ContactUpload-Box-overlay.active, .widget-Box-overlay.active  {display: block;}
.personvehiclepermit-Box-overlay .c-Iconsbox, .ContactUpload-Box-overlay .c-Iconsbox, .widget-Box-overlay .c-Iconsbox { width: 20%; float: left; text-align: center;}
.personvehiclepermit-Box-overlay .c-Iconsbox .icon-caution, .ContactUpload-Box-overlay .c-Iconsbox .icon-caution , .widget-Box-overlay .c-Iconsbox .icon-caution  {font-size: 75px; left: 25px; position: absolute;}
.personvehiclepermit-Success-Box-overlay .c-Iconsbox .icon-tick_circle1, .ContactUpload-Success-Box-overlay .c-Iconsbox .icon-tick_circle1 , .widget-Success-Box-overlay .c-Iconsbox .icon-tick_circle1  {font-size: 75px; left: 25px; position: absolute;}
.personvehiclepermit-Box-overlay .c-Contentbox, .ContactUpload-Box-overlay .c-Contentbox, .widget-Box-overlay .c-Contentbox {display: table; width: 80%; height: 100%; float: right; text-align: center;font-weight: bold; font-size: 14px;}
.personvehiclepermit-Box-overlay .c-Contentbox > span, .ContactUpload-Box-overlay .c-Contentbox > span, .widget-Box-overlay .c-Contentbox > span {display: table-cell;line-height: 20px;vertical-align: middle;padding-right: 10px;}
.personvehiclepermit-Box-overlay .c-Contentbox, .ContactUpload-Box-overlay .c-Contentbox, .widget-Box-overlay .c-Contentbox { width: 80%; float: right; text-align: center;font-weight: bold; font-size: 14px;}
.widget-Box-overlay .u-TextCenter{text-indent: -100px;}
.existing-names{width: 550px; display: block; margin: 0 auto;}

.personvehiclepermit .personvehiclepermit-Box .option-container-secondbox > input,
.csvcontactupload .ContactUpload-Box .option-container-secondbox > input,
.widgetpopup .groupswidget-Box .option-container-singlebox > input,
.widgetpopup .widgetpopup-Box .option-container-secondbox > input { background: rgb(255, 255, 255) none repeat scroll 0 0;color: #878a8c; border: medium none;font-size: 18px;font-weight: bold; height: 60px; padding: 0 10px 0 100px;text-align: center; vertical-align: middle; width: 63%;}
.personvehiclepermit a.btn-save, .csvcontactupload  a.btn-save, .widgetpopup  a.btn-save {background: #878a8c none repeat scroll 0 0; border-radius: 5px; color: white; display: inline-block; font-size: 12px;font-weight: bold; height: 34px;line-height: 34px; width: 60px;text-align: center; text-decoration: none; text-transform: uppercase;}
.personvehiclepermit a.btn-save:hover, .csvcontactupload a.btn-save:hover, .widgetpopup a.btn-save:hover { background: #007ec5 none repeat scroll 0 0;color: white;}
.existing-names a{text-decoration: none;background: transparent; border-radius: 5px;border: solid 2px white; color: white; display: inline-block; font-size: 12px;font-weight: bold;float: left; height: 40px; line-height: 42px; text-align: center; text-transform: uppercase;margin: 5px 7px;width: 30%;}
.existing-names a.active, .existing-names a:hover {background: white; color: #88898D;}
.personvehiclepermit .c-option-done .option, .csvcontactupload .c-option-done .option, .widgetpopup .c-option-done .option{ margin: 0 auto; float: none;}
.existing-names .existing-names-search {position: relative; margin: 5px 6px; width: 29.8%; float: left; padding-right: 5px;}
.existing-names .existing-names-search .existing-names-search-input {text-decoration: none;background: white; border-radius: 5px;border: solid 2px white; color: #878a8c; display: inline-block; font-size: 12px;font-weight: bold;float: left; height: 38px; line-height: 38px; text-align: center; text-transform: uppercase;width: 100%;}
.existing-names-search .existing-names-search-input::-webkit-input-placeholder{color:#878a8c;opacity:1;font-weight:bold;} /* WebKit, Blink, Edge */
.existing-names-search .existing-names-search-input:-moz-placeholder{color:#878a8c;opacity:1;font-weight:bold;} /* Mozilla Firefox 4 to 18 */
.existing-names-search .existing-names-search-input::-moz-placeholder{color:#878a8c;opacity:1;font-weight:bold;} /* Mozilla Firefox 19+ */
.existing-names-search .existing-names-search-input:-ms-input-placeholder{color:#878a8c;opacity:1;font-weight:bold;} /* Internet Explorer 10-11 */
.existing-names-search .existing-names-search-input:placeholder-shown{color:#878a8c;font-weight:bold;}  /* Standard Pseudo-class */
.existing-names-search .existing-names-search-clear {right: 2px; top: 12px;}
.existing-search-div .existing-names {height: 105px; overflow: hidden;}
.existing-search-div {position: relative; display: table; margin: 0 auto;}
.existing-search-div .existing-names-navigation {position: absolute; width: auto; position: absolute; right: 0; top: 28px;}
.existing-search-div .existing-names-navigation-btn {display: inline-block; color: white; text-indent: -7px; height:30px;width:30px;font-size:32px; text-decoration: none;}
.existing-search-div .existing-names-navigation-btn:hover {color: #a9abac;}

.option.active .icon-person1:before { content: "\e910";}
.option.active .icon-car1:before { content: "\e91c";}
.option.active .icon-permits:before { content: "\e91e";}
.option.active .icon-date3months-1:before { content: "\e918";}
.option.active .icon-date6months-1:before { content: "\e91a";}
.option.active .icon-date1year-1:before { content: "\e91d";}

.c-Clear-Handle, .existing-names-search-clear {height: 20px;line-height: 20px;position: absolute; right: 95px; top: 47px; width: 20px;display: none; position: absolute;text-decoration: none; color: #878a8c; cursor: pointer;}
.c-Clear-Handle:hover, .existing-names-search-clear:hover {color: #007ec5;}

.c-option-done .option-container .option .icon-tick_circle1, .c-option-done .option-container .option .icon-tick_circle {font-size: 250px;}
.personvehiclepermit .c-option-done .option, .csvcontactupload .c-option-done .option, .widgetpopup .c-option-done .option {width: 50%;}
.personvehiclepermit .c-option-done .option-text, .csvcontactupload .c-option-done .option-text, .widgetpopup .c-option-done .option-text {font-size: 28px;}


.c-Circle, .c-Circles { border: 6px solid rgb(255, 255, 255);border-radius: 55%;display: block;font-size: 14px; font-weight: bold; height: 100px;line-height: 104px; margin: 0 auto; width: 100px; text-decoration: none; color: white;}
.c-CirclesOption .c-Circles {display: table;}
.personvehiclepermit .c-Circle-Option, .c-CirclesOption, .csvcontactupload .c-Circle-Option, .widgetpopup .c-Circle-Option {float:left;margin-bottom: 3%;margin-right: 0;width: 33%;cursor:pointer; position: relative;}
.c-DayTimes, .c-PermitDuration-Container {position: relative;/*overflow: visible;*/}
.c-DayTimes .c-Circle-Option.active .c-Circle, .c-Circle:hover,
.c-PermitDuration-Container .c-Circle-Option.active .c-Circle, .c-Circle:hover,
.c-CirclesOption.active .c-Circles, .c-Circles:hover
{background-color: white; color: rgba(100, 100, 100, 0.8);}
.c-OptionTimer {background: #6A6A6A; border: 5px solid white; display: none; color: yellow; border-radius: 52%;font-size: 40px;width: 35px;height: 35px;line-height: 35px;position: absolute;right: 45px; text-indent: -9.5px; top: 0;}
.c-Circles .c-CirclesText {vertical-align: middle; display: table-cell; line-height: 18px; text-transform: uppercase;}
.c-Circles .permit-endDate {color: #FBDB4E;}
.c-CirclesText > span {font-size: 12px;}
.c-OptionTimer.active, .permit-startDate, .permit-endDate, .groups-startDate, .groups-endDate {display: block;}
.c-CirclesOption .c-VehicleText > span {background: rgb(255, 255, 255) none repeat scroll 0 0; border-radius: 5px; color: #878a8c; padding: 5px 10px;}
.c-OptionTimer.active, .c-OptionTimer:hover { color: #FBDB4E;}
/*.c-TimerSelectBox {display: none; margin: 0 auto; position: absolute; text-align: center; top: 0px;left: 0; width: 100%; }*/
.c-TimerSelectBox {display: none;float: none;left: 56px; margin: 0 auto;position: absolute;text-align: center;top: 0;width: 85%;}
.c-TimerSelectBox.active {display: block;}
.c-TimerSelection-Inputs {background: white;  border-radius: 80px;float: none; height: 114px;line-height: 115px; margin: 0 auto; text-align: center; width: 33%; top: 33%; position: relative;}

.c-TimerSelection-Inputs .c-TimerSelection-Input {background: #878a8c none repeat scroll 0 0; border: 2px solid #878a8c; border-radius: 25px; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold;margin-right: 20px;   padding: 8px 20px;  text-align: right; width: 120px; opacity: 1; -webkit-text-fill-color: rgb(255, 255, 255); }
.c-TimerSelection-Inputs .c-TimerSelection-Input[disabled="disabled"] {background: white none repeat scroll 0 0; border: 2px solid #878a8c; color: #878a8c; -webkit-text-fill-color: #878a8c;}
.c-TimerSelection-Inputs .c-TimerSelection-Input[disabled="disabled"]::-webkit-input-placeholder{color:#878a8c;opacity:1;font-weight:bold;} /* WebKit, Blink, Edge */
.c-TimerSelection-Inputs .c-TimerSelection-Input[disabled="disabled"]:-moz-placeholder{color:#878a8c;opacity:1;font-weight:bold;} /* Mozilla Firefox 4 to 18 */
.c-TimerSelection-Inputs .c-TimerSelection-Input[disabled="disabled"]::-moz-placeholder{color:#878a8c;opacity:1;font-weight:bold;} /* Mozilla Firefox 19+ */
.c-TimerSelection-Inputs .c-TimerSelection-Input[disabled="disabled"]:-ms-input-placeholder{color:#878a8c;opacity:1;font-weight:bold;} /* Internet Explorer 10-11 */
.c-TimerSelection-Inputs .c-TimerSelection-Input[disabled="disabled"]:placeholder-shown{color:#878a8c;font-weight:bold;}  /* Standard Pseudo-class */
.c-TimerSelection-Inputs .c-TimerSelect-Save, .c-TimerSelection-Inputs .c-TimerSelect-AllDay { background: #878a8c none repeat scroll 0 0; border: 1px solid #878a8c; border-radius: 10px;  color: rgb(255, 255, 255);  font-size: 15px; font-weight: bold; margin: 0 auto; padding: 8px 20px;text-align: center; width: auto;text-decoration: none;}
.c-TimerSelection-Inputs .c-TimerSelect-Save:hover, .c-TimerSelection-Inputs .c-TimerSelect-AllDay:hover, .c-TimerSelection-Inputs .c-TimerSelect-AllDay.active  {background-color: #007ec5; border-color: #007ec5;}

.c-TimerSelection-Inputs .c-TimerSelect-Save {position: relative;top: -1px; width: 80px; display: inline-block; padding: 0;}
.c-TimerSelection-Inputs .c-TimerSelect-Save span {display: block;margin: 0 auto;vertical-align: middle; height: auto; line-height: 36px; padding: 0;}
.c-TimerSelection-Inputs .c-TimerSelect-AllDay {font-size: 10px !important;position: relative;top: 3px; width: 50px; display: inline-block; padding: 0;}
.c-TimerSelection-Inputs .c-TimerSelect-AllDay span  {display: block; height: 100%;line-height: 10px;margin: 0 auto; padding: 8px;vertical-align: middle;}

.c-TimerSelection-Inputs .c-TimerSelect-Close {border: 3px solid white;border-radius: 80px;background: #EC9894; color: white; font-size: 16px; font-weight: bold; margin: 0 auto; width: 36px; height: 36px; line-height: 35px; text-decoration: none;vertical-align: middle; top: -6px; right: 0px; position: absolute;z-index: 1;}

.tooltip, .tooltip-arrow:after {background: #FBDB4E; }
.tooltip {padding: 10px 20px;color: white; border-radius: 10px; font-size: 12px; text-transform: uppercase;position: absolute; top: -115px; left: 70px; color: rgba(100,100,100,0.8);line-height: 100px; width: 250px; display: none;}
.tooltip .tooltip-content {display: block;font-size: 12px;font-weight: bold;line-height: 23px;padding: 18px;text-align: left;}
.tooltip .tooltip-title {line-height: 25px;padding: 10px 10px 0; text-align: center;}
.tooltip .tooltip-title .tooltip-title-tip { color: #FBDB4E;  background: #878a8c none repeat scroll 0 0; border: 1px solid #878a8c;border-radius: 5px;font-size: 15px;font-weight: bold; margin: 0 auto;padding: 5px 10px; text-align: center; text-decoration: none;vertical-align: middle;width: auto;}
.tooltip-arrow {width: 70px;height: 16px; overflow: hidden; position: absolute; left: 30%; margin-left: -35px; bottom: -16px;}
.tooltip-arrow.top {top: -16px;bottom: auto;  }
.tooltip-arrow.left {left: 20%;}
.tooltip-arrow:after {content: "";position: absolute;left: 20px;top: -20px;width: 25px; height: 25px;box-shadow: 6px 5px 9px -9px #FBDB4E; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.tooltip-arrow.top:after {bottom: -20px;top: auto;}

.c-DayTimes .c-TimerSelectBox .c-TimerSelection-Inputs,
.c-PermitDuration-Container .c-TimerSelectBox .c-TimerSelection-Inputs {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;width: 118px;height: 114px;line-height: 115px;}
.c-TimerSelection-Inputs-Box {display: none; position: relative;}
.c-DayTimes .c-TimerSelectBox.active .c-TimerSelection-Inputs, .c-PermitDuration-Container .c-TimerSelectBox.active .c-TimerSelection-Inputs {width: 100%; top: 33%; position: relative; }
.c-DayTimes .c-TimerSelectBox .c-TimerSelection-Inputs.c-float-left, .c-PermitDuration-Container .c-TimerSelectBox .c-TimerSelection-Inputs.c-float-left {float: left;}
.c-DayTimes .c-TimerSelectBox .c-TimerSelection-Inputs.c-float-right, .c-PermitDuration-Container .c-TimerSelectBox .c-TimerSelection-Inputs.c-float-right {float: right;}

.c-TimerSelection-Input::-webkit-input-placeholder{color:white;opacity:1;font-weight:bold;} /* WebKit, Blink, Edge */
.c-TimerSelection-Input:-moz-placeholder{color:white;opacity:1;font-weight:bold;} /* Mozilla Firefox 4 to 18 */
.c-TimerSelection-Input::-moz-placeholder{color:white;opacity:1;font-weight:bold;} /* Mozilla Firefox 19+ */
.c-TimerSelection-Input:-ms-input-placeholder{color:white;opacity:1;font-weight:bold;} /* Internet Explorer 10-11 */
.c-TimerSelection-Input:placeholder-shown{color:white;font-weight:bold;}  /* Standard Pseudo-class */

.personvehiclepermit .c-DayTimes .c-Circle-Option {margin-top: 10px !important;}

.c-Footer { text-align: center; margin: 0 auto; width: 50%; position: fixed;  bottom: 2%;left: 25%;}
.c-Footer .c-Footer-Button, .c-Footer .c-Footer-Done-Button, .c-Footer-Block .c-Footer-Button {display: none; border: 1px solid white; border-radius: 32px;font-size: 16px; font-weight: bold; height: 64px;background: white; color: #878a8c;line-height: 64px;text-align: center;text-decoration: none;width: 80%; margin: 0 auto;}
.c-Footer .c-Footer-Button:hover, .c-Footer .c-Footer-Cancel-Button:hover, .c-Footer .c-Footer-Done-Button:hover, .c-Footer-Block .c-Footer-Button:hover, .c-Footer .c-Footer-Delete-Button:hover {background: #007ec5;  border: 1px solid #007ec5; color: white;}
.c-Footer .c-Footer-Button.active {display: block !important;}
.c-Footer .c-Footer-Done-Button {display: block;}
.c-Footer .c-Footer-Done-Button.active {display: none !important;}


.c-Done-Footer {width: 42%;left: 29%;}
.c-Done-Footer .c-Footer-Button {display: block; width: 60%; float: left;}
.c-Done-Footer .c-Footer-Cancel-Button, .c-Footer .c-Footer-Cancel-Button, .c-Footer .c-Footer-Delete-Button {display: block; float: left; border: 1px solid white; border-radius: 32px;font-size: 16px; height: 64px;background: transparent; color: white;line-height: 64px;text-align: center;text-decoration: none;width: 35%; margin: 0 auto 0 15px;}
.c-Footer .c-Footer-Cancel-Button {display: inline-block; float: none;}

.c-TimerSelection-Inputs-Spans {position: relative;}
.c-TimerSelection-Inputs-Spans-text { color: #BABCBD; font-size: 12px; font-weight: bold; left: 12px; position: absolute; text-align: center; height: 15px;}

.c-PermitDuration-StartEndSelection { float: left;padding: 0 10px; width: 100%; text-align: center; line-height: 112px;}
.c-PermitDuration-StartEndSelection .c-add-input { display: inline-block; background: #878a8c none repeat scroll 0 0; border: 1px solid #878a8c; border-radius: 5px; color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; margin-right: 20px; height: 32px; line-height: 32px; text-align: center; width: 150px; text-decoration: none;}
.c-PermitDuration-StartEndSelection .c-add-input:hover {background: #007ec5;  border: 1px solid #007ec5; color: white;}
.c-PermitDuration-StartEndSelection .btn-save {margin-left: 10px;}
.c-PermitDuration-StartEndSelection .c-Clear-Handle {right: 100px;}

.c-PermitDuration-StartEndDateSelection, .c-ContactUpload-ContactSelection {display: none; float: left;padding: 0 10px; width: 100%; text-align: center; line-height: 112px;}
.c-ContactUpload-ContactSelection {display:block;}
.c-PermitDuration-StartEndDateSelection.active, .c-ContactUpload-ContactSelection.active {display: block;}
.c-PermitDuration-StartEndDateSelection .c-add-input, .c-ContactUpload-ContactSelection .c-add-input {background: #878a8c none repeat scroll 0 0; border: 1px solid #878a8c; border-radius: 5px; color: rgb(255, 255, 255); font-size: 12px; font-weight: bold;margin-right: 20px; height: 32px;  text-align: center; width: 80px;}
.c-PermitDuration-StartEndDateSelection .c-add-input::-webkit-input-placeholder, 
.c-ContactUpload-ContactSelection .c-add-input::-webkit-input-placeholder{color:white;opacity:1;font-weight:bold;} /* WebKit, Blink, Edge */
.c-PermitDuration-StartEndDateSelection .c-add-input:-moz-placeholder,
.c-ContactUpload-ContactSelection .c-add-input:-moz-placeholder {color:white;opacity:1;font-weight:bold;} /* Mozilla Firefox 4 to 18 */
.c-PermitDuration-StartEndDateSelection .c-add-input::-moz-placeholder,
.c-ContactUpload-ContactSelection .c-add-input::-moz-placeholder {color:white;opacity:1;font-weight:bold;} /* Mozilla Firefox 19+ */
.c-PermitDuration-StartEndDateSelection .c-add-input:-ms-input-placeholder,
.c-ContactUpload-ContactSelection .c-add-input:-ms-input-placeholder {color:white;opacity:1;font-weight:bold;} /* Internet Explorer 10-11 */
.c-PermitDuration-StartEndDateSelection .c-add-input:placeholder-shown,
.c-ContactUpload-ContactSelection .c-add-input:placeholder-shown {color:white;font-weight:bold;}  /* Standard Pseudo-class */
.c-PermitDuration-StartEndDateSelection .btn-save, .c-ContactUpload-ContactSelection .btn-save {margin-left: 65px;}
.c-PermitDuration-StartEndDateSelection .c-Clear-Handle, .c-ContactUpload-ContactSelection .c-Clear-Handle {right: 100px; display: block;}

.personvehiclepermit .c-PermitDuration-StartEndSelection {text-align: left;padding: 0 30px;}
.personvehiclepermit .btn-save.c-PermitDuration-StartEndSelection-BtnSave {position: relative; right: -60px;}
.personvehiclepermit .btn-save.c-PermitDuration-StartEndSelection-BtnSave.active {position: relative; right: 0px;}
.personvehiclepermit .btn-save.c-PermitDuration-StartEndSelection-BtnAddNew {display: none;width: 50px; vertical-align: middle;}
.personvehiclepermit .btn-save.c-PermitDuration-StartEndSelection-BtnAddNew.active {display: inline-block;}
.personvehiclepermit .btn-save.c-PermitDuration-StartEndSelection-BtnAddNew > span {display: inline-block;line-height: 12px;padding: 0;vertical-align: middle;font-size: 8px;}

.widgetpopup .c-PermitDuration-StartEndSelection {text-align: left;padding: 0 30px;}
.widgetpopup .btn-save.c-PermitDuration-StartEndSelection-BtnSave {position: relative; right: -60px;}
.widgetpopup .btn-save.c-PermitDuration-StartEndSelection-BtnSave.active {position: relative; right: 0px;}
.widgetpopup .btn-save.c-PermitDuration-StartEndSelection-BtnAddNew {display: none;width: 50px; vertical-align: middle;}
.widgetpopup .btn-save.c-PermitDuration-StartEndSelection-BtnAddNew.active {display: inline-block;}
.widgetpopup .btn-save.c-PermitDuration-StartEndSelection-BtnAddNew > span {display: inline-block;line-height: 12px;padding: 0;vertical-align: middle;font-size: 8px;}

.navigation-overlay .u-gotOSummary {border: 3px solid rgb(255, 255, 255);border-radius: 65px;font-size: 5px;font-weight: bold;height: 42px;line-height: 42px;vertical-align: middle;width: 42px;margin-top: 3px; display: none; text-indent: 0; margin-left: 1px;}
.navigation-overlay .u-gotOSummary.active {display: block;}
.navigation-overlay .u-gotOSummary:hover {background: white; color: #88898D;}
.navigation-overlay .u-gotOSummary .u-gotOSummary-Span1 {display: table;height: 100%;line-height: 10px;text-align: center; vertical-align: middle;}
.navigation-overlay .u-gotOSummary .u-gotOSummary-Span2 {display: table-cell; text-align: center; vertical-align: middle;}

.c-Circles-DateTime .c-CirclesText-DateTime-Day {border-radius: 50px;background-color: white; color: #88898D; display: none;font-size: 8px;height: 26px;line-height: 26px; width: 26px; margin-top: 3px;text-align: center;vertical-align: middle; text-transform: uppercase; }
.c-Circles-DateTime .c-CirclesText-DateTime-Day.active {display: inline-block;}
.c-Circles-DateTime:hover .c-CirclesText-DateTime-Day {background-color: #88898D; color: white; border-color:#88898D; }

.optionsh2{ font-size: 25px; }

.c-tab-button { border: 1px solid white; border-radius: 32px;font-size: 10px; font-weight: bold; font-weight: bold; height: 26px;background: white; color: #73b8df;line-height: 26px;text-align: center;text-decoration: none;width: 80px; margin: 0 5px; float: left; position: relative; top: 8px;}
.c-tab-button:hover {background: #373C3F; border-color: #373C3F; color: #73b8df;}
.c-Widget-Icon-Expand {margin: 0 5px; float: left; font-size: 2em; text-decoration: none;color: white;line-height: 46px;}
.c-Widget-Icon-Expand:hover {color: #373C3F;}
/*.c-tab-button.c-Pending-Button { background: white; border-color: white; color: #73b8df;}
.c-tab-button.c-Pending-Button:hover {background: #373C3F; border-color: #373C3F; color: white;}*/

.personvehiclepermit .c-Setone-Option-Selection .option, .csvcontactupload .c-Setone-Option-Selection .option, .widgetpopup .c-Setone-Option-Selection .option{width: 28%; margin-bottom: 10px; text-decoration: none;}

.licence-plate-list .car-plate {position: relative;}
.car-plate-value .car-plate-small, .car-plate-value .car-plate-group, .car-plate-value .car-plate-location, .car-plate-value .car-plate-datetime, .car-plate-value .car-plate-edit { border-radius: 15px;text-transform: uppercase; background: #D7D8DA none repeat scroll 0 0;color: white;font-size: 8px;left: 37%;position: absolute;top: 43px; padding: 0 10px;  line-height: 16px; height: 16px;}
.car-plate-value .car-plate-group {left:17%; padding: 0px 6px;}
.car-plate-value .car-plate-datetime {left: 56%;}
.car-plate-value .car-plate-edit {left: 80%;}
.car-plate-value .car-plate-daytime {left: 62%;}

.car-plate.active-car-plate .car-plate-small, .car-plate.active-car-plate .car-plate-group, .car-plate.active-car-plate .car-plate-location, .car-plate.active-car-plate .car-plate-value .car-plate-datetime, .car-plate.active-car-plate .car-plate-value .car-plate-edit,
.car-plate.car-plate-hover .car-plate-value .car-plate-small, .car-plate.car-plate-hover .car-plate-value .car-plate-location, .car-plate.car-plate-hover .car-plate-value .car-plate-datetime, .car-plate.car-plate-hover .car-plate-value .car-plate-edit{background: #373c3f none repeat scroll 0 0;color: white;}
.car-plate.car-plate-hover .car-plate-value .car-plate-small:hover{background:#007FC6;color:white;}

.personvehiclepermit .option-container-secondbox, .csvcontactupload .option-container-secondbox, .widgetpopup .option-container-secondbox {display: none;}
.personvehiclepermit .option-container-secondbox.active, .csvcontactupload .option-container-secondbox.active, .widgetpopup .option-container-secondbox.active {display: block;}
.personvehiclepermit .option-container-firstbox, .csvcontactupload .option-container-firstbox, .widgetpopup .option-container-firstbox {text-transform: uppercase; display: block; text-align: center;}
.personvehiclepermit .option-container-firstbox .option-container-firstbox-Text, .csvcontactupload .option-container-firstbox .option-container-firstbox-Text, .widgetpopup .option-container-firstbox .option-container-firstbox-Text {color: #878a8c; font-weight: bold; display: inline;font-size: 15px; padding: 0 10px; width: auto;}
.personvehiclepermit .option-container-firstbox a.option-container-firstbox-BtnGo, .widgetpopup .option-container-firstbox a.option-container-firstbox-BtnGo, .csvcontactupload .option-container-firstbox a.option-container-firstbox-BtnGo {width: 175px;}
.personvehiclepermit .c-option-person .option-container-firstbox-BtnGo, .csvcontactupload .c-option-person .option-container-firstbox-BtnGo, .widgetpopup .c-option-person .option-container-firstbox-BtnGo {width: 140px;}
.personvehiclepermit .c-option-vehicle .option-container-firstbox-BtnGo {width: 150px;}
.personvehiclepermit .c-option-location .option-container-firstbox-BtnGo {width: 150px;}
.personvehiclepermit .c-option-category .option-container-firstbox-BtnGo {width: 150px;}

.navigation-overlay {display: block;}
.navigation-overlay .u-navigationCircle {border: 3px solid rgb(255, 255, 255);border-radius: 65px;font-size: 6px;font-weight: bold;height: 42px;line-height: 42px;vertical-align: middle;width: 42px;margin-top: 3px; text-indent: 0; margin-left: 1px;color: white; opacity: 0.5;}
.navigation-overlay .u-navigationCircle:hover {background: white; color: #88898D;}
.navigation-overlay .u-navigationCircle .u-navigationCircle-Span1 {display: table;height: 100%;width: 100%;line-height: 10px;text-align: center; vertical-align: middle;}
.navigation-overlay .u-navigationCircle .u-navigationCircle-Span2 {display: table-cell; text-align: center; vertical-align: middle;}
.navigation-overlay .u-navigationCircle .u-navigationCircle-Span1.u-navigationCircle-Animated {word-break: break-all;}

#feed-controls .control-buttons .control-button {width: 21.5%;}

.activate-full-screen .option-center {float: none !important;margin: 0 auto !important;text-align: center !important;}

.c-Footer.c-ContactTemplateDownload-Footer a.c-Footer-Button, .c-Footer.c-ContactDownload-Footer a.c-Footer-Button {display: block;}

.tab-wrapper .summary-bar-collection{width: 100%; display: table; position: relative;}
.summary-bar-collection .padded-spacer {float: left;width: 32.2%;}
.tab-container .second-tab-spacer {margin: 0 10px;}
.summary-bar-collection .central-title h3 { text-indent: -10px;}
.summary-bar-collection .animating-contents::before { background: none;}
.summary-bar-collection .tab-dropdown {display: none; margin: 75px 0 15px; width: 100%; border-radius: 30px;}
.summary-bar-collection .summary-bar-header:hover, .summary-bar-collection .summary-bar-header.summary-bar-header-active {background: #007ec5;}

.summary-bar-collection .summary-bar-row-two .padded-spacer {width: 49%;}
.summary-bar-collection .summary-bar-row-two .second-tab-spacer {margin: 0 auto 0 10px;}

/*.tab-feed .feed-item[data-moving="true"]{width: 120px;}
.tab-feed .feed-item[data-moving="true"] .feed-title,
.tab-feed .feed-item[data-moving="true"] .feed-summary{display:none;}*/

.tab-feed #feed-bulkaction .dropzone{font-size: 12px;}

.tab-whitelist .tooltip .tooltip-arrow { width: 75%;}
.tab-whitelist .tooltip .tooltip-arrow::after { left: auto; right: 0}
.tab-whitelist .tooltip {left: auto; top: 20px;}
.tab-whitelist .tooltip.set-one { right: 60px;}

.c-option-csvUpload:hover .icon-person1:before {content: "\e910";}
.c-upload-absolute {height: 100%;left: 0;top: 0; width: 100%;position: absolute; cursor: pointer;}
input:focus, select:focus, textarea:focus, button:focus, input, .ui-slider-handle, a:focus {outline: medium none rgba(0, 0, 0, 0) !important;}
.sr-only {border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px; overflow: hidden;padding: 0;position: absolute;width: 1px;}

.existing-names a.c-namesError, .c-Footer.c-footerError a {background: #ED9496; border-color: #ED9496; color: white; }
.existing-names a.c-namesError, .c-Footer.c-footerGroupError a.c-Footer-Button {background: #ED9496; border-color: #ED9496; color: white; }
.existing-names a.c-namesError.active, .existing-names a.c-namesError:hover {border-color: white; color: white;}
.c-Footer.c-footerError a:hover {border-color: white; color: white; background: #ED9496;}

.csvcontactupload .c-ContactUpload-ContactSelection .c-add-input {width: 100px;}
.csvcontactupload .c-ContactUpload-ContactSelection .c-ContactUpload-ContactSelection-BtnClear {right: 95px;}
.csvcontactupload .c-ContactUpload-ContactSelection a.c-ContactUpload-ContactSelection-BtnSave { margin-left: 20px;}

.control-filter-more-button {margin-bottom:20px;border-radius:15px;line-height:30px;text-transform:uppercase;color:white;font-size:11px;font-weight:bold;width:22%;margin: 0 auto; height:30px;background:#D7D8DA;text-align:center;display:block;text-decoration:none; border: 1px solid white;}
.control-filter-more-button:hover {background: #007FC6 none repeat scroll 0 0;color: white; border: 1px solid #007FC6;}

.summary-bar-tabs-Search .c-Search-Block { position: relative;}
.summary-bar-tabs-Search .c-Search-Block input{display:block;width:100%;margin:0;padding:0;text-align:center;border:1px solid #373C3F;height:60px;border-radius:30px;line-height:60px;font-size:12px;color:white; background: #373C3F;font-weight:bold;}
.c-Search-Block input::-webkit-input-placeholder{color:white;opacity:1;font-weight:bold;} /* WebKit, Blink, Edge */
.c-Search-Block input:-moz-placeholder{color:white;opacity:1;font-weight:bold;} /* Mozilla Firefox 4 to 18 */
.c-Search-Block input::-moz-placeholder{color:white;opacity:1;font-weight:bold;} /* Mozilla Firefox 19+ */
.c-Search-Block input:-ms-input-placeholder{color:white;opacity:1;font-weight:bold;} /* Internet Explorer 10-11 */
.c-Search-Block input:placeholder-shown{color:white;font-weight:bold;}  /* Standard Pseudo-class */
.summary-bar-tabs-Search .c-Search-Block .search-focus {background: white; color: #373C3F; border:1px solid #373C3F;}
.c-Search-Block .search-focus::-webkit-input-placeholder{color:#373C3F;opacity:1;font-weight:bold;} /* WebKit, Blink, Edge */
.c-Search-Block .search-focus:-moz-placeholder{color:#373C3F;opacity:1;font-weight:bold;} /* Mozilla Firefox 4 to 18 */
.c-Search-Block .search-focus::-moz-placeholder{color:#373C3F;opacity:1;font-weight:bold;} /* Mozilla Firefox 19+ */
.c-Search-Block .search-focus:-ms-input-placeholder{color:#373C3F;opacity:1;font-weight:bold;} /* Internet Explorer 10-11 */
.c-Search-Block .search-focus:placeholder-shown{color:#373C3F;font-weight:bold;}  /* Standard Pseudo-class */

.c-search-Clear-Handle {display: none;border: 1px solid #373C3F; background: #373C3F; color: white; border-radius: 25px;position: absolute; right: 14px; top: 18px; font-size: 13px; line-height: 24px;vertical-align: middle;width: 24px;height: 24px; text-align: center; text-decoration: none;}
.c-search-Clear-Handle:hover {border: 1px solid #007ec5; background: #007ec5; color: white;}

#whitelist-controls .animate-target hr {background: rgb(255, 255, 255) none repeat scroll 0 0;border: medium none;color: rgb(255, 255, 255);height: 2px;}

.licence-plate-list .car-plate {position: relative;}
.licence-plate-list .car-plate-delete {border: 1px solid #ED9496; background: #ED9496; color: white; border-radius: 25px;position: absolute; right: 5px; top: 22px; font-size: 12px; line-height: 22px;vertical-align: middle;width: 22px;height: 22px; text-align: center; text-decoration: none;}
.licence-plate-list .car-plate-delete:hover {border: 1px solid #007FC6; background: #007FC6; color: white;}

.add-car-plate {border: 3px dotted white; height:66px; display: table; text-align: center; background: transparent;width: 99%; color: white; }
.add-car-plate .add-car-plate-span {display: table-cell; vertical-align: middle; color: white; font-weight: bold;}

.c-contact-selection {position: absolute; left: 12px; top: 17px; color: white;font-size: 25px; width: 34px;}
.summary-bar-header.c-contact-selected{background: #007ec5;}
.summary-bar-header.c-contact-found{display: hide !important;}
.summary-bar-header.c-contact-selected .icon-tick_circle:before {content: "\e929";}
.summary-bar .summary-bar-header h3 {padding: 0 30px 0 20px !important;} 

.option-container .existing-names a {position: relative;}
.existing-div .c-contact-delete {border: 1px solid #ED9496; background: #ED9496; color: white; border-radius: 25px;position: absolute; right: -10px; top: -10px; font-size: 9px; line-height: 20px;vertical-align: middle;width: 20px;height: 20px; text-align: center; text-decoration: none;}
.existing-div .c-contact-delete:hover {border: 1px solid white; background: white; color: #ED9496;}
.existing-div .c-namesError .c-contact-delete:hover {border: 1px solid white; background: white; color: #ED9496;}

.navigation-overlay { height: 62px;  width: 50%; top: -20px; right: 25%; overflow: hidden;}
.navigation-overlay .u-navigationCircle { display: inline-block; float: none; position: relative;}
.navigation-overlay .u-navigationCircle:not(:last-child):after {content: '';display: block;position: absolute;left: 92%; top: 20px; margin-left: 15%;width: 37%;height: 4px; background-color: white; opacity: 1;}
.navigation-overlay .u-navigationCircle.c-LastNavigationNode:after {content: '';width: 0px;}
.navigation-overlay .u-navigationCircle.u-showWanted:after {content: '';  background: none !important;}
.navigation-overlay .u-navigationCircle.active:after {background-color: white; opacity: 0.5;}
.navigation-overlay .u-navigationCircle.active {opacity: 1;}
.navigation-overlay .u-navigationCircle.active, .navigation-overlay .u-navigationCircle.u-setDone:hover, .navigation-overlay .u-navigationCircle.u-setDone.hovered, .navigation-overlay .u-navigationCircle.active.u-setDone:hover, .navigation-overlay .u-navigationCircle.active.u-setDone.hovered {background: white; color:#88898D;}
.navigation-overlay .u-navigationCircle.active.u-setDone, .navigation-overlay .u-navigationCircle.u-setDone {background: #88898D; color: white;}

.navigation-overlay .u-setDone {font-family: 'icomoon'; text-indent: -13px !important; font-size: 50px !important;}
.navigation-overlay .u-setDone .u-navigationCircle-Span1 {display: none !important;}
.navigation-overlay .u-setDone:before {content: "\e929";}
.navigation-overlay .u-setDone:hover, .navigation-overlay .u-setDone.hovered {font-family: inherit; text-indent: 0 !important; font-size: 6px !important;}
.fullscreen-overlay:not(.personvehiclepermit-overlay) .navigation-overlay .u-setDone:hover .u-navigationCircle-Span1, .navigation-overlay .u-setDone.hovered .u-navigationCircle-Span1 {display: table !important;}
.fullscreen-overlay:not(.personvehiclepermit-overlay) .u-setDone:hover:before, .navigation-overlay .u-setDone.hovered:before {content: "";}

.groupswidget .c-CirclesOption.c-CircleOption-Empty .c-CircleOption-Empty-Span {display: block;}
.groupswidget .c-CirclesOption.c-CircleOption-Empty .c-CircleOption-Filled {display: none;}
.groupswidget .c-Setone-Option-Selection .option-container {padding-bottom: 50px;}
.groupswidget .c-Setone-Option-Selection .c-CircleOption-Empty-Span {text-transform: uppercase; text-align: center; background-color: #FBDB4E; color: #738086; padding: 0; display: none;}
.groupswidget .c-Setone-Option-Selection h2 {top: -10px;}
.groupswidget .c-CirclesOption.c-CircleOption-Empty .c-Circles {background-color: #FBDB4E; border-color: #FBDB4E; color: #738086;}
.groupswidget .c-CirclesOption.c-CircleOption-Empty .c-Circles:hover {background-color: white; border-color: white; color: rgba(100, 100, 100, 0.8);}
.groupswidget .c-CirclesOption.c-CircleOption-Empty .c-Circles:hover .c-CircleOption-Empty-Span {background-color: white; color: #738086;}

.groupswidget .c-Setone-Option-Selection .groupswidget-Box, .groupswidget .c-Setone-Option-Selection .groupswidget-Box .groupswidget-Box-overlay,
.groupswidget .c-Setone-Option-Selection .groupswidget-Box .groupswidget-Success-Box-overlay{ height: 65px; line-height: 65px;}
.groupswidget .c-Setone-Option-Selection .groupswidget-Box .option-container-singlebox > input {height: 48px;}
.groupswidget .c-Setone-Option-Selection .groupswidget-Box .groupswidget-Box-overlay .c-Iconsbox .icon-caution, 
.groupswidget .c-Setone-Option-Selection .groupswidget-Box .groupswidget-Success-Box-overlay .c-Iconsbox .icon-tick_circle1 {font-size: 35px;}
.groupswidget .c-Setone-Option-Selection .groupswidget-Box .option-container-singlebox .c-Clear-Handle {top: 26px;}

.tab-whitelist .summary-bar .control-filters {text-align: center;}
.tab-whitelist .summary-bar .control-filters a {display: inline-block; float: none;}

#ui-datepicker-div {z-index: 100 !important;  animation: 0.2s ease-in-out 0s normal none 1 running uk-fade  !important; transform-origin: 0 0 0 !important;  border: 1px solid rgb(211, 211, 211) !important; border-radius: 4px !important; color: rgb(102, 102, 102) !important; font-size: 1rem !important;  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}

.c-Circle-Option .icon-add {font-size: 50px;}
.c-PermitDuration-Container .c-Circle-Option .icon-add.c-Circle-NewAdd > span {display: none;}
.c-PermitDuration-Container .c-Circle-Option .c-Circle-NewAdd > span {line-height: 18px !important}
.c-PermitDuration-Container .c-Circle-Option .c-Circle > span {display: block;line-height: 1;position: relative;top: 38px;width: 100%;font-size: 13px;}

.c-Summary-Buttons-Bar {display: table;position: relative;width: 100%;  color: #373C3F;}
.c-Summary-Buttons-Bar .c-Summary-Buttons-Bar-ToogerOverlay {width: 32.2%;}
.c-Summary-Buttons-Bar .c-Summary-Buttons-Bar-ToogerOverlay .summary-bar-header {background: #a4f57d; color: #373C3F;}
.c-Summary-Buttons-Bar .c-Summary-Buttons-Bar-ToogerOverlay .summary-bar-header-group {background: #F57F7B; color: #373C3F;}
.c-Summary-Buttons-Bar .c-Summary-Buttons-Bar-UploadWidget {width: 32.2%; color: #373C3F;}
.c-Summary-Buttons-Bar .c-Summary-Buttons-Bar-UploadWidget .summary-bar-header {background: #ff9d1f;  color: #373C3F;}
.c-Summary-Buttons-Bar .c-Summary-Buttons-Bar-ToogerOverlay .summary-bar-header:hover {background: #007ec5; }
.c-Summary-Buttons-Bar .c-Summary-Buttons-Bar-ToogerOverlay .summary-bar-header:hover h3,
.c-Summary-Buttons-Bar .c-Summary-Buttons-Bar-ToogerOverlay .summary-bar-header:hover a {color: white !important;}
.c-Summary-Buttons-Bar .c-Summary-Buttons-Bar-UploadWidget .summary-bar-header:hover {background: #007ec5;}
.c-Summary-Buttons-Bar .c-Summary-Buttons-Bar-UploadWidget .summary-bar-header:hover h3,
.c-Summary-Buttons-Bar .c-Summary-Buttons-Bar-UploadWidget .summary-bar-header:hover a {color: white !important;}
.c-Summary-Buttons-Bar .c-Summary-Buttons-Bar-UploadWidget .summary-bar-header h3 {text-indent: 30px;}
.c-Summary-Buttons-Bar .summary-bar .c-Summary-Buttons-Bar-Icons {color: #373C3F !important;font-size: 25px;position: absolute;left: 16px; top: 18px; text-decoration: none;}
.c-Summary-Buttons-Bar .summary-bar .c-Summary-Buttons-Bar-Icons:hover {color: white !important;}
.c-Summary-Buttons-Bar .padded-spacer {float: left;}
.c-Summary-Buttons-Bar .padded-spacer h3 { color: #373C3F; font-size: 0.7em;}

.c-CirclesOption .c-CircleOption-Clear, .c-CirclesOption .c-CircleOption-Link  {display: block; /*border: 3px solid white;*/border-radius: 80px;background: #EC9894; color: white; font-size: 14px; font-weight: bold; margin: 0 auto; width: 32px; height: 32px; line-height: 32px; text-decoration: none;vertical-align: middle; top: -5px; right: 60px; position: absolute;text-align: center;}
.c-Setone-Option-Selection .c-CirclesOption .c-CircleOption-Link:hover, .c-Setone-Option-Selection .c-CirclesOption .c-CircleOption-Hide.icon-hide2,  .c-Setone-Option-Selection .c-CirclesOption .c-CircleOption-Padlock.c-Padlock-Active {background: #007ec5/*#FBDB4E*/; color: white;}
.c-CirclesOption.c-CircleOption-Empty .c-CircleOption-Clear {display: none;}
.c-Setone-Option-Selection .c-CirclesOption.c-CircleOption-Empty .c-CircleOption-Padlock {top: -5px; right: 60px;}
.c-Setone-Option-Selection .c-CirclesOption.c-CircleOption-Empty .c-CircleOption-Hide {top: 24px; right: 40px;}
.c-Setone-Option-Selection .c-CirclesOption .c-CircleOption-Padlock {background-color: white; color: #738086; top: 24px; right: 40px;}
.c-Setone-Option-Selection .c-CirclesOption .c-CircleOption-Hide {background-color: white; color: #738086; top: 60px; right: 40px;}

.c-PermitDuration-Container .widgetpopup-Box-overlay {width: 101%; height: 115px;line-height: 115px; border-radius: 65px; left: -5px;}

.c-AssignContact-Container { width:1000px;margin:0 auto;overflow:hidden; padding: 10px 0px; position: relative;}
.c-AssignContact-Container .c-AssignContact-Box {position: relative;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Empty {display: none;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Filled {display: block;}
.c-AssignContact-Container .c-AssignContact-Box.c-AssignContact-Empty .c-AssignContact-Box-Empty {display: table;height: 100%;line-height: 100px; width: 100%;}
.c-AssignContact-Container .c-AssignContact-Box.c-AssignContact-Empty .c-AssignContact-Box-Filled {display: none;}
.c-AssignContact-Container .c-AssignContact-Box {float: left; margin: 0 39px; padding: 25px 0px; width: 250px; background: #939698;  border-radius: 10px; border: solid 2px #939698; color: white; display: inline-block; min-height: 360px; text-align: center; text-transform: uppercase;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Inner {display: block;margin: 0 auto;text-align: center;width: 80%;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Title{text-decoration: none;color: white;  font-size: 0.9em;font-weight: bold;float: left; height: 40px; line-height: 42px; text-align: center; text-transform: uppercase;width: 100%; display: block; margin-bottom: 10px;}

.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-List {width: 100%; display: table;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-List .c-AssignContact-Box-Contacts-Item {width: 92%; display: table; position: relative;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-List .c-AssignContact-Box-Contacts-Item a {text-decoration: none;background: #a9abac; border: 2px solid #a9abac; border-radius: 5px; color: white; display: inline-block; font-size: 0.95em;font-weight: bold;float: left; height: 50px; line-height: 52px; text-align: center; text-transform: uppercase;margin: 8px 0px;width: 98%;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-List .c-AssignContact-Box-Contacts-Item.c-Animated a{background: #868A8D; border: 2px solid #c8c9ca; }
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-List .c-AssignContact-Box-Contacts-Item a.active, .c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-List .c-AssignContact-Box-Contacts-Item a:hover {background: white; border-color: white; color: #878a8c;}

.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Empty-Block {display: table-cell;height: 345px;line-height: 35px;vertical-align: middle;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Empty-Block .c-AssignContact-Box-Empty-Span {color: #EBEBEB; display: block;float: none;font-size: 1em; margin: 0 auto; text-align: center; text-transform: none; width: 180px;}

.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-AddGroup a, .c-AssignContact-Container .c-AssignContact-GroupDetails-Criteria-Box a{text-decoration: none; border-radius: 5px; display: inline-block;font-weight: bold;float: left; height: 50px; line-height: 52px; text-align: center; text-transform: uppercase;margin: 8px 0px;width: 98%; background: #868A8D; border: 2px solid #c8c9ca; color: #c4c6c7; font-size: 0.8em;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-AddGroup  .icon-expand {color: #c6c7c8;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-AddGroup a:hover,
.c-AssignContact-Container .c-AssignContact-GroupDetails-Criteria-Box a:hover,
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-AddGroup a:hover .icon-expand,
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-AddGroup a:focus,
.c-AssignContact-Container .c-AssignContact-GroupDetails-Criteria-Box a:focus {color: #EBEBEB;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-AddGroup a .icon-expand, .c-AssignContact-GroupDetails-Criteria .icon-edit {vertical-align: middle; font-size: 2em; margin-right: 5px;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-List .c-AssignContact-Box-Contacts-Item a .icon-arrow-right2 {vertical-align: middle; font-size: 1.3em; position: absolute; right: 10px; top: 10px; color: #878a8c;}
/*.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-List .c-AssignContact-Box-Contacts-Item a.active .icon-arrow-right2
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-List .c-AssignContact-Box-Contacts-Item a:hover .icon-arrow-right2 {color: #939698;}*/
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-List .c-AssignContact-Box-Contacts-Item .icon-cross {display: block; border-radius: 80px;background: #EC9894; color: white; cursor: pointer; font-size: 12px; font-weight: bold; margin: 0 auto; width: 28px; height: 28px; line-height: 28px; text-decoration: none;vertical-align: middle; top: 0; right: -12px; position: absolute;text-align: center;}
.c-AssignContact-AddGroup.ui-droppable {display: table;float: left;width: 100%;}

.c-AssignContact-Container .c-AssignContact-Box.c-AssignContact-Contacts:before,
.c-AssignContact-Container .c-AssignContact-Box.c-AssignContact-Groups:before {content: "\e92c";  font-family: 'icomoon' !important; color: #a6a8aa; right: -62px; top: 50%; font-size: 2em; position: absolute;  }

.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-GroupDetails-Criteria {display: table;height: 50px;line-height: 50px;width: 101%;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-GroupDetails-Criteria-Item { display: none; height: 50px;line-height: 35px;width: 100%;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-GroupDetails-Criteria-Item-Name {color: #acaeaf; display: block;font-size: 10px;width: 100%;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-GroupDetails-Criteria-Item-Value {color: #c1c3c4; font-size: 12px; display: table;line-height: 0; width: 100%;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-Item.c-AssignContact-GroupDetails-Criteria-Animated a {background: #868A8D; border: 2px solid #c8c9ca;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-Item.c-AssignContact-GroupDetails-Criteria-Animated a:hover {background: white; border: 2px solid white;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-Item.c-Animated a.u-AssignContact-FirstStepActive:hover {background: #007ec5 !important;  border: 2px solid #007ec5 !important; color: white !important;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-Item.c-Animated a.u-AssignContact-FirstStepActive:hover .c-AssignContact-GroupDetails-Criteria-FirstStep { color: white !important;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-Item.c-Animated .c-AssignContact-GroupDetails-Criteria-Item.c-AssignContact-GroupDetails-Criteria-Step {display: none;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-Item.c-Animated .c-AssignContact-GroupDetails-Criteria-Item.c-AssignContact-GroupDetails-Criteria-Step.CriteriaActive {display: block;}
.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-GroupDetails-Criteria .c-AssignContact-GroupDetails-Criteria-Item.c-AssignContact-GroupDetails-Criteria-FirstStep {display: table;height: 50px;line-height: 50px; color: #c4c6c7; font-size: 0.8em;}

.c-AssignContact-Container .c-AssignContact-Box .c-AssignContact-Box-Contacts-Item.c-AssignContact-GroupDetails-Criteria-Animated .c-AssignContact-GroupDetails-ContactName {display: none;}

.c-AssignContact-GroupDetails .c-AssignContact-GroupDetails-Items .c-AssignContact-Box-Contacts-Item {display: none !important;}
.c-AssignContact-GroupDetails .c-AssignContact-GroupDetails-Items .c-AssignContact-Box-Contacts-Item.active {display: table !important;}

.c-Widget-Content .c-Widget-Content-Title, .c-Widget-Content .c-Widget-Content-Container {width: 600px; margin: 0 auto !important; text-align: center !important;}
.c-Widget-Content .c-Widget-Content-Container {color: #EBEBEB; font-weight: bold;}

.c-TipHelp-ContainerBox {z-index: 1;}
.overlay-trigger-expand.c-TipHelp-trigger {background: #fbdc4f; font-size: 25px; font-weight: bold;  line-height: 58px; z-index: 1;}
.overlay-trigger-expand.c-TipHelp-trigger:hover, .c-TipHelp-trigger:hover a {color: #fbdc4f !important; background: #373c3f;}
a.c-Icon-Qusetion {text-decoration: none; color: #373c3f; background: #fbdc4f;text-align: center;}

.c-TipHelp-Container {display: none; position: absolute; width: 148px; background: #fbdc4f; color:#373c3f; text-align: center; border-radius: 10px; padding: 35px; top: 128px; right: 52px; text-decoration: none; z-index: 1;}
.c-TipHelp-Container.active {display: block;}
.c-TipHelp-arrow {width: 70px;height: 16px; overflow: hidden; position: absolute; right: 0px; margin-left: -35px; bottom: -16px;}
.c-TipHelp-arrow.top {top: -16px;bottom: auto;  }
.c-TipHelp-arrow.left {left: 20%;}
.c-TipHelp-arrow:after {content: "";background: #fbdc4f; position: absolute; top: 10px;width: 15px; height: 15px; box-shadow: 6px 5px 9px -9px #FBDB4E; -moz-transform:rotate(315deg); -webkit-transform:rotate(315deg); -o-transform:rotate(315deg);-ms-transform:rotate(315deg);}
.c-TipHelp-Container .c-TipHelp-Box .c-TipHelp-Title .c-TipHelp-Title-Span {background: #373c3f none repeat scroll 0 0; border-radius: 5px;  color: #fbdc4f; display: block;font-size: 12px; font-weight: bold; height: 20px; line-height: 21px; margin: 0 auto; text-align: center;width: 70%; margin-bottom: 20px;}
.c-TipHelp-Container .c-TipHelp-Box .c-TipHelp-Tips a.c-TipHelp-Tips-Link {text-decoration: none;background: #fbdc4f; border-radius: 5px;border: solid 2px #373c3f; color: #373c3f; display: table; font-size: 8px; line-height: 15px; font-weight: bold;float: left; text-align: left; text-transform: uppercase;margin: 5px 0px;width: 100%; vertical-align: middle; position: relative;}
.c-TipHelp-Container .c-TipHelp-Box .c-TipHelp-Tips a.c-TipHelp-Tips-Link:before {content: "\e930";  font-family: 'icomoon' !important; color: #373c3f; right: 10px; top: 35%; font-size: 2em; position: absolute;  vertical-align: middle;}
.c-TipHelp-Container .c-TipHelp-Box .c-TipHelp-Tips a.c-TipHelp-Tips-Link.active, .c-TipHelp-Container .c-TipHelp-Box .c-TipHelp-Tips a.c-TipHelp-Tips-Link:hover {background: #373c3f; color: #fbdc4f;}
.c-TipHelp-Container .c-TipHelp-Box .c-TipHelp-Tips a.c-TipHelp-Tips-Link.active:before, .c-TipHelp-Container .c-TipHelp-Box .c-TipHelp-Tips a.c-TipHelp-Tips-Link:hover:before {background: #373c3f; color: #fbdc4f;}
.c-TipHelp-Container .c-TipHelp-Box .c-TipHelp-Tips a.c-TipHelp-Tips-Link > span{display: block;padding: 10px;text-align: left; width: 70%;}
.c-TipHelp-Container .c-TipHelp-Close {display: block; border-radius: 80px;background: #EC9894; color: white; font-size: 10px; font-weight: bold; margin: 0 auto; width: 24px; height: 24px; line-height: 24px; text-decoration: none;vertical-align: middle; top: 10px; right: 15px; position: absolute;text-align: center;}
.c-TipHelp-Container .c-TipHelp-Close:hover {background: white; color: #EC9894;}

.ui-dragable-draggin {z-index: 10000 !important;}
#draggingContainer {display: block; width: 100%;}
#draggingContainer .c-contact-selected {margin-bottom: 10px;}
.c-AssignContact-Container .c-AssignContact-Box.c-AssignContact-Contacts .c-AssignContact-Box-Contacts-List .icon-cross.c-AssignContact-Clear {display: none;}
.c-AssignContact-Container .c-AssignContact-Box.c-AssignContact-GroupDetails .c-AssignContact-Box-Contacts-List .c-AssignContact-GroupDetails-Items .c-AssignContact-Box-Contacts-Item .icon-cross.c-AssignContact-Clear {display: block;}

.c-AssignContact-Box-Contacts-Item[data-over="true"] a{border-color: #007ec5 !important;background: #007ec5 !important; color: white !important;}
.c-AssignContact-Box-Contacts-Item[data-over="dropped"] a{border-color: #007ec5 !important;background: #007ec5 !important;  color: white !important;}


.u-Permit-GroupEdit {background: white none repeat scroll 0 0;border-radius: 5px;color: #878a8c;font-size: 9px;height: 20px; line-height: 21px;position: absolute; right: -10px;top: -8px;width: 38px;}
.u-Permit-GroupEdit:hover {background: #007ec5 none repeat scroll 0 0;color: white;}

.navigation-overlay .u-navigationCircle.u-hideUnwanted {display: none !important;}

.c-AssignContact-Box-Contacts-Search {width: 98%; display: table; position: relative; text-decoration: none;background: #868A8D; border: 2px solid #c8c9ca; color: white; border-radius: 5px; color: white; display: inline-block; font-weight: bold;float: left; height: 50px; line-height: 52px; text-align: center; text-transform: uppercase;margin: 8px 0px; font-size: 0.95em;}
.c-AssignContact-Box-Contacts-Search .c-AssignContact-Box-Contacts-Search-Label { text-decoration: none; font-size: 0.8em; background: #868A8D; color: #c4c6c7;}
.c-AssignContact-Box-Contacts-Search .c-AssignContact-Box-Contacts-Search-Input-Box {display: none; position: relative; text-align: center;}
.c-AssignContact-Box-Contacts-Search .c-AssignContact-Box-Contacts-Search-Input-Box .c-AssignContact-Box-Contacts-Search-Input { background: #868A8D; color: #c4c6c7; border: none; text-align: center; font-size: 1em; width: 99%;}
.c-AssignContact-Box-Contacts-Search .c-AssignContact-Box-Contacts-Search-Input-Box .c-AssignContact-Box-Contacts-Search-Input-Clear {display: none;  color: white; cursor: pointer; font-size: 12px; font-weight: bold; margin: 0 auto; width: 28px; height: 28px; line-height: 28px; text-decoration: none;vertical-align: middle; top: 12px; right: 0px; position: absolute;text-align: center;}
.c-AssignContact-Box-Contacts-Search-Label .icon-search {vertical-align: middle; font-size: 2em;position: relative; top: -1px;}

.assignwidget .c-AssignContact-Container .c-AssignContact-Box-Footer {background: #939698; position: absolute;bottom: 0px; left: 0; width: 100%; height: 60px; line-height: 60px; text-align: center;}
.assignwidget .c-AssignContact-Container .c-AssignContact-Box-Footer .c-AssignContact-Box-Footer-Btn {display: inline-block; color: #a9abac; text-indent: -7px; height:30px;width:30px;font-size:32px; text-decoration: none;}
.assignwidget .c-AssignContact-Container .c-AssignContact-Box-Footer .c-AssignContact-Box-Footer-Btn:hover {color: white;}

.c-ScrollContent {display: block;float: left; height: 210px;width: 220px; overflow: hidden; }

.options.c-option-vehicle, .options.c-option-person {position: relative;}
.c-ExistContact-Box-overlay {display: none; background-color: #FBDB4E;color: #738086;border-radius: 10px;width: 600px; height: 100%; position: absolute;left: 29%; top: 0;}
.c-ExistContact-Box-overlay.active {display: block;}
.c-ExistContact-Box {width: 80%; text-transform: uppercase;height: 100%; margin: 30px auto;}
.c-ExistContact-Box a{text-decoration: none; color: #738086;}
.c-ExistContact-Box .c-ExistContact-Head {display: block;float: left;margin: 20px 0;width: 100%;}
.c-ExistContact-Box .c-ExistContact-Content {float: left;font-size: 16px;font-weight: bold;width: 70%;}
.c-ExistContact-Box .c-ExistContact-btnIgnore { float: right; text-align: center; width: 20%;}
.c-ExistContact-Box .c-ExistContact-btnIgnore > a { border: 1px solid #868A8D; border-radius: 5px;font-size: 14px; font-weight: bold; font-weight: bold; height: 52px;line-height: 52px;background: #868A8D; color: #FBDB4E;text-align: center;text-decoration: none;width: 100px; float: right;}
.c-ExistContact-Box .c-ExistContact-btnIgnore > a:hover {background: white; border-color: white; color: #868A8D;}
.c-ExistContact-Box .c-ExistContact-Items-Box {float: left;margin: 10px 0;width: 100%;}
.c-ExistContact-Box .c-ExistContact-Items-Box .c-ExistContact-Info {font-size: 10px;font-weight: bold;text-align: center;width: 100%;}
.c-ExistContact-Box .c-ExistContact-Items-Box .c-ExistContact-Info a{text-decoration: underline; color: #738086;}
.c-ExistContact-Box .c-ExistContact-Items-Box .c-ExistContact-Info a:hover{ color: white;}
.c-ExistContact-Box .c-ExistContact-Items-Box .c-ExistContact-Items {float: left;margin: 10px 0;width: 100%;}
.c-ExistContact-Box .c-ExistContact-Items-Box .c-ExistContact-Items .c-ExistContact-Item {border: 1px solid #868A8D; border-radius: 5px;display: inline-block; width: 100%; margin: 10px 0; padding: 10px 0px; width: 100%;font-size: 14px;  font-weight: bold; line-height: 14px;vertical-align: middle;}
.c-ExistContact-Box .c-ExistContact-Items-Box .c-ExistContact-Items .c-ExistContact-Item:hover {background: #868A8D; border: 1px solid #868A8D; color: #FBDB4E;}
.c-ExistContact-Box .c-ExistContact-Items-Box .c-ExistContact-Items .c-ExistContact-Item:hover > span  {border-right: 1px solid #FBDB4E;}
.c-ExistContact-Box .c-ExistContact-Items-Box .c-ExistContact-Items .c-ExistContact-Item > span {border-right: 1px solid #868A8D;padding: 0px 10px; vertical-align: middle;}
.c-ExistContact-Box .c-ExistContact-Items-Box .c-ExistContact-Items .c-ExistContact-Item > span:last-child {border-right: none;}

.u-TempHide {display: none !important;}

.c-PinLock-Box-overlay {display: none; background-color: #FBDB4E;color: #738086;border-radius: 10px;width: 50%; height: 100%; position: absolute;left: 25%; top: 10em;}
.c-PinLock-Box-overlay.active {display: table;}
.c-PinLock-Box-overlay .c-PinLock-Box {display: table; width: 75%; text-transform: uppercase;margin: 20px auto; font-size: 14px;font-weight: bold;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Head {text-align: center;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Head-Content-Icon {display: block;font-size: 4em; padding: 10px 0;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Head-Content-Title {display: block;font-size: 16px;padding: 10px 0;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Content {font-size: 1.2em;padding: 15px 0;text-align: justify; text-transform: none;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box {float: left; width: 100%; padding: 10px 0;}

.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Box-Inputs {position: relative;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Input { border: 1px solid #868A8D; border-radius: 30px;font-size: 14px; font-weight: bold; font-weight: bold; height: 52px;line-height: 52px;background: #868A8D; color: #FBDB4E;text-align: center;text-decoration: none;width: 100%;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Input::-webkit-input-placeholder{color:#FBDB4E;opacity:1;font-weight:bold;} /* WebKit, Blink, Edge */
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Input:-moz-placeholder{color:#FBDB4E;opacity:1;font-weight:bold;} /* Mozilla Firefox 4 to 18 */
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Input::-moz-placeholder{color:#FBDB4E;opacity:1;font-weight:bold;} /* Mozilla Firefox 19+ */
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Input:-ms-input-placeholder{color:#FBDB4E;opacity:1;font-weight:bold;} /* Internet Explorer 10-11 */
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Input:placeholder-shown{color:#FBDB4E;font-weight:bold;}  /* Standard Pseudo-class */
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Buttons {margin: 20px 0;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Buttons a { border: 1px solid #868A8D; border-radius: 30px;font-size: 14px; font-weight: bold; font-weight: bold; height: 52px;line-height: 52px;background: #FBDB4E; color: #868A8D;text-align: center;text-decoration: none;width: 48%; float: left;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Buttons a:hover { border: 1px solid #FBDB4E; background: #868A8D; color: #FBDB4E;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Buttons a.c-PinLock-Form-Button-Review {margin-right: 6px;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Buttons a.c-PinLock-Form-Button-Skip {margin-left: 6px;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Box-overlay { border: 1px solid #868A8D; border-radius: 30px;font-size: 14px; font-weight: bold; font-weight: bold; height: 52px;line-height: 52px;background: #868A8D; color: #FBDB4E;text-align: center;text-decoration: none;width: 100%; position: absolute; top: 1px; left: 1px; display: none; text-transform: none; }
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Box-overlay.active {display: block;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Box-overlay .c-Iconsbox {left: 20px;position: absolute;font-size: 2em}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Box-overlay .c-Contentbox {font-size: 12px;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Box-overlay.c-PinLock-Form-Box-Error-overlay {border: 1px solid #868A8D; background: #FBDB4E; color: #868A8D;}
.c-PinLock-Box-overlay .c-PinLock-Box .c-PinLock-Form-Box .c-PinLock-Form-Box-overlay.c-PinLock-Form-Box-Success-overlay {border: 1px solid #77BD67; background: #77BD67; color: white;}

.c-PinLock-Options-Box {display: none; background-color: #FBDB4E;color: #738086;border-radius: 10px;width: 93.5%; padding: 0 20px; height: 114px; line-height: 114px; margin-bottom: 30px; position: relative;}
.c-PinLock-Options-Box.active {display: table;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Left {display: block;float: left; width: 52%;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Right {display: block;float: left; width: 48%; text-align: right;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Left .c-PinLock-Options-Box-Icon {vertical-align: middle;font-size: 4em; display: inline-block;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Left .c-PinLock-Options-Box-Head {vertical-align: middle;font-size: 1.2em; display: inline-block; font-weight: bold;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Left .c-PinLock-Options-Box-Head .c-PinLock-Options-Box-Head-Content {vertical-align: middle;font-size: 0.8em;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Left .c-PinLock-Options-Box-Head span {line-height: 16px; display: block;padding: 5px 0;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons {position: relative;}
.c-PinLock-Options-Box .c-PinLock-Form-Buttons a.c-PinLock-Options-Box-Button, .c-PinLock-Options-Box .c-PinLock-Form-Buttons .c-PinLock-Options-Box-Input { border: 1px solid #868A8D; border-radius: 30px;font-size: 14px; font-weight: bold; font-weight: bold; height: 52px;line-height: 52px;background: #868A8D; color: #FBDB4E;text-align: center;text-decoration: none;width: 50px; float: left;}
.c-PinLock-Options-Box .c-PinLock-Form-Buttons a.c-PinLock-Options-Box-Button:hover { border: 1px solid #868A8D; border-radius: 30px;font-size: 14px; font-weight: bold; font-weight: bold; height: 52px;line-height: 52px;background: #FBDB4E; color: #868A8D;text-align: center;text-decoration: none;width: 48%; float: left;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons a.c-PinLock-Options-Box-Button.c-PinLock-Options-Box-Button-Review { display: none; background-color: #FBDB4E; color: #868A8D;border-radius: 50%;height: 36px;line-height: 38px; position: absolute; right: 6px;top: 39px; width: 36px; font-size: 14px; border: 0 none;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons a.c-PinLock-Options-Box-Button.c-PinLock-Options-Box-Button-Review:hover{background-color: white;border-color:white; }
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons a.c-PinLock-Options-Box-Button.c-PinLock-Options-Box-Button-Review.active {display: inline-block;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons .c-PinLock-Options-Box-Button, .c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons .c-PinLock-Options-Box-Input { border: 1px solid #868A8D; border-radius: 30px;font-size: 14px; font-weight: bold; font-weight: bold; height: 45px;line-height: 45px;background: #868A8D; color: #FBDB4E;text-align: center;text-decoration: none;width: 150px; text-transform: uppercase; display: inline-block; margin: 0 5px;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons a.c-PinLock-Options-Box-Button {width: 100px;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons .c-PinLock-Options-Box-Button-Review {display: none;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons .c-PinLock-Options-Box-Button-Review.active {display: block;}
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons .c-PinLock-Options-Box-Input::-webkit-input-placeholder{color:#FBDB4E;opacity:1;font-weight:bold;} /* WebKit, Blink, Edge */
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons .c-PinLock-Options-Box-Input:-moz-placeholder{color:#FBDB4E;opacity:1;font-weight:bold;} /* Mozilla Firefox 4 to 18 */
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons .c-PinLock-Options-Box-Input::-moz-placeholder{color:#FBDB4E;opacity:1;font-weight:bold;} /* Mozilla Firefox 19+ */
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons .c-PinLock-Options-Box-Input:-ms-input-placeholder{color:#FBDB4E;opacity:1;font-weight:bold;} /* Internet Explorer 10-11 */
.c-PinLock-Options-Box .c-PinLock-Options-Box-Buttons .c-PinLock-Options-Box-Input:placeholder-shown{color:#FBDB4E;font-weight:bold;}  /* Standard Pseudo-class */
.c-PinLock-Options-Box .c-PinLock-Options-overlay { border: 1px solid #868A8D; border-radius: 10px;font-size: 14px; font-weight: bold; font-weight: bold; height: 118px;line-height: 118px;background: #868A8D; color: #FBDB4E;text-align: center;text-decoration: none;width: 100%; position: absolute; top: 0px; left: 0px; display: none; text-transform: none;}
.c-PinLock-Options-Box .c-PinLock-Options-overlay.active {display: block;}
.c-PinLock-Options-Box .c-PinLock-Options-overlay .c-Iconsbox {left: 40px;position: absolute;font-size: 4em}
.c-PinLock-Options-Box .c-PinLock-Options-overlay .c-Contentbox {font-size: 16px;}
.c-PinLock-Options-Box .c-PinLock-Options-overlay.c-PinLock-Options-Error-overlay {border: 1px solid #868A8D; background: #FBDB4E; color: #868A8D;}
.c-PinLock-Options-Box .c-PinLock-Options-overlay.c-PinLock-Options-Success-overlay {border: 1px solid #77BD67; background: #77BD67; color: white;}

.c-Options-Locked .option-container, .c-Options-Locked h2 {padding: 0px !important;}

.c-PinLock-Form-Box-Input .c-Pinlock-Handle {position: absolute; text-decoration: none; text-align: center; color: #868A8D; display: none;}
.c-PinLock-Form-Box-Input .c-Pinlock-Handle.active {display: inline-block;}
.c-PinLock-Form-Box-Input .c-BtnPinLock-GO { background-color: #FBDB4E;border-radius: 50%;height: 46px;line-height: 46px; position: absolute; right: 1px;top: 6px; width: 46px; font-size: 18px; border: 0 none;}
.c-PinLock-Form-Box-Input .c-BtnPinLock-GO:hover{background-color: white;border-color:white; }
.c-PinLock-Form-Box-Input .c-BtnPinlock-Clear { font-size: 1.5em; height: 26px;line-height: 26px;position: absolute; width: 26px;display: none; position: absolute;text-decoration: none; right: 60px;top: 16px;color: #FBDB4E;}
.c-PinLock-Form-Box-Input .c-BtnPinlock-Clear:hover {color: white;}

.personvehiclepermit .c-DayTime-Options.c-Options-Locked .c-TimerSelect-AllDay {display:none !important; }

.pin-logout {text-decoration: none; text-transform: uppercase; border: 1px solid #007ec5; border-radius: 32px;font-size: 10px; font-weight: bold; font-weight: bold; height: 26px;background: #007ec5; color: white;line-height: 26px;text-align: center;text-decoration: none;width: 80px; margin: 0 5px; float: left; position: relative; top: 8px;position: absolute;right: 65px;top: 42%; display: none;}
.pin-logout.u-loggedIn {display: block;}
.pin-logout:hover {background: white; border-color: white; color: #373C3F;}
.fullscreen-overlay .pin-logout {background: transparent; color: white; border-color: white; top: 10px; right: 120px;}
.fullscreen-overlay .pin-logout:hover {background: #007ec5; color: white; border-color: #007ec5;}

.c-Option-ContactPending h2 {padding-bottom: 0px;}
.c-Option-ContactPending .option-container {padding-top: 0px;}
.c-Option-ContactPending .c-Option-ContactPending-Text {display: table;margin: 0 auto 20px;text-align: center;width: 100%;}
.c-Option-ContactPending .c-Option-ContactPending-Text .c-Option-ContactPending-Text-Span{margin: 0 auto;font-size: 16px;font-weight: bold;width: 70%; color: darkgrey; line-height: 22px; display: block;}

.groupswidget-overlay .c-Confirmation-Option h2 {padding-bottom: 0px; margin-bottom: 0px;}
.groupswidget-overlay .c-Confirmation-Option .option-container {width: 650px; padding: 0px; margin: 0 auto;}
.groupswidget-overlay .c-Confirmation-Option .c-Confirmation-Box {background: rgb(255, 255, 255) none repeat scroll 0 0;border-radius: 20px;display: table;float: left;height: 200px;width: 40%; padding: 50px 25px; position: relative; cursor: pointer;}
.groupswidget-overlay .c-Confirmation-Option .c-Confirmation-Box.c-Confirmation-right {float: right;}
.groupswidget-overlay .c-Confirmation-Option .c-Confirmation-Box .c-Confirmation-Box-Title {font-size: 1em;font-weight: bold;text-align: center;text-transform: uppercase; color: #878a8c;margin: 0 auto;}
.groupswidget-overlay .c-Confirmation-Option .c-Confirmation-Box .c-Confirmation-Box-Content {font-size: 0.8em;font-weight: bold;text-align: justify; color: #D7D8DA; margin: 25px auto;  width: 74%; }
.groupswidget-overlay .c-Confirmation-Option .c-Confirmation-Box .c-Confirmation-Box-Footer {bottom: 50px;position: absolute;text-align: center;width: 83%;}
.groupswidget-overlay .c-Confirmation-Option .c-Confirmation-Box .c-Confirmation-Box-Footer a.c-Confirmation-Box-Button {background: #878a8c none repeat scroll 0 0; border-radius: 50px; color: white; display: inline-block; font-size: 12px;font-weight: bold; height: 34px;line-height: 34px; width: 65%;text-align: center; text-decoration: none; text-transform: uppercase;}
.groupswidget-overlay .c-Confirmation-Option .c-Confirmation-Box .c-Confirmation-Box-Footer a.c-Confirmation-Box-Button:hover { background: #007ec5 none repeat scroll 0 0;color: white;}

.options .c-Options-Title {color: #BFC4CA; width: 480px; margin: 0 auto;}
.options .c-Footer.u-notfixed {left: 0;margin: 50px auto 0;position: relative;top: 0;}
.options .c-Footer.c-ExistingPermit-Footer {width: 480px;}
.options .c-Footer.c-ExistingPermit-Footer .c-Footer-Button {display: block;float: left; width: 60%;}

.c-controlFilters-CustomTime {width: 100%;text-align: center; display: none; position: relative; margin: 20px 0 30px;}
.c-controlFilters-CustomTime.active {display: block;margin: 15px 0 30px;}
.c-controlFilters-CustomTime-Inputs {background: white;  border-radius: 80px;float: none; height: 70px;line-height: 70px; margin: 0 auto; text-align: center; width: 100%; position: relative;}
.c-controlFilters-CustomTime .c-controlFilters-CustomTime-Inputs-Spans {float: left;margin-left: 25px;margin-right: 0 !important;}
.c-controlFilters-CustomTime .c-controlFilters-CustomTime-Input {background: #878a8c none repeat scroll 0 0; border: 2px solid #878a8c; border-radius: 25px; color: rgb(255, 255, 255); font-size: 11px; font-weight: bold; padding: 5px 0;  text-align: center; width: 138px; opacity: 1; -webkit-text-fill-color: rgb(255, 255, 255); text-transform: uppercase; }
.c-controlFilters-CustomTime .c-controlFilters-Input[disabled="disabled"] {background: white none repeat scroll 0 0; border: 2px solid #878a8c; color: #878a8c; -webkit-text-fill-color: #878a8c;}
.c-controlFilters-CustomTime .c-controlFilters-CustomTime-Input[disabled="disabled"]::-webkit-input-placeholder{color:#878a8c;opacity:1;font-weight:bold;} /* WebKit, Blink, Edge */
.c-controlFilters-CustomTime .c-controlFilters-CustomTime-Input[disabled="disabled"]:-moz-placeholder{color:#878a8c;opacity:1;font-weight:bold;} /* Mozilla Firefox 4 to 18 */
.c-controlFilters-CustomTime .c-controlFilters-CustomTime-Input[disabled="disabled"]::-moz-placeholder{color:#878a8c;opacity:1;font-weight:bold;} /* Mozilla Firefox 19+ */
.c-controlFilters-CustomTime .c-controlFilters-CustomTime-Input[disabled="disabled"]:-ms-input-placeholder{color:#878a8c;opacity:1;font-weight:bold;} /* Internet Explorer 10-11 */
.c-controlFilters-CustomTime .c-controlFilters-CustomTime-Input[disabled="disabled"]:placeholder-shown{color:#878a8c;font-weight:bold;}  /* Standard Pseudo-class */
.c-controlFilters-CustomTime .c-controlFilters-CustomTime-Save { background: #373C3F none repeat scroll 0 0; border: 1px solid #373C3F; border-radius: 10px;  color: white;  font-size: 11px; font-weight: bold; margin: 0 auto;text-align: center; width: 55px;text-decoration: none;position: relative;top: -1px; right: 0; display: inline-block; padding: 0;}
.c-controlFilters-CustomTime .c-controlFilters-CustomTime-Save:hover {background-color: #007ec5; border-color: #007ec5;}
.c-controlFilters-CustomTime .c-controlFilters-CustomTime-Save span {display: block;margin: 0 auto;vertical-align: middle; height: auto; line-height: 24px; padding: 0;}
.c-controlFilters-CustomTime .c-controlFilters-CustomTime-Close {border: 3px solid white;border-radius: 80px;background: #EC9894; color: white; font-size: 16px; font-weight: bold; margin: 0 auto; width: 36px; height: 36px; line-height: 35px; text-decoration: none;vertical-align: middle; top: -6px; right: 0px; position: absolute;z-index: 1;}

.input-Box-overlay {display: none; background-color: #FBDB4E;color: #738086;border-radius: 10px;width: 100%; height: 100%;position: absolute;left: 0; top: 0;}
.input-Success-Box-overlay {display: none; background-color: #77BD67;color: white;border-radius: 10px;width: 100%; height: 110px;line-height: 110px;position: absolute;left: 0; top: 0;}
.input-Box-overlay.active  {display: block;}
.input-Box-overlay .c-Iconsbox { width: 20%; float: left; text-align: center;}
.input-Box-overlay .c-Iconsbox .icon-caution  {font-size: 55px; left: 25px; top: 0px; position: absolute;}
.input-Success-Box-overlay .c-Iconsbox .icon-tick_circle1  {font-size: 75px; left: 25px; position: absolute;}
.input-Box-overlay .c-Contentbox {display: table; width: 80%; height: 100%; float: right; text-align: center;font-weight: bold; font-size: 14px;}
.input-Box-overlay .c-Contentbox > span {display: table-cell;line-height: 20px;vertical-align: middle;padding-right: 10px;}
.input-Box-overlay .c-Contentbox { width: 80%; float: right; text-align: center;font-weight: bold; font-size: 14px;}
.widget-Box-overlay .u-TextCenter{text-indent: -100px;}

.personvehiclepermit .c-Location-CirclesOption .c-CirclesText {display: none;}
.personvehiclepermit .c-Location-CirclesOption .c-CirclesText:first-child{display: inline;}
.c-Setone-Option-Selection .c-Location-CirclesOption .c-CirclesText .c-CircleOption-Filled .c-CirclesText {display: none;}
.c-Setone-Option-Selection .c-Location-CirclesOption .c-CirclesText .c-CircleOption-Filled .c-CirclesText:first-child{display: inline;}

.c-GroupBox-Options .c-Cycle-GroupDetails-Criteria {display: table;height: 50px;line-height: 50px;width: 100%;}
.c-GroupBox-Options .c-Cycle-GroupDetails-Criteria .c-Cycle-GroupDetails-Criteria-Item { display: none; height: 50px;line-height: 35px;width: 100%;}
.c-GroupBox-Options .c-Cycle-GroupDetails-Criteria .c-Cycle-GroupDetails-Criteria-Item-Name {color: #acaeaf; display: block;font-size: 10px;width: 100%;}
.c-GroupBox-Options .c-Cycle-GroupDetails-Criteria .c-Cycle-GroupDetails-Criteria-Item-Value {color: #c1c3c4; font-size: 9px; display: table;width: 100%;}
.c-GroupBox-Options .c-Cycle-GroupDetails-Criteria .c-Cycle-GroupDetails-Criteria-Step-Animated .c-Cycle-GroupDetails-Criteria-Item-Name {height: 10px;line-height: 15px;}
.c-GroupBox-Options .c-Cycle-GroupDetails-Criteria .c-Cycle-GroupDetails-Criteria-Step-Animated .c-Cycle-GroupDetails-Criteria-Item-Value {display: block;height: 28px;line-height: 28px;}
.c-GroupBox-Options .c-Cycle-GroupDetails-Criteria .c-Cycle-Box-Contacts-Item.c-Cycle-GroupDetails-Criteria-Animated a {background: #868A8D; border: 2px solid #c8c9ca;}
.c-GroupBox-Options .c-Cycle-GroupDetails-Criteria .c-Cycle-Box-Contacts-Item.c-Cycle-GroupDetails-Criteria-Animated a:hover {background: white; border: 2px solid white;}
.c-GroupBox-Options .c-Cycle-GroupDetails-Criteria .c-Cycle-Box-Contacts-Item.c-Animated a.u-Permit-FirstStepActive:hover {background: white !important; color: #88898D !important;}
.c-GroupBox-Options .existing-names a:hover .c-Cycle-GroupDetails-Criteria .c-Cycle-GroupDetails-Criteria-Item,
.c-GroupBox-Options .existing-names a.active .c-Cycle-GroupDetails-Criteria .c-Cycle-GroupDetails-Criteria-Item { color: #88898D !important;}
.c-GroupBox-Options .c-Cycle-GroupDetails-Criteria .c-Cycle-Box-Contacts-Item.c-Animated .c-Cycle-GroupDetails-Criteria-Item.c-Cycle-GroupDetails-Criteria-Step {display: none;}
.c-GroupBox-Options .c-Cycle-GroupDetails-Criteria .c-Cycle-Box-Contacts-Item.c-Animated .c-Cycle-GroupDetails-Criteria-Item.c-Cycle-GroupDetails-Criteria-Step.CriteriaActive {display: block;}
.c-GroupBox-Options .c-Cycle-GroupDetails-Criteria .c-Cycle-GroupDetails-Criteria-Item.c-Cycle-GroupDetails-Criteria-FirstStep {display: table;height: 50px;line-height: 50px; color: white; font-size: 12px; height: 40px; line-height: 40px;}

.c-GroupBox-Options .c-Permit-Box-Contacts-Item.c-Cycle-GroupDetails-Criteria-Animated .c-Cycle-GroupDetails-ContactName {display: none;}

.personvehiclepermit-overlay .navigation-overlay .u-navigationCircle-Span1,
.personvehiclepermit-overlay .navigation-overlay .u-setDone .u-navigationCircle-Span1,
.personvehiclepermit-overlay .navigation-overlay .u-setDone .u-navigationCircle-Span1.animate {display: none !important;}
.personvehiclepermit-overlay .navigation-overlay .u-navigationCircle-Span1.animate,
.personvehiclepermit-overlay .navigation-overlay .hovered.u-setDone .u-navigationCircle-Span1.animate {display: table !important;}
.personvehiclepermit-overlay .navigation-overlay .u-setDone:hover {opacity: 1;}
.personvehiclepermit-overlay .navigation-overlay .u-setDone:not(.hovered):hover {font-family: 'icomoon'; font-family: 'icomoon'; text-indent: -13px !important; font-size: 50px !important; content: "\e929"; background: transparent !important; color: white !important; opacity: 1;}
.personvehiclepermit-overlay .navigation-overlay .u-setDone:hover:not(:last-child)::after {opacity: 0.5;}
.u-navigationCircle-DayTime .u-navigationCircle-Animated {text-transform: uppercase;}

.groupswidget-overlay .c-Footer .c-Footer-Delete-Button {display: none; width: 33%; margin: 0 auto;}
.groupswidget-overlay .c-Footer.c-Edit-Footer .c-Footer-Button {width: 33%; margin-right: 15px;}
.groupswidget-overlay .c-Footer.c-Edit-Footer .c-Footer-Delete-Button {display: block;}
.groupswidget-overlay .c-Footer.c-Edit-Footer .c-Footer-Cancel-Button {width: 27%;}

.c-ExistGroupContact-Box-overlay {display: none; background-color: #FBDB4E;color: #738086;border-radius: 10px;width: 600px; height: auto; position: absolute;left: 29%; top: 0;}
.c-ExistGroupContact-Box-overlay.active {display: block;}
.c-ExistGroupContact-Box {width: 80%; text-transform: uppercase;height: 100%; margin: 10px auto;}
.c-ExistGroupContact-Box a{text-decoration: none; color: #738086;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Head {display: block;float: left;margin: 20px 0;width: 100%;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Title {text-align: center; font-size: 18px;font-weight: bold;width: 100%; padding: 0 0 20px;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Content {text-align: justify;font-size: 16px;font-weight: bold;width: 100%; text-transform: none;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Items-Box {float: left;margin: 0px;width: 100%;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Items-Box .c-ExistGroupContact-Items {display: table;width: 96%;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Items-Box .c-ExistGroupContact-Items .c-ExistGroupContact-Item {border: 1px solid #868A8D; border-radius: 5px;display: table; width: 100%; margin: 10px 0; padding-left:10px; width: 100%;font-size: 14px;  font-weight: bold; line-height: 14px;vertical-align: middle;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Items-Box .c-ExistGroupContact-Items .c-ExistGroupContact-Item > span {border-right: 1px solid #868A8D;padding: 0px 10px; vertical-align: middle;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Items-Box .c-ExistGroupContact-Items .c-ExistGroupContact-Item > span:last-child {border-right: none;}

.c-ExistGroupContact-Box .c-ExistGroupContact-Items-Box .c-ExistGroupContact-Items .c-ExistGroupContact-Item-Left {display: table-cell;text-align: left;vertical-align: middle; width: 30%; padding: 20px 0; border-right: 1px solid #868A8D;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Items-Box .c-ExistGroupContact-Items .c-ExistGroupContact-Item-Right {display: table-cell;text-align: center;width: 70%; padding: 20px; font-size: 12px;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Items-Box .c-ExistGroupContact-Items .c-ExistGroupContact-Item-Right .c-ExistGroupContact-Item-Right-DayTime-Spans {display: block; width: 100%;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Footer {display: table; width: 100%;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Footer a{display: block; border: 1px solid #007ec5; background: #FBDB4E; border: 1px solid #FBDB4E;  color: #007ec5; background: #007ec5; border: 1px solid #007ec5; color: #FBDB4E; border-radius: 32px;font-size: 16px; float: left; font-weight: bold; height: 64px;line-height: 64px;text-align: center;text-decoration: none;width: 80%; margin: 0 auto;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Footer a:hover {background: #007ec5 !important;  border-color: #007ec5 !important; color: white !important;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Footer a.c-ExistGroupContact-Footer-Button {background: #878a8c; border-color: #878a8c; color: #FBDB4E; width: 40%;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Footer a.c-ExistGroupContact-Footer-Button-Edit {background: #FBDB4E; border-color: #878a8c; color: #878a8c; margin: 0 18px; width: 25%;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Footer a.c-ExistGroupContact-Footer-Button-Cancel {background: #FBDB4E; border-color: #878a8c; color: #878a8c;  width: 25%;}
.c-ExistGroupContact-Box .c-ExistGroupContact-Items-Box .c-ExistGroupContact-Items .c-ExistGroupContact-Item.c-ExistGroupContact-DayTime .c-ExistGroupContact-Item-Right {text-transform: none;}

.options.u-forceShow {display: block !important;}
.options.u-forceHide {display: none !important;}

.c-ErrorPopups-Options .option-container {height: 200px;}
.c-ErrorPopups-Options .c-ErrorPopups-Options-overlay {border: 1px solid #868A8D; border-radius: 30px;font-size: 14px; font-weight: bold; font-weight: bold; height: 52px;line-height: 52px;background: #868A8D; color: #FBDB4E;text-align: center;text-decoration: none;width: 100%; position: absolute; left: 0px; display: none; text-transform: none; height: 100px; line-height: 100px;}
.c-ErrorPopups-Options .c-ErrorPopups-Options-overlay.active {display: table;}
.c-ErrorPopups-Options .c-ErrorPopups-Options-overlay .c-AssignToGroup-Footer {display: block;}
.c-ErrorPopups-Options .c-ErrorPopups-Options-overlay .c-Iconsbox {left: 20px;position: absolute;font-size: 4em;}
.c-ErrorPopups-Options .c-ErrorPopups-Options-overlay .c-Contentbox {font-size: 12px;display: table-cell;font-size: 16px;line-height: 22px;vertical-align: middle; width: 85%; padding-right: 10px;}
.c-ErrorPopups-Options .c-ErrorPopups-Options-overlay.c-ErrorPopups-Options-Error-overlay {border: 1px solid #868A8D; background: #FBDB4E; color: #868A8D;}
.c-ErrorPopups-Options .c-ErrorPopups-Options-overlay.c-ErrorPopups-Options-Success-overlay {border: 1px solid #77BD67; background: #77BD67; color: white;}

.tab-dropdown-content {display: table; margin: 35px auto 0; width: 80%; font-weight: bold;}
.tab-dropdown-content .icon-tick_circle {display: block;float: left;font-size: 1.8em;line-height: 30px;vertical-align: middle; width: 10%;}
.tab-dropdown-content .tab-dropdown-text {display: table-cell;float: left;width: 90%; font-size: 12px; text-transform: uppercase;}