@charset "utf-8";
/* CSS Document */

/******************************************/
/*	-> 	author: Razvan Radu               */
/*  -> 	e-mail: razvan.radu@xstudios.ro   */
/* 	->  website: www.xstudios.ro          */
/******************************************/


.header								{ background:#000; width:100%; display:block; height:40px; z-index:5; text-align:center; }
.header a:hover						{ background-color:#222!important; }

.sidebarTrigger 					{ background: url("/img/xtnd_sprite.png") no-repeat scroll 4px 4px rgba(0, 0, 0, 0); color: #fff; height: 30px; padding-top: 0; position: absolute; right: -30px; text-align: center; top: 40px; width: 30px; z-index: 4; }
.xtnd.icon.settings					{ background: url("/img/xtnd_sprite.png") no-repeat -23px 6px; height:40px; width:36px; position:absolute; top:0; right:0; z-index:5; }	

.top.menu							{ text-align:center; }

.logo			{ display:block; float:left; height:30px; line-height:40px; padding:5px 10px; z-index:5; }
.logo img		{ line-height:40px; }
.installedApps	{ display:none; }
@media screen and (max-width: 800px) {
	.logo							{ display:inline-block; height:30px; line-height:40px; padding:5px 10px; z-index:5; float:none; }
    .xtnd.top.menu					{ display:none; box-shadow:1px 3px 5px #000; position:absolute; top:40px; left:0px; width:0px; display:block; overflow-y:scroll; background:#222; }
	.xtnd.top.menu li				{ display:block; text-align:left; padding:0px; width:auto; margin:0 10px; border-bottom:solid 1px #333; }
	.xtnd.top.menu li:first-child	{ margin-top:10px; border-top:1px solid #333; }
	.xtnd.top.menu li:last-child	{ margin-bottom:10px; }
	.xtnd.top.menu li a				{ font:normal 13px arial; color:#939393; padding:5px 10px; line-height:26px; display:block; white-space:nowrap; }
    .xtnd.top.menu li a:hover		{ background:#151515!important; color:#fff; }
	a.xtnd.icon.profiles 			{ display:none; }
	.xtnd.menu.trigger				{ background: url(/img/xtnd_sprite.png) no-repeat 6px 8px; color: #fff; display:block; height:40px; padding-top:0; position:absolute; text-align:center; width:36px; z-index: 5; }
	.xtnd-Overview					{ display:none; }
	.installedApps					{ border-bottom:1px solid #333; color:#2aabf3; display:block; font:bold 18px arial; margin:5px 10px; padding:5px 0; text-align:center; width:140px; z-index:5; }
	.xtnd.top.menu					{ width:0; position:fixed; height:100%; }
	.mod.search .label.small		{ display:none; }
	.DarkTheme .FastSearchBox .SearchInput { border: medium none; padding: 5px 10px!important; text-indent: 0!important; width: 80%!important; }
	.DarkTheme .mod.search 			{ height: 40px; margin: 10px auto 5px!important; padding: 0!important; }
}

@media screen and (min-width: 801px){
	.xtnd.top.menu					{ position:absolute; width:100%!important; height:40px!important; display:inline-block; z-index:4; left:0; }
    a.xtnd.icon.profiles span.label	{ display:block; }
	.xtnd.icon.menu					{ display:none;}
    
	.xtnd.top.menu li				{ display:inline-block; text-align:center; padding:0px; }
	.xtnd.top.menu li a				{ font:bold 18px Calibri,arial; color:#fff; padding:0px 10px; line-height:40px; display:block; }
	.xtnd.top.menu li a span		{ display:none!important; }
}

@media screen and (min-width:801px) and (max-width:1024px){
    a.xtnd.icon.profiles		{ top:50px; right:10px; }
    .xtnd-Overview				{ display:none; }
	
    a.xtnd.icon.profiles 				{ position:absolute; right:10px; width:auto; height:20px; padding:0 10px; z-index:5; }
	a.xtnd.icon.profiles span			{ float:left; }
	a.xtnd.icon.profiles span.label		{ font:bold 10px/20px arial; color:#fff; }
	a.xtnd.icon.profiles span.arrow		{ background: url(/img/xtnd_sprite.png) no-repeat -56px -3px!important; height:20px; width:19px!important; padding:0; display:block; }
	.xtnd .content						{ margin-top:40px; }
}

@media screen and (min-width:1025px){
	a.xtnd.icon.profiles 				{ position:absolute; right:40px; width:auto; height:40px; padding:0 10px; z-index:5; }
	a.xtnd.icon.profiles span			{ float:left; }
	a.xtnd.icon.profiles span.label		{ font:bold 10px/40px arial; color:#fff; }
	a.xtnd.icon.profiles span.arrow		{ background: url(/img/xtnd_sprite.png) no-repeat -55px 9px!important; height:40px; width:19px!important; padding:0; display:block; }
}


.panel										{ background-color:#222; box-shadow:0 5px 5px #000; height:100%; position:absolute; width:0; overflow-y:auto; top:40px; z-index:5; }
.panel.right 								{ right:0; }
.panel.left 								{ left:0; }
.panel.right .innerContent,
.panel.left .innerContent 					{ height:100%; overflow:hidden; width:0; background:#222; z-index:5; }
.panel.left .innerContent div:first-child 	{ margin-top:40px; }
.panel.left .sidebarPage 					{ border-bottom:1px solid #b41d8d; display: block; width: 250px; }

.panel.left .innerContent.visible 			{ overflow-y:scroll; }

.panel.right li				{ display:block; text-align:left; padding:0px; width:auto; border-bottom:solid 1px #333; margin:0 10px; }
.panel.right li:first-child	{ margin-top:10px; }
.panel.right li a			{ font:normal 13px arial; color:#939393; padding:5px 10px; line-height:26px; display:block; white-space:nowrap; }
.panel.right li a:hover		{ background:#151515!important; color:#fff; }

.xst-mod-search				{ padding:15px 0;}
.xst-mod-search select		{ width:200px!important; }
.xst-mod-search fieldset	{ float:left; }
.xst-mod-search .Field-Box	{ width:100%; }
.xst-mod-search label		{ width:90px; text-align:right; }


.RedGrdBg		{
	background: #b10000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzliMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzYzMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #b10000 0%, #9b0000 49%, #630000 51%, #a20000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b10000), color-stop(49%,#9b0000), color-stop(51%,#630000), color-stop(100%,#a20000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b10000 0%,#9b0000 49%,#630000 51%,#a20000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b10000 0%,#9b0000 49%,#630000 51%,#a20000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b10000 0%,#9b0000 49%,#630000 51%,#a20000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b10000 0%,#9b0000 49%,#630000 51%,#a20000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b10000', endColorstr='#a20000',GradientType=0 ); /* IE6-8 */
}

.ui-draggable-dragging		{ opacity:0.6; }
.xtndSearchInputFocus,
.ui-draggable-dragging,
.ui-draggable-dragging .xtndFolderControls	{ -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000; }


#ClientListWrapper ul li	{ padding:0; border-bottom:solid 1px #343434; list-style:circle; white-space:nowrap; }
#ClientListWrapper ul li a	{ font:normal 13px arial; padding:10px; color:#545454; display:block; }
#ClientListWrapper ul li a:hover	{ background:#151515; }
.xtndFolder					{ min-height:310px!important; min-width:390px!important;}
.xtndSmallSearchInput		{ min-width:150px; max-width:290px; width:290px; border:solid 1px #bbdbfa; background:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -ms-border-radius:3px; padding:3px; display:block; margin:0; font:normal 13px/17px arial; }
.xtndSmallSearchInput:focus	{ -moz-box-shadow: 0 0 15px #b3eaff; -webkit-box-shadow: 0 0 15px #b3eaff; box-shadow: 0 0 15px #b3eaff; }
.xtndClientDetailsWrapper	{ font:normal 18px arial; color:#000; }
.xtndFieldBox				{ display:block; position:relative; min-height:29px!important; height:auto!important; height:29px; clear:both; width:auto; padding:0px; margin:6px; border-bottom:dotted 1px #ebebeb; }

body.FrontEnd-Body.LightTheme	 { background:url(/img/body_bg.jpg) repeat top center #fff; }

.LightTheme .xtndSmallSearchInput.EditField		{ border-color:#fff; margin:0; min-height:15px!important; height:auto!important; height:15px; }
.LightTheme .xtndLoadingData					{ text-align:center; font:normal 12px/40px arial; margin-top:100px; }
.LightTheme .xtndFolder				{ background:#fff; border:solid 1px #ebebeb; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -webkit-border-radius:4px; padding:5px; position:fixed; top:100px; left:10px; z-index:99; }
.LightTheme .xtndFolderControls		{ background:#ebebeb; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; height: 28px; position: absolute; right: -3px; top: -28px; width: 60px; }
.LightTheme .xtndFolderControlsLine	{ background:#fff; border-right: 3px solid #ebebeb; display: block; float: right; height: 17px; margin:0; position: relative; width: 84px; }
.LightTheme #ClientDetailsWrapper 	{ }
.LightTheme .xtndInnerContent		{ overflow:hidden; }
.LightTheme .xtnd-StartPage			{ position:relative; }
.LightTheme .xtndInnerCtrls			{ height:20px; padding:4px 8px; position:relative; display:block; margin:0; }
.LightTheme .xtndCloseCtrl			{ color: #fff; display: block; float: left; font: normal 18px/7px arial; height: 10px; margin: 5px 2px; text-align: center; width: 10px; }
.LightTheme .xtndMinimizeCtrl		{ border-top: 2px solid #ebebeb; border-right: 2px solid #ebebeb; border-bottom: 2px solid #fff; border-left: 2px solid #ebebeb; color: #fff; display: block; float: left; font: bold 17px/17px arial; height: 6px; margin: 5px 2px; text-align: center; width: 6px; border-radius:3px; -moz-border-radius:3px; -ms-border-radius: 3px; -webkit-border-radius: 3px;}
.LightTheme .xtndMaximizeCtrl		{ border: 2px solid #fff; color: #fff; display: block; float: left; font: bold 17px/17px arial; height: 6px; margin: 5px 2px; text-align: center; width: 6px; }
.LightTheme .xtndOptionsCtrl		{ color: #fff; display: block; float: left; font: bold 17px/17px arial; height: 20px; margin: 0 2px; text-align: center; width: 20px; }

body.FrontEnd-Body.DarkTheme	 	{ background:url(/img/black_lines.png) repeat top center #000 fixed; }

.DarkTheme .xtndSmallSearchInput.EditField		{ border-color:#fff; margin:0; }
.DarkTheme .xtndLoadingData						{ text-align:center; font:normal 12px/40px arial; margin-top:100px; }
.DarkTheme .xtndFolder				{ background:#fff; border:solid 1px #2aabf3; border-radius:4px 0px 4px 4px; -moz-border-radius:4px 0px 4px 4px; -ms-border-radius:4px 0px 4px 4px; -webkit-border-radius:4px 0px 4px 4px; padding:5px; position:fixed; top:100px; left:10px; z-index:99; }
.DarkTheme .xtndFolderControls		{ background:#2aabf3; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; height: 28px; position: absolute; right: -3px; top: -31px; width: 60px; }
.DarkTheme .xtndFolderControlsLine	{ background:#fff; border-right: 3px solid #00499b; display: block; float: right; height: 17px; margin:0; position: relative; width: 84px; }
.DarkTheme #ClientDetailsWrapper 	{ }
.DarkTheme .xtnd-StartPage			{ position:relative; }
.DarkTheme .xtndInnerCtrls			{ height:22px; padding:0 8px 4px; position:relative; display:block; margin:5px 0 0; background:#2aabf3; }
.DarkTheme .xtndCloseCtrl			{ color: #fff; display: block; float: left; font: normal 18px/7px arial; height: 10px; margin: 5px 2px; text-align: center; width: 10px; }
.DarkTheme .xtndMinimizeCtrl		{ border-top: 2px solid #2aabf3; border-right: 2px solid #2aabf3; border-bottom: 2px solid #fff; border-left: 2px solid #2aabf3; color: #fff; display: block; float: left; font: bold 17px/17px arial; height: 6px; margin: 5px 2px; text-align: center; width: 6px; border-radius:3px; -moz-border-radius:3px; -ms-border-radius: 3px; -webkit-border-radius: 3px;}
.DarkTheme .xtndMaximizeCtrl		{ border: 2px solid #fff; color: #fff; display: block; float: left; font: bold 17px/17px arial; height: 6px; margin: 5px 2px; text-align: center; width: 6px; }
.DarkTheme .xtndOptionsCtrl			{ color: #fff; display: block; float: left; font: bold 17px/17px arial; height: 20px; margin: 0 2px; text-align: center; width: 20px; }
.DarkTheme .xtndSearchInputFocus	{ -moz-box-shadow:0 0 0 4px #2aabf3; -webkit-box-shadow:0 0 0 4px #2aabf3; box-shadow:0 0 0 4px #2aabf3; }
.DarkTheme .xtndInnerContent .ui-tabs	{ border:none; }
.DarkTheme .xtndInnerContent .ui-tabs-nav	{ background:none; border:none; border-bottom:solid 1px #ddd; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }

.DarkTheme .FastSearchBox 					{ min-width:300px; max-width:600px; width:80%; display:inline-block; }
.DarkTheme .FastSearchBox .SearchInput		{ border:none; padding:10px 0; text-indent:10px; width:100%; }
.DarkTheme .ModSearch-Box					{ display:inline-block; height:100px; margin:50px auto; position:relative; text-align:center; width:100%; }

.DarkTheme .mod					{ display:inline-block; margin:15px auto 0 auto; position:relative; text-align:center; width:100%; }
.DarkTheme .mod.search			{ margin:10px auto; }
.DarkTheme .mod .label			{ color:#2aabf3; padding:5px 0; text-align:center; font:normal 11px arial; }
.DarkTheme .mod .label.small	{}
.DarkTheme .mod .label.big		{}
.DarkTheme .mod.group .wrapper	{ min-width:300px; max-width:600px; width:80%; }
.DarkTheme .mod.group .wrapper input	{ width:100%; }
/*#ClientListWrapper	{ display:none; }*/ 
/*
.DarkTheme .ui-draggable-dragging,
.DarkTheme .ui-draggable-dragging .xtndFolderControls	{ -moz-box-shadow:0 0 0 4px #f00; -webkit-box-shadow:0 0 0 4px #f00; box-shadow:0 0 0 4px #f00; }
*/
.xst-Overlay-Wrapper		{ width:0px; height:0px; display:block; position:fixed; left:50%; top:50%; }
.xst-Overlay-InnerWrapper	{ width:280px; height:120px; left:-146px; top:-66px; -moz-box-shadow:0 0 8px 1px #000; box-shadow:0 0 8px 1px #000; display:block; background:#fff; z-index:2001; border:solid 6px rgba(0, 0, 0, .8); }
.xst-Preloader-Small		{ width:32px; height:32px; display:inline-block; background:url(/img/common/loader/ajax-loader.gif) no-repeat top center; margin-top:10px; }

/* Mod Overlay */
.Mod-Overlay { z-index:1000; background:#000; display:block; width:100%; height:2000px; top:0; left:0; position:fixed; opacity:0.6; filter:alpha(opacity=60);  }
.Overlay-Container { position:fixed; top:0; z-index:2000; width:auto;  display:none; border: 10px solid rgb(41, 41, 41);  border: 10px solid rgba(0, 0, 0, .6);  -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; -moz-box-shadow:0 0 8px 1px #000; box-shadow:0 0 8px 1px #000; -webkit-box-shadow:0 0 8px 1px #000; margin:0 auto; }
.Overlay-Inside { position:relative; margin: 0 auto; display:block; width:400px; height:auto; background:#fff;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:30px; margin:-3px;  }
.Overlay-Border { -moz-box-shadow:0 0 8px 1px #000; box-shadow:0 0 8px 1px #000; -webkit-box-shadow:0 0 8px 1px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position:absolute; top:-10px; left:-10px; display:block; width:420px; height:180px; background:url(/img/common/loader/ajax-loader.gif) no-repeat center 220px #000; opacity:0.6; filter:alpha(opacity=60); z-index:2001;  } 
.Overlay-Content { -moz-border-radius: 5px; border-radius: 5px; position:relative; margin:0 auto; display:block; width:380px; min-height:140px!important; height:auto!important; height:140px; z-index:2002; padding:10px; background:url(/img/common/loader/ajax-loader.gif) no-repeat center center #fff;  margin-top:250px; }
.Overlay-Container .Mce-Content h3 { color: #00AEEF !important; font: bold 16px/18px 'Trebuchet MS' !important; }

.xst-Html-Close			{ color: #000; font:normal 11px/14px arial; position: absolute; right: 7px; text-decoration: none; top: 4px; z-index: 999; width:14px; height:14px; text-align:center; }
.xst-Html-Close:hover	{ -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#2b80c1; color:#fff; }
.Overlay-Loaded-Content	{ padding:15px; background:#f2f2f2; }

.xst-Overlay-800x600							{ width:800px; height:600px; left:-406px;  top:-306px; }
.xst-Overlay-800x600 .Overlay-Loaded-Content	{ width:770px; height:570px; }

.xst-Overlay-800x500							{ width:800px; height:500px; left:-406px;  top:-256px; }
.xst-Overlay-800x500 .Overlay-Loaded-Content	{ width:770px; height:470px; }

.xst-Overlay-Tabs								{ border:none!important; border-radius:0!important; }
.xst-Overlay-Tabs .ui-widget-header				{ border-radius:0!important; background:none!important; border-top:none!important; border-left:none!important; border-right:none!important; }

#tabAdminSettings		{ height:380px; }




.XtndMenu.top.menu ul li a:hover,
.XtndMenu.top.menu ul li:first-child a:hover,
.XtndMenu.top.menu ul li:last-child a:hover	{ background-color:#222!important; border-radius:none; }




.ContractName						{ border: 1px solid #ccc; font-size: 16px !important; margin: 10px 0; padding: 5px 10px; width: 300px; }
.ContractsList 						{ display: block; margin:10px; max-width:990px; background:#fff; }
.ContractsList table				{ width:100%; }
.ContractsList tr td				{ padding:5px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; }
.ContractsList tr td .clientName	{ background:#e0e0e0; padding:10px; }
.ContractsList tr td .clientName h2	{ font:normal 18px Dungeon; }
.ClientsList						{ display: block; margin:0 auto; width:95%; max-width:990px; background:#fff; padding:10px; }
.ClientsList ul						{ }
.ClientsList ul li					{ background:#f2f2f2; border-bottom:solid 1px #ccc; padding:10px; margin:5px; }
.ClientsList ul li h2 a				{ color:#000; }
.ProfileList ul li h2 a				{ color: #2aabf3; font-family: Calibri; font-size:1em; }
.XtndMenu.sidebar.right				{ width:120px; background:none; position:absolute; right:-130px; top:50px; height:auto; }
.XtndMenu.sidebar.right ul 			{ text-align:left; }
.XtndMenu.sidebar.right ul li 		{ border: medium none; clear: both; display: block; float: none; margin: 0; padding: 0; }
.XtndMenu.sidebar.right ul li a		{ margin:5px 0 0 !important; }

.Item-Search		{ padding:10px 5px!important; text-align:left; }

.mod.profiles			{ z-index:10; margin:0; top:0;}
.profiles p				{ border-bottom: 1px solid #000; padding: 0.5em;}
.profiles p:last-child	{ border:none; }
.profiles p a			{ font:normal 12px arial; color:#fff; padding:5px; width:auto;}

.ProfileList		{ background:none!important; }
.ProfileList ul		{ text-align:center; }
.ProfileList ul li	{ background:#f2f2f2;
border-bottom: 1px solid #ccc;
display: inline-block;
margin: 5px !important;
max-width: 200px;
min-height: 120px;
min-width: 120px;
padding: 10px;
vertical-align: top;
width: 39%;}

.ui-tabs .ui-tabs-panel		{ border-top-right-radius:5px!important;}

.xtnd.top.menu li a span	{  border-radius: 2px; color: #fff; display: block; float: right; font:normal 10px/16px arial; height: 16px; margin: 5px -5px; padding: 0 3px; text-shadow: 1px 1px #000; position:absolute; top:5px; right:6px; }
	
.new	{ background:#2aabf3; }
.soon	{ background:#333; /* background:#2aabf3; */ }


#servicesList li				{ background:#ebebeb; border:solid 1px #ebebeb; margin:3px; border-radius:3px; -moz-border-radius:3px; list-style:none; display:block; position:relative; min-height:30px; }
#servicesList li:hover			{ background:#ddd; border:solid 1px #ccc; }
#servicesList li .serviceName	{ display:block; float:left; padding:3px 5px; width:60%; min-width:200px; max-width:400px; }
#servicesList li .delete		{ display:none; }
#servicesList li:hover .delete	{ display:block; }	

/* Start - Services Dashboard*/
	.servicesDashboard.servicesList				{ box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; display: block; margin: 3% auto; max-width: 990px; padding: 3%;  width: 88%; }
	.servicesDashboard.servicesList	li			{ padding:0; margin:0; margin-bottom:0.5em; height:auto; border-bottom:0; }
	.servicesDashboard.servicesList	li .gridRow	{ display:none; }
	/* End - Services Dashboard*/

.statusBox				{ float:right; position:relative; margin:6px 5px 0 0; }
.statusBox.invoiced		{ color:#f00; }
.statusBox.paid		{ color:green;}

#utilitiesWrapper li		{ text-align:left; }
#utilitiesWrapper li a		{ word-wrap: break-word; }

.ProfileList .actions		{ padding:10px; background:#f2f2f2; border:solid 1px #ddd; text-align:left; }
.ProfileList .actions a		{ font:normal 13px/17px arial; color:#000; }

.contractFields		{ clear:none!important; float:left!important; }

.rightFloat		{ float:right!important; }
.leftFloat		{ float:left!important; }
.clientNameWrapper		{ height:2em; display:block; width:100%; position:relative; }

.gridWrapper			{ }
.gridWrapper h2			{ background:#ccc; border-radius: 5px 5px 0 0; padding: 10px; }
.gridRow				{ display: block; /* min-height: 8em;  */position: relative; width: 100%; }
.gridCell				{ width:25%; display:block; float:left; position:relative; min-height:2em; min-width:16em; max-width:32em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:solid 1px #ccc; border-right:none; padding:10px; }
.gridCell:last-child	{ border-right:solid 1px #ccc;}

/* Start - Modal Window */
	.modalWrapper								{ display: table; height: 100%; left: 0; position: fixed; top:0; width:100%; background:rgba(1,1,1,0.9); z-index:100; }
	.modalWrapper .modalContentWrapper			{ position: relative; display: table-cell; vertical-align: middle; }
	.modalWrapper .modalInner					{ background:#fff; box-shadow: 0 0 5px #888; border-radius:3px; height: auto; margin: 0 auto; min-height:5em; min-width:17em; padding: 1%; width: 80%; max-width:30em; max-height:80%; }
	.modalWrapper .modalInner.medium			{ min-width:27em; padding: 1%; width: 80%; max-width:40em; max-height:80%; }
	.modalWrapper .modalTitle					{ font:normal 24px/28px Calibri; }
	.modalWrapper .modalInnerContent			{ padding:1em; }
	.modalWrapper .modalMessage					{ padding:1em 0; height:auto; max-height:20em; overflow:auto;}
	.modalWrapper .modalInnerContent .separator	{ border:solid 1px #f2f2f2!important; }
	.modalWrapper .button 						{ border-radius:3px; font-size:1.25em; }
	.modalWrapper .button:hover,
	.modalWrapper .button:focus,
	.modalWrapper .button:active				{ box-shadow:0 3px 5px rgba(0, 0, 0, 0.125) inset;}
	.modalWrapper .buttonsWrapper				{ position:relative; }
	.modalWrapper .buttonsWrapper .small		{ width:49.5%; }
	.modalWrapper .buttonsWrapper .primary		{ background:#004e6b; }
	.modalWrapper .buttonsWrapper .secondary	{ background:#39b3d7; }
	.modalWrapper .button.active, 
	.modalWrapper .button.activated,
	.modalWrapper .button:focus,
	.modalWrapper .button:active,
	.modalWrapper .button:hover					{ background:#004055; color:#fff;}
	.modalWrapper .button  						{ min-height:2em; height:3em; padding:0; margin:0; }
	/* End - Modal Window */

/* Start buttons settings */
	.buttonsWrapper							{ display:block; position:relative; clear:both; height:3em; }
	.buttonsWrapper .button:first-child		{ float:left; }
	.buttonsWrapper .button:last-child		{ float:right; }
	.wideButton								{ width:100%; }
	/* End buttons settings */

/* Buttons, iconbuttons */
	.icBt		{ float:right; margin:3px 10px; cursor:pointer; }
	.btText		{ }


.hidden		{ display:none; }

.radius3		{ border-radius:3px; }
.radius4		{ border-radius:3px; }

.buttonsWrapper							{ display: table; overflow: hidden; width: 100%; }
.buttons.group							{ overflow:hidden; display: table-row; }
.buttons.group .button:hover			{ background:#222; }
.buttons.group3 .button					{ width: 33.33%; }
.buttons.group .button					{ display: table-cell !important; float: none; line-height: 1.2em; margin: 0; vertical-align: middle; padding:0.2em 0; border-right:solid 1px #fff; }
.buttons.group .button:last-child		{ border-right:none; }


.dropzoneCloudIcon			{ font-size:10em!important; color:#ccc; }
.noOverflow					{ overflow:hidden; }

/* max-width 320px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 20em) and (orientation:portrait) { 
	.ClientsList ul li h2 a:first-child { display:inline-block; width:70%; }
}

.status_new, 
.info		{ background: #888; border: 1px solid blue; border-radius: 4px; color: blue; font: bold 13px calibri; padding: 2px 10px; }
.warning	{ color:orange; font:bold 13px calibri; }
.error		{ color:#f00; font:bold 13px calibri; }
.good		{ color:green; font:bold 13px calibri; }


.xtnd.menu.right				{ left:auto; right:0 !important; z-index:3; top:0; }
.xtnd.menu.visible				{ width:12em; }
.xtnd.menu.visible,
.xtnd.menu						{ -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.xtnd.menu.right ul		{ margin-top:45px; }