/* Base css
------------ */
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700);

/* Reset
--------- */
html{position: relative;min-height: 100%;}
body{margin:0 0 100px;}

footer{height:100px; position: absolute;width: 100%;background: #dedede;left: 0;bottom: 0;min-width: 280px;}
p{line-height: 24px;}
a{color: inherit;}
a:hover{color: #0d7fa9;}

/* UI Typography
-----------------*/
h1,h2,h3,h4,h5,h6{font-weight: 300;}
h1{margin-top: 20px;margin-bottom: 10px;}
h2,h3,h4,h5,h6{margin-top:0;}

h1,h2,h3,h4,h5,h6,.btn, .wizard-list,.pagination > li > a,.pagination > li > span,.nav-tabs,.nav-pills,.date, .nav > li > a.nav-button{font-family: 'Oxygen', sans-serif;}

/* UI Buttons
-----------------*/
.btn{font-weight: 700;font-size: 18px; border-left-color:transparent; border-right-color: transparent; border-top-color:transparent; border-bottom-width: 3px;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.btn-lg{padding: 10px 20px;font-size: 24px;}
.btn-xs, .btn-group-xs>.btn {padding: 1px 15px;border-radius: 0;}
.button-block{text-align: center;}
.button-block .help-block{margin-top: 10px;margin-bottom: 40px;}
.button-block .btn{margin-top: 20px;}

#search .btn{background: transparent;font-size: 17px;}

/* hover effect */
.btn.btn-default{box-shadow: inset 0 0 0 0 #e3b800;}
.btn.btn-default:hover,.btn.btn-default:focus{border-color: #e3b800;box-shadow: inset 0 -100px 0 0 #e3b800;}

.btn.btn-danger{box-shadow: inset 0 0 0 0 #d43f3a;}
.btn.btn-danger:hover,.btn.btn-danger:focus{border-color: #d43f3a;box-shadow: inset 0 -100px 0 0 #d43f3a;}

.btn.btn-primary{box-shadow: inset 0 0 0 0 #0d7fa9;}
.btn.btn-primary:hover,.btn.btn-primary:focus{border-color: #0d7fa9;box-shadow: inset 0 -100px 0 0 #0d7fa9;}

.btn.btn-primary.disabled,.btn.btn-default.disabled,.btn.btn-danger.disabled{box-shadow: none;}
.btn.btn-primary.disabled:hover,.btn.btn-default.disabled,.btn.btn-danger.disabled:hover{box-shadow: none;}

.btn.btn-search span{-webkit-transition-property: all;-webkit-transition-duration: 0.3s, 0.3s;-webkit-transition-timing-function: linear, ease-in;
    -moz-transition-property: all;-moz-transition-duration: 0.3s;-moz-transition-timing-function: linear, ease-in;
    -o-transition-property: all;-o-transition-duration: 0.3s;-o-transition-timing-function: linear, ease-in;}
.btn.btn-search:hover span,.btn.btn-search:focus span{color: #20a7d9;}

a.forget-password{display: block;color: #20a7d9;margin: 5px 0 20px 0 ;width: 100%;text-align: right;font-size: 13px;}
a.forget-password:hover{color: #0d7fa9;}

a:hover > .box >.btn.btn-default,a:focus > .box >.btn.btn-default{border-color: #e3b800;box-shadow: inset 0 -100px 0 0 #e3b800;}
a:hover > .box >.btn.btn-danger,a:focus > .box >.btn.btn-danger{border-color: #d43f3a;box-shadow: inset 0 -100px 0 0 #d43f3a;}
a:hover > .box >.btn.btn-primary,a:focus > .box >.btn.btn-primary{border-color: #0d7fa9;box-shadow: inset 0 -100px 0 0 #0d7fa9;}

a{-webkit-transition-property: all;-webkit-transition-duration: 0.3s, 0.3s;-webkit-transition-timing-function: linear, ease-in;
    -moz-transition-property: all;-moz-transition-duration: 0.3s;-moz-transition-timing-function: linear, ease-in;
    -o-transition-property: all;-o-transition-duration: 0.3s;-o-transition-timing-function: linear, ease-in;}


.btn.btn-default.btn-gray{background-color: #ededed ;border-bottom-color:#ccc;border-bottom-width: 3px;}
.btn.btn-default.btn-gray{box-shadow: inset 0 0 0 0 #ccc;}
.btn.btn-default.btn-gray:hover,.btn.btn-default.btn-gray:focus{border-color: #ccc;box-shadow: inset 0 -100px 0 0 #ccc;}


/* UI Images and icons
------------------- */
.glyphicon {vertical-align: middle;}
.row-icon{font-size: 16px;}

.status:before{height:20px;margin-right: 10px;vertical-align: middle;display: inline-block;}
td.status:before{height:25px;}
.status.non-active:before{content: url('../images/ellipse2.png');}
.status.active:before{content: url('../images/ellipse1.png');}
.status.onhold:before{content: url('../images/geparkeerd.png');}
.status.open:before{content: url('../images/open.png');}

.icon:after{font-family: FontAwesome;color: #ffcf01;font-size: 26px;vertical-align: middle; margin-left: 10px;}
.info:after{content: "\f129";}
.edit:after{content: "\f040";}

.brick-icon{margin-right: 20px;}

/* Header
------------*/
.navbar,footer{font-size: 13px;}
.navbar-brand{padding: 12px 15px;}
.navbar-default{border-color: #dedede;border-left: none;border-right: none;border-top: none;}

.nav-pills{font-size: 14px;}
.nav-pills > li > a{border-bottom-color:transparent; border-bottom-style: inset;border-bottom-width: 3px;}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus{color: inherit;background-color: transparent; border-bottom-color:#ffcf01;-moz-border-bottom-colors: #ffcf01;}

.nav > li > a.nav-button{font-size: 13px;color: #333;}
.nav > li > a.nav-button,
.nav > li > a.nav-button img{margin-right: 5px;}
.nav > li > a.nav-button img{vertical-align: top;}

/* OOCSS
-------- */
.content{margin-top: 0px;margin-bottom: 150px;}

.margin-top-sm{margin-top: 30px;}

.pod,.pod-form{background: #f1f1f1; padding: 20px 30px;margin:2px 2px 2px 0;}
.pod.pod-lg{margin-bottom: 50px;float: inherit;clear: both;width:100%;}
.pod.pod-with-small-bottom-margin { margin-bottom: 2px; }
.pod.pod-status span {position: absolute;right: 4%;}

.wizard-container{margin: 0 auto;}
.wizard-list {display: table;width: 100%;list-style: decimal;margin: 40px 0;overflow: hidden;padding-left:0;}
.wizard-item {display: table-cell;white-space: nowrap;position: relative;}

.wizard-item:after,
.wizard-item:before{border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;z-index: 9;}
.wizard-item span{display: block;position: relative;background: #f1f1f1;color: #333;line-height: 35px;padding: 0 15px;text-align: center;font-size: 16px;}
.wizard-item.active span,.wizard-item.completed span{background: #ffcf01;}
.wizard-item{border-right: 2px solid #fff;}
.wizard-item:last-child{border-right: none}

.pagination{margin-top: 30px;margin-bottom: 15px;}
.pagination>li>a, .pagination>li>span{padding: 2px 30px;border-width: 3px;border-left: none;border-right: none;border-top: none;margin-left: 10px;font-weight: bold;font-size: 18px;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {z-index: 3;color: #fff;background-color: #20a7d9;border-color: #0d7fa9;}

.page-title{text-align: center;}
/* hover effects*/
.pagination li a{margin-top: 10px;box-shadow: inset 0 0 0 0 #0d7fa9;
	-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.nav-pills > li > a{-webkit-transition: border-color 300ms linear;-moz-transition: border-color 300ms linear;-o-transition: border-color 300ms linear;-ms-transition: border-color 300ms linear;transition: border-color 300ms linear;}
.nav.nav-tabs > li > a{-webkit-transition: background-color 300ms linear;-moz-transition: background-color 300ms linear;-o-transition: background-color 300ms linear;-ms-transition: background-color 300ms linear;transition: background-color 300ms linear;}
/* //hover effects */

.pagination li:hover a{border-color: #0d7fa9;box-shadow: inset 0 -100px 0 0 #0d7fa9;}
.pagination li.active a{box-shadow:  none;-webkit-transition: none;-moz-transition: none;transition: none;}
.pagination li:hover.active a{box-shadow:  none;}

.progress{height: 7px;-webkit-box-shadow: none;box-shadow: none;margin-bottom: 35px;}
.progress-bar-label{float: right;line-height: 5px; margin-left: 15px;}
.progress-percentage{font-weight: bold;}

.help-block{color: #333;}

.campaign-block{min-width: 120px;max-width: 165px;display:block;text-align: center;padding: 10px;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.campaign-block img{margin-bottom: 10px;}
.campaign-block p{margin-bottom: 0;}
.campaign-block.inactive{background: #fff;border-bottom: 3px solid #e3e3e3;}
.campaign-block.active{background: #ffcf01;border-bottom: 3px solid #e3b800;font-weight: bold;}

.uneditable {padding-top: 7px;margin-bottom: 0;text-align: left;}

.date{font-size: 16px;margin-right: 30px;font-weight: 700;color:#20a7d9;}
.no-right-padding > .date { margin-right: 10px; }
.year{font-weight: 300;}

.img-wrap{width:50%;margin: 0 auto;}
.img-wrap img{margin: 0 auto;height: 100%;}

.well-content-block{margin-top: 60px;}
.well{margin-bottom: 30px;}
.well .list-group-item{padding-left:0;}
.well-button{text-align: center;}
.well-button img{margin-bottom: 20px;}
.well span.date{min-width: 75px;display: inline-block;}
.well-button.md .img-wrap{height:110px;margin-bottom: 20px;display: block;}

.box{text-align: center;margin-bottom:30px;}
.box img{margin-bottom: 20px;}
.box button{margin-top: 20px;}

/* no padding */
.full-width > [class*='col-xs-']{padding-right: 0;padding-left: 0;}
/**/

.flex-box{display: -ms-flexbox;display: -webkit-flex;display: flex;}

.modal-backdrop {background-color: #fff;opacity:0.8 !important;}
.modal-footer{text-align: center;}
.modal-content{-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.3);box-shadow: 0 3px 10px rgba(0,0,0,0.3)}

.well .well-list-block li span{background-color: #20a7d9;color: #fff;}
.well .well-list-block li span.date{padding: 7px 0;min-width: 105px;display: inline-block;text-align: center;margin-right: 15px;}
.well .well-list-block li.list-group-item{padding-top: 0;padding-bottom: 3px;}

.row-box {margin-top:15px;}

/* Table
----------- */
table{padding-left: 2%;padding-right: 2%; border-collapse: collapse;border: 1px solid #bbb;margin-bottom: 1.5em;background-color: #f1f1f1;width: 100%; }

table, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
th{font-weight: bold;border-bottom: 2px solid #dedede;}
td, th {vertical-align: middle;padding: 8px 12px;line-height: 25px;}
td{border-bottom: 1px solid #dedede;}

.table-head{background: #f1f1f1;padding:20px 10px;}

.base-table{padding-left: 30px;padding-right: 30px;}
.base-table td{font-weight: bold;}
.base-table td:first-child{font-weight: normal;}

.table-footer{background-color: #f1f1f1;}

.table-nonfluid{width: auto !important;}
.table-extra-condensed>thead>tr>th,
.table-extra-condensed>tbody>tr>th,
.table-extra-condensed>tfoot>tr>th,
.table-extra-condensed>thead>tr>td,
.table-extra-condensed>tbody>tr>td,
.table-extra-condensed>tfoot>tr>td {
    padding: 0 5px 0 0;
}

.sort-table th{position: relative;}
.sort-table thead th span{display: inline-block;}
.sort-table thead th span:after{vertical-align: middle; content:"";width:25px;height:25px;position: absolute;margin: 0;}
.sort-table thead th.sorting_asc span:after{background: url(../images/datatable/sort_asc.png)no-repeat;background-position: center;}
.sort-table thead th.sorting_desc span:after{background: url(../images/datatable/sort_desc.png)no-repeat;background-position: center;}
.sort-table thead th.sorting span:after{background: url(../images/datatable/sort_both.png)no-repeat;background-position: center;}
.sort-table thead th.dt_sorting_disabled span:after{background: none !important;}
table.dataTable thead .sorting {background-image: none;}
table.dataTable thead .sorting_asc {background-image: none;}
table.dataTable thead .sorting_desc {background-image: none;}
table.dataTable thead .sorting_asc_disabled {background-image: none;}
table.dataTable thead .sorting_desc_disabled {background-image: none;}
/* paging */
.dataTables_wrapper .dataTables_paginate {float:none; text-align: center; font-size:28px;}
.dataTables_wrapper .dataTables_paginate .paginate_button {
 	box-shadow: inset 0 0 0 0 #0d7fa9;
    padding: 2px 30px;
    border-width: 3px;
    border-left: none;
    border-right: none;
    border-top: none;
    margin-left: 10px;
    font-weight: bold;
    font-size: 18px;
    color: #fff !important;
    background-color: #20a7d9;
    border-color: #0d7fa9;
    border-radius: 0;
    }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
 	box-shadow: inset 0 0 0 0 #0d7fa9;
    padding: 2px 30px;
    border-width: 3px;
    border-left: none;
    border-right: none;
    border-top: none;
    margin-left: 10px;
    font-weight: bold;
    font-size: 18px;
    background-color: #20a7d9;
    border-color: #0d7fa9;
	background: none; border-color: #0d7fa9;box-shadow: inset 0 -100px 0 0 #0d7fa9;}

thead th.end-head{visibility: hidden;}
.clickable-row {cursor: pointer;}
.clickable-row:hover {background-color: #e3e3e3;}
td.end{cursor: pointer;}
.subActions {margin-top: -33px; z-index: 2}
table.dataTable table {font-size: 0.9em; margin-left: 20px; width: calc(100% - 20px);}
table.dataTable table th, table.dataTable table td {padding: 4px 5px;}
table.dataTable img.icon {margin: 0 5px;}
table.dataTable span.modify, table.dataTable span.delete {float: right; margin: 0 4px;}

/* Tabs and panels
------------------- */
.nav.nav-tabs > li > a {padding: 5px 25px;border:none;}
.nav-tabs, .panel-title {border-bottom: none;font-size: 20px;}
.nav-tabs > li > a{background-color: #f1f1f1;}
.nav.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{background-color: #ffcf01;border: none;color:#333;}

.tab-pane{margin-top:20px;}

.panel{-webkit-box-shadow: none;box-shadow: none;background-color: #e3e3e3;}
.panel-default{border: none;}
.panel-default > .panel-heading {background-color: #ffcf01;border: 0;}
.panel-default > .panel-heading a:hover{color:inherit;}
.panel-title a{display: block;}
.panel-title a:before{  font-family: FontAwesome;content: "\f107";display: inline-block;margin-right: 5px;vertical-align: middle;font-size: 35px;}
.panel-title a.collapsed:before{  font-family: FontAwesome;content: "\f105";display: inline-block;margin-right: 5px;vertical-align: sub;}
.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {border-top: none;}
.panel-group .panel-heading+.panel-collapse>.panel-body{background-color: #f1f1f1;}
.panel-body .row:last-child .border-box {border-bottom: none;padding-bottom: 0;}
.panel-body .row:first-child .border-box {padding-top: 0;}
.panel-body{padding-top: 8px;padding-bottom: 8px;}
.panel-body-sm{padding: 10px;}
.no-float{float:none}

.panel-body-box{padding:20px 26px;margin-left: -16px;margin-right: -16px;border-bottom: 2px solid #fff;}
.panel-body-box:last-of-type{border-bottom: none;}
.panel-body-box:nth-of-type(1n+2){padding-top: 0;}
.panel-body-box .border-box > div:first-child{font-weight: bold;}
.panel-body-box-head{padding-top: 20px;}

/* Forms
---------- */
#search.input-group{border: solid 1px #ccc;}
#search .input-group-btn{background: #fff;}
#search .btn{padding: 0 10px;}
#search .form-control{height: 30px;border: 0;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: none;-o-transition: none;transition: none;}

legend{font-size: 15px; font-weight: bold;margin-bottom: 5px;}
.radio label,
.checkbox label {padding-left: 0;}

.input-sm{border-radius: 0;}
.form-non-edit .form-group{margin-bottom: 0;}
.form-group{margin-bottom: 10px;}
textarea{margin-bottom: 10px;}

.form-inline .form-control{width:90px;margin-right:30px;}

.input-group-addon{background-color: transparent; border: none;padding: 3px 12px;}
#datetimepicker .form-control{color: #ccc;font-family: Arial;font-weight: normal;}

.input-group-addon-bordered { border: 1px solid #ccc; }
.log-in-form {text-align: center;}

/* Overwrite browsers standard */
select:not([multiple]).form-control {-webkit-appearance: none; -moz-appearance: none;appearance: none; padding: 0px 0px 0px 5px; background: #fff url('../images/angle-down.png') no-repeat 99% center;}
select:not([multiple]).form-control::-ms-expand {display: none;}


.SumoSelect > .CaptionCont > label > i {-webkit-appearance: none; -moz-appearance: none;appearance: none; padding: 0px 19px 0px 5px; background: #fff url('../images/angle-down.png') no-repeat 99% center;}
.SumoSelect > .CaptionCont > label > i::-ms-expand {display: none;}
.SumoSelect > .CaptionCont > span {line-height:20px; font-size: 13px;}

.border-box {border-bottom: 1px solid #dedede;padding: 8px 10px;display: block; overflow: hidden;}
.border-box-datePicker {border-bottom: 1px solid #dedede;padding: 16px 10px;display: block; overflow: hidden;}
.panel-body .border-box{border-bottom: 0;}
.panel-body .border-box-datePicker{border-bottom: 0;}

/* Footer
--------- */
footer{padding-top: 15px;}
footer .list-group{margin-bottom: 0;}
footer .list-group-item{padding: 5px 10px;float:left;}
footer .list-group-item a{color: #777;}

/* Media Queries
----------------- */
@media (max-width: 480px){
	footer{height: 100px;}
	footer .list-group-item {float: none;}
	.pod.pod-status span{position: absolute;right: 48%;}
}

@media (max-width: 767px){
	.wizard-list {margin: 20px 0; -webkit-padding-start: 0;}
	.wizard-item span {padding: 0 6px; font-size: 12px;}
	.wizard-item.completed span:before {content:"\f058"; font: normal normal normal 14px/1 FontAwesome; font-size: 20px left: 10px; margin-top: -6px; font-size: 14px;}
	.wizard-item:first-child.completed span:before { margin-right:5px; }
	.wizard-item:first-child.completed span { padding-left: 15px; }
	.wizard-item:nth-child(1n+2).wizard-item.completed span:before { left: 0; }
	.nav-pills > li {float: none;}
	.nav.nav-pills > li > a {display: inline-block; padding: 2px 0;margin-bottom:8px;}
	.form-group{margin-top: 10px;}
	.uneditable{padding-top:0;}
	label{margin-bottom: 0;}
}

@media (min-width: 768px){
	.wizard-item:after,
	.wizard-item:before{left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;z-index: 9;}
	.wizard-item:before {border-color: rgba(255, 255, 255, 0);border-left-color: #fff;border-width: 22px;margin-top: -22px;}
	.wizard-item.active:after,.wizard-item.completed:after {border-left-color: #ffcf01;}
	.wizard-item:after {border-color: rgba(238, 238, 238, 0);border-left-color: #f1f1f1;border-width: 20px;margin-top: -20px;}

	.navbar-nav > li > a {padding-top: 0;padding-bottom: 0;}
	.navbar-nav> li {padding-top: 24px;padding-bottom: 24px;}
	#main-nav .navbar-right > li > a {border-left: 1px #333 dotted;border-top: 1px transparent dotted;}
	#main-nav .navbar-right > li > a.nav-button {border-left: none;}
	.navbar-right~.navbar-right.login-text {margin-right: 10px;}
    .navbar-right~.navbar-right.login-text a.profile{color: #0d7fa9;}

	.nav-pills > li > a{border-bottom-color:transparent; border-bottom-style: inset;border-bottom-width: 5px;}
	.nav-pills{font-size: 16px;border-bottom: 1px solid #dedede;}

	.form-horizontal .control-label {text-align: left;}
/* annoying on small screens .modal-dialog{margin:225px auto;} */
	.modal-content {-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.3); box-shadow: 0 3px 20px rgba(0,0,0,0.3);}
	.pod.pod-status span{position: absolute;right: 4%;}
	footer{height: 50px;}
	footer ul{float: right;}
	footer .list-group-item {float: left;padding: 0 10px;}
}

@media(max-width: 991px){
	table.responsive-table, table.base-table {width: 100%;}
	.responsive-table thead, .base-table thead {display: none;}
	.responsive-table tbody td, .base-table tbody td {display: block;text-align: center; border-bottom: 1px solid #dedede;padding:5px 12px;}
	.responsive-table tbody td:last-child, .base-table tbody td:last-child,.responsive-table tbody td:nth-last-child(2) {border-bottom: none;}
	.responsive-table tr td:first-child,.base-table td:first-child {background: #dedede;font-weight: bold;font-size: 18px;}
	.responsive-table tbody tr:last-of-type td:nth-last-child(2) {border-bottom: 1px solid #dedede;}
	.base-table td{font-weight: normal;}
}

@media (min-width: 992px){
	.content{margin-bottom: 50px;}
	.sort-table .number{width:50px;}
	thead th.end-head{visibility: visible;}
	table td.end:after{font-family: FontAwesome;content: "\f105";display: inline-block;font-size: 30px;}
	.wizard-list {padding-left:15px;}
	.responsive-table.currency-right tr td:nth-child(2) {margin-right: 5px;text-align: right;}
}

@media(min-width: 1024px){
	.wizard-container{width:75vw;}
	.nav > li > a.nav-button{font-size: 18px;}
	.nav > li > a.nav-button img{margin-right: 15px;}
}

@media(min-width: 1200px){
	.wizard-container{width:50vw;}
	.wizard-item span {padding-left: 30px;}
}


.form-buttons .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}
div.dataTables_wrapper .dataTables_paginate {
	text-align: center;
	float: inherit;
}
div.shortlist-new-campaigns {
	min-height: 240px;
}
div.form-heading h1 {
	text-align: center;
}
div.form-heading ul.wizard-list {
	margin-top: 20px;
	margin-bottom: 0px;
}
div.spacer-line-right {
	border-right: 2px solid #fff;
	padding-left: 0px;
}
div.spacer-line-right:first-child {
	padding-left: 15px;
}
div.spacer-line-right:last-child {
	border-right: none;
}
div.no-right-padding {
	padding-right: 0px;
}
div.pod-no-bottom-margin {
	margin-bottom: 10px;
}
div.doelgroep-overview {
	margin-top: 10px;
}
div.doelgroep-overview * {
	text-align: center;
}
form#editCampaign label {
	font-weight: normal;
}
form.form-touchpoint button.close {
	margin-left: 10px;
}
img.touchpoint-icon {
	max-width: 100%;
	vertical-align:bottom;
}
div.campaigntype-column * { margin-left: 0; padding-right: 0; margin-right: 0; font-weight: normal;}
div.campaigntype-column label { text-align: right !important; }
div.campaigntype-first-column { padding-left: 35px; }

input[type=checkbox].css-checkbox,
input[type=radio].css-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr,
input[type=radio].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label.clr {
    padding-left:20px;
    height:15px;
    display:inline-block;
    line-height:15px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk,
input[type=radio].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox + label.css-label.chk {
    background-position: 0 -15px;
}
input[type=checkbox] + label.css-label {
    background-image:url('../images/csscheckbox_d7a532deba7ef10d4d681476da673bc8.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input[type=radio] + label.css-label {
    background-image:url('../images/csscheckbox_6b90de6eecae4913a2027b604c9393e2.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.campaign-report-period span {
    font-weight: bold;
}

/* export tool */
form#editExportRequest label {
    font-weight: normal;
}
div.no-bottom-padding * { padding-bottom: 0; }
div.spacer-line-top {
    border-top: 2px solid #fff;
}
div.checkbox-with-file-name-input {
    padding-left: 20px;
}
div.touchpoint-wrapper {
    border-bottom: 1px solid #fff;
    padding-bottom: 25px;
}
div.touchpoint-icon-wrapper {
    padding-top: 15px;
}
.range-enabler {
    width: 100px;
}