@charset "utf-8";
 
body, html { 
	background:#FFF;
	font-size:12px;  
	color:#000; 
	font-family:"Open sans", Helvetica, Arial,  sans-serif; 
	overflow-x:hidden;
	height: 100%;
}

a{color:#000;text-decoration: none; }
a:hover{text-decoration: underline;color:#3AA3DF; } /*color:#00d2ff;*/

h1,h2,h3,h4,h5,h6 { display: block; margin:5px 0px; }

.inner-content h1{
	margin-top:-15px;
	font-weight: 100;
	font-size:40px;
	color:#23bf86;
}

.relative-block{position: relative; }

header.header-wrap{
	background:#3aa3df;
	padding:20px 0;
	color:#FFF;
}

.header-wrap .logo{
	background: url("http://www.sms-bulktool.nl/data/images/skin/default/logo.png") no-repeat left center;
	color: #FFF;
	display: block;
	height: 36px;
	line-height: 0;
	overflow: hidden;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	width: 123px;
}
.header-wrap h1{margin:0; }

#nav{margin:0; }
#nav li{
	float: left;
	margin:0;
	margin-right:10px;
}
#nav li:last-child{margin-right: 0; }

#nav li a{
	display: block;
	padding:5px 10px;
	border-radius: 5px;
	color:#FFF;
	font-weight: 400;	
	font-size:16px;
	text-decoration: none;
}

#nav li a:hover,
#nav li.active a{
	text-decoration: none;
	background:#5bb3e5;
}

.main-section{
	/*margin-top:40px;*/
}

.btn.hidden{display: none }

.btn.block{display: block; }

.btn{
	display: inline-block;
	padding:5px 10px;
	border-radius: 5px;
	font-size:14px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	position: relative;
}
.btn:hover{text-decoration: none; }

.btn.bg.white{
	background:#FFF; 
	color:#3AA3DF;
	border:2px solid #FFF; 
}
.btn.bg.blue{
	background:#3ba3df; 
	color:#FFF;
	border:2px solid #3ba3df; 
	text-transform: none;
	border-radius: 3px;
}



.btn.bg.grey{
	background:#C4C4C4; 
	color:#FFF;
	border:2px solid #C4C4C4; 
	text-transform: none;
	border-radius: 3px;
}

.btn.big-100{
	width: 100%;
	display: block;
	font-size:15px;
	text-transform: uppercase !important;
	font-weight: bold;
	padding:10px;
}

.btn.big-100 span{display: inline-block;text-transform: uppercase;margin-left:5px;vertical-align: middle; }

.btn.small-100{
	width: 100%;
	display: block;
	font-size:13px;
	text-transform: uppercase !important;
	font-weight: bold;
	padding:10px;
}

.btn.small-100 span{display: inline-block;text-transform: uppercase;margin-left:5px;vertical-align: middle; }


.btn.bg.red{
	background:#C02055; 
	color:#FFF;
	border:2px solid #C02055; 
	text-transform: none;
	border-radius: 3px;
}

.btn.bg.green{
	background:#20c086; 
	color:#FFF;
	border:1px solid #14a973; 
	text-transform: none;
	border-radius: 3px;
	font-weight: normal;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);
}

