/*
 * Project Styles
 * 
 */

/* ==========================================================================
	Base styles and resets
	========================================================================== */
	
	@import url(https://fonts.googleapis.com/css?family=Convergence);


	html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
	html{-webkit-text-size-adjust: none;}
	strong{ font-weight:bold;}
	img{ vertical-align:top;}
	.cl{ clear:both; font-size:0;}

	body.content-page
	{
		background-color: rgb(58, 66, 87);
		position: fixed;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		color: white;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }

	html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	html, button, input, select, textarea { font-family: sans-serif; color: #222; }
	body { margin: 0; font-size: 1em; line-height: 1.4; }

	a { color: #00e; }
	a:hover { color: #06e; }
	a:focus { outline: thin dotted; }
	a:hover, a:active { outline: 0; }
	abbr[title] { border-bottom: 1px dotted; }
	b, strong { font-weight: bold; }
	blockquote { margin: 1em 40px; }
	dfn { font-style: italic; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
	ins { background: #ff9; color: #000; text-decoration: none; }
	mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
	pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

	q { quotes: none; }
	q:before, q:after { content: ""; content: none; }
	small { font-size: 85%; }
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

	ul, ol { margin: 0; padding: 0; }
	li { list-style:none; margin:0; padding:0; }
	dd { margin: 0 0 0 40px; }
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
	svg:not(:root) { overflow: hidden; }
	figure { margin: 0; }

	form { margin: 0; }
	fieldset { border: 0; margin: 0; padding: 0; }

	label { cursor: pointer; }
	legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
	button, input { line-height: normal; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
	input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
	button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
	textarea { overflow: auto; vertical-align: top; resize: vertical; }
	input:valid, textarea:valid {  }
	input:invalid, textarea:invalid { background-color: #f0dddd; }

	table { border-collapse: collapse; border-spacing: 0; }
	td { vertical-align: top; }

	.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }


/* ==========================================================================
	General styles
	========================================================================== */
	html { background:#fafafa; }
	body { font-family:Arial; color:#636363; background:#fafafa;  font-size:12px;}

	.wrapper { width:980px; margin:0 auto; position:relative; }
	.wrapper:before, .wrapper:after { content: ""; display: table; }
	.wrapper:after { clear: both; }
	.wrapper { *zoom: 1; }

	a { text-decoration:none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; color:#5ccdde;
		outline:none!important; }
		a:hover { color:#636363;}

		input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */
			color:    #834e2e;
			opacity:1;
		}
		input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
			color:    #834e2e;
			opacity:1;
		}
		input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
			color:    #834e2e;
			opacity:1;
		}
		input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
			color:    #834e2e;
			opacity:1;
		}

		a.ui-slider-handle {-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

		* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


		#header{ height:80px; position:fixed; top:0px; left:0px; background:#efefef; width:100%; padding-left:90px;  padding-right:50px;z-index: 4;}
		body.content-page #header { background: none; }


		.new-campaign-btn a {background:#5ccdde; width:185px; height:80px; float:left; text-align:center; font-size:14px; line-height:80px; color:#fff; cursor:pointer; position:relative;}
		.new-campaign-btn a:hover {background-color:#4cb3c4;}
		.new-campaign-btn a:hover:after {  content: " ";width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 10px solid #4cb3c4;position:absolute;left:50%;margin-left:-10px; bottom:-10px;}

		.top-search { padding-left:50px; display:block; float:left; padding-top:20px;}
		.top-search input {border:none; background:url(../img/icons/icon-search.png) right center no-repeat #fafafa; -webkit-border-radius: 7px; border-radius: 7px; width:225px; height:42px; border-right:10px solid #fafafa; padding-left:10px;}

		.profile-cont {float:right; font-size:13px; line-height:39px; color:#636363; padding-top:20px; margin-left:55px;}
		.profile-avatar {-webkit-border-radius: 50%; border-radius: 50%; width:39px; height:39px; overflow:hidden; float:right; margin-left:18px;}

		.credits-cont {float:right; font-size:13px; line-height:39px; color:#636363; padding-top:20px;}
		.add-credits-btn {-webkit-border-radius: 50%; border-radius: 50%; width:28px; height:28px; overflow:hidden; float:right; margin-left:18px; background:url(../img/icons/icon-plus.png) no-repeat center center #5ccdde; cursor:pointer; margin-top:4px}
		.add-credits-btn:hover {background-color:#4cb3c4;}
		.credits-cont span{color:#b1b1b1;}

		#nav{ height:100%; width:90px; position:fixed; top:0px; left:0px; background:#2d2d2d; z-index:5;}

		#logo{ display:block;  background:no-repeat center center #e16053; overflow:hidden; width:90px; height:80px;}
		#logo img { width:80px; height:80px; margin-left:5px; border:solid 5px #e16053; border-radius:50px; background:#5ccdde }

		.nav{ list-style:none; height:100%; background:#2d2d2d; z-index:6; }
		.nav li{ list-style:none; display:block; }
		.nav > li > a{ display:block; font-size:12px; line-height:12px; color:#717171; width:90px; height:90px; padding-top:68px; text-align:center; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; position:relative;}
		.nav > li.on > a,
		.nav > li > a:hover, 
		.nav > li > a.active { color:#5ccdde; }			
		
		.submenu:hover,
		.nav > li > a:hover + .submenu { left:90px; }

		.nav > li.on > a:after,
		.nav > li > a:hover:after {width: 0; height: 0; content: " ";position:absolute;top:50%;margin-top:-5px; right:-10px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #2d2d2d;z-index:10;}

		.dash-btn > a {background:url(../img/icons/icon-dashboard.png) no-repeat center center;}
		.dash-btn.on > a, .dash-btn > a:hover, .dash-btn > a.active{background:url(../img/icons/icon-dashboard-on.png) no-repeat center center;}

		.campaigns-btn > a {background:url(../img/icons/icon-campaigns.png) no-repeat center 25px;}
		.campaigns-btn.on > a, .campaigns-btn > a:hover, .campaigns-btn > a.active {background:url(../img/icons/icon-campaigns-on.png) no-repeat center 25px;}

		.mailing-btn > a {background:url(../img/icons/icon-mailing.png) no-repeat center 22px;}
		.mailing-btn.on > a, .mailing-btn > a:hover, .mailing-btn > a.active{background:url(../img/icons/icon-mailing-on.png) no-repeat center 22px;}

		.automations-btn > a {background:url(../img/icons/icon-timer.png) no-repeat center 22px;}
		.automations-btn.on > a, .automations-btn > a:hover, .automations-btn > a.active{background:url(../img/icons/icon-timer-on.png) no-repeat center 22px;}

		.reports-btn > a {background:url(../img/icons/icon-reports.png) no-repeat center 25px;}
		.reports-btn.on > a, .reports-btn > a:hover, .reports-btn > a.active{background:url(../img/icons/icon-reports-on.png) no-repeat center 25px;}

		.billing-btn > a {background:url(../img/icons/icon-billing.png) no-repeat center 22px;}
		.billing-btn.on > a, .billing-btn > a:hover, .billing-btn > a.active{background:url(../img/icons/icon-billing-on.png) no-repeat center 22px;}

		.clients-btn > a {background:url(../img/icons/icon-clients.png) no-repeat center 22px;}
		.clients-btn.on > a, .clients-btn > a:hover, .clients-btn > a.active{background:url(../img/icons/icon-clients-on.png) no-repeat center 22px;}

		.settings-btn > a {background:url(../img/icons/icon-settings.png) no-repeat center 25px;}
		.settings-btn.on > a, .settings-btn > a:hover, .settings-btn > a.active{background:url(../img/icons/icon-settings-on.png) no-repeat center 25px;}


		#main-content.menu-opened { margin-left: 175px; }
		.submenu { position:fixed; background:#efefef;  z-index:0;  left:-185px; top:80px; bottom: 0px; display:block;  width:185px; overflow:hidden;  }

	.nav > li > .submenu { z-index: -1; /*width:185px; */ }
	.submenu li {list-style:none; display:block; position:relative }
	.submenu li a{ display:block; font-size:12px; display: table-cell; vertical-align: middle;color:#636363; width:185px; height:65px;  padding:0 34px; font-size: 14px;}
	.submenu li a.icon.edit { display:none }
	.submenu li:hover a.icon.edit { position: absolute; right:0; top:26px; padding-right:0; display:inline-block }
	.submenu li a.icon.edit:hover { background-position:bottom left; }	
	
	.submenu li.on a, .submenu li a.name:hover { background:#fafafa; }
	.submenu .bottom { padding: 20px 10px; text-align: center; }

	#main-content {padding-top:80px; padding-left:90px; }
	#main-content.submenu-open {padding-left:275px; }


	#footer{ height:80px; background:#efefef; width:100%; padding-left:53px;  padding-top:33px; padding-right:50px; color:#5ccdde; font-size:12px; line-height:12px;z-index:5; position:relative; border-left:90px solid #2d2d2d;}
	.bottom-nav{ list-style:none; float:right;}
	.bottom-nav li{ list-style:none; display:inline-block; height:15px; padding-right:20px; margin-right:20px; border-right:1px solid #dedede;}
	.bottom-nav li.last { padding-right:0px; margin-right:0px; border-right:0px solid #dedede;}
	.bottom-nav > li > a{ font-size:12px; line-height:15px; color:#5ccdde;  }
	.bottom-nav > li.on > a,
	.bottom-nav > li > a:hover{ color:#5ccdde; }			


/* ==========================================================================
	Settings Inner Pages
	========================================================================== */
	.section-title {font-family: 'Convergence', sans-serif; font-size:28px; line-height:35px; color:#3a4257; padding-bottom:40px;}
	p.tp {font-size:12px; line-height:16px;  padding-bottom:20px;}
	p.pd  {padding-bottom:40px;}
	.new-form {}	
	.new-form .field:before, .new-form .field:after { content: ""; display: table; }
	.new-form .field:after { clear: both; }
	.new-form .field { *zoom: 1; margin-bottom:24px; max-width:465px;}	
	.new-form .field label {float:left; width:30%; font-size:12px; line-height:40px; color:#636363;}
	.new-form .field input[type=text], .new-form .field input[type=email], .new-form .field input[type=password] {float:right; width:70%; -webkit-border-radius: 6px; border-radius: 6px; border:0; background:#efefef; height:40px; padding:0px 23px;  font-size:12px; line-height:12px; color:#636363;}
	.field-left {float:left; width:30%;}
	.field-right {float:right; width:70%;}

	.new-form .field input[type=text]:focus, .new-form .field input[type=email]:focus, .new-form .field input[type=password]:focus { 
		outline: none;
		border-color: #5dcdde;
		-webkit-box-shadow: 0 0 0 3px #5dcdde;
		box-shadow: 0 0 0 3px #5dcdde;
	}

	.form-button {border:0px; -webkit-border-radius: 6px; border-radius: 6px; width:160px; height:40px; font-size:15px; line-height:15px; }
	.form-button.large {width:220px;}
	.form-button.blue {background-color:#5ccdde; color:#ebfbfb;}
	.form-button.sticky {position:absolute; top:50px; right:50px;}

	.fileUpload {position: relative;overflow: hidden;text-align:center;font-size:15px; line-height:15px;padding:12px 0px;}
	.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;	padding: 0;font-size: 20px;	cursor: pointer;opacity: 0;	filter: alpha(opacity=0);}

	.field .profile-avatar {margin-left: 0; float:none;}

	.submit-field {padding-top:20px;}

	.form-table {}
	.form-table table{width:100%;}
	.form-table table th {background-color:#efefef; padding:10px 0px; color:#aaaaaa;}
	.form-table table tr th:first-child {padding-left:15px;}
	.form-table a {color:#6b6b6b;}
	.form-table table td {padding:25px 0px; border-bottom:1px solid #efefef; vertical-align:middle;}

	.form-table input[type=checkbox]{ display: none; } 
	.form-table input[type=checkbox] + label { background-color:#efefef;height:20px;line-height:20px;cursor:pointer; -webkit-border-radius: 6px; border-radius: 6px; width:18px; height:18px; overflow:hidden; display:inline-block;}	
	.form-table input[type=checkbox]:checked + label {background-image:url(../img/icons/icon-tick.png); background-position:center center; background-repeat:no-repeat;}
	.icon { -webkit-transition:none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
	.icon.edit {display:inline-block; width:18px; height:17px; overflow:hidden; background:url(../img/icons/icon-edit.png) top left no-repeat;}
	.icon.edit:hover {background-position:bottom left;}	
	.icon.remove {display:inline-block; width:18px; height:18px; overflow:hidden; background:url(../img/icons/icon-remove.png) top left no-repeat;}
	.icon.remove:hover {background-position:bottom left;}    

	.ta-center {text-align:center;}

	#loading-bar,
	#loading-bar-spinner {
		pointer-events: none;
		-webkit-pointer-events: none;
		-webkit-transition: 0.5s linear all;
		-moz-transition: 0.5s linear all;
		-o-transition: 0.5s linear all;
		transition: 0.5s linear all;
	}

	#loading-bar .bar {
		-webkit-transition: width 350ms;
		-moz-transition: width 350ms;
		-o-transition: width 350ms;
		transition: width 350ms;

		background: #e16053;
		position: fixed;
		z-index: 2000;
		top: 0;
		left: 0;
		height: 5px;
	}

	.message {position:absolute; top:-100px; left:0px; width:100%; height:100%; z-index:10; text-align:center;color:#fff; padding-top:27px;}
	.message.on { top: 0px; }
	.message span {display:inline-block; line-height:25px;}
	.message.success {background-color:#accc14;}	
	.message.success span {background:url(../img/icons/icon-success.png) left center no-repeat; padding-left: 30px;}

	.message.error {background-color:#e16053;}	
	.message.error span {background:url(../img/icons/icon-error.png) left center no-repeat; padding-left: 30px;}

	.message.info {background-color:#5CCDDE;}	
	.message.info span {background:url(../img/icons/icon-info.png) left center no-repeat; padding-left: 30px;}

	.message.warning {background-color:#2d2d2d;}	
	.message.warning span {background:url(../img/icons/icon-error.png) left center no-repeat; padding-left: 30px;}

	.message.confirm { background-color:rgb(45, 45, 45); }

	.message.browse-as-client{background: #f2c14a; z-index:400}

	.message-close {display:block; float:right; width:21px; height:21px; overflow:hidden; text-indent:100%; background:url(../img/icons/icon-close.png) 0 0 no-repeat; margin-right:50px;}
	.message-button.message-close {float:none; overflow:hidden; display: inline; margin-right:inherit;}
	.message-button { margin-left:20px;}

	/* Media Queries*/

	@media only screen and (max-width : 980px) {
		#header {padding-right:25px;}
		.top-search {padding-left:25px;}
		.profile-cont{margin-left:20px;}
		.add-credits-btn , .profile-avatar {margin-left:9px;}
		.top-search input {width:180px;}

		#footer{ text-align:center; padding-top:23px;}
		.bottom-nav {float:none; text-align:left; padding-top:15px;}

	}
	@media only screen and (max-width : 800px) {
		.top-search input {width:130px;}
	}

	@media only screen and (max-height : 780px) {
		#footer{display:none;}	
		.nav > li > a { height: 72px; }
	}

	@media only screen and (max-width : 720px) {
		#header{ height:auto; position:relative; top:auto; left:auto; background:#efefef; width:100%; padding-left:0px;  padding-right:0px;}
		.new-campaign-btn { width:100%; height:80px; float:none;  }
		.top-search { padding:20px 25px; display:block; float:none;}
		.top-search input {width:100%; display:block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
		.credits-cont {float:left;  padding-top:0px; padding-left:25px;  padding-bottom:25px;}
		.profile-cont {float:right; padding-top:0px; margin-left:0px; padding-right:25px; padding-bottom:25px;}

		#nav{ height:auto; width:100%; position:relative; top:auto; left:auto; background:#2d2d2d; z-index:5; position:relative!important; }
		#logo{ width:100%; }
		.nav > li {width: 33.33333333333333%;  float: left; position:static !important;}
		.nav > li > a{ width:100%; position:static !important; }
		.nav > li.on > a:after,
		.nav > li > a:hover:after {width: 0; height: 0; content: " ";position:absolute;z-index:10; border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 10px solid #2d2d2d;position:absolute;left:50%;margin-left:-10px; top:95px; display:none;}
		.submenu {position:absolute; left:0px; top:180px; background:#efefef;  z-index:3;  width:100%!important; display:none;}
		.submenu li a{  width:100%; height:90px; position:relative }

		#main-content {padding:0px!important; }
		#main-content.submenu-open {padding:0px;}

		#footer{ height:auto; background:#efefef; width:100%; padding:25px; color:#5ccdde; font-size:12px; line-height:12px;z-index:5; position:relative; border-left:0px solid #2d2d2d; text-align:center;}
		.bottom-nav {float:none; text-align:left; padding-top:15px;}

	}

	.message { transition: all 0.2s ease-in; }
	.submenu { transition: all 0.2s ease-in; }
	#main-content.menu-opened { transition: all 0.2s ease-in; }

	.message{
		z-index: 500;
	}
	.credit_progress{
        min-width:147px;
		height: 8px;
		background: #e2e2e2;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		position: relative;
        display:block !important;
	}

	.credit_progress .bar {
		position: absolute;
		left: 0;
		top: 0;
		height: 8px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.credit_progress .bar.yellow{
		background: #f0b44b;
		z-index: 51;
	}
	.credit_progress .bar.red{
		background: #e16053;
		z-index: 50;
	}

	.credit_progress .bar.gray{
		background: #636363;
		z-index: 40;
	}

	.credit_wrapper{
		float: left;
		text-align: right;
		border-right: 2px solid #e2e2e2;
		padding-right: 20px;
		height: 41px;
		line-height: 27px;
	}
	.add-credits-btn{
		float: right;
		margin-top: 7px;
	}
	.credits-cont{
		padding-top: 20px;
	}
	.credit_ammount{
		color: #c2c2c2;
	}
	.credit_ammount div{
		display: inline-block;
		color: #636363;
	}
	.credit_ammount div span.blue{
		color: #4bbecf;
	}
	.credit_ammount div span.red{
		color: #e16053;
	}
	.credit_ammount div span.yellow{
		color: #f0b44b;
	}
	.client_profile{
		display: block;
		float: left;
		line-height: 23px;
		border-right: 2px solid #e2e2e2;
		padding-right: 10px;
		height: 41px;
		width: 140px;
	}
	.dropdown-btn{
		-webkit-border-radius: 50%; 
		border-radius: 50%; 
		width:28px; 
		height:28px; 
		overflow:hidden; 
		float:right;
		margin-left:18px; 
		background:url(../images/icon-arrow-down.png) no-repeat center center #5ccdde; 
		cursor:pointer; 
		margin-top:4px;
		float: right;
		margin-top: 7px;
	}
	.client_profile span{
		color: #c2c2c2;
	}
	.client_profile p{
		color: #636363;
	}
	.client_dropdown{
		position: absolute;
		right: 30px;
		top: 0;
		width: 226px;
		background: #f9f9f9;
		-moz-box-shadow: 0 0 13px rgba(0,0,0,.15);
		-webkit-box-shadow: 0 0 13px rgba(0,0,0,.15);
		box-shadow: 0 0 13px rgba(0,0,0,.15);
		display: none;
	}
	.client_dropdown .profile-cont{
		margin: 0;
		padding: 0;
		float: none;
		padding: 20px;
		overflow: hidden;
	}
	.dropdown-search{
		background: #efefef;
		padding: 15px 20px 17px
	}
	.dropdown-search input {
		border:none; 
		background:url(../images/icon-search.png) right center no-repeat #fafafa; 
		-webkit-border-radius: 7px; 
		border-radius: 7px; 
		width:100%; 
		height:42px; 
		border-right:10px solid #fafafa; 
		padding-left:10px;
	}
	.clients{
		padding: 0 20px 0px;
		height: 195px;
		overflow: scroll;
	}
	.client .credit_wrapper{
		border: none;
		text-align: left;
	}
	.client{
		border-bottom: 1px solid #e2e2e2;
		overflow: hidden;
		padding: 15px 0;
	}
	.add_client{
		height: 72px;
		line-height: 72px;
		color: #fff;
		background: #5ccdde;
		text-decoration: none;
		text-align: center;
		display: block;
		font-size: 14px;
	}
	.client .edit{
		width: 18px;
		height: 17px;
		background: url(../images/icon-edit.png) no-repeat left top;
		display: block;
		float: right;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		margin-top: 5px;
	}
	.client .edit:hover{
		background-position: left bottom;
	}
	.client  span{
		font-size: 14px;
		color: #636363;
	}
	.client .credit_ammount span, .client .credit_ammount div{
		color: #c2c2c2;
		font-size: 12px;
	}
	@media only screen and (max-height : 780px) {
		.client_dropdown{
			right: 30px;
		}
	}
	@media only screen and (max-width : 720px) {
		.client_dropdown{
			right: 5px;
			top: 142px;
		}
	}

	#modal{
		display: none;
		width: 640px;
	}
	#modal h3{
		height: 100px;
		line-height: 110px;
		padding-left: 50px;
		font-family: 'Convergence', sans-serif;
		font-size: 28px;
		color: #3a4257;
	}
	#modal img{
		width: 100%;
	}
	#modal .modal_content{
		padding: 30px 50px 47px;
		color: #6b6b6b;
		font-size: 14px;
		line-height: 20px;

	}
	#modal .modal_submit{
		width: 122px;
		height: 40px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #5bcddd;
		margin: 30px 15px 0 0;
		display: inline-block;
		font-size: 15px;
		color: #fff;
		text-decoration: none;
		text-align: center;
		line-height: 40px;
	}
	#modal .modal_cancel{
		width: 122px;
		height: 40px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #d2d2d2;
		margin: 30px 15px 0 0;
		display: inline-block;
		font-size: 15px;
		color: #fff;
		text-decoration: none;
		text-align: center;
		line-height: 40px;
	}
	.fancybox-overlay{
		background: rgba(0, 0, 0, 0.75) !important;
	}
	.fancybox-close{
		background: url(../images/modal_close.png) no-repeat center center !important;
		top: 35px !important;
		right: 0 !important;
		width: 63px !important;
		height: 40px !important;
	}