@import url('../fonts/roboto.css');
@import url('plugins/jquery.alerts.css');
@import url('plugins/uniform.tp.css');
@import url('plugins/jquery.ui.css');
@import url('plugins/jquery.ui.autocomplete.css');
@import url('plugins/fullcalendar.css');
@import url('plugins/colorbox.css');
@import url('plugins/jquery.jgrowl.css');
@import url('plugins/jquery.tagsinput.css');
@import url('plugins/ui.spinner.css');
@import url('plugins/jquery.chosen.css');


/***** RESET STYLE *****/
/**************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/***** GENERAL STYLES *****/
/*****************************/

.contentwrapper ul {
  display: inline-block;
  margin: 0.5rem;
}
.contentwrapper li {
  list-style: none;
}

body { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #666; line-height: 21px; }
input, select, textarea, button { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; outline: none; margin: 0; }
a { text-decoration: none; color: #666; outline: none; }
button { outline: none; }
a img { border: 0; }
h1,h2,h3,h4,h5, span.h3 { font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; font-weight: normal; }
small { font-size: 11px; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }

span.h3 { font-size: 24px; display: block; }

body.withvernav { background: #fff url(../images/line.ccc.png) repeat-y 230px 0; } /* with left menu*/
body.withmenucoll { background-position: 55px 0; } /* with menu style 1 in collapsed mode */
body.withmenucoll2 { background-position: 35px 0; } /* with menu style 2 in collapsed mode */


/***** COLUMN STYLE *****/
/***************************/


.one_half{ width:48.5%; }
.one_third{ width:31.16%; }
.two_third{ width:65.83%; }
.one_fourth{ width:22.5%; }
.three_fourth{ width:74.5%; }
.one_fifth{ width:17.3%; }
.two_fifth{ width:38.1%; }
.three_fifth{ width:58.9%; }
.four_fifth{ width:67.7%; }
.one_sixth{ width:13.83%; }
.five_sixth{ width:83.17%; }

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,
.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:3%; float:left; }

.last{ margin-right:0 !important; clear:right; }



/***** LOGIN PAGE *****/
/*************************/

.loginpage { background: #fff url(../images/patternbg.png); }
.loginbox {
	width: 342px; padding: 5px; background: #fff; margin: 7% auto 0 auto; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
.loginboxinner {
	padding: 20px; background: #0F7DA4 ; -moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;
}

.g-recaptcha {
    margin: 20px 0;
}

.loginbox .logo { text-align: center; }
.loginbox .logo h1 {
	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; font-size: 32px; color: #fff; border-bottom: 1px solid #6fb1c8;
	line-height: normal; margin-bottom: 5px;
}
.loginbox .logo h1 span { color: #46ABEF; }
.loginbox .logo p { font-weight: bold; color: #eee; font-style: italic; }

.loginbox form { display: block; margin-top: 20px; }
.loginbox .username {
	background: #eee url(../images/icons/username.png) no-repeat 13px center; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	box-shadow: 0 1px 2px rgba(0,0,0,0.4); margin: 20px 0; overflow: hidden;
}
.loginbox .usernameinner { margin-left: 45px; border-left: 1px solid #ddd; background: #fff; }
.loginbox .username input {
	padding: 15px 10px; border: 0; font-size: 14px; width: 330px; box-shadow: none; color: #666;
	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}
.loginbox .password {
	background: #eee url(../images/icons/password.png) no-repeat 13px center; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	box-shadow: 0 1px 2px rgba(0,0,0,0.4); margin: 20px 0; overflow: hidden;
}
.loginbox .passwordinner { margin-left: 45px; border-left: 1px solid #ddd; background: #fff; }
.loginbox .password input {
	padding: 15px 10px; border: 0; font-size: 14px; width: 330px; box-shadow: none; color: #666;
	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
}

.loginbox button {
	border: 0; padding: 15px 0; text-align: center;
	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; width: 100%; text-transform: uppercase;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4); box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.loginbox button:hover {
	background-color: #04A7CA;
}
.loginbox .keep { margin-top: 20px; font-weight: bold; color: #ccc; font-size: 11px; }
.loginbox .loginmsg {
	background: #fffccc; color: #333; margin-bottom: 10px; padding: 5px; text-align: center; font-size: 11px;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.loginf {
	padding: 10px; background: #0d6988; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	-moz-box-shadow: inset 0 1px 1px #0c5c77; -webkit-box-shadow: inset 0 1px 1px #0c5c77; box-shadow: inset 0 1px 1px #0c5c77;
	border-bottom: 1px solid #0c5c77;
}

.loginpage .nousername, .loginpage .nopassword { display: none; }
.loginpage .nopassword { color: #fff; }
.loginpage .nopassword .thumb {
	padding: 5px; background: #fff; display: inline-block; vertical-align: top;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.loginpage .nopassword .userlogged { display: inline-block; margin-left: 10px; font-weight: bold; }
.loginpage .nopassword .userlogged h4 { font-size: 14px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; }
.loginpage .nopassword .userlogged a { color: #04add1; font-style: italic; }
.loginpage .nopassword .userlogged a:hover { text-decoration: underline; }
.loginpage .notibar { border: 0; }

/* saldo page table collapse */
.ui-state-default, .ui-widget-content .ui-state-default {
    border: none;
}

/***** TOP HEADER STYLES *****/
/********************************/


.topheader {
	padding: 8px 10px;
	position: relative;
	background-color: #0f7da4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0D6988;
}
.topheader .left h1.logo {
	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; color: #fff;
	float: left; font-size: 30px; margin: 10px 0;
}.topheader .left h1.logo a { color: #fff; }
.topheader .left h1.logo span { color: #46abef; }
.topheader .left .slogan {
	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; float: left; padding: 8px 10px;
	border-left: 1px solid #ffffff; color: #ffffff; font-style: italic; margin: 2px 10px;
}

.search { float: left; margin: 2px 10px; }
.search input[type=text] {
	border: 0; padding: 10px 8px 11px 8px; background: #32415a; float: left; color: #4a5b78; -moz-border-radius: 2px 0 0 2px; margin: 0;
	-webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; border-bottom: 1px solid #445775; width: 200px; font-style: italic;
	-moz-box-shadow: inset 1px 1px 2px #2b384e; -webkit-box-shadow: inset 1px 1px 2px #2b384e; box-shadow: inset 1px 1px 2px #2b384e;

}
.search input[type=text]:focus { font-style: normal; color: #6a778d; }
.search .submitbutton {
	float: left; border: 0; border-bottom: 1px solid #445775; -moz-border-radius: 0 0 2px 0; -webkit-border-radius: 0 0 2px 0; cursor: pointer;
	border-radius: 0 0 2px 0; background: url(../images/default/searchbutton.png) no-repeat 0 0; width: 38px; height: 37px; vertical-align: middle;
}

.topheader .right { position: absolute; top: 10px; right: 10px; }

.notification { float: left; position: relative; }
.notification a.count {
	background: #cc170e url(../images/default/notibg.png) repeat-x top left; margin-right: 10px;
	font-size: 14px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; padding: 8px 13px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid #445775;
	-moz-box-shadow: inset 0 0 5px #400603; -webkit-box-shadow: inset 0 0 5px #400603; box-shadow: inset 0 0 5px #400603;
	color: #fff; cursor: pointer; display: inline-block;
}
.notification a.count:hover { background: #d7180e; }

.noticontent {
	position: absolute; z-index: 100; width: 300px; top: 48px; right: 10px; -moz-border-radius: 2px;
	-webkit-border-radius: 2px; border-radius: 2px; background: #fff; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); z-index: 200;
}


/***** USER INFORMATION DROP STYLES *****/
/*******************************************/


.userinfo {
	padding: 6px 18px 6px 6px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 1px 1px 2px #0c5c77;
	float: left;
	border-bottom: 1px solid #0c5c77;
	-webkit-box-shadow: inset 1px 1px 2px #0c5c77;
	box-shadow: inset 1px 1px 2px #0c5c77;
	cursor: pointer;
	background-color: #0d6988;
	background-image: url(../images/default/userinfoarrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.userinfo:hover { background-color: #0d6988; }
.userinfo img { border: 1px solid #b9c1ce; vertical-align: middle; }
.userinfo span { color: #ffffff; display: inline-block; padding: 0 5px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; }

.userinfodrop {
	padding: 10px; min-width: 300px; position: absolute; top: 48px; right: 0; -moz-border-radius: 2px; display: none;
	-webkit-border-radius: 2px; border-radius: 2px; background: #fff; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); z-index: 1001;
}

.userinfodrop .avatar { float: left; }

.userdata { margin-left: 105px; }
.userdata h4 { color: #2d3c54; display: inline-block; }
.userdata .email { color: #999; font-size: 11px; display: inline-block; }
.userdata ul { list-style: none; margin-top: 10px; }
.userdata ul li { display: block; margin-bottom: 1px; }
.userdata ul li:last-child { margin-bottom: 0; }
.userdata ul li a { display: block; padding: 5px; background: #f7f7f7; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.userdata ul li a:hover { background: #04ADD1; color: #fff; }


/***** HEADER STYLES *****/
/****************************/


.header {
	background: #0f7da4 url(../images/default/headerbg.png);
	min-height: 50px;
	overflow: hidden;
	-moz-box-shadow: inset 0 1px 0 #0f7da4;
	-webkit-box-shadow: inset 0 1px 0 #0f7da4;
	box-shadow: inset 0 1px 0 #0f7da4;
	position: relative;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0f7da4;
	max-height: 77px;
}
.headermenu { overflow: hidden; list-style: none; border-right: 1px solid #2496bf; display: inline-block; }
.headermenu li { float: left; display: inline-block; border-left: 1px solid #2496bf; border-right: 1px solid #56c2ea; }
.headermenu li:first-child { border-left: 0; }
.headermenu li a {
	display: block; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase;
	padding: 8px 10px; background: url(../images/default/menu_bg.png) no-repeat center bottom; -moz-box-shadow: inset 0 1px 0 #0d6988;
	-webkit-box-shadow: inset 0 1px 0 #0d6988; box-shadow: inset 0 1px 0 #0d6988;
}

.headermenu li.span-adm a{
	display: block; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase;
	padding: 8px 10px; background: url(../images/default/menu_bg_adm.png) no-repeat center bottom; -moz-box-shadow: inset 0 1px 0 #0d6988;
	-webkit-box-shadow: inset 0 1px 0 #0d6988; box-shadow: inset 0 1px 0 #0d6988;
}

.headermenu li.span-adm a:hover {
	background: url(../images/default/menu_bg_adm_hover.png) no-repeat center bottom; -moz-box-shadow: inset 0 1px 0 #0d6988;
	-webkit-box-shadow: inset 0 1px 0 #0d6988; box-shadow: inset 0 1px 0 #0d6988;
}

.headermenu li.span-adm-current a {
	background: url(../images/default/arrow-active_adm.png) no-repeat center bottom; -moz-box-shadow: inset 0 1px 0 #0d6988;
	-webkit-box-shadow: inset 0 1px 0 #0d6988; box-shadow: inset 0 1px 0 #0d6988; }

.headermenu li.span-adm-current a:hover {
	background: url(../images/default/arrow-active_adm.png) no-repeat center bottom; -moz-box-shadow: inset 0 1px 0 #0d6988;
	-webkit-box-shadow: inset 0 1px 0 #0d6988; box-shadow: inset 0 1px 0 #0d6988; }

.headermenu li a { min-width: 80px; text-align: center; }
.headermenu li a span { opacity: 0.9; }
.headermenu li a span.icon { height: 30px; display: block; margin-bottom: 10px; }

.headermenu li a span.icon-flatscreen { background: url(../images/icons/flatscreen.white.png) no-repeat center center; }
.headermenu li a span.icon-calendar { background: url(../images/icons/calendar.white.png) no-repeat center center; }
.headermenu li a span.icon-pencil { background: url(../images/icons/pencil.white.png) no-repeat center center; }
.headermenu li a span.icon-clock { background: url(../images/icons/clock.white.png) no-repeat center center; }
.headermenu li a span.icon-speech { background: url(../images/icons/speech.white.png) no-repeat center center; }
.headermenu li a span.icon-message { background: url(../images/icons/message.white.png) no-repeat center center; }
.headermenu li a span.icon-relations { background: url(../images/icons/relations.white.png) no-repeat center center; }
.headermenu li a span.icon-chart { background: url(../images/icons/chart.white.png) no-repeat center center; }
.headermenu li a span.icon-data { background: url(../images/icons/data.white.png) no-repeat center center; }
.headermenu li a span.icon-presentation { background: url(../images/icons/presentation.white.png) no-repeat center center; }
.headermenu li a span.icon-users { background: url(../images/icons/users.white.png) no-repeat center center; }
.headermenu li a span.icon-note-book { background: url(../images/icons/note-book.white.png) no-repeat center center; }
.headermenu li a span.icon-downloads { background: url(../images/icons/downloads.white.png) no-repeat center center; }
.headermenu li a span.icon-home2 { background: url(../images/icons/home-2.white.png) no-repeat center center; }
.headermenu li a span.icon-text-document { background: url(../images/icons/text-document.white.png) no-repeat center center; }
.headermenu li a span.icon-money { background: url(../images/icons/money.white.png) no-repeat center center; }
.headermenu li a span.icon-list { background: url(../images/icons/list.white.png) no-repeat center center; }
.headermenu li a span.icon-pricetag { background: url(../images/icons/pricetag.white.png) no-repeat center center; }
.headermenu li a:hover {
	background: url(../images/default/bghover.png) no-repeat center bottom; -moz-box-shadow: inset 0 1px 0 #0d6988;
	-webkit-box-shadow: inset 0 1px 0 #0d6988; box-shadow: inset 0 1px 0 #0d6988;
}

.headermenu li.current { border-right: 1px solid #56c2ea;  }
.headermenu li.current a {
	background: url(../images/default/arrow-active.png) no-repeat center bottom; -moz-box-shadow: inset 0 1px 0 #0d6988;
	-webkit-box-shadow: inset 0 1px 0 #0d6988; box-shadow: inset 0 1px 0 #0d6988; }
.headermenu li.current a span { opacity: 1; }

.headerwidget { position: absolute; top: 10px; right: 10px; }
.headerwidget .earnings {
	background: #32415a; padding: 8px 10px; overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	min-width: 200px; -moz-box-shadow: inset 1px 1px 2px #29374e; -webkit-box-shadow: inset 1px 1px 2px #29374e; box-shadow: inset 1px 1px 2px #29374e;
	border-bottom: 1px solid #516686;
}
.headerwidget .earnings h4 {
	font-weight: normal; text-transform: uppercase; color: #eee; font-size: 11px;
	font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; margin-bottom: 8px;
}
.headerwidget .earnings h2 {
	color: #f6e4a5; font-size: 32px; font-weight: normal; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; margin-bottom: 8px;
}


/***** PAGE HEADER STYLES *****/
/*********************************/


.pageheader { padding-top: 10px; background: url(../images/default/noise.white.png); position: relative; }
.pageheader .pagetitle {
	margin: 0 10px;
	color: #0f7da4;
	font-weight: normal;
	font-size: 20px;
	font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.pageheader .pagedesc { color: #666; margin: 0 10px; }
.notab { border-bottom: 1px solid #ddd; padding-bottom: 10px; }


/***** HORIZONTAL NAVIGATION STYLES *****/
/*******************************************/


.hornav { list-style: none; margin-top: 15px; border-bottom: 1px solid #ccc; padding: 0 10px; height: 41px; }
.hornav li { display: inline-block; float: left; margin-right: 5px; }
.hornav li a {
	display: block; padding: 10px 20px; background: #ccc; color: #fff; font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase; font-size: 14px; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;
	border: 1px solid #ccc; border-bottom: 0;
}
.hornav li a:hover { background: #bbb; border-color: #aaa; }
.hornav li.current a { background: #fff; color: #FB9337; }
.hornav li.current a:hover { border-color: #ccc; }

.editornav { list-style: none; margin-top: 15px; border-bottom: 1px solid #ccc; padding: 0 20px; height: 41px; }
.editornav li { display: inline-block; }
.editornav li a {
	display: block; padding: 10px 20px; background: #ccc; color: #fff; font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase; font-size: 14px; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;
	border: 1px solid #ccc; border-bottom: 0; cursor: pointer;
}
.editornav li a:hover { background: #bbb; border-color: #aaa; }
.editornav li.current a { background: #fff; color: #FB9337; }
.editornav li.current a:hover { border-color: #ccc; }

/* saldo menu */
#saldo_header span {
margin-left: 5px;
margin-right: 10px;
color: #0f7da4;
font-size: 18px;
font-weight: bold;
}
#saldo_header {
font-size: 18px;
}
/* saldo menu end */
/***** VERTICAL NAVIGATION STYLES *****/
/******************************************/
/* datepicker fix */

.ui-datepicker table {

    margin: 0;
}


.iconmenu #datepicker .ui-datepicker-prev {
  border: none;
}

.iconmenu #datepicker .ui-datepicker-next {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 5px;
    background: url(/images/calarrow.png) no-repeat 3px 1px;
    border: none;
}

.iconmenu .ui-datepicker-next > span,
.iconmenu .ui-datepicker-prev > span {
  display: none;
}

.iconmenu #datepicker th { text-align: center; }
.iconmenu #datepicker table { border: none; }
.iconmenu #datepicker .ui-datepicker { border: none; overflow: hidden; width: 100%; }
.ui-widget-header {
  border: none;
}
.iconmenu #datepicker .ui-state-active {
 border: none;
 color: orangered;

}
.iconmenu #datepicker .ui-datepicker-prev {
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 5px;
    background: url(/images/calarrow.png) no-repeat 3px -39px;
}


.iconmenu #datepicker a {
  padding: 0px;
  background-image: none;
  background-position: 0px;
  display: block;
  text-align: center;
}


.vernav { width: 230px; position: absolute; left: 0; top: 160px; }
.vernav ul { list-style: none; margin: 10px; }
.vernav ul li { display: block; margin-bottom: 1px; position: relative; }
.vernav ul li a {
	display: block; padding: 12px 10px; background: #f7f7f7; font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; color: #32415a;
	text-transform: uppercase; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.vernav ul li a:hover { background-color: #32415A; color: #eee; }
.vernav ul li.current a { background-color: #32415a; color: #fb9337; }
.vernav ul ul { margin: 0; margin-left: 10px; display: none; }
.vernav ul ul li a { color: #999; background: #fff url(../images/line.dashed.png) no-repeat -25px center; border-left: 1px dashed #ccc; padding-left: 10px; }
.vernav ul ul li a:hover { background-color: #fff; color: #666; }
.vernav ul li.current ul { display: block; }
.vernav ul li.current ul li a { background-color: #fff; color: #999; }
.vernav ul li.current ul li a:hover { color: #666; }
.vernav ul li.current ul li.current a { color: #fb9337; background-color: #fff; }

.vernav2 { width: 230px; position: absolute; left: 0; top: 140px; }
.vernav2 ul { list-style: none; margin: 0; }
.vernav2 ul li { display: block; border-bottom: 1px solid #eee; position: relative; }
.vernav2 ul li a, .leftmenu ul li label {
	display: block;
  padding: 9px 10px;
  background: #fff;
  font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; color: #32415a;
	text-transform: uppercase;
  min-height: 20px;
  cursor: pointer;
}
.leftmenu ul li label {
  display: inline-block;
}
.leftmenu ul li {
  display: block;
  background: #fff;
  font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; color: #32415a;
	text-transform: uppercase;
  min-height: 20px;
  cursor: pointer;
}
.leftmenu ul li input {
  outline: none;
  border: 1px solid rgba(0 , 0, 0,0.3);
  padding: 0.25rem;
  max-width: 64%;
  margin-left: 1rem;
  display: inline-block;
  position: absolute;
  margin-top: auto;
  margin-bottom: auto;
  right: 0.5rem;
  top: 0.4rem;
}

.leftmenu input.hasDatepicker {
  background-position: 5px 3px !important;
}

.leftmenu .active .fa {
  font-size: large;
  float: right;
}

.leftmenu .select2 {
  margin: 9px 10px;
}

.vernav2 ul li a:hover { background-color: #fcfcfc; }
.vernav2 ul li.current a { background-color: #f7f7f7; color: #46abef; }
.vernav2 ul ul { margin: 0; padding-left: 10px; border-top: 1px solid #eee; display: none; }
.vernav2 ul ul li { border-bottom: 0; }
.vernav2 ul ul li a {
	color: #999; background: #fff url(../images/line.dashed.png) no-repeat -25px center; border-left: 1px dashed #ccc; padding-left: 10px;
}
.vernav2 ul ul li a:hover { background-color: #fff; color: #666; }
.vernav2 ul ul li:last-child { border-bottom: 0; }
.vernav2 ul li.current ul { display: block; }
.vernav2 ul li.current ul li a { background-color: #fff; color: #999; }
.vernav2 ul li.current ul li a:hover { color: #666; }
.vernav2 ul li.current ul li.current a { background-color: #fff; color: #46ABEF; }

.vernav ul li span.arrow, .vernav2 ul li span.arrow {
	position: absolute; top: 17px; right: 10px; background: url(../images/default/menuarrow.png) no-repeat 0 0;
	width: 11px; height: 5px;
}
.vernav ul li.current span.arrow, .vernav2 ul li.current span.arrow { background-position: 0 -5px; }

.iconmenu ul li a {
	padding-left: 35px; background-image: url(../images/default/icons_sprite.png); background-repeat: no-repeat; background-position: 10px 12px;
}
.iconmenu ul li a:hover { background-image: url(../images/default/icons_sprite2.png); }
.iconmenu ul li.current a:hover { background-image: url(../images/default/icons_sprite.png); }
.iconmenu ul ul { padding-left: 25px; }

.iconmenu ul li a.editor { background-position: 8px 10px; }
.iconmenu ul li a.new { background-position: 8px -61px; }
.iconmenu ul li a.elements { background-position: 8px -133px; }
.iconmenu ul li a.user { background-position: 8px -205px; }
.iconmenu ul li a.telephone { background-position: 8px -278px; }
.iconmenu ul li a.remove { background-position: 8px -350px; }
.iconmenu ul li a.letter { background-position: 8px -421px; }
.iconmenu ul li a.clock { background-position: 8px -493px; }
.iconmenu ul li a.resime { background-position: 8px -565px; }
.iconmenu ul li a.registration { background-position: 8px -638px; }
.iconmenu ul li a.company { background-position: 8px -708px; }
.iconmenu ul li a.drafts { background-position: 8px -780px; }
.iconmenu ul li a.users { background-position: 8px -853px; }
.iconmenu ul li a.map { background-position: 8px -923px; }

.iconmenu ul li.current a.editor { background-position: 8px -24px; }
.iconmenu ul li.current a.new { background-position: 8px -97px; }
.iconmenu ul li.current a.elements { background-position: 8px -169px; }
.iconmenu ul li.current a.user { background-position: 8px -240px; }
.iconmenu ul li.current a.telephone { background-position: 8px -314px; }
.iconmenu ul li.current a.remove { background-position: 8px -386px; }
.iconmenu ul li.current a.letter { background-position: 8px -457px; }
.iconmenu ul li.current a.clock { background-position: 8px -530px; }
.iconmenu ul li.current a.resime { background-position: 8px -601px; }
.iconmenu ul li.current a.registration { background-position: 8px -674px; }
.iconmenu ul li.current a.company { background-position: 8px -744px; }
.iconmenu ul li.current a.drafts { background-position: 8px -816px; }
.iconmenu ul li.current a.users { background-position: 8px -889px; }
.iconmenu ul li.current a.map { background-position: 8px -959px; }

.menucoll { width: 55px; }
.menucoll ul li { height: 36px; position: relative; margin-bottom: 0; }
.menucoll ul li span.arrow { display: none; }
.menucoll > ul > li { margin-bottom: 1px; }
.menucoll > ul > li > a { overflow: hidden; width: 19px; height: 36px; padding: 0 0 0 35px; }
.menucoll > ul > li.hover > a { background-color: #32415A; background-image: url(../images/default/icons_sprite2.png); }
.menucoll > ul > li.current > a { background-image: url(../images/default/icons_sprite.png); }
.menucoll ul ul {
	position: absolute; z-index: 200; top: 0; left: 24px; padding: 0; width: 200px; background: none; border: 1px solid #ccc;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
}
.menucoll ul ul li { display: block; border-bottom: 1px solid #eee; height: auto; }
.menucoll ul ul li a { background-image: none; border-left: 0; height: auto; padding: 11px 10px 10px 10px; }
.menucoll ul ul span {
	background: #f7f7f7; font-weight: bold; display: block; padding: 9px 10px 10px 10px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.menucoll ul li.current ul { display: none; }
.menucoll ul li.current ul span { background-color: #32415A; color: #FB9337; }


.menucoll2 { width: 35px; }
.menucoll2 ul li { height: 36px; position: relative; }
.menucoll2 ul li span.arrow { display: none; }
.menucoll2 > ul > li > a { overflow: hidden; width: 0; height: 36px; padding: 0 0 0 35px; }
.menucoll2 > ul > li.hover > a { background-color: #f7f7f7; background-image: url(../images/default/icons_sprite2.png); }
.menucoll2 > ul > li.current > a { background-image: url(../images/default/icons_sprite.png); }
.menucoll2 ul ul {
	position: absolute; z-index: 100; top: 0; left: 35px; padding: 0; width: 200px; background: none; border: 1px solid #ccc;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
}
.menucoll2 ul ul li { display: block; border-bottom: 1px solid #eee; height: auto; }
.menucoll2 ul ul li a { background-image: none; border-left: 0; height: auto; padding: 11px 10px 10px 10px; }
.menucoll2 ul ul span {
	background: #f7f7f7; font-weight: bold; display: block; padding: 9px 10px 10px 10px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.menucoll2 ul li.current ul { display: none; }
.menucoll2 ul li.current ul span { color: #FB9337; }



.togglemenu {
	border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; height: 21px; cursor: pointer;
	background: url(../images/menucollapsed.png) no-repeat center 0; margin: 10px;
}
.togglemenu_collapsed { background-position: center -21px; margin: 10px 5px; border-width: 0; }

.vernav .togglemenu { margin: 10px; }
.vernav .togglemenu_collapsed { width: 35px; margin: 10px auto; border-width: 1px; }



/***** CENTER CONTENT STYLES *****/
/*************************************/


.centercontent { margin-left: 231px; position: relative; }
.centercontent .pagetitle { margin: 0 20px 0px 20px; }
.centercontent .pagedesc { margin: 0 20px; }
.centercontent .hornav { padding: 0 20px; }

.withmenucoll .centercontent { margin-left: 56px; }
.withmenucoll2 .centercontent { margin-left: 36px; }


/***** MAIN CONTENT STYLES *****/
/***********************************/


.contentwrapper { padding: 20px; }
.contentwrapper p { margin: 20px 0; }
.withrightpanel { margin-right: 260px; }
.subcontent { position: relative; }

.contenttitle {
	background: #32415A; color: #FB9337; text-transform: uppercase; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0; font-size: 14px; font-weight: normal;
}
.contenttitle h4 { padding: 12px 10px; font-size: 14px; }

.tableh3 {
/*  color: #01435A; */
  font-size: 13px;
/*   font-weight: bold ! important; */
}
/* ed */
table.dataTable thead th {
  font-weight: 500;
}
table td {
  /*font-size: 1.3em;*/
  color: rgba(0,0,0,0.8);
}

table th {
  color: #0C6382;
}
/* ed end */
.contenttitle2 {
	border-bottom: 2px solid #0F7DA4;
	padding-bottom: 5px;
	padding-right: 4px;
	display: inline-block;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.contenttitle2 h3 { font-size: 16px; font-weight: normal; text-transform: none; }


/***** RAPORTS *****/
/********************************/

.shortcuts { list-style: none; }
.shortcuts li {
	float: left; margin-right: 20px; margin-bottom: 20px; width: 100px; height: 100px; background: #eee;
	padding: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px;  border-radius: 2px; position: relative;
	-moz-box-shadow: inset 1px 1px 2px #ccc; -webkit-box-shadow: inset 1px 1px 2px #ccc; box-shadow: inset 1px 1px 2px #ccc;
}
.shortcuts li a {
	width: 98px; height: 98px; display: block; background-color: #fff; background-repeat: no-repeat; background-position: center 10px;
	border: 1px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.shortcuts li a:hover { border-color: #FB9337; }
.shortcuts li a span {
	text-align: center; display: block; padding-top: 70px; font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.shortcuts li a.settings { background-image: url(../images/icons/64/settings.png); }
.shortcuts li a.users { background-image: url(../images/icons/64/users.png); }
.shortcuts li a.gallery { background-image: url(../images/icons/64/images.png); }
.shortcuts li a.events { background-image: url(../images/icons/64/events.png); }
.shortcuts li a.analytics { background-image: url(../images/icons/64/analytics.png); }


.toplist { list-style: none; }
.toplist li {
	display: block; margin-bottom: 10px; border: 1px solid #ddd; overflow: hidden; -moz-border-radius: 2px;
	-webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); line-height: 21.5px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.toplist li a { overflow: hidden; display: block; }
.toplist li a:hover { color: #68768d; }
.toplist li .left { display: block; padding: 10px; }
.toplist li .right { background: #fcfcfc; display: block; border-left: 1px solid #ddd; padding: 20px 10px; text-align: center; }
.toplist li .title {
	text-transform: uppercase; font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif;
	font-size: 14px; color: #32415A; display: block;
}
.toplist li .desc { color: #FB9337; font-weight: bold; font-size: 11px; }

.overviewhead {
	padding: 10px; border: 1px solid #ddd; background: #fcfcfc;  -moz-border-radius: 2px; -webkit-border-radius: 2px; min-height: 32px;
	border-radius: 2px; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
}
.overviewselect { float: right; margin-top: 1px; }
.overviewhead input { border: 1px solid #ccc; padding: 8px 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.overviewtable tr td, .overviewtable tr th { text-align: right !important; }
.overviewtable tbody tr td { font-size: 22px; color: #111; font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; }


/***** CALENDAR STYLES *****/
/*******************************/


#external-events p { font-size: 11px; }
.external-event {
	background: #FB9337; color: #fff; padding: 8px 10px; margin-bottom: 5px; font-weight: bold;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: move;
}

.fc-header-left span.fc-state-active {
	background: #eee; color: #FB9337; border: 1px solid #ccc;
}
.fc-header-title {
	font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 5px 10px;
	border-bottom: 2px solid #FB9337;
}
.fc-header-title h2 { font-size: 18px; }
.fc-button-prev:hover, .fc-button-next:hover { background: #eee; color: #FB9337; border-color: #ccc; }
.fc-button-today:hover { color: #FB9337; background: #eee; border-color: #ccc; }

input.hasDatepicker {
	background-image: url(../images/icons/calendar.png) !important; background-repeat: no-repeat !important;
	background-position: 5px 7px !important; padding-left: 27px !important; width: 80px !important;
}


/***** STANDARD TABLES STYLES *****/
/**************************************/

.stdtable a img{ padding: 0px; line-height:0px; margin-top: -4px; margin-right: 1px; margin-bottom: -4px; margin-left: 1px; vertical-align: middle; text-align: center;}
.stdtable { width: 100%; }
.stdtable .con0 { background: #fff; }
.stdtable .con1 { background: #fcfcfc; }
.stdtable th, .stdtable td {
	line-height: 17px;
	vertical-align: middle;
	/*color: #333;*/
}
.stdtable thead th, .stdtable thead td { padding: 7px 10px; border: 1px solid #ddd; border-left: 0; text-align: left; }
.stdtable tfoot th, .stdtable tfoot td { padding: 7px 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: left; }
.stdtable td.medewerkers{background: #efe3db;}
.stdtable td.inleners{background: #ffff99;}
.stdtable td.vrouw{background: #ffd9ff;}

.stdtable thead th:first-child, .stdtable tfoot th:first-child,
.stdtable thead td:first-child, .stdtable tfoot td:first-child { border-left: 1px solid #ddd; }
.stdtable thead th.head0, .stdtable tfoot th.head0, .stdtable thead td.head0, .stdtable tfoot td.head0 { background-color: #fcfcfc; }
.stdtable thead th.head1, .stdtable tfoot th.head1, .stdtable thead td.head1, .stdtable tfoot td.head1 { background-color: #f7f7f7; }
.stdtable thead th.werkuren0, .stdtable tfoot th.werkuren0, .stdtable thead td.werkuren0, .stdtable tfoot td.werkuren0 {
	background-color: #ccd9fe; font-weight: normal; }
/*
.stdtable thead th.sorting, .stdtable thead td.sorting {
	background-image: url(../images/sort_both.png); background-repeat: no-repeat; background-position: right center; }
.stdtable thead th.sorting_asc, .stdtable thead td.sorting_asc {
	background-image: url(../images/sort_asc.png); background-repeat: no-repeat; background-position: right 9px; }
.stdtable thead th.sorting_desc, .stdtable thead td.sorting_desc  {
	background-image: url(../images/sort_desc.png); background-repeat: no-repeat; background-position: right 9px; }
	*/
.dataTable thead th.nosort { background-image: none !important; position: unset !important; padding-right: 10px !important; }
.stdtable thead td { font-weight: bold; }
.stdtable thead td.center { text-align: center; }
.stdtable tbody tr td { padding: 4px 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #333; }
table.dataTable tr.dtrg-group td { background-color: #e0e0e0; }
/* .stdtable tbody tr td { padding: 8px 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #666; }*/
.stdtable tbody tr:last-child td { border-bottom: 1px solid #ddd; }
.stdtable tbody tr td:first-child { border-left: 1px solid #ddd; }
.stdtable tbody tr td:last-child { border-right: 1px solid #ddd; }
.stdtable tbody tr.togglerow td { background: #fff; padding: 15px; }
.stdtable tbody tr.togglerow:hover td { background: #fff; }
.stdtable tbody tr.hiderow { display: none; }
.stdtable .actions { text-align: center; }
.stdtable .actions a { display: inline-block; margin-left: 5px; border-left: 1px solid #ccc; padding-left: 5px; }
.stdtable .actions a:first-child { border-left: 0; margin-left: 0; }
.stdtable .actions a:hover { color: #FB9337; }
.stdtable a.title { font-weight: bold; color: #32415a; }
.stdtable a.title:hover { color: #fb9337; }

.uppercase {
	text-transform: uppercase;
}


/***** DATATABLES TABLES STYLES *****/
.dataTables_processing{ z-index: 105; }
div.DTE_Header_Content { padding: 18px 10px 2px 10px; font-size: 1.3em; font-weight: bold;}
table.dataTable tr.odd {background-color: #fcfcfc;}
table.dataTable tr.even { background-color: #ffffff; }
able.dataTable tr.odd td.sorting_1 { background-color: #efefef; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 {background-color: #F8F8F8;}
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }

.dataTable a img{ padding: 0px; line-height:0px; margin-top: -4px; margin-right: 1px; margin-bottom: -4px; margin-left: 1px; vertical-align: middle; text-align: center;}
.dataTable { width: 100%;}
.dataTable .con0 { background: #fff; }
.dataTable .con1 { background: #fcfcfc; }
.dataTable th, .dataTable td { line-height: 17px; vertical-align: middle; /*color: #333;*/ }
.dataTable thead th, .dataTable thead td { padding: 7px 10px; border: 1px solid #ddd; border-left: 0; text-align: left; }
.dataTable tfoot th, .dataTable tfoot td { padding: 7px 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: left; }
.dataTable td.medewerkers{background: #efe3db;}
.dataTable td.inleners{background: #ffff99;}
.dataTable td.vrouw{background: #ffd9ff;}

.dataTable thead th:first-child, .dataTable tfoot th:first-child,
.dataTable thead td:first-child, .dataTable tfoot td:first-child { border-left: 1px solid #ddd; }
.dataTable thead th.head0, .dataTable tfoot th.head0, .dataTable thead td.head0, .dataTable tfoot td.head0 { background-color: #fcfcfc; }
.dataTable thead th.head1, .dataTable tfoot th.head1, .dataTable thead td.head1, .dataTable tfoot td.head1 { background-color: #f7f7f7; }
.dataTable thead th.werkuren0, .dataTable tfoot th.werkuren0, .dataTable thead td.werkuren0, .dataTable tfoot td.werkuren0 {
	background-color: #ccd9fe; font-weight: normal; }
.dataTable thead th.sorting, .dataTable thead td.sorting {
	background-image: url(../images/sort_both.png); background-repeat: no-repeat; background-position: right center; }
.dataTable thead th.sorting_asc, .dataTable thead td.sorting_asc {
	background-image: url(../images/sort_asc.png); background-repeat: no-repeat; background-position: right 9px; }
.dataTable thead th.sorting_desc, .dataTable thead td.sorting_desc  {
	background-image: url(../images/sort_desc.png); background-repeat: no-repeat; background-position: right 9px; }
.dataTable thead th.nosort { background-image: none !important; }
.dataTable thead td { font-weight: bold; }
.dataTable thead td.center { text-align: center; }
/* .dataTable tbody tr td { padding: 4px 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #666; } */
/* .dataTable tbody tr td { padding: 8px 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #666; }*/
.dataTable tbody tr:last-child td { border-bottom: 1px solid #ddd; }
.dataTable tbody tr td:first-child { border-left: 1px solid #ddd; }
.dataTable tbody tr td:last-child { border-right: 1px solid #ddd; }
.dataTable tbody tr.togglerow td { background: #fff; padding: 15px; }
.dataTable tbody tr.togglerow:hover td { background: #fff; }
.dataTable tbody tr.hiderow { display: none; }
.dataTable .actions { text-align: center; }
.dataTable .actions a { display: inline-block; margin-left: 5px; border-left: 1px solid #ccc; padding-left: 5px; }
.dataTable .actions a:first-child { border-left: 0; margin-left: 0; }
.dataTable .actions a:hover { color: #FB9337; }
.dataTable a.title { font-weight: bold; color: #32415a; }
.dataTable a.title:hover { color: #fb9337; }

.tableoptions {
	background: #fcfcfc; border: 1px solid #ddd; border-bottom: 0; padding: 8px;
	-moz-border-radius: 0 1px 0 #fff; -webkit-border-radius: 0 1px 0 #fff; border-radius: 0 1px 0 #fff;
}
.tableoptions button {
	background: #fcfcfc; font-size: 11px; color: #666; padding: 7px 10px; border: 1px solid #ccc; margin: 0; outline: none;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.tableoptions button:hover { background: #eee; cursor: pointer; }
.tableoptions select {
	background: #fff; padding: 6px 5px 7px 5px; border: 1px solid #ccc; margin: 0; outline: none; font-size: 11px; color: #666;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}

.dataTables_wrapper { position: relative; }
.dataTables_length { background: #fcfcfc; border: 1px solid #ddd; border-bottom: 0; padding: 8px; }
.dataTables_paginate { background: #fcfcfc; border: 1px solid #ddd; border-top: 0; padding: 8px; }
.dataTables_length, .dataTables_paginate { -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; }
.dataTables_wrapper select {
	background: #fff; padding: 5px; border: 1px solid #bbb; margin: 0; outline: none; font-size: 11px; color: #666;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0 5px;
}
.dataTables_wrapper input { border: 1px solid #ddd; padding: 7px 5px 8px 5px;  background: #fff; }
/*.dataTables_filter { position: absolute; top: 7px; right: 8px; }*/
.dataTables_filter input { width: 200px; margin: 1rem;}
.dataTables_info {
      position: relative;
      padding: 0.2rem !important;
      bottom: -1.5rem;
      font-weight: 900;
      font-size: 18px;
      color: #0C6382 !important;
}
.dataTables_paginate { text-align: right; line-height: 16px; }
.dataTables_paginate span { display: inline-block; }
.dataTables_paginate .paginate_button {
	border: 1px solid #ccc; padding: 5px 7px; margin-left: 5px; font-weight: bold; background: #fcfcfc;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  font-size: 11px;
	-moz-box-shadow: 1px 1px 2px #ddd; -webkit-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd;
}
.dataTables_paginate .paginate_active {
	border: 1px solid #008BA9; background-color: #04ADD1;  color: #fff; padding: 5px 7px; margin-left: 5px; font-weight: bold;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 11px;
}
.dataTables_paginate .paginate_button:hover { background: #ddd; border: 1px solid #ccc; cursor: pointer; color: #333; }

/***** EXTENDED TABLE STYLES *****/
/******************************/

.invoicewrapper { position: relative; }

.invoicelogo { height: 100px; overflow: hidden; }
.invoicefor { margin-top: 22px; }

.table { border-collapse: collapse; width: 100%; }
.table tr td { padding: 7px 10px; border: 1px solid #ddd; }
.table tr td:first-child { text-align: left; background: #fcfcfc; }

.invoiceinfo { margin-top: 40px; }
.invoicetable { margin-top: 40px; width: 100%; }
.invoicetable thead th.right { text-align: right; }
.invoicetable tr td { vertical-align: top; }
.invoicetable tr td.right { text-align: right; }

.amountdue { text-align: right; margin-top: 40px; }
.amountdue h1 span { font-size: 18px; }
.amountdue a {
	margin-top: 20px; display: inline-block; padding: 10px 40px; font-size: 14px; background: #FB9337;
	color: #fff; font-family: 'RobotoCondensed',Arial,Helvetica,sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; border: 1px solid #e88125; -moz-box-shadow: inset 0 1px 0 rgba(250,250,250,0.3); text-shadow: 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 0 rgba(250,250,250,0.3); box-shadow: inset 0 1px 0 rgba(250,250,250,0.3);
}
.amountdue a:hover { opacity: 0.8; }

/***** STANDARD FORM STYLES *****/
/************************************/


form input[type=text] {
	padding: 8px 5px; border: 1px solid #ccc; width: 85%; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; background: #fcfcfc; vertical-align: middle; -moz-box-shadow: inset 0 1px 3px #ddd;
	-webkit-box-shadow: inset 0 1px 3px #ddd; box-shadow: inset 0 1px 3px #ddd; color: #666;
}
form input[type=number] {
	padding: 8px 5px; border: 1px solid #ccc; width: 85%; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; background: #fcfcfc; vertical-align: middle; -moz-box-shadow: inset 0 1px 3px #ddd;
	-webkit-box-shadow: inset 0 1px 3px #ddd; box-shadow: inset 0 1px 3px #ddd; color: #666;
}

form input:focus {
	background: #fff; -moz-box-shadow: inset 1px 1px 2px #eee; -webkit-box-shadow: inset 1px 1px 2px #eee; box-shadow: inset 1px 1px 2px #eee;
}
form textarea {
	padding: 6px 5px; border: 1px solid #ccc; width: 85%; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; -moz-box-shadow: inset 0 1px 3px #ddd; -webkit-box-shadow: inset 0 1px 3px #ddd;
	box-shadow: inset 0 1px 3px #ddd; background: #fcfcfc; color: #666;
}

form input[type=radio], .stdform input[type=checkbox] { width: auto; margin: 0; vertical-align: middle; }
.newsletter input[type=checkbox] {margin:10px;}
form input[type=submit] {
	width: auto; margin: 0; font-weight: bold; color: #eee; background: #04ADD1; border: 1px solid #008BA9; padding: 7px 10px;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px;
}
form input[type=submit]:hover { background: #0497b6; border: 1px solid #3f526f; }
form input[type=reset] {
	width: auto; margin: 0; font-weight: bold; color: #666; border: 1px solid #ccc; background: #eee; padding: 7px 10px;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-left: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px;
}
form input[type=reset]:hover { background: #ddd; cursor: pointer; color: #333; }
form select {
	border: 1px solid #ccc; padding: 5px 2px; min-width: 40%; background: #fcfcfc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	-moz-box-shadow: inset 1px 1px 2px #ddd; -webkit-box-shadow: inset 1px 1px 2px #ddd; box-shadow: inset 1px 1px 2px #ddd; color: #666;
}
form textarea:focus, form select:focus {
	background: #fff; -moz-box-shadow: inset 1px 1px 2px #eee; -webkit-box-shadow: inset 1px 1px 2px #eee; box-shadow: inset 1px 1px 2px #eee;
}

form button { border: 1px solid #008ba9; background: #04add1; color: #fff; cursor: pointer; padding: 7px 10px; font-weight: bold; }
form button.submit:hover { background: #0497b6; border: 1px solid #3f526f; color: #fff; }
form button:active {
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

form input.smallinput, form textarea.smallinput { width: 40%; }
form input.mediuminput, form textarea.mediuminput { width: 60%; }
form input.longinput, form textarea.longinput { width: 85%; }
form input.error { border: 1px solid #f00; }
form textarea.error { border: 1px solid #f00; }
form textarea.error { border: 1px solid #f00; }
form select.error { border: 1px solid #f00; }
form label.error { float: none; color: #f00; font-size: 11px; display: block; text-align: left; font-weight: bold; }

.stdform p, .stdform div.par { margin: 20px 0; }
.stdform div.par { overflow: hidden; }
.stdform span.field, .stdform div.field { margin-left: 220px; display: block; position: relative; }
.stdform .formwrapper { display: block; padding-top: 5px; margin-left: 220px; line-height: 25px; }
.stdform label { float: left; /*width: 220px;*/ text-align: right; padding: 5px 20px 0 0; }

.stdform button.cancel { background: #eee; color: #666; border: 1px solid #ddd; }
.stdform button.cancel:hover { background: #ddd; border: 1px solid #ccc; }
.stdform button.cancel:active {
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.7); -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.7);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.stdform small.desc { font-size: 11px; color: #999; font-style: italic; display: block; margin: 5px 0 0 220px; }
.stdform .stdformbutton { margin-left: 220px; }
.stdform .stdformheading { margin-left: 220px; }

/*** ANOTHER FORM STYLE ***/
.stdform2 p, .stdform2 div.par { border: 1px solid #ddd; background: #fcfcfc; margin: 0; border-top: 0; }
.stdform2 div.terms { border: 0; background: none; }
.stdform2 p:first-child, .stdform2 div.par:first-child { border-top: 1px solid #ddd; }
.stdform div.par { overflow: hidden; }
.stdform2 label { display: inline-block; padding: 20px; vertical-align: top; text-align: left; font-weight: bold; }
.stdform2 label.error { margin-left: 0; padding: 0; }
.stdform2 label small { font-size: 11px; color: #999; display: block; font-weight: normal; line-height: 16px; }
.stdform2 span.field, .stdform2 div.field {
	margin-left: 160px;
	display: block;
	background: #fff;
	border-left: 1px solid #ddd;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
}


.stdform2 .stdformbutton { margin-left: 0; padding: 20px; background: #fff; }
.stdform2 .stdformheading { margin-left: 0; padding: 20px; background: #fff; }
.frm-heading {font-size: 16px; font-weight: normal; text-transform: uppercase; font-family: 'RobotoBoldCondensed',Arial,Helvetica,sans-serif; color: #0F7DA4;}


/*** DUAL BOX ***/
.dualselect { margin-left: 220px; display: block; }
.dualselect select { height: 200px; width: 40%; }
.dualselect .ds_arrow { display: inline-block; vertical-align: top; padding-top: 60px; margin: 0 10px; }
.dualselect .ds_arrow .ds_prev, .dualselect .ds_arrow .ds_next {
	display: block; padding: 5px 10px 7px 10px; border: 1px solid #ccc; margin-bottom: 5px; font-size: 24px; font-weight: bold;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #eee url(../images/titlebg.png) repeat-x top left;
}
.dualselect .ds_arrow .ds_prev:hover, .dualselect .ds_arrow .ds_next:hover {
	background: #FB9337; color: #fff; border-color: #F0882C; cursor: pointer;
}

/* CHARACTER COUNT */
.counter { display: block; margin: 5px 0; font-size: 14px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; }
.warning { color: #bb0000; }
.exceeded { color: #ff0000; }



/***** TABBED WIZARD *****/
.wizard .tabbedmenu { list-style: none; background: #f7f7f7; padding: 10px; padding-bottom: 0; border: 1px solid #ddd; }
.wizard .tabbedmenu li { display: inline-block; margin-right: 5px; position: relative; bottom: -1px; }
.wizard .tabbedmenu li a { display: block; padding: 10px 20px; color: #999; border: 1px solid #ddd; background: #eee; }
.wizard .tabbedmenu li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.wizard .tabbedmenu li a span { font-weight: bold; }
.wizard .tabbedmenu li a span.h2 {
	color: #999; display: block; font-size: 24px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; font-weight: normal; }
.wizard .tabbedmenu li a:hover { text-decoration: none; }
.wizard .tabbedmenu li a.selected, .wizard .tabbedmenu li a.done { background: #fff; color: #333; border-bottom: 1px solid #fff; }
.wizard .tabbedmenu li a.selected span.h2, .wizard .tabbedmenu li a.selected span { color: #FB9337; }
.wizard .tabbedmenu li a.done span.h2, .wizard .tabbedmenu li a.done span { color: #FB9337; }

.stepContainer {
	width: auto !important; height: auto !important; border: 1px solid #ddd; border-bottom: 0;  overflow: hidden;
	-moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; padding: 0;
}
.stepContainer .content h4 {
	padding: 20px; border-bottom: 1px solid #ddd; background: #f9f9f9; -moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; -moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
}
.stepContainer p { margin: 20px 0; }
.stepContainer .par p { margin: 10px; line-height: 21px; }
.stepContainer .par p:last-child { border-bottom: 0; }
.actionBar {
	padding: 20px; position: relative; overflow: hidden; clear: both; background: #fcfcfc; border: 1px solid #ddd;
	-moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;
}
.actionBar .loader { float: left; display: none; }
.actionBar a {
	float: right; display: inline-block; padding: 7px 15px; background: #FB9337; color: #fff; margin-left: 5px; font-weight: bold;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; line-height: 21px; border: 1px solid #f0882c;
}
.actionBar a:hover { text-decoration: none; background: #485B79; color: #fff; border: 1px solid #3f526f; }
.actionBar a:active {
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.actionBar a.buttonDisabled { background: #eee; border: 1px solid #ccc; color: #999; }
.actionBar a.buttonDisabled:hover { background: #eee; color: #999; cursor: default; }
.actionBar a.buttonDisabled:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.actionBar .msgBox { margin: 40px 0 10px 0; position: relative; }
.actionBar .msgBox .content { padding: 7px 10px; background: #fffccc; color: #333; border: 1px solid #FEEA7A; }
.actionBar .msgBox .close {
	padding: 0 2px 2px 2px; background: none; line-height: 10px; text-transform: lowercase; font-size: 10px; position: absolute; top: 5px; right: 7px;
	color: #333; text-shadow: none; font-weight: bold; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;
}
.actionBar .msgBox .close:hover { background: #333; color: #eee; }


/***** VERTICAL WIZARD *****/
.verwizard .verticalmenu { list-style: none; float: left; width: 250px; }
.verwizard .verticalmenu li { margin-bottom: 2px; }
.verwizard .verticalmenu a { display: block; padding: 10px; color: #999; }
.verwizard .verticalmenu a:hover { text-decoration: none; }
.verwizard .verticalmenu a.selected { background: #FB9337; color: #fff; }
.verwizard .verticalmenu a.done { background: #999; color: #fff; }
.verwizard .verticalmenu a span { font-weight: bold; }
.verwizard .stepContainer { margin-left: 270px; }
.verwizard .actionBar { margin: 0 0 0 270px; }



/***** 24. PAGINATION STYLE *****/
/********************************/


.pagination { list-style: none; overflow: hidden; }
.pagination li { display: inline-block; float: left; margin-right: 5px; }
.pagination li.first, .pagination li.previous, .pagination li.next, .pagination li.last { font-size: 18px; }
.pagination li a { display: block; font-weight: bold; border: 1px solid #ccc; padding: 5px 10px; color: #333; line-height: 21px; vertical-align: top; }
.pagination li a { background: #f7f7f7; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.pagination li a:hover { cursor: pointer; text-decoration: none; background: #eee; }
.pagination li a.current { background: #FB9337; color: #fff; border: 1px solid #F0882C; }
.pagination li.first a:active, .pagination li.previous a:active, .pagination li.next a:active, .pagination li.last a:active {
	background: #333; color: #fff; border: 1px solid #272727;
}
.pagination li a.disable { color: #ccc; }
.pagination li a.disable:hover { background: #f7f7f7; cursor: default; }
.pagination li a.disable:active { background: #f7f7f7; border: 1px solid #ccc; color: #ccc; }

.pagination2 li a { padding: 4px 12px 6px 12px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }


/***** SLIM SCROLLBAR STYLES *****/
/*************************************/


.slimScrollDiv { border: 1px solid #ddd; }
.entrylist li { display: block; padding: 20px; border-bottom: 1px solid #ddd; }
.entrylist li.even { background: #fcfcfc; }
.entry_wrap { min-height: 60px; }
.entry_img { float: left; }
.entry_content { margin-left: 120px; }
.entry_content h4 { font-size: 18px; font-weight: normal; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; }
.entry_content h4 a { color: #FB9337; }
.entry_content h4 a:hover { color: #485B79; }
.entry_content p { margin: 10px 0; }
.entry_content p:last-child { margin-bottom: 0; }



/***** BREADCRUMBS STYLE *****/
/*********************************/


.breadcrumbs {
	display: block; list-style: none; border: 1px solid #ccc; background: url(../images/titlebg.png) repeat-x top left;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.breadcrumbs li { display: inline-block; background: url(../images/separator.png) no-repeat right center; margin-right: 5px; font-size: 11px; }
.breadcrumbs li:last-child { background: none; color: #333; }
.breadcrumbs li a { display: block; padding: 5px 20px 5px 5px; }
.breadcrumbs li:first-child a { padding-left: 10px; }

.breadcrumbs2 { background: none; }



/***** NOTIFICATION MESSAGES *****/
/*************************************/


.notibar {
	height: 51px; overflow: hidden; position: relative; margin-bottom: 20px; -moz-border-radius: 2px;
	-webkit-border-radius: 2px; border-radius: 2px; line-height: 21px; -moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
	-webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8); box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
}
.notibar p { margin: 15px 10px 0 55px; font-size: 13px; color: #333; }
.notibar a.close {
	position: absolute; width: 14px; height: 14px; top: 5px; right: 5px; background-image: url(../images/close.png); background-repeat: no-repeat; }
.notibar a.close:hover { cursor: pointer; }
.msgalert a.close { background-position: -14px 0; }
.msgalert a.close:hover { background-position: -14px -14px; }
.msginfo a.close { background-position: -42px 0; }
.msginfo a.close:hover { background-position: -42px -14px; }
.msgsuccess a.close { background-position: -28px 0; }
.msgsuccess a.close:hover { background-position: -28px -14px; }
.msgerror a.close { background-position: 0 0; }
.msgerror a.close:hover { background-position: 0 -14px; }
.announcement a.close { background-position: -56px 0; }
.announcement a.close:hover { background-position: -56px -14px; }

.msgalert { border: 1px solid #eac572; background: #ffe9ad url(../images/notifications.png) no-repeat 0 -52px; }
.msginfo { border: 1px solid #99c4ea; background: #d1e4f3 url(../images/notifications.png) no-repeat 0 -156px; }
.msgsuccess { border: 1px solid #c1d779; background: #effeb9 url(../images/notifications.png) no-repeat 0 -104px; }
.msgerror { border: 1px solid #e18b7c; background: #fad5cf url(../images/notifications.png) no-repeat 0 0; }
.announcement {
	border: 1px solid #fbe187; background: #ffffdf url(../images/icons/blogperfume/Advertisment/advertisment-32.png) no-repeat 10px 10px;
	color: #95673f; height: auto;
}
.announcement h3 { margin: 15px 10px 10px 55px; }
.announcement p { margin: 15px 10px 15px 55px; }


/***** BUTTONS & ICONS STYLES *****/
/**************************************/


.anchorbutton {
	padding: 8px 10px; border: 1px solid #ddd; background: #f7f7f7; display: inline-block; font-weight: bold;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}


.buttonlist { list-style: none; }
.buttonlist li { display: inline-block; margin-bottom: 15px; margin-right: 10px; }

.buttonlist2 { list-style: none; /*float:right;*/ text-align:right; margin:0px;}
.buttonlist2 li { display: inline-block; margin-bottom: 15px; margin-right: 10px; }

a.btn {
	display: inline-block; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-weight: bold;
	-moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; color: #666;
}
a.btn:hover { text-decoration: none; color: #333; border: 1px solid #bbb; }
a.btn span {
	padding: 5px 10px; display: block; background: #f7f7f7; -moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
}

a.btn_sprites {
	display: inline-block; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-weight: bold;
	background-repeat: no-repeat; background-image: url(../images/icons/sprites.png); background-color: #f7f7f7;
	-moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; color: #666;
}
a.btn_sprites:hover { text-decoration: none; color: #333; border: 1px solid #bbb; }
a.btn_sprites span {
	padding: 5px 10px; margin-left: 25px; display: block; background: #f7f7f7; -moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
}


a.btn2 { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
a.btn2 span { -moz-border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; padding-right: 15px; }
a.btn3 { width: 34px; height: 32px; }
a.btn4 { width: 34px; height: 32px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }

a.btn_search { background-position: -10px -12px; }
a.btn_trash { background-position: -47px -12px; }
a.btn_flag { background-position: -82px -12px; }
a.btn_home { background-position: -119px -12px; }
a.btn_link { background-position: -154px -12px; }
a.btn_book { background-position: -190px -12px; }

a.btn_mail { background-position: -10px -47px; }
a.btn_help { background-position: -47px -47px; }
a.btn_rss { background-position: -82px -47px; }
a.btn_archive { background-position: -119px -47px; }
a.btn_info { background-position: -154px -47px; }
a.btn_bell { background-position: -190px -47px; }

a.btn_world { background-position: -10px -83px; }
a.btn_bulb { background-position: -47px -83px; }
a.btn_cloud { background-position: -82px -83px; }
a.btn_clip { background-position: -119px -83px; }
a.btn_folder { background-position: -154px -83px; }
a.btn_lock { background-position: -190px -83px; }

a.btn_tag { background-position: -10px -119px; }
a.btn_note { background-position: -47px -119px; }
a.btn_key { background-position: -82px -119px; }
a.btn_stop { background-position: -119px -119px; }
a.btn_airplane { background-position: -154px -119px; }
a.btn_info2 { background-position: -190px -119px; }

a.btn_alarm { background-position: -10px -155px; }
a.btn_clock { background-position: -47px -155px; }
a.btn_calendar { background-position: -82px -155px; }
a.btn_basket { background-position: -119px -155px; }
a.btn_dollartag { background-position: -154px -155px; }
a.btn_cart { background-position: -190px -155px; }

a.btn_cart2 { background-position: -10px -191px; }
a.btn_user { background-position: -47px -191px; }
a.btn_users { background-position: -82px -191px; }
a.btn_male { background-position: -119px -191px; }
a.btn_female { background-position: -154px -191px; }
a.btn_refresh { background-position: -190px -191px; }

a.btn_chart { background-position: -10px -227px; }
a.btn_pie { background-position: -47px -227px; }
a.btn_address { background-position: -82px -227px; }
a.btn_zip { background-position: -119px -227px; }
a.btn_document { background-position: -154px -227px; }
a.btn_pdf { background-position: -190px -227px; }

a.btn_marker { background-position: -10px -262px; }
a.btn_sign { background-position: -47px -262px; }
a.btn_note { background-position: -82px -262px; }
a.btn_cut { background-position: -119px -262px; }
a.btn_pencil { background-position: -154px -262px; }
a.btn_paint { background-position: -190px -262px; }

a.btn_battery { background-position: -10px -299px; }
a.btn_battery2 { background-position: -47px -299px; }
a.btn_chat { background-position: -82px -299px; }
a.btn_chat2 { background-position: -119px -299px; }
a.btn_message { background-position: -154px -299px; }
a.btn_message2 { background-position: -190px -299px; }

a.btn_phone { background-position: -10px -335px; }
a.btn_call { background-position: -47px -335px; }
a.btn_inbox { background-position: -82px -335px; }
a.btn_inboxo { background-position: -119px -335px; }
a.btn_inboxi { background-position: -154px -335px; }
a.btn_bluetooth { background-position: -190px -335px; }

a.btn_wifi { background-position: -10px -370px; }
a.btn_settings { background-position: -47px -370px; }
a.btn_settings2 { background-position: -82px -370px; }
a.btn_settings3 { background-position: -119px -370px; }
a.btn_hd { background-position: -154px -370px; }
a.btn_hd2 { background-position: -190px -370px; }

a.btn_image { background-position: -10px -408px; }
a.btn_image2 { background-position: -47px -408px; }
a.btn_sound { background-position: -82px -408px; }
a.btn_media { background-position: -119px -408px; }
a.btn_mic { background-position: -154px -408px; }
a.btn_print { background-position: -190px -408px; }

a.btn_laptop { background-position: -10px -443px; }
a.btn_mouse { background-position: -47px -443px; }
a.btn_camera { background-position: -82px -443px; }
a.btn_video { background-position: -119px -443px; }
a.btn_grid { background-position: -154px -443px; }
a.btn_grid2 { background-position: -190px -443px; }

a.btn_list { background-position: -10px -480px; }
a.btn_list2 { background-position: -47px -480px; }
a.btn_printer { background-position: -82px -480px; }

.stdbtn {
	font-weight: bold; padding: 7px 10px; border: 1px solid #ccc; background: #eee url(../images/buttons.png) repeat-x top left; color: #333;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; opacity: 0.8;
}
.stdbtn:hover { text-decoration: none; opacity: 1; }

.btn_yellow { background-position: 0 -38px; border-color: #ebb205; color: #ae510d; }
.btn_blue { background-position: 0 -76px; border-color: #0282ce; color: #fff; }
.btn_black { background-position: 0 -114px; border-color: #222; color: #fff; }
.btn_lime { background-position: 0 -152px; border-color: #59bf04; color: #367501; }
.btn_orange { background-position: 0 -190px; border-color: #cd7a03; color: #6e3c17; }
.btn_red { background-position: 0 -228px; border-color: #a31314; color: #fff; }


.stdbtn:active { background: #eee; }
.btn_yellow:active { background: #ffde06; }
.btn_blue:active { background: #0591e5; }
.btn_black:active { background: #333333; }
.btn_lime:active { background: #6adc0b; }
.btn_orange:active { background: #ff9702; }
.btn_red:active { background: #eb2f30; }
.editor_create:active { background: #ff9702; }


/***** CUSTOM COLOR *****/
a.btn_orange {
	background-image: none;
	background-color: #FB9337;
	color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #F0882C;
	opacity: 0.9;
}
a.editor_create {
	background-image: none;
	background-color: #04ADD1;
	color: #fff;
	opacity: 1;
	padding: 10px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-weight: bold;
	position: relative;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #008BA9;
}

a.editor_create:hover {
	opacity: 1;
	color: #fff;
	background: #0497b6;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #3f526f;
}


a.btn_orange span { background-color: #FB9337; border-left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
a.btn_orange:hover { opacity: 1; color: #fff; border-color: #F0882C; }

a.btn_blue {
	background-color: #04ADD1;
	color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-weight: bold;
	border: 1px solid #008BA9;
	padding: 7px 10px;
}
a.btn_blue:hover { background: #0497b6; border: 1px solid #3f526f; color: #fff; }

a.btn_blue span {  border: 1px solid #008BA9; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

a.btn_black {
	background-image: url(../images/icons/sprites.white.png); background-color: #333; color: #fff;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #222; opacity: 0.9;
}
a.btn_black span { background-color: #333; border-left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
a.btn_black:hover { opacity: 1; color: #fff; border-color: #222; }

a.btn_yellow {
	background-color: #fee74d; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
	border-color: #ebb205; opacity: 0.9;
}
a.btn_yellow span { background-color: #fee74d; border-left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
a.btn_yellow:hover { opacity: 1; color: #fff; border-color: #ebb205; }


/***** TYPOGRAPHY STYLES *****/
/*********************************/

blockquote {
	font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; background: url(../images/quote.png) no-repeat 0 0;
	font-style: italic; line-height: 24px; padding-left: 30px; margin: 10px 0;
}
blockquote.alignleft { width: 300px; float: left; margin: 10px 10px 5px 0; }
blockquote.alignright { width: 300px; float: right; margin: 10px 0 5px 10px; text-align: left; }


/***** MESSAGES STYLES *****/
/*******************************/

.mailinbox tbody tr td { background: #fafafa; }
.mailinbox tbody tr.unread td { background: #fff; font-weight: bold; }
.mailinbox tbody tr.selected td { background: #fcfee4; }
.mailinbox a.title { font-weight: normal; }
.mailinbox tbody tr.unread a.title { font-weight: bold; }
.mailinbox td.star, .mailinbox td.attachment { text-align: center; }
.msgstar {
	display: inline-block; width: 16px; height: 16px; background: url(../images/icons/unstar.png) no-repeat 0 0;
	cursor: pointer; opacity: 0.5;
}
.msgstar:hover { opacity: 1; }
.starred { background-image: url(../images/icons/star.png); opacity: 1; }

.msghead { padding-bottom: 20px; }

.msghead_menu { list-style: none; position: relative; }
.msghead_menu li { display: inline-block; float: left; }
.msghead_menu li a {
	padding: 4px 10px 5px 10px; border: 1px solid #ccc; display: block; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; background: #fcfcfc; font-weight: bold; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff; background-color: #fff;
}
.msghead_menu li a:hover { background-color: #eee; border-color: #bbb; cursor: pointer; }
.msghead_menu li a.prev, .msghead_menu li a.next {
	display: block; padding: 15px; border: 1px solid #ccc; cursor: pointer; background-color: #fff;
}
.msghead_menu li a.prev:hover, .msghead_menu li a.next:hover { background-color: #eee; border-color: #bbb; }
.msghead_menu li a.prev {
	border-right: 0; background: #fff url(../images/arrow.png) no-repeat 10px 8px; -moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
}
.msghead_menu li a.prev_disabled { background-position: 10px -46px; cursor: default; }
.msghead_menu li a.prev_disabled:hover { border-color: #ccc; background-color: #fff; }
.msghead_menu li a.next {
	background: #fff url(../images/arrow.png) no-repeat -39px 8px; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}
.msghead_menu li a.next_disabled { background-position: -39px -46px; cursor: default; }
.msghead_menu li a.next_disabled:hover { border-color: #ccc; background-color: #fff; }

.msghead_menu li a.reportspam {
	background-image: url(../images/icons/info.png); background-position: 7px 8px; background-repeat: no-repeat; padding-left: 30px;
}
.msghead_menu li a.msgtrash {
	padding: 15px; background-image: url(../images/trash.png); background-position: 7px 7px; background-repeat: no-repeat;
}
.msghead_menu li.right { float: right; }
.msghead_menu .pageinfo { padding-right: 20px; display: block; margin-top: 5px; }
.msghead_menu .dropdown_label, .msghead_menu .msgtrash, .msghead_menu .reportspam { display: none; }



/***** ERROR PAGES STYLES *****/
/**********************************/

.errorwrapper {
	margin: 0 auto; border: 1px solid #ddd; padding: 20px; background: #fcfcfc;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.errorwrapper h1 { font-size: 32px; margin-bottom: 20px; }
.errorwrapper h3 { font-size: 18px; }
.errorwrapper ul { list-style: none; line-height: 28px; }
.errorwrapper ul li { text-indent: 30px; background: url(../images/list.png) no-repeat 0 4px; }



/***** CUSTOM STYLES *****/
/*****************************/

.alignright { text-align: right; }
.aligncenter { text-align: center !important; }
.radius2 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.nopadding { padding: 0; }
.padding10 { padding: 10px; }
.width100, form input.width100 { width: 100px; }
.width50, form input.width50 { width: 50px; }
.clearall { clear: both; display: block; }
.nomargin { margin: 0; }
.marginleft5 { margin-left: 5px; }
.marginleft10 { margin-left: 10px; }
.marginleft20 { margin-left: 20px; }
.margin20 { margin: 20px; }
.margin1020 { margin: 10px 20px; }
.marginbottom0 { margin-bottom: 0; }
.nomargintop { margin-top: 0; }
.lineheight21 { line-height: 21px; }
.floatright { float: right; }
.noradiusright, form input.noradiusright {
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}
.orangeboldlink { color: #FB9337; font-weight: bold; }
.orangeboldlink:hover { text-decoration: underline; }
.orangeborderbottom5 { border-bottom: 5px solid #FB9337; }
.changetheme { position: absolute; left: 10px; bottom: 10px; font-size: 11px; }
.changetheme a { display: inline-block; margin-top: 5px; width: 15px; height: 15px; cursor: pointer; }
.changetheme a.default { background: #FB9337; }
.changetheme a.blueline { background: #319cff; }
.changetheme a.greenline { background: #78ce07; }
.changetheme a.contrast { background: #ff4800; }
.changetheme a.custombg { background: #666; }


/***** SORTABLE LIST *****/
/*****************************/

.sortlist { list-style: none; }
.sortlist > li { display: block; margin-bottom: 7px; }
.sortlist > li div.label { padding: 10px; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05); background: #eee url(../images/titlebg.png) repeat-x top left; position: relative;
}
.sortlist > li span.moveicon {
	display: inline-block; width: 16px; height: 16px; background: url(../images/icons/widgets.png) no-repeat 0 center; vertical-align: middle;
	margin-right: 10px; opacity: 0.3;
}
.sortlist > li span.moveicon:hover { opacity: 0.5; cursor: move; }
.sortlist > li span.arrowdrop {
	position: absolute; display: block; width: 20px; height: 30px; background: url(../images/sort_desc.png) no-repeat center center;
	top: 6px; right: 5px; opacity: 0.5; border-left: 1px solid #ccc;
}
.sortlist > li span.arrowup { background-image: url(../images/sort_asc.png); }
.sortlist > li span.arrowdrop:hover { opacity: 0.8; cursor: pointer; }
.sortlist > li div.details {
	border: 1px solid #ccc; border-top: 0; padding: 10px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05); background: #fcfcfc; display: none;
}
.sortlist > li div.details p { margin: 10px 0; }
.sortlist > li div.details p:first-child { margin-top: 0; }
.sortlist > li div.details p:last-child { margin-bottom: 0; }


/*** NEW STYLES!!! ***/


/*** YET ANOTHER FORM STYLE :-)***/
.stdform3 p, .stdform3 div.par { border-top: 0; margin: 0;}
.stdform3 div.terms { border: 0; background: none; }
.stdform3 p:first-child, .stdform3 div.par:first-child {  }
.stdform div.par { overflow: hidden; }
.stdform3 label { display: inline-block;  }
.stdform3 label.error { margin-left: 0; padding: 0; }
.stdform3 label small { }
.stdform3 span.field, .stdform3 div.field { margin-left: 0px; display: block; background: #fff; padding: 0px;  }
.stdform3 .stdformbutton { margin-left: 0; padding: 20px; background: #fff; }
.stdform3 .stdformheading { margin-left: 0; padding: 20px; background: #fff; }

/***** STANDARD TABLES STYLES II *****/
.stdtable td.head0 {
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-left: 0;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	color: #333333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}

.stdtable td.head_aanvraag-plan {

	border: 1px solid #eee;
	border-left: 0;
	font-size: 13px;
	color: #333333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;

}


.stdtable td.item_heading {
	background-color: #fcfcfc;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	color: #333333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}

.stdtable td.item_heading2 {
	background-color: #fcfcfc;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	color: #333333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	border-top: 1px solid #eee;
}

.stdtable td.item_spacer {
	height:26px;
	background-color: #fcfcfc;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	color: #333333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;

}

.stdtableX {
	width: 100%;
	border: 1px solid #fff;
	text-align: left;
	font-size: 13px;
	color: #333333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;

}

.stdtableX td {
	border: 1px solid #ddd;
	border-left: 0;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	color: #333333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;}

.stdtableYff td {
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	color: #333333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
}

.stdtable td.blue {background-color: #ccd9fe; font-weight: normal; }
.stdtable td.red {background-color: #ffb3b3; font-weight: normal; }
.stdtable td.brown{background: #efe3db;}
.stdtable td.yellow{background: #ffff99;}
.stdtable td.rose{background: #ffd9ff;}
.stdtable td.green{background: #e1fecc;}
.stdtable td.orange{background: #fccf99;}


/***** PROFILE PAGE STYLES *****/
/***********************************/
.centercontent_profile { margin-left: 0px; position: relative; }
.profilepic {
	padding: 5px;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	display: block;
	margin-left: 20px;
	margin-top: 0px;
}
.profilepic img { width: 40px; }
.profiletitle { margin-left: 85px; }
.profiletitle .pagetitle, .profiletitle .pagedesc { margin: 0; }

/***** ADDITIONAL MENU ICINS *****/
/***********************************/
.headermenu li a span.icon-settings { background: url(../images/icons/settings.white.png) no-repeat center center; }

/***** 14. FILE MANAGER STYLES *****/
/***********************************/


.filemgr { position: relative; min-height: 400px; }
.filemgr .filemgr_right { position: absolute; width: 250px; top: 62px; right: 0; }
.filemgr .filemgr_rightinner { margin: 20px 0; padding: 0 20px; border-left: 1px dashed #ddd; }

.filemgr_head {
	padding: 15px 20px; background: #fcfcfc; border-bottom: 1px solid #ddd; -moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
}

.filemgr_menu { list-style: none; position: relative; }
.filemgr_menu li { display: inline-block; float: left; }
.filemgr_menu li.right { float: right; }
.filemgr_menu li a {
	padding: 4px 10px 5px 10px; border: 1px solid #ccc; display: block; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	border-radius: 2px; background: #fcfcfc; font-weight: bold; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff; background-color: #fff;
}
.filemgr_menu li a:hover { background-color: #eee; border-color: #bbb; cursor: pointer; }
.filemgr_menu li a.prev, .filemgr_menu li a.next { display: block; padding: 15px; border: 1px solid #ccc; cursor: pointer; background-color: #fff; }
.filemgr_menu li a.prev:hover, .filemgr_menu li a.next:hover { background-color: #eee; border-color: #bbb; }
.filemgr_menu li a.prev {
	border-right: 0; background: #fff url(../images/arrow.png) no-repeat 10px 8px; -moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
}
.filemgr_menu li a.prev_disabled { background-position: 10px -46px; cursor: default; }
.filemgr_menu li a.prev_disabled:hover { border-color: #ccc; background-color: #fff; }
.filemgr_menu li a.next {
	background: #fff url(../images/arrow.png) no-repeat -39px 8px; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}
.filemgr_menu li a.next_disabled { background-position: -39px -46px; cursor: default; }
.filemgr_menu li a.next_disabled:hover { border-color: #ccc; background-color: #fff; }

.filemgr_menu li a.selectall {
	background-image: url(../images/selectall.png); background-position: 7px 7px; background-repeat: no-repeat; padding-left: 27px;
}
.filemgr_menu li a.preview {
	background-image: url(../images/preview.png); background-position: 7px 8px; background-repeat: no-repeat; padding-left: 30px;
}
.filemgr_menu li a.preview_disabled { opacity: 0.5; }
.filemgr_menu li a.preview_disabled:hover { background-color: #fff; cursor: default; }

.filemgr_menu li a.newfolder {
	padding: 15px; background-image: url(../images/addfolder.png); background-position: 7px 8px; background-repeat: no-repeat;
}
.filemgr_menu li a.trash {
	padding: 15px; background-image: url(../images/trash.png); background-position: 7px 7px; background-repeat: no-repeat;
}
.filemgr_menu li a.trash_disabled { opacity: 0.5; }
.filemgr_menu li a.trash_disabled:hover { background-color: #fff; cursor: default; }

.filemgr_menu form input.filekeyword { padding: 7px 7px 8px 7px; width: 200px; background: #fff; color: #999; font-style: italic; }
.filemgr_menu form input.filekeyword:focus { color: #666; font-style: normal; }

.filemgr_content { padding: 20px; margin-right: 250px; }
.filemgr_content_adm { padding: 20px; margin-right: 0px; }

.filemgr_category { padding: 10px 0; margin: 0 20px; border-bottom: 1px dashed #ddd; /*margin-right: 270px;*/ margin-right: 20px;}
.filemgr_category ul { list-style: none; }
.filemgr_category ul li { display: inline-block; margin-right: 5px; }
.filemgr_category ul li.right { float: right; }
.filemgr_category ul li a { display: block; padding: 5px 10px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.filemgr_category ul li a:hover {
	background: #fcfcfc; -moz-box-shadow: inset 1px 1px 1px #ddd; -webkit-box-shadow: inset 1px 1px 1px #ddd;
	box-shadow: inset 1px 1px 1px #ddd;
}
.filemgr_category ul li.current a {
	background: #eee; -moz-box-shadow: inset 1px 1px 1px #ccc; -webkit-box-shadow: inset 1px 1px 1px #ccc;
	box-shadow: inset 1px 1px 1px #ccc;
}
.filemgr_category ul li .pagenuminfo { display: inline-block; margin-top: 5px; }

.filemgr_menu li a.newfilebutton {
	display: block; padding: 4px 10px 5px 10px; text-align: center; border: 1px solid #008BA9; background: #04ADD1; color: #fff;
	font-weight: bold; font-size: 12px; -moz-box-shadow: inset 0 1px 0 rgba(250,250,250,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(250,250,250,0.3); box-shadow: inset 0 1px 0 rgba(250,250,250,0.3);
}
.filemgr_menu li a.newfilebutton:hover { background: #0497b6; border: 1px solid #3f526f; }

.menuright { list-style: none; }
.menuright li { display: block; margin-bottom: 1px; }
.menuright li a { display: block; padding: 8px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-weight: bold; }
.menuright li a:hover { background: #eee; }
.menuright li.current a { background: #999; color: #fff; }

.listfile { list-style: none; }
.listfile li { display: inline-block; margin: 5px 10px 5px 0; }
.listfile li a { display: block; border: 1px solid #eee; padding: 10px; }
.listfile li a:hover { cursor: pointer; border-color: #ddd; }
.listfile li a span.filename { display: block; margin-top: 5px; font-size: 11px; text-align: center; }
.listfile li.selected a { border-color: #fb9337; background: #fff4eb; }

/** Style Boban **/

/***** DOWNLOADS MENU *****/
/*****************************/
.downloads_table img {
/* max-width: 101px; */
/* max-height: 101px; */
}

.downloads_table td {
  text-align: center;
  vertical-align: top;

}

/* GALLERY */
        .imagelist li img { width: 210px; }

        /***** GALLERY STYLES *****/
/******************************/

.crm_blue{
        color: #0F7DA4;
}
.gallerywrapper { padding: 20px; }
.gallerywrapper2 { padding: 20px; margin-left:200px; }
.imagelist { list-style: none;}
.imagelist td { font-weight: bold; color: black; }
.imagelist li {
        float: left;
        padding: 5px; margin: 0 10px 10px 0; background: #fff;
        border: 1px solid #ddd; -moz-border-radius: 5px;
        -webkit-border-radius: 5px; border-radius: 5px;
}
@font-face {
  font-family: 'Inconsolata';
  src: url('../fonts/Inconsolata.otf'); /* IE9 Compat Modes */
  src: url('../fonts/Inconsolata.otf') format('otf'), /* Super Modern Browsers */
}
.imagelist li:hover { border-color: #ccc; }
.imagelist li img { display: block; margin: auto auto 10px auto; width: 110px; }
.imagelist li span { display: block; text-align: center;}
.imagelist li span a { vertical-align: middle; }
.imagelist li p { font-size: 1.3em; font-family: 'Inconsolata'; color: #162856; text-align: center; margin: 0px;}
.imagelist li p a { font-family: 'Inconsolata'; color: #162856; text-align: center; margin: 0px;}
.imagelist li span:nth-child(4) { color: red; }
/* .imagelist li span:nth-child(4) { color: orangered; } */
.imagelist li span a.name { font-weight: bold; float: left; color: black; }
.imagelist li span a.name:hover { color: #333; text-decoration: none; }
.imagelist li span a.edit, .imagelist li span a.view, span a.cart, .imagelist li span a.delete {
        display: inline-block; width: 16px; height: 16px; cursor: pointer; margin-left: 5px; vertical-align: middle; opacity: 0.5;
}
.imagelist li span a.edit:hover, .imagelist li span a.view:hover, .imagelist li span a.cart:hover, .imagelist li span a.delete:hover { opacity: 1; }
.imagelist li span a.edit { background: url(../images/icons/info.png) no-repeat; }
.imagelist li span a.view { background: url(../images/icons/cart.png) no-repeat; }
.imagelist li span a.cart { background: url(../images/icons/cart.png) no-repeat; }
.imagelist li span a.delete { background: url(../images/icons/trash.png) no-repeat; }

.photoEdit { width: 480px; }
.photoEdit h3 { font-size: 18px; }
.notifyMessage { padding: 7px 10px; font-weight: bold; margin: 10px 0; display: none; }
.notifySuccess { border: 1px solid #C1D779; background: #EFFEB9; display: block; }
.notifyError { border: 1px solid #E18B7C; background: #FAD5CF; display: block; }



/* 2017 DATE PICKER Update */

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display: none;
}
.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius: 0;
}
.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 0;
}
.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 0 solid #fbcb09;
    background: 0 0;
    font-weight: 700;
    color: none;
}
.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: none;
    text-decoration: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0 solid #ccc;
    background: 0 0;
    font-weight: 400;
    color: #666;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    width: 20px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev:hover {
    left: 9px;
    top: 8px;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next:hover {
    right: 0;
    top: 8px;
}
.ui-datepicker th {
    padding: 0;
    text-align: center;
    font-weight: 700;
    border: 0;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none;
    font-weight: 700;
    background: #FB9337;
    color: #fff;
    text-shadow: none;
}
.ui-datepicker-calendar td, .ui-datepicker-calendar td:first-child {
    border-left: 1px solid #ccc;
}
.ui-datepicker {
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    z-index: 100!important;
    display: none;
    padding-bottom: 0;
    margin-top: 1px;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
}
.ui-datepicker-header {
    position: relative;
    text-align: center;
    background: #ccc;
    padding: 5px;
    color: #333;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
}
.ui-datepicker-calendar {
    border-collapse: collapse;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
}
.ui-datepicker-calendar thead th {
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    color: #666;
    background: url(../../images/thead.png) top left repeat-x;
    border-bottom: 1px solid #ccc;
}
.ui-datepicker-calendar td {
    border-top: 1px solid #ccc;
    text-align: right;
    padding: 1px;
    background: #fff;
}
.ui-datepicker-calendar td a {
    display: block;
    padding: 2px 8px;
    color: #666;
    text-shadow: 1px 1px #f7f7f7;
}
.ui-datepicker-calendar td a:hover {
    background: #ccc;
    text-decoration: none;
    color: #333;
}
.ui-datepicker-next, .ui-datepicker-prev {
    display: inline-block;
    width: 14px;
    height: 14px;
}
.ui-datepicker-next span, .ui-datepicker-prev span {
    display: none;
}
.ui-datepicker-prev, .ui-datepicker-prev:hover {
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    background: url(/images/calarrow.png) 3px -39px no-repeat;
}
.ui-datepicker-next, .ui-datepicker-next:hover {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(/images/calarrow.png) 3px 1px no-repeat;
}
.ui-datepicker-inline {
    padding: 0;
    background: #fff;
}
.ui-datepicker-inline .ui-datepicker-calendar {
    width: 100%;
    border: 0;
}
.ui-datepicker-inline .ui-datepicker-calendar td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    text-align: right;
}
.ui-datepicker-inline .ui-datepicker-header, .ui-widget-header {
    position: relative;
    text-align: center;
    padding: 5px;
    background: #ccc;
    color: #333;
    font-weight: 700;
    border-bottom-style: solid;
    border-bottom-color: #ddd;
    border-width: 0 0 1px;
}
.ui-datepicker-inline .ui-datepicker-calendar thead th {
    font-size: 10px;
    text-transform: uppercase;
    color: #666;
    font-weight: 700;
    background: url(../../images/titlebg.png) top left repeat-x;
    border-bottom: 1px solid #ccc;
}
.ui-datepicker-calendar td.ui-datepicker-today a {
    background: #ccc;
    color: #333;
}




@media screen and (max-width: 1024px) {
	
	
		/* GENERAL */
	body.withvernav { background-position: 200px 0; }
	body.withmenucoll { background-position: 55px 0; }
	body.withmenucoll2 { background-position: 35px 0; }
	
	.vernav, .vernav2 { z-index: 100;  border-top: 0; border-left: 0; background: #fff; }
	
	.contentwrapper {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
		
	.vernav, .vernav2 { width: 200px; }
	.centercontent { margin-left: 201px; }
	
	.menucoll { width: 55px; }
	.menucoll ul li { height: 36px; position: relative; margin-bottom: 0; }
	.menucoll ul li span.arrow { display: none; }
	.menucoll > ul > li { margin-bottom: 1px; }
	.menucoll > ul > li > a { overflow: hidden; width: 0; height: 36px; padding: 0 0 0 35px; }
	.menucoll > ul > li.hover > a { background-color: #32415A; background-image: url(../images/default/icons_sprite2.png); }
	.menucoll > ul > li.current > a { background-image: url(../images/default/icons_sprite.png); } 
	.menucoll ul ul { 
		position: absolute; z-index: 200; top: 0; left: 24px; padding: 0; width: 200px; background: none; border: 1px solid #ccc; 
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
	}
	.menucoll ul ul li { display: block; border-bottom: 1px solid #eee; height: auto; }
	.menucoll ul ul li a { background-image: none; border-left: 0; height: auto; padding: 11px 10px 10px 10px; }
	.menucoll ul ul span { 
		background: #f7f7f7; font-weight: bold; display: block; padding: 9px 10px 10px 10px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
	.menucoll ul li.current ul span { background-color: #32415A; color: #FB9337; }
	
	.menucoll2 { width: 35px; }
	
	.menucoll2 ul li { height: 36px; position: relative; }
	.menucoll2 ul li span.arrow { display: none; }
	.menucoll2 > ul > li > a { overflow: hidden; width: 0; height: 36px; padding: 0 0 0 35px; }
	.menucoll2 > ul > li.hover > a { background-color: #f7f7f7; background-image: url(../images/default/icons_sprite2.png); }
	.menucoll2 > ul > li.current > a { background-image: url(../images/default/icons_sprite.png); } 
	.menucoll2 ul ul { 
		position: absolute; z-index: 100; top: 0; left: 35px; padding: 0; width: 200px; background: none; border: 1px solid #ccc; 
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
	}
	.menucoll2 ul ul li { display: block; border-bottom: 1px solid #eee; height: auto; }
	.menucoll2 ul ul li a { background-image: none; border-left: 0; height: auto; padding: 11px 10px 10px 10px; }
	.menucoll2 ul ul span { 
		background: #f7f7f7; font-weight: bold; display: block; padding: 9px 10px 10px 10px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
	.menucoll2 ul li.current ul span { color: #FB9337; }
	
	
	
	.togglemenu { 
		border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; height: 21px; cursor: pointer;
		background: url(../images/menucollapsed.png) no-repeat center 0; margin: 10px;
	}
	.togglemenu_collapsed { background-position: center -21px; margin: 10px 5px; border-width: 0; }
	
	.vernav .togglemenu { margin: 10px; }
	.vernav .togglemenu_collapsed { width: 35px; margin: 10px auto; border-width: 1px; }
	
		
	/* FILE MANAGER */
	
	.filemgr .filemgr_right { width: 200px; }
	.menuright li.current a { font-size: 11px; }
	.listfile li { float: left; }
	.filemgr_category { margin-right: 220px; }
	.filemgr_content { margin-right: 220px; padding-right: 0; }
	
	/* CALENDAR */
	.rightpanel { width: 200px; }
	.withrightpanel { margin-right: 220px; padding-right: 10px; }
	.external-event { font-size: 11px; }
	
	/* WIZARD */
	.verwizard .verticalmenu { width: 200px; }
	.verwizard .verticalmenu a { font-size: 11px; }
	.verwizard .stepContainer { margin-left: 220px; }
	.verwizard .actionBar { margin-left: 220px; }
	
	/* ELEMENTS */
	.widgetpage .one_half { float: none; margin-right: 0; width: auto; }
	
	/* DASHBOARD */
	.dashboard_left, .dashboard_right { width: auto; float: none; margin-right: 0; }

	/* MESSAGES */
	.mailinbox tr td, .mailinbox tr th { font-size: 11px; }

	
	/* PROFILE */
	.profile_wrapper { border-right: 0; padding-right: 0; width: auto; }
	.blogviewthumb { display: inline-block; }
	
	/* PRODUCT LIST */
	.prodwrapper { border-right: 0; width: auto; }
	.prodlist li .content { width: auto; margin-right: 5px; }
	.prodlist li a { display: block; width: auto; overflow: hidden; }
		
	/* GALLERY */
	.imagelist li img { width: 210px; }
}

@media screen and (max-width: 900px) {
	
	.header{	max-height: none;}
	
	.vernav, .vernav2 { z-index: 100; border: 1px solid #ccc; border-top: 0; border-left: 0; background: #fff; }
	
	/* GENERAL */
	body.withvernav { background-position: -1px 0; }
	body.withmenucoll { background-position: 55px 0; }
	body.withmenucoll2 { background-position: 35px 0; }
		
	.vernav, .vernav2 { width: 200px; }
	.centercontent { margin-left: 201px; }
	
	.menucoll { width: 55px; }
	.menucoll ul li { height: 36px; position: relative; margin-bottom: 0; }
	.menucoll ul li span.arrow { display: none; }
	.menucoll > ul > li { margin-bottom: 1px; }
	.menucoll > ul > li > a { overflow: hidden; width: 0; height: 36px; padding: 0 0 0 35px; }
	.menucoll > ul > li.hover > a { background-color: #32415A; background-image: url(../images/default/icons_sprite2.png); }
	.menucoll > ul > li.current > a { background-image: url(../images/default/icons_sprite.png); } 
	.menucoll ul ul { 
		position: absolute; z-index: 200; top: 0; left: 24px; padding: 0; width: 200px; background: none; border: 1px solid #ccc; 
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
	}
	.menucoll ul ul li { display: block; border-bottom: 1px solid #eee; height: auto; }
	.menucoll ul ul li a { background-image: none; border-left: 0; height: auto; padding: 11px 10px 10px 10px; }
	.menucoll ul ul span { 
		background: #f7f7f7; font-weight: bold; display: block; padding: 9px 10px 10px 10px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
	.menucoll ul li.current ul span { background-color: #32415A; color: #FB9337; }
	
	
	.menucoll2 { width: 35px; }
	.menucoll2 ul li { height: 36px; position: relative; }
	.menucoll2 ul li span.arrow { display: none; }
	.menucoll2 > ul > li > a { overflow: hidden; width: 0; height: 36px; padding: 0 0 0 35px; }
	.menucoll2 > ul > li.hover > a { background-color: #f7f7f7; background-image: url(../images/default/icons_sprite2.png); }
	.menucoll2 > ul > li.current > a { background-image: url(../images/default/icons_sprite.png); } 
	.menucoll2 ul ul { 
		position: absolute; z-index: 100; top: 0; left: 35px; padding: 0; width: 200px; background: none; border: 1px solid #ccc; 
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
	}
	.menucoll2 ul ul li { display: block; border-bottom: 1px solid #eee; height: auto; }
	.menucoll2 ul ul li a { background-image: none; border-left: 0; height: auto; padding: 11px 10px 10px 10px; }
	.menucoll2 ul ul span { 
		background: #f7f7f7; font-weight: bold; display: block; padding: 9px 10px 10px 10px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
	.menucoll2 ul li.current ul span { color: #FB9337; }
	
	
	
	.togglemenu { 
		border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; height: 21px; cursor: pointer;
		background: url(../images/menucollapsed.png) no-repeat center 0; margin: 10px;
	}
	.togglemenu_collapsed { background-position: center -21px; margin: 10px 5px; border-width: 0; }
	
	.vernav .togglemenu { margin: 10px; }
	.vernav .togglemenu_collapsed { width: 35px; margin: 10px auto; border-width: 1px; }

	
	/* DASHBOARD */
	.shortcuts li { width: 85px; }
	.shortcuts li a { width: auto; }
	
	/* FILE MANAGER */
	.filemgr .filemgr_right { width: 200px; }
	.filemgr_content { margin-right: 220px; }
	.filemgr_category { margin-right: 220px; }
	.filemgr_category ul li a { font-size: 11px; padding: 2px 8px; }
	.filemgr_category ul li .pagenuminfo { font-size: 11px; margin-top: 2px; }
	
	/* TABLE */
	.stdtable tr td, .stdtable tr th { font-size: 11px; }
	
	
	/* GALLERY */
	.imagelist li img { width: 285px; }
	
	/* ELEMENTS */
	.elements .one_third { width:48.5%; }
	
	/* INVOICE */
	.invoicewrapper .one_half { float: none; width: auto; margin-right: 0; }
	.invoicefor { margin-bottom: 20px; }
	.invoiceinfo { margin-top: 20px; }
	.invoicetable { margin-top: 20px; }
	
}


@media screen and (max-width: 768px) {
	
	body.withvernav { background-position: -1px 0; }
	body.withmenucoll { background-position: 55px 0; }
	body.withmenucoll2 { background-position: 35px 0; }
		
	.header{	max-height: none;}
	
	.vernav, .vernav2 { z-index: 100; border: 1px solid #ccc; border-top: 0; border-left: 0; background: #fff; }
	
	.headermenu li a { min-width: 110px;}
	
	/* saldo menu */
#saldo_header span {font-size: 15px;}
#saldo_header {font-size: 15px;}
	
	
	/* DASHBOARD */
	.overviewtable tbody tr td { font-size: 18px; }
	
	/* FORM */
	.stdform label { float: none; text-align: left; display: block; width: auto; margin-bottom: 5px; }
	.stdform span.field, .stdform div.field { margin-left: 0; }
	.stdform small.desc, .dualselect, .stdform .formwrapper, .stdform .stdformbutton { margin-left: 0; }
	
	.stdform2 span.field, .stdform2 div.field { border-left: 0; }
	.stdform2 label { padding: 5px 10px; border-bottom: 1px solid #ddd; margin-bottom: 0; }
	.stdform2 span.field, .stdform2 div.field { padding: 10px; }
	.stdform2 .stdformbutton { padding: 10px; }
	
	.stepContainer p { margin: 20px; }
	.stepContainer .par p { margin: 0 20px 20px 20px; }
	
	/* FILE MANAGER */
	.filemgr_head { margin: 0; position: relative; }
	.filemgr_category, .filemgr_content { margin-right: 20px; }
	.filemgr .filemgr_left { clear: both; }
	.filemgr .filemgr_right { position: relative; width: auto; }
	.filemgr .filemgr_rightinner { margin: 0; border-left: 0; }
	.filemgr_menu li.newfilebtn { margin-top: -30px; }
	.filemgr_menu li.filesearch { display: block; float: none; clear: left; padding-top: 20px; margin-left: 0; }
	.filemgr_menu form input.filekeyword { width: 300px; }
	
	/* CALENDAR */
	.rightpanel { position: relative; margin: 20px; top: 0; right: 0; width: auto; }
	.withrightpanel { margin-right: 20px; padding-right: 0; }
	.chatsearch input { width: 100%; }
	.chatsearch { padding-right: 47px; }
	
	/* TABLES */
	.dataTables_info { font-size: 11px; }
	
	/* PROFILE */
	.followerlist li.one_third { margin-right: 0; width: auto; float: none; }
	.blogviewthumb { overflow: hidden; width: auto; display: block; }
	.blogviewthumb img { width: 100%; }
	.profile_summary li a { padding: 10px; }
	
	/* GALLERY */
	.imagelist li img { width: 215px; }
		
}

@media screen and (max-width: 640px) {
	
	.header{	max-height: none;}
	
	.search input[type="text"] { width: 120px; }
		
	.topheader .left .slogan { display: none; }
	.headerwidget .earnings { display: none; }
	
	.vernav, .vernav2 { z-index: 100; border: 1px solid #ccc; border-top: 0; border-left: 0; background: #fff; }
	.vernav br, .vernav2 br { display: none; }
	.centercontent { margin-left: 0; }
	
	body.withvernav { background-position: -1px 0; }
	body.withmenucoll { background-position: 55px 0; }
	body.withmenucoll2 { background-position: 35px 0; }

	.imagelist li img { width: 240px; }
	
}

@media screen and (max-width: 520px) {
		
		
	.header{	max-height: none;}

	.search .searchinner input { width: 80%; }
	.search .searchcancel { 
		float: left; width: 30px; height: 36px; background: url(../images/default/searchcancel.png) no-repeat center center; cursor: pointer; 
	}
	
	.shortcuts li { width: 100px; }
	.progress150 { width: auto; }
	.overviewselect div.selector { width: 75px; }
	.overviewhead input.hasDatepicker { width: 60px !important; font-size: 11px; }
	.hornav li a { font-size: 12px; padding: 10px; }
	
	#charts .one_half { float: none; width: auto; margin: 0; }
	
	/* WIZARD */
	.wizard .tabbedmenu li a { padding: 10px; }
	.wizard .tabbedmenu li a span.h2 { font-size: 14px; }
	.wizard .tabbedmenu li a span { font-weight: normal; font-size: 11px; }
	.verwizard .verticalmenu { float: none; width: auto; }
	.verwizard .stepContainer, .verwizard .actionBar { margin-left: 0; }
	
	.imagelist li img { width: 175px; }
	.imagelist li span { text-align: left; display: block; margin-bottom: 5px; }
	.imagelist li span a.name { display: block; float: none; margin-bottom: 5px; }
	
	/* ELEMENTS */
	.elements .one_third { width: auto; float: none; margin-right: 0; margin-bottom: 20px; }
	
}

@media screen and (max-width: 480px) {	
	
	.header{	max-height: none;}
	
	.search .searchinner input { width: 78%; }
	.noticontent { right: -133px; }
	
	/* DASHBOARD */
	.shortcuts li { width: 85px; }
	
	/* WIZARD */
	.wizard .tabbedmenu li a { padding: 10px 20px; font-size: 16px; }
	.wizard .tabbedmenu li a span { display: none; }
	
	/* FILE MANAGER */
	.filemgr_menu form input.filekeyword { width: 220px; }
	.filemgr_category, .filemgr_content { margin-bottom: 30px; }
	.filemgr_category ul li.right { margin-top: 20px; }
	.listfile li a span { display: block; overflow: hidden; }
	.listfile li a span img { margin-left: -5px; }
	.listfile li { width: 110px; }
	
	/* CALENDAR */
	.fc-header-title h2 { font-size: 15px; }
	.calTitle { display: none; }
	
	/* TABLES */
	.stdtable tbody tr td { padding: 5px; }
	.dataTables_info { display: none; }
	#table2 td:last-child, #table2 th:last-child,
	#table2 td:nth-child(2), #table2 th:nth-child(2) { display: none; } /* an example of removing columns in a table in a responsive */
	#dyntable2 td:last-child, #dyntable2 th:last-child { display: none; }
	div.checker { margin: auto; }
	.dataTables_wrapper input { width: 100px; }
	
	
	/* PROFILE */
	.profile_summary li { display: block; float: none; }
	.profile_summary li a { border-left: 0; border-bottom: 1px solid #eee; }
	.profile_summary li:last-child a { border-bottom: 0; }
	.blogthumb { float: none; display: inline-block; }
	.blogsummary { margin-left: 0; margin-top: 20px; }
	
}

@media screen and (max-width: 450px) {
	
	.header{	max-height: none;}
	
	/* DASHBOARD */
	.overviewselect { float: none; margin-bottom: 10px; }
	.overviewselect div.selector { width: 124px; }
	
	.shortcuts li.one_half{ width:40%; margin-right: 3%; }
	.shortcuts li.last { margin-right: 0; }
	
	.overviewtable tbody tr td { font-size: 14px; }
	.overviewtable2 td:last-child, .overviewtable2 th:last-child { display: none; }
	
	
	/* FORMS */
	form input.longinput, form textarea.longinput { width: 100%; }
	.stdform span.field, .stdform div.field { display: block; padding-right: 10px; }
	.stdform2 span.field, .stdform2 div.field { padding-right: 22px; }
	
	/* FILE MANAGER */
	.filemgr_menu li.marginleft20 { margin-left: 5px; }
	.filemgr_menu li.filesearch { margin-left: 0; }
	
	/* ELEMENTS */
	.anchorbutton { font-size: 11px; font-weight: normal; margin-bottom: 10px; }
	
	/* WIDGETS */
	.slide_content button { width: 100%; margin-bottom: 10px; }
	
	/* CALENDAR */
	.fc-button-month .fc-button-content, .fc-button-agendaWeek 
	.fc-button-content, .fc-button-agendaDay .fc-button-content, 
	.fc-button-today .fc-button-content { font-size: 11px; }
	.fc-header-title { display: none; }
	.calTitle { 
		display: block; text-align: center; text-transform: uppercase; 
		margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #FB9337; 
	}
	
	/* TABLES */
	.dataTables_paginate { padding: 5px; }
	.dataTables_paginate .paginate_button { padding: 5px; }
	.dataTables_paginate .paginate_active { padding: 5px; }
	
	.tables .stdtablecb th:nth-child(3), .tables .stdtablecb td:nth-child(3),
	.tables .stdtablequick th:nth-child(3), .tables .stdtablequick td:nth-child(3){ display: none; }
	
	.imagelist li img { width: 140px; }
}

@media screen and (max-width: 425px) {
	
	
	.header{	max-height: none;}
	
	.headermenu li a {

	padding-right: 5px;
	padding-left: 5px;
}
	
	/* FILE MANAGER */
	.trashbtn { margin-left: 0; margin-top: 10px; }
	.filemgr_menu form input.filekeyword { width: 180px; }
	
	/* ELEMENTS */
	.flatmode { display: none; }

	
	/* WIDGETS */
	.slide_img { float: none; }
	.slide_content { margin-left: 0; margin-top: 20px; }
	
	/* TABLES */
	#dyntable td:first-child, #dyntable th:first-child,
	#dyntable td:nth-child(2), #dyntable th:nth-child(2) { display: none; }
	#dyntable td:nth-child(3), #dyntable th:nth-child(3) { border-left: 1px solid #ddd; }
	#dyntable2 td:nth-child(2), #dyntable2 th:nth-child(2) { display: none; }
	
	.imagelist li img { width: 270px; }
	
}

@media screen and (max-width: 400px) {
	
	.header{	max-height: none;}
	
	
	/* LOGIN */
	.loginpage { background: url(../images/patternbg.png) repeat scroll 0 0 #0f7da4; }
	.loginbox { width: auto; margin: 10px; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
	.loginboxinner { background: none; }
	
	/* DASHBOARD */
	.overviewtable2 td:first-child, .overviewtable2 th:first-child { display: none; }
	.overviewtable2 td:nth-child(2), .overviewtable2 th:nth-child(2) { border-left: 1px solid #ddd; }
	
	/* TABLES */
	.tableoptions select { width: 70px; }
	.tableoptions button { padding: 7px 5px; }
	
	.imagelist li img { width: 230px; }
}

@media screen and (max-width: 380px) {
	
	#rc-imageselect, .g-recaptcha {transform:scale(0.95);-webkit-transform:scale(0.95);transform-origin:0 0;-webkit-transform-origin:0 0; margin: 12px 0;}
	.header{	max-height: none;}
	
	.topheader .left h1.logo { font-size: 24px; }
	.headermenu li a { min-width: 75px; font-size: 11px; }
	
	/* DASHBOARD */
	.overviewtable td:first-child, .overviewtable th:first-child { display: none; }
	.overviewtable td:nth-child(2), .overviewtable th:nth-child(2) { border-left: 1px solid #ddd; }

	
	/* FILE MANAGER */
	.newfoldbtn { margin: 10px 5px 0 0 !important; }
	.filemgr_menu form input.filekeyword { width: 150px; }
	
	/* WIDGETS */
	.entry_img { float: none; }
	.entry_content { margin-left: 0; margin-top: 20px; }
	
	/* ERROR PAGES */
	.errorwrapper button { width: 100%; padding: 10px; }
}

@media screen and (max-width: 350px) {
	
		#rc-imageselect, .g-recaptcha {transform:scale(0.83);-webkit-transform:scale(0.83);transform-origin:0 0;-webkit-transform-origin:0 0; margin:0;}
	
	.header{	max-height: none;}
		

	.topheader .left h1.logo { font-size: 18px; }
	.userinfodrop { min-width: 280px; }
	.headermenu li a { min-width: 65px; }
	
	/* DASHBOARD */
	.overviewhead input.hasDatepicker { width: 38px !important; }
	.overviewselect { padding-right: 8px; }
	.overviewselect div.selector { width: 100%; }
	
	/* FORMS */
	.tagsinput { width: auto; }
	
	/* FILE MANAGER */
	.viewfilebtn { margin: 10px 5px 0 0 !important; }
	.filemgr_menu li a.newfilebutton { font-size: 11px; padding: 4px 5px; }
	.filemgr_menu form input.filekeyword { width: 130px; }
	.filemgr_category ul li a { padding: 2px 3px; font-size: 10px; }
		
	/* CALENDAR */
	.fc-button-today { display: none; }
	
	/* GRID */
	blockquote.alignright, blockquote.alignleft { width: auto; }
	
		
}

	.menucoll2 *:not(a):not(.product):not(ul) {
    display: none;
}

.rc-anchor-normal {
    height: 74px;
    width: 250px;
}



/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.headermenu li.icon {display: none;}


 /* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:900px) {
	
	.vernav2 {

    top: 113px;
}
	
	.MobPlaceholder{position: relative; height:55px;}
	
	.header {
   
    position: absolute;
    width: 100%;
    z-index: 1000;
}
	
	.header {min-height: 49px;}
	
/* Change background color of links on hover */
   ul.topnav li a:hover {}	
	
	
  ul.headermenu li:not(:first-child) {display: none;}
  ul.headermenu li.icon {
    float: right;
    display: inline-block;
	width:100%;
	position: relative;
  }
  

.headermenu {
    overflow: hidden;
    list-style: none;
    border: none;
    display: block;
}


.headermenu li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 10px;
    background: none;
    -moz-box-shadow: inset 0 1px 0 #0d6988;
    -webkit-box-shadow: inset 0 1px 0 #0d6988;
	min-width: 100%;
	text-align: left;
	
}

.headermenu li a:hover {
	background-color: #048fc3;
	background-image: none;
	border: none;
}


.headermenu li.current {border:none;}

.headermenu li.current a {
   	background-color: #048fc3;
	background-image: none;
    -moz-box-shadow: inset 0 1px 0 #0d6988;
    -webkit-box-shadow: inset 0 1px 0 #0d6988;
    box-shadow: inset 0 1px 0 #0d6988;
}

.headermenu li a span.icon {
    height: 0px;
    display: block;
    margin-bottom: 0px;
	display:none;
}
  
.headermenu li {
    float: left;
    display: inline-block;
    border:none;
}

  ul.headermenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

}

/* Float the list items side by side */
ul.headermenu li {float: left;}

/* Style the links inside the list items */
ul.headermenu li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 15px;
}
  
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:900px) {
  ul.headermenu.responsive {position: relative;}
  ul.headermenu.responsive li.icon {
    position: relative;
    right: 0;
    top: 0;
	width:100%;
  }
  ul.headermenu.responsive li {
    float: none;
    display: inline;
  }
  ul.headermenu.responsive li a {
    display: block;
    text-align: left;
  }
}