.btn.border.white{border:2px solid #FFF; }
.btn.border.blue{border:2px solid #3AA3DF; }
.btn.border.white:hover{color:#FFF; }
.btn.border.blue:hover{color:#3AA3DF; }

.btn.blue{color:#3AA3DF; }

.btn.big{
	padding:10px 20px;
	font-weight: 500;
	font-size:20px;
}

.account-nav-item{
	margin-bottom: 20px;
}

.account-nav-item .account-nav-title{
	background:#c4c4c4;
	padding:7px 10px;
	color:#FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}
.account-nav-item .subs{margin: 0; }
.account-nav-item .subs li a{
	display: block;
	padding:5px 10px;
	border-bottom: 1px solid #eaeaea;
	color:#2f9ede;
	font-weight: normal;
}

.account-nav-item .subs li.active a,
.account-nav-item .subs li a:hover{
	text-decoration: none;
	background:#E6F5FE;
}

h1.main-title{
	background:#545454;
	color:#FFF;
	font-weight: bold;
	padding:5px 10px;
	display: block;
	margin:0;
	font-size:17px;
	text-transform: uppercase;
}

.blue-block,
.grey-block{
	background:#f7f7f7;
	border:1px solid #e5e5e5;
	padding:10px 20px;
	margin:20px 0;
	position: relative;
}

.blue-block{
	background:#2f9ede;
	border:none;
	border-radius: 3px;
}

.blue-block h3{color:#FFF;font-size:17px;font-weight: bold;text-align: center; }
.blue-block h3 span{display: inline-block;margin-left:10px; }

.grey-block.noMargin{margin:0; }
.grey-block.info-block{
	background:#ffffe5 url("http://www.sms-bulktool.nl/data/images/skin/default/info-bg.png") no-repeat left top;
	padding-left:50px;
	position: relative;
}

.grey-block.highlight{
	box-shadow:0px 1px 10px #fcffe5;
}

.grey-block h2{font-size:17px;margin-bottom: 20px; }
.grey-block form,
.grey-block input{margin-bottom: 0; }

input,
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"],
select,
textarea,
.grey-block input,
.grey-block select,
.grey-block textarea{
	border:1px solid #e5e5e5;
	background:#FFF;
	box-shadow: none;
	font-size:14px;
	height: auto;
	border-radius: 3px;
	box-shadow: none !important;
}

select, .grey-block select { font-size:12px; padding: 3px; }

input:focus,
textarea:focus,
select:focus,
.grey-block input:focus,
.grey-block textarea:focus,
.grey-block select:focus{box-shadow:none !important; }

textarea,
.grey-block textarea{height: 120px; resize:none;line-height: 1.6;font-size:15px; }

input.invalid,
textarea.invalid,
.grey-block input.invalid,
.grey-block textarea.invalid{
	background:#ffefef;
	border:1px solid #812222;
}

.contact-block{
	display: table;
	width: 100%;
}
.contact-block ul{display: table-row;padding:5px 10px; }
.contact-block ul li{display: table-cell;padding:7px 5px;vertical-align: middle; }
.contact-block ul li.small-cell{width:40px; }
.contact-block ul li.middle-cell{width:170px; }

.contact-block ul li input[type="checkbox"]{margin-bottom: 0;height: auto; }
.contact-block .contact-header-block{
	background:#545454;
	color:#FFF;
}
.contact-block .contact-header-block li{font-weight: bold;text-transform: uppercase; }
.contact-block .contact-item-block{padding:5px 0;}
.contact-block .contact-item-block:nth-child(odd){background:#f5f5f5; }
.contact-block .contact-item-block:hover{background:#e6f5fe; }

.contact-block .contact-item-block.invalid{background:#fee6e6; 	}

.contact-block .contact-item-block.highlight{background:#f7fdc7; }

span.group-item{padding:2px 4px;background:#dedede;color:#545454;display: inline-block;font-size:11px; }


.icon{
	background:url("http://www.sms-bulktool.nl/data/images/skin/default/icons.png") no-repeat left top;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}
.icon:hover{text-decoration:none; }
.contact-item-block .options-row a:hover{text-decoration: none; }

.icon.home,
.icon.sms,
.icon.send-msg,
.icon.edit,
.icon.eye,
.icon.plus,
.icon.eye-w{
	width: 16px;
	height: 16px;
	background-position: 0 0;
}

.icon.eye,
.icon.eye-w{background-position: -140px -20px;height: 10px; }
.icon.eye-w{background-position: -160px -20px; }

.icon.plus{background-position: -120px -40px; }

.icon.contact{
	width: 12px;
	height: 14px;
	background-position: -20px 0;
}

.icon.sms{background-position: -40px 0; }

.icon.search{
	background-position:-120px 0; 
	width: 16px;
	height: 16px;
}

.icon.send-msg{	background-position: 0 -20px; }
.icon.edit{ background-position: -20px -20px; }
.icon.remove,
.icon.remove-w{ width:14px; height: 16px; background-position: -40px -20px; }
.icon.remove-w{background-position: -180px 0; }
.icon.status-ok{ width:20px; height: 17px; background-position: -60px -20px; }
.icon.status-checked{ width:16px; height: 15px; background-position: -120px -20px; }
.icon.status-info{ width:16px; height: 16px; background-position: -80px -20px; }
.icon.add-contact,
.icon.remove-contact{width: 14px; height: 14px;background-position: -80px 0; }
.icon.remove-contact{background-position: -60px -40px; }


.icon.file-plus{width: 14px; height: 16px;background-position: -140px 0; }

.icon.check-num{width: 16px; height: 16px;background-position: -80px -40px; }

.icon.document{width: 12px; height: 16px;background-position: -180px -20px; }

.icon.action{width:16px; height: 16px; background-position: -160px 0; }
.icon.rapport{width:14px; height: 16px; background-position: -60px 0; }

.icon.error-ex{width: 4px;height: 10px;background-position: -160px -40px;margin-top: -3px; }

.main-btn-top:hover,
.main-btn-top:focus,
.main-btn-top:active{color:#FFF; text-decoration: none; }

.main-btn-top{
	background:#2f9ede;
	color:#FFF;
	font-weight: bold;
	padding:10px;
	border:2px solid #FFF;
	border-radius: 4px;
	display: block;
	position: absolute;
	right:-2px;
	top:-3px;
	font-size:13px;
	line-height: 14px;
}
.main-btn-top span{
	display: inline-block; 
	vertical-align: middle;
	margin-left:5px;
}
label{font-size:1rem;font-weight: bold;  }
label.inline.inline-block{display: inline-block; }
a.info-popup{font-weight: bold; }

.beheer-groepen-btn:hover,
.beheer-groepen-btn:active,
.beheer-groepen-btn:focus{text-decoration: none;color:#FFF; }

.beheer-groepen-btn{
	display: block;
	text-align:center; 
	background:#9a9a9a;
	color:#FFF;
	padding:5px 10px;
	border-radius: 4px;
	font-size:11px;
	text-transform: uppercase;
}

.edit-contact-group-wrap{
	margin-top:10px;
}
.edit-contact-group-wrap .group-select-item:hover{
	background:rgba(255,255,255,0.8);
}

.group-select-item{
	line-height: 16px;
	padding:5px 10px;
}
.group-select-item span{display: inline-block;vertical-align: middle;margin-top:-5px; }
.group-select-item input[type="checkbox"]{
	height: auto;
	margin-right: 5px;
}

.succes-block.noTop{margin-top:0px;margin-bottom: 10px; }

.succes-block,
.error-block{
	background:#20c086;
	color:#FFF;
	font-weight: bold;
	padding:10px;
	margin-top:20px;
	position: relative;
}

.error-block.no-top{margin-top:0; }
.error-block{
	background:#c4355a;
}

.succes-block a:hover,
.succes-block a:active,
.succes-block a:focus,
.succes-block a,
.error-block a:hover,
.error-block a:active,
.error-block a:focus,
.error-block a{
	color:#FFF;
	text-decoration: underline;
}



.icon.close-btn-w,
.icon.close-btn-b{
	width: 9px;
	height: 9px;
	position: absolute;
	right:10px;
	top:10px;margin-top:0;
	background-position: -20px -40px;
	cursor: hand;
	cursor: pointer;	
}

.icon.close-btn-w.icon-top{
	top:10px;margin-top:0;
}

.icon.close-btn-b{background-position: -40px -40px;margin-top:0;top:10px; }


.remove-parent{cursor: hand;cursor: pointer; }



/** DIALOG **/

.delete-dialog{
	position: fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	visibility: hidden;
}

.delete-dialog.active{visibility: visible; }

.delete-dialog .dialog-overlay{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#FFF;
	/*opacity: 0.7;*/
	opacity: 0;
	visibility: hidden;

	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
}
.delete-dialog.active .dialog-overlay{
	opacity: 0.7;
	visibility: visible;
}

.delete-dialog .inner-dialog{
	display: block;
	position: absolute;
	left:50%;
	top:32%;
	width: 275px;
	margin-left:-137.5px;
	border:1px solid #2b87bc;
	z-index: 1;
	background:#FFF;
	opacity: 0;

	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
}

.delete-dialog.active .inner-dialog{
	opacity: 1;
	top:25%;
}

.inner-dialog .dialog-titlebar{
	background:#2b87bc;
	color:#FFF;
	font-weight: bold;
	padding:10px;
}
.inner-dialog .icon.close-btn-w{
	top:12px;
	margin-top:0;
}

.inner-dialog .dialog-content span{
	display: block;
	padding-bottom: 20px;
	line-height: 1.6;
	font-size:14px;
	text-align: center;

}

.inner-dialog .dialog-content{
	padding:10px;
	background:url("http://www.sms-bulktool.nl/data/images/skin/default/dialog-bg.png") no-repeat left bottom;
}

.inner-dialog .dialog-content .dialog-buttons{
	text-align: center;
}

.inner-dialog .dialog-content .dialog-buttons .ok{margin-left:5px; }
.inner-dialog .dialog-content .dialog-buttons .cancel{margin-right:5px; }

.button.ok{
	background:#c02055;
	color:#FFF;
}

.button.cancel{
	background:#b2b2b2;
	color:#FFF;
}

/** **/

.button{
	display: inline-block;
	padding:10px 20px;
	font-weight: bold;
}

.no-result-block{
	padding:10px;
	margin-top:10px;
	margin-bottom: 10px;
	text-align: center;
}

.no-result-block .no-result-content{
	font-size:16px;
	font-weight: bold;
	text-align: center;
	margin-bottom:20px;
	display: block;
}

.no-result-block .btn.bg.blue{font-weight: bold; }

.pagination-container{text-align: right; }
.pagination-container select,
.pagination-container span{
	display: inline-block;
	width:auto;
}

.pagination-container select{border-radius: 4px; }


.inlineBlock{display: inline-block; }
.inlineBlock.hidden{display: none; }
.add-contact-bubble{
	position: absolute;
	width: 30px;
	height: 30px;
	background:#3ba3df;
	line-height: 30px;
	text-align: center;
	margin-top:1px;
	margin-left:-40px;
	display: block;
}

.add-contact-bubble:after{
    border-color: rgba(0, 0, 0, 0) #3BA3DF;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    bottom: auto;
    content: "";
    display: block;
    left: auto;
    position: absolute;
    right: -7px;
    top: 11px;
    width: 0;
}
.page-content{
	line-height: 1.6; 
}

.contact-book-block{
	background:#ededed;
	border:1px solid #545454;
	padding:20px;
	margin:10px 0;
	border-radius: 4px;
}

.contact-book-row .group-select-item{margin-bottom: 0; }

.contact-book-block{
	position: absolute;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	z-index: 10;
}
.contact-book-block.active{
	opacity: 1;
	visibility: visible;
}
.contact-book-underlay{
	position: fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:#000;
	opacity: 0;
	visibility: hidden;
}
.contact-book-underlay.active{
	opacity: 0.6;
	visibility: visible;
	z-index: 1;
}

/*.zIndexUp{z-index: 9;position:relative; }*/

.selectize-input input{
	display: inline-block;
	height: auto;
}
.hide-important{display: none !important; }
.selectize-control{margin-bottom: 10px; }

.back-link{
	background:#b0b0b0;
	display: inline-block;
	color:#FFF;
	padding:5px 10px;
}
.back-link:hover{text-decoration: none;color:#FFF; }

.selectize-dropdown-content .number,
.selectize-input.items .number{
	font-size:10px;
	font-weight: 100;
	font-style: italic;
}
.selectize-input.items .number:before,
.selectize-dropdown-content .number:before{content : '<'; }

.selectize-input.items .number:after,
.selectize-dropdown-content .number:after{content : '>'; }

.selectize-dropdown-content span.name{font-weight: bold; }

.selectize-control.multi .selectize-input > div{
	background:#3AA3DF;
	color:#FFF;
	border-radius: 3px;
}

label.invalid{
	color:#df3a3a;
}


.btn.loading .inner-btn-loader{
	position: absolute;
	width:16px;
	height: 16px;
	left:50%;
	top:50%;
	margin-left:-8px;
	margin-top:-8px;
	background:url("http://www.sms-bulktool.nl/data/images/skin/default/blue_loader.gif") no-repeat left top;
	display: block;
}

.btn.large.loading .inner-btn-loader{
	width:32px;
	height: 32px;
	margin-left:-16px;
	margin-top: -16px;
}

.btn.loading .inner-btn{opacity: 0; }

.btn.loading .inner-btn-loader.white-red{
	background:url("http://www.sms-bulktool.nl/data/images/skin/default/white_red_loader.gif") no-repeat left top;
}

.btn.loading .inner-btn-loader.white-green{
	background:url("http://www.sms-bulktool.nl/data/images/skin/default/white_green_loader.gif") no-repeat left top;
}

.btn.loading .inner-btn-loader.green-white{
	background:url("http://www.sms-bulktool.nl/data/images/skin/default/green_white_loader.gif") no-repeat left top;
}

.confirmation-bubble{
	padding: 10px;
	border:1px solid #3AA3DF;
	color:#FFF;
	background:#3AA3DF;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	position: absolute;
	right:-53px;
	bottom:-20px;
	z-index: 1;
	width:255px;
	padding:20px;
	text-align: center;
	font-size:15px;
	border-radius: 5px;
	visibility: hidden;
	opacity: 0;

	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}

.confirmation-bubble.middle{
	right:auto;
	left:50%;
	margin-left:-127px;
}

.confirmation-bubble.active{ 
	opacity: 1;
	visibility: visible;
	bottom: 15px;
}

.confirmation-bubble.check-numbers{right:-22px; }

.confirmation-bubble.msg-bubble{
	width:320px;
	bottom:0;
   	left: 50%;
    margin-left: -170px;
    right: auto;
	font-size:12px;
	padding:10px;
}

.confirmation-bubble.info-bubble,
.confirmation-bubble.hlr-bubble{
	width:200px;
	bottom:0;
   	left: 50%;
    margin-left: -100px;
    right: auto;
	font-size:12px;
	padding:10px;
}

.confirmation-bubble.info-bubble{
	font-weight: bold;
}


.confirmation-bubble.hlr-bubble.rapport-bubble{
	margin-left: -107px;
}

.confirmation-bubble.hlr-bubble.invalid{
	background:#C4355A;
	border:1px solid #C4355A;
}

.confirmation-bubble.msg-bubble .confirmation-content{padding:0; }
.confirmation-bubble.msg-bubble.active{bottom: 25px; }

.confirmation-bubble.msg-bubble.info-bubble.active{bottom: 10px; }

.confirmation-bubble.green-bubble{
	background:#20C086;
	border:1px solid #20C086;
}

.confirmation-bubble.green-bubble .confirmation-button .btn.white.bg{
	color:#20C086;
	font-size:12px;
}

.confirmation-bubble.add-group-bubble{
	right:-10px;
}

.confirmation-bubble.edit-saldo-bubble {
				right:60px;
}

.confirmation-bubble.green-bubble:after{
	border-color: #20C086 rgba(0, 0, 0, 0);
}

.confirmation-bubble:after{
    border-color: #3AA3DF rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -10px;
    content: "";
    display: block;
    left: 117px;
    position: absolute;
    width: 0;
}

.confirmation-bubble.msg-bubble:after{left:150px; }

.confirmation-bubble.hlr-bubble:after{left:95px; }
.confirmation-bubble.info-bubble:after{left:90px; }

.confirmation-bubble.hlr-bubble.invalid:after{
	border-color:#C4355A rgba(0,0,0,0);
}

.confirmation-bubble .icon.close-btn-w{top:10px;margin-top:0; }
.confirmation-bubble .confirmation-content{padding:0 20px;line-height: 1.6; }
.confirmation-bubble .confirmation-button .btn.white.bg{font-size:15px;padding:5px 30px; }
.confirmation-bubble .confirmation-button{margin-top:15px; }

.dialog-open .confirmation-bubble{display: none !important; }

.confirmation-bubble.deleteAll{
	right: auto;
	left:-20px;
	background:#C02055;
	border:1px solid #C02055;
	font-size:12px;
}

.confirmation-bubble.deleteAll:after{
	border-color: #C02055 rgba(0, 0, 0, 0);
}

.confirmation-bubble.deleteAll.smaller .confirmation-content{padding:0 10px; }

.confirmation-bubble.deleteAll.smaller,
.confirmation-bubble.active.deleteAll.smaller{bottom:25px;left:-76px; }

.confirmation-bubble.deleteAll.smaller{bottom: 0; }

.confirmation-bubble.deleteAll.smaller{padding:10px; }

.confirmation-bubble.deleteAll .confirmation-button .btn.white.bg{color:#C02055; }


.msg-counter{background:#545454;display: inline-block;padding:10px;font-weight: bold;color:#FFF; }
.msg-counter.error{
	background:#C4355A; 
}

.msg-counter.error.glow{
	box-shadow:0px 0px 10px #C4355A; 
}

.group-select,
.option-select{
	height: auto;
	max-width:200px;
}

.selectize-input{box-shadow: none !important; }
.selectize-input.invalid{
	background:#FFEFEF;
	border:1px solid #812222;
}

.export-all,
.delete-all{
	font-weight: bold;
	line-height: 19px;
}
.export-all span,
.delete-all span{
	display: inline-block;
	vertical-align: middle;
	margin-left:5px;
}

.export-all:hover,
.delete-all:hover{color:#000;text-decoration: none; }

.icon.msg{width:16px; height: 16px; background-position: -100px -20px; }
.icon.wallet{width:16px; height: 16px; background-position: -100px 0px; }

.errorForm{
	background:#DF3A3A;
	margin:0;
	padding:10px;
	margin-bottom: 10px;
}
.errorForm li{color:#FFF; }

.saldo-btn .saldo-big{
	font-size: 25px;
	font-weight: bold;
	color:#FFF;
	display: block;
	text-align: center;
}

.saldo-btn .saldo-small{
	font-size: 12px;
	color:#FFF;
	text-transform: uppercase;
	text-decoration: underline;
	text-align: center;
	display: block;
	margin-top:5px;
}
.saldo-btn{margin-bottom: 20px; }

.filter-count{
	margin: 10px 0;
	font-weight: bold;
}

.btn.bg.cg-btn{line-height: 30px; }

.rapport-amount{width: 200px; }
.rapport-amount-wrap{
	width: 110px;
	background:#f1f1f1;
	height: 5px;
	display: inline-block;
	margin-right: 10px;
	position: relative;
}
.rapport-amount-slide{
	position: absolute;
	height: 5px;
	left:0;
	width: 0;
	background: #3ba3df;
	transition:all 0.8s ease;
	-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-ms-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
}

.row .row.info-block-row{
	margin-bottom: 10px;
}

.var-item{
	display: block;
	margin-top: 5px;
	word-wrap:break-word;
	cursor: pointer;
	cursor: hand;
}


.txt-preview{
	margin-bottom:20px;
	position: relative;
	padding:20px;
	border:1px solid #E5E5E5;
}
.txt-preview span{word-wrap:break-word; }

.var-wrap{margin-bottom: 20px; }
.var-item{word-wrap:break-word; }

.preview-msg-row{
	font-weight: 14px;
	margin-bottom: 10px !important;
}
.preview-msg-row .columns.val{font-weight: bold; }

.preview-msg-wrapper{max-height: 400px;overflow:hidden;overflow-y: auto;padding:10px;background:#FCFCFC;margin-top:20px;border:1px solid #E5E5E5; }

.preview-msg{
	border:1px solid #E5E5E5;
	background:#fcfcfc;
	position: relative;
}


.msg-preview-count{
	position: absolute;
	padding:3px;
	font-size:10px;
	background:#FFF;
	border-left:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	right: 0;
	top:0;
	border-radius: 5px;
	overflow: hidden;
}

.msg-wrap{
	padding:10px;
	line-height: 1.6;
	font-size:12px;
	overflow: hidden;
	word-wrap:break-word;
}

.msg-info{
	background:#d1d1d1;padding:5px 10px;
}

.preview_loader.loading{
	height: 32px;
	background: url("http://www.sms-bulktool.nl/data/images/skin/default/grey_dark_loader.gif") no-repeat center center;
}
.preview_content{position: relative; }

.grey-block.dashboard-block{
	padding:0 0 20px;
	min-height: 220px;
	margin-bottom: 0;
}

.dashboard-rows-wrap{margin-bottom: 20px; }
.dashboard-rows-wrap .dashboard-info-row{
	padding:10px 0;
	color:#545454;
	font-size:12px;
	margin:0;
}

.dashboard-rows-wrap .dashboard-info-row:nth-child(odd){
	background:#f2f2f2;
}

.dashboard-info-row .green{color:#06c184; }
.dashboard-info-row .red{color:#C02055; }


.grey-block.dashboard-block h3{margin:10px 0; }

.dashboard-button.btn{
	width:186px;
	padding:10px;
	text-align: center;
	position: absolute;
	bottom:-15px;
	left:50%;
	margin-left:-93px;
	display: block;
}
.dashboard-button.btn span{display: inline-block;margin-left:5px; }

.inner-content{
	padding:60px 0;
}

.white-wrap,.grey-wrap{
	/*border-bottom: 2px solid #3AA3DF;*/
}
.grey-wrap{
	background:#f5f5f5;
}
.page-content p{font-size:15px;line-height:1.7;color:#244d65; }
.content-sep-grey{
	width: 100%;
	height: 7px;
	background:url("http://www.sms-bulktool.nl/data/images/skin/default/content_sep.png") left top;
}
.content-sep-grey.bottom{background-position: left bottom; }

.footer{
	background:#545454;
	padding:20px 0;
	color:#FFF;
	font-size:14px;
}
.footer a{color:#FFF;text-decoration: none;font-size:14; }

.footer-push{
    height: auto !important;
    margin-bottom: -54px;
    min-height: 100%;
}
.footer-pull{height: 96px; }


.calculator-wrap{position: relative; }

.calculator-wrap .blue-bg{
	background:#3aa3df;
	color:#FFF;
}

.calculator-wrap .mid-part{margin-top:65px; }
.calculator-wrap .mid-part,
.calculator-wrap .top-part{padding:20px; }
.calculator-wrap .top-part{border-radius: 3px 3px 0 0 }
.calculator-wrap .top-part h1{
	font-weight: bold;
	color:#FFF;
	font-size:24px;
	text-align: center;
}

.calculator-wrap .button-wrap{
	position: absolute;
	left:-10px;
	right:-10px;
	background:#3AA3DF;
	font-size: 0;
	border:1px solid #1f84be;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.calculator-wrap .button-wrap:before,
.calculator-wrap .button-wrap:after{
    border-color: #1f84be rgba(0, 0, 0, 0);
    border-width: 0 10px 10px 0;
    right: 0;
    top: -11px;
    border-style: solid;
    content: "";
    display: block;
    position: absolute;
    width: 0;
}
.calculator-wrap .button-wrap:before{
	border-width: 0 0 10px 10px;
    right: auto;
    left:-1px;
}


.calculator-wrap .button-wrap .calc-button:first-child{
	border-right:1px solid #1f84be;
}
.calculator-wrap .button-wrap .calc-button{
	display: inline-block;
	width: 50%;
	background: url("http://www.sms-bulktool.nl/data/images/skin/default/calc-button-bg.jpg") repeat-x left top;
	height: 65px;
	padding:23px 10px;
	color:#FFF;
	font-size:18px;
	text-align: center;
	font-weight: bold;
}
.calculator-wrap .button-wrap .calc-button:hover,
.calculator-wrap .button-wrap .calc-button.active{
	text-decoration: none;
	background-position: left bottom;
	text-shadow:0px -1px 1px rgba(0,0,0,0.6);
}
.calculator-wrap .button-wrap .calc-button span{display: inline-block;margin-left:10px; }

.calculator-wrap .mid-part label{
	display: inline-block;
	color:#FFF;
	font-size:16px; 
	margin-right:10px;
}

.calculator-wrap .mid-part .amount-input{
	display: inline-block;
	padding:6px;
	color:#3aa3df;
	font-size:16px;
	text-align: center;
	box-shadow: none;
	font-weight: bold;
	width: 95px;
	border-radius: 3px;
	border:1px solid #3aa3df;
	height: auto;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.calculator-wrap .bottom-part{
	border:1px solid #3aa3df;
	border-radius: 0 0 3px 3px;
	background:#fcfcfc; 
}

.col-wrap{
	font-size:0;
	display: table;
	width: 100%;
}

.col-wrap .col-2{display:table-cell;width: 50%;padding:20px;text-align: center;vertical-align: middle; }
.col-wrap .col-2:first-child{ border-right:1px solid #f1f1f1; }
.col-wrap.border-bottom{border-bottom: 1px solid #f1f1f1; }

.calculator-wrap .bottom-part h3.block-title{
	font-size:12px;
	font-weight: 600;
	color:#5b5b5b;
	margin:0;
	padding:0;
	margin-bottom: 10px;
}

.calculator-wrap .bottom-part .block-result{
	font-size: 20px;
	font-weight: bold;
	color:#3aa3df;
}

.calculator-wrap .bottom-part .block-result-big{
	font-size:35px;
	font-weight: bold;
	color: #23bf86;
}


.calculator-wrap .bottom-part .bulk-block{
	display: block;
	background:#23bf86;
	border-radius: 3px;
	font-size:0;
	color:#FFF;
	margin-top: 20px;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
}

.calculator-wrap .bottom-part .bulk-block .bulk-info,
.calculator-wrap .bottom-part .bulk-block .bulk-result{display: inline-block;font-size:14px;font-weight: 600;padding:15px; }
.calculator-wrap .bottom-part .bulk-block .bulk-info{width: 55%; }
.calculator-wrap .bottom-part .bulk-block .bulk-result{width: 45%;text-align: right; }

.calculator-wrap .bottom-part .bulk-block.hidden{
	opacity: 0;
}

.big-button-wrap{text-align:center; }
.big-button-wrap .big-submit-button{
	background: #3aa3df;
	padding:15px 25px;
	font-size:18px;
	font-weight: 600;
	color:#FFF;
	display: inline-block;
	border-radius: 3px;
}

.big-button-wrap .big-submit-button:hover{
	text-decoration: none;
}

.big-button-wrap .big-submit-button span{display: inline-block;margin-left: 10px;vertical-align: middle; }

.bottom-part{position: relative; }

.bottom-part .loader-overlay,
.bottom-part .loader-wrap{
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	visibility: hidden;
}

.bottom-part .loader-overlay,
.bottom-part .loader-icon{
	visibility: hidden;
	opacity: 0;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.bottom-part.loading .loader-overlay{
	opacity: 0.6;
	background:#FFF;
	visibility: visible;
}

.bottom-part .loader-wrap .loader-icon{
	width: 60px;
	height: 60px;
	position: absolute;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left: -25px;
	background:#FFF;
	padding:10px;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	transform:scale(0.5);
	-webkit-transform:scale(0.5);
}

.bottom-part.loading .loader-wrap .loader-icon{
	visibility: visible;
	opacity: 1;
	transform:scale(1);
	-webkit-transform:scale(1);
}

.bottom-part .loader-wrap .loader-icon span{
	display: block;
	width: 40px;
	height: 40px;
	background:url("http://www.sms-bulktool.nl/data/images/skin/default/calc_loader.gif") no-repeat left top;
}

.bottom-part .extra-info{padding:20px;font-size: 10px;color:#c2c2c2;font-weight: 600;text-align: center;display: block; }

.selectize-control.multi .selectize-input > div.calc-item{
	background:#ededed;
	color:#494949;
	font-weight: 600;
	padding: 8px 10px;
	min-width: 27%;
	margin-right:15px; 
}

.selectize-control.multi .selectize-input{
	border:1px solid #3499d2;
	border-radius: 3px;
}

.selectize-control.multi .selectize-input > div.calc-item:last-of-type{margin-right: 10px; }

.selectize-control.multi .selectize-input > div.calc-item span{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: -2px; 
	font-size:14px;
	font-weight: 600;
}

.selectize-control.plugin-remove_button [data-value] .remove{
	font-size: 0;
	border:none;
	background:url("http://www.sms-bulktool.nl/data/images/skin/default/icons.png") no-repeat -140px -40px;
	width: 9px;
	height: 9px;
	padding: 0;
	top:50%;
	margin-top:-4.5px;
	right: 10px;
}

div[data-tab-id]{display: none; }
div.active[data-tab-id]{display:block; }
.validate_wrap{
	/*background:#545454;*/
	border-bottom: 1px solid #3AA3DF;
	margin-bottom: 20px;
}

#validate_email_small_succes,
#validate_succes_banner,
#validate_email_small_error{margin-top:0; }

#validate_email_small_pointer{text-decoration: none;margin-left: 10px;font-size:11px; }

.main-slide{
	width:100%;
	height: 400px;
	overflow: hidden;
}

.main-slide-block{
	width:100%;
	position: relative;
	height: 400px;
	color:#FFF;
	background-size: cover;
	background-position: 50% 50%;
}

.main-slide-block .blanket-overlay{
	background:#3aa3df;
	
	background: -moz-linear-gradient(45deg,  rgba(58,163,223,1) 0%, rgba(58,202,223,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(58,163,223,1)), color-stop(100%,rgba(58,202,223,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(58,163,223,1) 0%,rgba(58,202,223,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(58,163,223,1) 0%,rgba(58,202,223,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(58,163,223,1) 0%,rgba(58,202,223,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(58,163,223,1) 0%,rgba(58,202,223,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa3df', endColorstr='#3acadf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	opacity: 0.5;
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

/*.main-slide:hover .blanket-overlay{
	opacity: 0.8;
}*/

.tab-wrap{
	width: 100%;
	height: 400px;
	padding:40px 20px;
	display: table;
}

.tab-wrap .filler,
.tab-wrap .slide-content{
	display:table-cell;
	width:50%;
	height: 320px;
	vertical-align: middle;
	text-align: right;
	color:#FFF;
}

.tab-wrap .slide-content .page-content,
.tab-wrap .slide-content h1{color:#FFF;text-shadow:0px 1px 2px rgba(0,0,0,0.4);font-weight: 500; }
.tab-wrap .slide-content .page-content p{color:#FFF; font-size:18px;font-weight: 300; }

.slide-content .page-content .btn.border.white:hover{color:#FFF; }
.slide-content .page-content .btn.border.white{
  	background: rgba(255, 255, 255, 0.1);
    font-size: 20px;
    font-weight: 500;
    padding: 10px 20px;
}

.calc-home-wrap{
	position: relative;
	z-index: 2;
	margin-top:-280px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	border:1px solid rgba(255,255,255,0.5);
	border-radius: 3px;
}

.contact-form-wrap{
	position: relative;
	z-index: 2;
	margin-top:-280px;
	padding:20px;
	background:#FFF;
	border-radius: 10px;
	border:2px solid #F4F4F4;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.05);
	min-height: 380px;
}


.main-wrapper{
	position: relative;
	z-index: 1;
	box-shadow: 0 -10px 15px rgba(0, 0, 0, 0.1);
	border-top:5px solid #f4f4f4;
	padding-top:30px;
}

.text-block .page-content p{
	font-size:20px;
	font-weight: 300;
	line-height: 1.8;
}


.client-wrap{
	background:#fefefe;
	padding:20px 0;
	position: relative;
}

.client-slide { margin-top: 20px; }

.client-block-pic { padding:20px; margin-right:20px;  height:140px; background:#FFF; border:1px solid #F4F4F4; text-align:center; line-height: 100px;  }
.client-block-pic img { max-height:100px; }

.client-wrap .flex-control-nav { bottom:-10px; }

.register_footer{
	background:#23BF86;
	padding:30px 0;
	position: relative;
}

.register_footer h1{color:#FFF;font-weight: 500; }
.register_footer .page-content p{color:#FFF;font-weight: 300;font-size:20px; }

.register_footer label{
	font-size:16px;
	color:#FFF;
}

.register_footer input{
	border-radius: 3px;
	border:1px solid #1cad78;
	padding:12px;
	height: auto;
	font-size:16px;
	box-shadow: none;
	margin-top:5px;
}

.register_footer input.invalid{
	border:1px solid #DF3A3A;
	background:#ffeeee;
}
.register_footer input:focus{
	box-shadow: none;
}

.register_footer .btn.border.white{
    background: none;
    font-size: 20px;
    padding: 10px 20px;
}

.register_footer .topChild{
	position: relative;
	z-index: 1;
}

.register_footer .footer-loader{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index: 1;
	background: #23BF86;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.register_footer .footer-loader.loading{
	visibility: visible;
	opacity: 0.6;
}

.total-excl{
	margin-top:10px;
	font-size:12px;
	font-weight: normal;
	color:#23BF86;
}

.ppsms{
	margin-top:10px;
	font-size:12px;
	font-weight: normal;
	color:#3aa3df;
}

.ppsms.t{
	color:#23bf86;
}

.register-page-btn{
	background:url("http://www.sms-bulktool.nl/data/images/skin/default/register-page-btn.png") no-repeat left top;
	width:68px;
	height: 68px;
	display: block;
	position: absolute;
	left:50%;
	margin-left:-34px;
	top:0;
	margin-top:-34px;
	cursor: hand;
	cursor: pointer;
	z-index: 3;

}

.register-page-btn:hover{
	background-position: left bottom;
	cursor:default;
	
}

.contact-footer{
	background:#545454;
	padding:30px;
}

#contactForm .small-block-grid-2 li,
#contactForm .small-block-grid-1 li{
	padding-bottom: 0;
}
#contactForm textarea{margin-bottom: 0; }

.esti-cost{
	width:318px;
	background:#20c086;
	display: inline-block;
	color:#FFF;
	padding:10px;
	border-radius: 4px;
	font-size:15px;
	margin-top:10px;
	margin-bottom:10px;
}

.esti-cost.error{
	background:#c4355a;
}

#error_msg.page-content p{
	font-size:10px;
	color:#C4355A;
	line-height: 1.4;
	font-weight: bold;
}

.confirmation-content span{font-size:10px; font-weight: bold; }

.network-info-row.row{
	margin-bottom: 10px;
	font-size:14px;
}

.network-info-row.error-row.row{
	color:#C4355A;
	font-weight: bold;
	font-size:14px;
	margin-top:20px;
}

.order-status-title{
	font-size:17px;
	padding:0;
	margin:0;
	margin-top:40px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}

label.csv-label{margin-bottom: 0; }

.textwrap{
	word-wrap:break-word;
}

.faq-wrap{
	border:1px solid #23BF86;
	padding:20px;
	border-radius: 10px;
	margin:20px 0;
}

.link-item{margin-bottom: 10px; }

.link-item a{
	font-size:16px;
	/*text-transform: uppercase;*/
	/*font-weight: bold;*/
	color:#6f6f6f;
	text-decoration: none;
	background: url("http://www.sms-bulktool.nl/data/images/skin/default/faq-icon.png") no-repeat left 55%;
	display: block;
	padding-left: 20px;
}

.link-item a:hover{
	color:#6f6f6f;
}

.question-title{
	background: url("http://www.sms-bulktool.nl/data/images/skin/default/faq-icon-big.png") no-repeat left center;
	padding-left:40px;
	display: block;
}

.cta-big{

}

.grey-block input[type="checkbox"].terms-check{margin-top:5px; }


.top-btn-wrap .btn.white{
	margin:5px 10px 0;
}

.error-numbers .btn.white.bg:first-child{margin-left:30px; }
.error-numbers .btn.white.bg{
	color:#C4355A;
	text-decoration: none;
	margin:0 10px;
}

.contact-item-block a.red{
	color:#c4355a;
}


.popup-blanket{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	opacity: .8;
	z-index: 98;
}

.promo-popup{
	position: fixed;
	left: 50%;
	top: 50%;
	width: 500px;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 99;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.promo-popup .promo-popup__title{
	background:#34495e;
	font-weight: bold;
	font-size: 24px;
	color:#FFF;
	padding: 30px;
	border-radius: 10px 10px 0 0;
	text-align: center;
}

.promo-popup .promo-popup__info{
	padding: 30px;
	font-size: 16px;
	color:#34495e;
	background:#FFF;
	text-align: center;
	line-height: 1.4;
	border-bottom: 1px solid #f2f2f2
}

.promo-popup .promo-popup__amount{
	padding: 30px;
	background: #FFF;
	text-align: center;
	border-bottom: 1px solid #f2f2f2
}

.promo-popup .promo-popup__amount label{
	color:#34495e;
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	margin-right: 20px;
}

.promo-popup .promo-popup__amount .popup-amount-input{
	width: 120px;
	display: inline-block;
	border: 2px solid #34495e;
	padding: 10px;
	font-size: 19px;
	font-weight: bold;
	text-align: right;
	margin: 0;
}

.promo-popup .promo-popup__result{
	padding: 30px;
	position: relative;

	
	background: #3ac6df; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #3ac6df 0%, #3aa3df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#3ac6df), color-stop(100%,#3aa3df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #3ac6df 0%,#3aa3df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #3ac6df 0%,#3aa3df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #3ac6df 0%,#3aa3df 100%); /* IE10+ */
	background: linear-gradient(45deg,  #3ac6df 0%,#3aa3df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ac6df', endColorstr='#3aa3df',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	color:#FFF;
	border-radius: 0 0 10px 10px;
	padding-bottom: 40px;

}

.promo-popup .promo-popup__result .promo-popup__result__price{
	font-size: 60px;
	color:#FFF;
	font-weight: bolder;
	text-align: center;
	position: relative;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);
}


.promo-popup .promo-popup__result .promo-popup__result__price span.eur{font-size: .6em;font-weight: normal; }
.promo-popup .promo-popup__result .promo-popup__result__price sup{
  vertical-align: top;
  font-size: .5em;
}

.promo-popup .promo-popup__result .promo-popup__result__price .result-excl-price{
	display: none;
	position: absolute;
	font-size: 12px;
	opacity: .8;
	font-weight: normal;
	margin-top: 40px;
	margin-left: -34px;
	text-align: right;
}

.promo-popup .promo-popup__result .result-incl-price{
	text-align: center;
	font-style: italic;
	opacity: .5;
	margin-top: 10px;
	margin-bottom: 10px;
}

.promo-next-btn{
	border: 4px solid #FFF;
	padding: 15px 40px;
	text-transform: uppercase;
	color:#FFF;
	font-size: 20px;
	font-weight: bold;
	border-radius: 5px;
	display: block;
	position: absolute;
	left: 50%;
	background:#ff8400;
	margin-top: 10px;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.promo-next-btn:active,
.promo-next-btn:focus,
.promo-next-btn:hover{
	text-decoration: none;
	color:#FFF;
}

.promo-popup__close{
	width: 34px;
	height: 34px;
	background: url("http://www.sms-bulktool.nl/data/images/skin/default/promo-popup-close.png") no-repeat center center;
	position: absolute;
	right: -17px;
	top: -17px;
}

.page-content ul { font-size: 1.2rem }
.page-content li {
	list-style: disc;
	margin-bottom:1em;
	color:#244d65;
	
}