/*
*****************
*	GENERAL.CSS	*
*****************
*/

html {
	-webkit-font-smoothing: subpixel-antialiased;
	font-variant-numeric: lining-nums;
	font-feature-settings: "lnum" 1;
}

td, th, select{
	font-family: Raleway,Helvetica,Arial,sans-serif;
	font-size: 14px;
}

select:focus, input:focus, textarea:focus {
	outline: none !important;
	border: 1px solid #36C0F2!important;
}

.toggle_bar {
	position:absolute;
	float:left;
	TOP: 50%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

button {
	color: #ffffff;
	font-family: Raleway,Helvetica,Arial,sans-serif;
}

strong, b {
	font-weight: 600!important;
}

.input, .input_disabled {
	width: 155px;
}
/*
*****************
*	CUSTOM.CSS	*
*****************
*/

/* ---------- list  --------- */

/* ---------- form  --------- */
input::placeholder, textarea::placeholder {
	color: #BBBBBB !important;
}

/* IE browser support for placeholder text color */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #BBBBBB !important;
}

.footnote {
	padding-top: 2px;
	padding-left: 12px;
	text-align: left;
	color: #666666;
}
.fieldset {
	padding-top: 0px;
	clear: both;
}

fieldset {
	border: none;
	margin: 0px 0;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	clear: both;
}

fieldset > legend {
	margin-left: 2px;
	padding-left: 0px;
	padding-right: 9px;
	padding-top: 18px;
	padding-bottom: 8px;
}


legend img {
	vertical-align: middle;
}

fieldset p {
	margin: 5px 0;
}

legend {
	color: #0C90C0;
	font-weight: 600!important;
	margin-bottom: 3px; 
	padding-right: 5px;
	padding-bottom: 3px;
	vertical-align: middle;
	font-size: 15px;
}

.formArea fieldset{
	border: none;
	border-top: 1px solid #DADAD0;
	/*border-bottom: 1px solid #DADAD0;*/
}
.no_records {
	padding: 10px;
	margin-top: 10px;
	background: #fbfcfe;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(160, 165, 171, 0.15);
	background-color: #FCFCFC;
}

.formArea {
	border: 1px solid rgba(160, 165, 171, 0.15);
	margin: 0px;
	background: #FCFCFC;;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
}

.padded_container {
	padding-top:10px;
	padding-bottom:10px;
}
.required {
	color: #FF5C5C;
}

.input_required{
	background: #f9dada;
}

.name_required .name {
	color: #f64016;
}

.formTable td.unlimited {
	border-left: none;
}

.formTable td.limit {
	border-right: none;
}

.hint {
	color: #555555;
}

.formButtons {
	color: #999999;
	text-align: right;
	margin-top: 50px;
}

.chkProceed{
	text-align: right;
	padding-bottom: 8px;
	margin-left: 3px;	
}

.multiple_select{
	float: left;
}

.move_button {
	padding: 5px; 
	text-align: center;
}

.move_button .formButtons{
	border-top: 0px;
}

.moveback_button {
	float: left;
	padding: 5px; 
	text-align: center;
}

.select_buttons {
	float: left;
	vertical-align: middle;
	margin-top: 30px;
}

.submitButtons {
	/*padding-top: 15px;*/
	/*padding-bottom: 40px;*/
}
.text_xtra_long {
	width: 240px;
}
.text_long {
	width: 224px;
}

.text_med {
	width: 100px;
}

.text_short {
	width: 55px;
}

.text_long_disabled {
	width: 224px;
}
.text_xtra_long_disabled {
    width: 240px;
}

.text_med_disabled {
	width: 100px;
}

.text_short_disabled {
	width: 55px;
}

.text_time {
	width: 20px;
}

.text_paddl {
	padding-left: 2px;
}

.text_paddr{
	padding-right: 2px;
}
.checkbox_group{
	padding-right:10px;
	padding-bottom:10px;
}

.form_container{
	width: 500px;
}

.input_disabled, .textarea_disabled, .upload_input_disabled, input:disabled, select:disabled, textarea:disabled {
	background-color: #e9e9e9;
}

/* ---------- misc elements --------- */

#resize_tabs{
	height:1px;
}

/* ---------- common buttons --------- */

.someBtn span {
	text-decoration: none;
}

.someBtn:hover span {
	text-decoration: underline;
}

.someBtn button, .someBtn_disabled button, .someBtn, .someBtn_disabled, .panel_expand_button {
	cursor: pointer;
	font-size: 14px;
	border: 0 solid white;
	display: inline;
	white-space: nowrap;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.someBtn button {
	padding: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* ---------- big icon buttons  --------- */
.actionBtnswrap {
	float: none;
	height:72px;
}

.actionBtnswrap + .actionBtnswrap {
	padding-bottom: 0px; 
}

.actionBtns_disabled span.largeBtn_disabled,
.actionBtns span.largeBtn {
	cursor: pointer;
	color: #999999;
	text-decoration: none;
}

.actionBtns_disabled button,
.actionBtns button {
	display: none;
}

.actionBtns:hover a {
	text-decoration: underline;
}

.left_b {
	float: left;
	width: 116px;
	min-height: 37px;
}

.left_b a:link, .left_b a:visited, .left_b a:active {
	color: #444;
}

/* ---------- small icon buttons  --------- */
.btnTable .someBtn,
.menuUp .someBtn,
.btnTable .someBtn_disabled,
.menuUp .someBtn_disabled {
	background: none;
    cursor: pointer;
}

.menuUp a, .menuUp a:hover, .menuUp a:visited{
	color:#222 !important;
}

.btnTable .someBtn button,
.menuUp .someBtn button {
	display: none;
}

.btnTable .someBtn span,
.menuUp .someBtn span {
	background-repeat: no-repeat;
	background-color: transparent;
	padding-left: 23px;
	cursor: pointer;
	padding-bottom: 4px;
	margin-right: 10px;
	color: #3c3c3c;
}


/* buttons as buttons */
.formButtons .someBtn span,
.formButtons .someBtn_disabled span{
	display: none;
    cursor: pointer;
}

.formButtons button {
	width: 80px;
	height: 28px;
	text-align: center;
    cursor: pointer;
}
.plusBtnLarge button, .plusBtnLarge_disabled button, .minusBtnLarge button, .minusBtnLarge_disabled button{
	float:left;
}

.minusBtn button,
.minusBtn,
.minusBtn_disabled,
.plusBtn,
.plusBtn_disabled,
.minusBtn_disabled button,
.plusBtn button,
.plusBtn_disabled button,

.minusBtnLarge button,
.minusBtnLarge,
.minusBtnLarge_disabled,
.plusBtnLarge,
.plusBtnLarge_disabled,
.minusBtnLarge_disabled button,
.plusBtnLarge button,
.plusBtnLarge_disabled button,
.calendarBtn,
.calendarBtn button,
.calendarBtn_disabled,
.calendarBtn_disabled button,
.listenBtn,
.listenBtn button,
.listenBtn_disabled,
.listenBtn_disabled button {
	font-family: Raleway,Helvetica,Arial,sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: transparent;
	border: 0;
	background-repeat: no-repeat;
}

/*
*****************
*	LAYOUT.CSS	*
*****************
*/

body, form {
	margin: 0;
	padding: 0;
	font-family: Raleway,Helvetica,Arial,sans-serif;
	font-size: 14px;
}

body {
	font-family: Raleway,Helvetica,Arial,sans-serif;
	font-variant-numeric: lining-nums;
	font-size: 14px;
	background: #FFFFFF;
	padding-bottom: 20px;
}

/* start here */
html, body { 
  height: 100%;
  padding: 0;
  margin:0;
  width: 100%; 
} 

#content { 
  height: 100%; 
  vertical-align:top;
  /* overflow: auto;  */
} 

/* end here */

td {
	vertical-align: middle;
}

th {
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	height: 30px;
}

.pageBody {
	margin: 0px 20px 20px 20px;
}
.tabs {
	height: 5px;
}

.menuUp {
	float: left;
	margin-left: 10px;
	padding: 5px 0px 5px 20px;
}

.titleBox {
	float:left;
}

.pageTitle {
	width: 100%;
	z-index: 1000;
	top: 20px;
	left: 0;
	padding-right: 20px;
	padding-left: 20px;
	box-sizing: border-box;
	margin: 0;
	vertical-align: middle;
}

.quickLink, .pageTitle, .controllerContent {
	background-color: #F7F8F8;
}

.pageTitle img,
.pageTitle input,
.pageTitle select {
	vertical-align: middle;
}

p {
	margin: 5px 0;
}

.errorMessage {
	margin: 10px 0;
}

.errorMessage img {
	float: left;
	margin-right: 5px;
}

/* ---------- list  --------- */
.list_data {
	width: 100%;
	padding: 0px;
	margin-bottom: 5px;
	border-collapse: collapse;
}

.list_data tr {
	border-collapse: collapse;
	padding: 0px;
}

.list_data td, .list_data th {
	padding: 5px;
	white-space: nowrap;
	border-collapse: collapse;
}

.list_data #graphbar td {
	margin: 0px;
	padding: 0px;
}

td input,
td select {
	vertical-align: middle;
}

.display_bar{
	margin-top: 9px;
	margin-bottom: 8px;
	color: #999999;
}

.listTable td, .listTable th {
	padding: 5px;
	line-height: 1.3;
}

.listTable td img .icon {
	cursor: pointer;
}

.number {
	text-align: right;
}

#changes {
	float : left; 
	padding-right: 3px;
}

.icon {
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 3px;
}

.icon img {
	padding: 3px;
}

.enabled_arrow {
	cursor: pointer;
}

.search input,
.search .someBtn {
	margin-right: 7px;
	vertical-align: middle;
    cursor: pointer;
}

.searchContainer, #search_id, #removal_btn {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #F7F8F8;
	padding-top: 4px;
	padding-bottom: 4px;
}

.listTable {
	border-collapse: collapse;
	margin-top: 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.btnTable {
	margin: 7px 0;
	margin-bottom:0px;
}

.btnTable div {
	white-space: nowrap;
}

.misc_right {
	white-space: nowrap;                
	text-align: right;
}

.misc_left{
	text-align: left;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 0px;
}


.main input {
	margin-right: 7px;
}
.main .someBtn,
.main .someBtn_disabled{
	margin-right: 14px;
    cursor: pointer;
}

misc input {
	margin-left: 7px;
}

.misc_right .someBtn, .misc_left .someBtn {
	margin-left: 8px;
    cursor: pointer;
} 

th img {
	vertical-align: middle;
}

.select {
	text-align: center;
}

.multiple_select {
	float: left;
}

/* ---------- form  --------- */
.name,
.nameError {
	font-weight: normal;
	white-space:nowrap;
	color: #444444;
}

.clientForm {
	width: 500px;
}

.formTable {
	border-collapse: collapse;
	width: 100%;
}

/* Round first visible child... harder to select than it seems: first TD is rounded, first TD after hidden TD is rounded, all TD after visible TD are normal, last TD is rounded  */
.listTable th:first-child,
.listTable th[style*="display:none"] + th,
.listTable th[style*="display: none"] + th,
.simple_table_header:first-child,
.simple_table_header[style*="display:none"] + .simple_table_header,
.simple_table_header[style*="display: none"] + .simple_table_header,
.whiteReportTable tr:first-child td:first-child,
.whiteReportTable tr:first-child td[style*="display:none"] + td,
.whiteReportTable tr:first-child td[style*="display: none"] + td{
	border-radius: 8px 0px 0px 0px;
	-moz-border-radius: 8px 0px 0px 0px;
	-webkit-border-radius: 8px 0px 0px 0px;
}

.listTable th:not([style*="display"]) ~ th,
.simple_table_header:not([style*="display"]) ~ .simple_table_header,
.whiteReportTable tr:first-child td:not([style*="display"]) ~ td {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.listTable th:last-child:last-child,
.simple_table_header:last-child:last-child,
.whiteReportTable tr:first-child td:last-child:last-child{
	border-radius: 0px 8px 0px 0px;
	-moz-border-radius: 0px 8px 0px 0px;
	-webkit-border-radius: 0px 8px 0px 0px;
}

select, input, textarea, .input, .text_area, .input_disabled, .textarea_disabled {
	font-size: 14px;
	border: 1px solid #D6D9DB;
	padding: 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 26px;
	box-sizing: border-box;
}

:focus, button:focus {
	outline: none;
}

.formTable input, 
.formTable select {
	vertical-align: middle;
}

.formTable td.name,
.formTable td.required_name,
.formTable td.nameError {
	padding-left: 0;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-top: 9px;
	width: 400px;
	text-align: left;
	vertical-align: middle;
}

.formArea td.name {
	height: 20px;
}

td.unlimited {
	vertical-align: middle;	
}

option.dummyLine {
	color: #ffffff;
}

#searchInput {
	margin-left: -1px;
}


.option {
	margin-bottom: 5px;
}

.formButtons input,
.formButtons button {
	margin-left: 7px;
}

.formTable td.limit {
	padding-right: 25px;
	white-space: nowrap; 
	width: 140px;
}

.formTable td td.limit {
	padding-left: 0px;
}

.formTable td {
	padding: 3px 2px 3px 0px;
	color: #444444;
}

.fieldButtons input,
.fieldButtons button {
	margin: 5px 5px 0 0; 
}


.textarea_med {
	width: 400px;
	height: 120px;
}

.textarea_large, .textarea_large_disabled {
	overflow: auto;
	width: 400px;
	height: 240px;
}

textarea {
	width: 300px;
	height: 80px;
}

legend .checkbox,
legend .checkbox,
.formTable .checkbox,
.formTable .radiobox {
	margin-right: 3px;
}

.checkbox_replacer {
	box-shadow: inset 0 0 0 2px;
	border-radius: 2px;
}

.checkbox_replacer, .radio_replacer {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid #BABABA;
	cursor: pointer;
	background-color: white;
	color: white;
	-webkit-transform: translateY(2px) translateZ(0);
	-ms-transform: translateY(2px) translateZ(0);
	transform: translateY(2px) translateZ(0);
	margin-right: 5px;
}

.radio_replacer {
	box-shadow: inset 0 0 0 2px;
	border-radius: 100px;
}

.suboption {
	margin-left: 18px;
}

.input_container .input_field, .input_container .input_icon, .input_container .input_lficon {
	display: inline-block;
}

.input_rule_container .input_field, .input_rule_container .input_icon, .input_rule_container .input_lficon {
	float: left;
}

.input_rule_container .input_icon {	
	padding-left: 5px;
}

.input_container .input_icon {
	vertical-align: middle;
}

.input_rule_container {
	height: 21px;
 	padding-bottom: 2px; 
	padding-top: 2px;
}

.rule_labels {
	float: left;
	white-space: nowrap;
	padding-right: 2px;
	padding-left: 2px;
}

.first_rule_label {
	float: left;
	white-space: nowrap;
	padding-right: 2px;
	padding-left: 50px;
}

.rule_line {
	height: 22px;
	width: 690px;
	overflow:hidden;
}

.advanced{
	text-align: right;
	vertical-align: middle;
}

.right_field {
	float: right;
}

.advanced input {
	width: 16px;
	padding-left: 2px;
}

.advanced input, .advanced .checkbox_styler {
	width: 16px;
	padding-left: 2px;
	margin-top: -2px;
}

.limits {
	width: 130px;
}

.limit_pref_row {
	text-align: left; 
}
.limit_pref_row .limit_pref_row_cell {
	text-align: left;	
}

.radio_padded {
	padding: 0px;
	margin: 0px;
	height: 20px;
	border: 0px;
}

.highlight_title {
	color: blue;
}

.help_caption {
	border:1px solid #DADAD0; 
	background:#FFFFCC; 
	padding:3px;
	cursor: pointer;
}
.action_field {
	/* font-style:italic; */
	font-weight:bold;
}

/* -------------- for report --------- */

td.report_name {
	vertical-align: top;
	padding-left: 0;
	padding-right: 10px;
	padding-bottom: 8px;
	width: 400px;
}

/* ---------- big custom buttons  --------- */
.customBtnswrap {
	float: none; 
	height: 72px;
	/* padding-bottom: 3px; */ 

}
.customBtnswrap + .customBtnswrap {
	padding-bottom: 0px; 
}

.customBtns_disabled,
.customBtns {
	height: 60px;
	padding-top: 8px; 
	border 1px solid green;
	float:left;
}

.customBtns_disabled .largeBtn_disabled {
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
	/* padding: 32px 0px 8px 0px; */
	padding: 0px 0px 0px 0px;
	width: 96px;
	/* height: 27px; */
	margin: 0;
	cursor: pointer;
	text-align: center;
	float: left;
}

.customBtns .largeBtn {
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
	/* padding: 32px 0px 8px 0px; */
	padding: 0px 0px 0px 0px;
	width: 96px;
	/* height: 27px; */
	margin: 0;
	cursor: pointer;
	text-align: center;
	float: left;
}

.customBtns .largeBtn a, .customBtns_disabled .largeBtn_disabled a{
	text-decoration:none;
}

.customBtns_disabled largeBtn_disabled div{
	cursor: pointer;
	color: #999999;
	text-decoration: none;
}
.customBtns .largeBtn div{
	color: #000000;
	text-decoration: none;
}

.customBtns_disabled button,
.customBtns button {
	display: none;
}

/* styles for graph component - picker */
.picker .cellcontainer {
	width: 100%;
	display: block;
	float: none;
	padding-left: 1px;
}

.small_select, .small_select_disabled {
	min-width: 80px;
}

.separator_select {
	width: 45px;
	text-indent: 5px;
}
.medium_select, .medium_select_disabled {
	width: 150px;;
}

.large_select {
	width: 180px;
}
.xlarge_select {
	width: 240px;
}
/* Autocomplete styles */

/* pannel control layer style */
.layer_style {
	font-size: 11px;
	padding: 10px;
	padding-top: 0px;
}


.layer_style_row {
	padding: 2px;
}

.layer_panel_xlarge {
	margin-top:15%;
	width:860px;
	height:100px;
}

.layer_panel_large_content {	
	width:540px;
}
.layer_panel_xlarge_content {	
	width:860px;
}

.layer_style_center {
	padding: 2px;
	padding-left: 30px;
}

.layer_panel_large {
	margin-top:15%;
}

.layer_panel_small {
	margin-top:5%;
}

.layer_panel_medium {
	margin-top:10%;
}
/* ------------ panel popup ------------*/
.backgroundDiv {	
	background:#F6F6F4;
	-ms-filter: 	"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
	opacity: .45;
	filter:alpha(opacity=45);
	-moz-opacity: 0.45;
	opacity: 0.45;
	position:absolute;	
	z-index: 997;
}


.panel_contentDiv #search_id .misc_left{
	padding-bottom:10px;
	padding-top:5px;

}

.panel_contentDiv .btnTable .misc_left{
	padding-bottom:0px;
	padding-top:3px;
}

.panelBtn button {
  width: 22px;
  height: 18px;
  cursor: pointer;
}

.panelBtn{
	width: 22px;
	height: 18px;
	cursor: pointer;
} 

.panel_content {
   padding:0px;
   margin:0px;
   vertical-align:top;
}

.panel_resize {
  border:0px;
}

.panel_iframe {
  display:block;
   position:absolute;
  top:3px;
  left:3px;
  z-index:-1;  
}

.panel_buttons{
	margin-bottom:5px;
}
.panel_buttons a {
    text-decoration: none;
}

.panel_buttons a:hover {
    text-decoration: underline;
}

.panel_apply {
	font-weight:bold;
	display:inline;
	margin-right:5px;	
}

.panel_cancel {
	font-weight:bold;
	display:inline;
	margin-left:5px;
}

/* ------- advanced search style ------------ */
.search_select {
	width: 124px;
}

.search_text {
	width: 146px;
}
.search_td {
	font-family: Raleway,Helvetica,Arial,sans-serif;
	font-size: 11px;
	vertical-align: top;
	font-weight: normal;
	color: #444444;
}

.simple_search {
	position: relative;
	padding-top: 3px;
	bottom: 20px;
	margin-left: 135px;
}

#ns_check_containter{
	margin-top:12px;
}



.Row {
	background-color: #ffffff; 
}

.Row .simple_table_row {
	background-color: #ffffff; 
	border-bottom:1px solid #cad9f5;
}


.Row a, .redRow a, .yellowRow a, .greenRow  a{
	color:#222222;
}


.Row_mover {
	background-color: #F7F8F8;
}

.Row_checked {
	background-color: #F4F5F5;
}

.list_data .evenRow {
	background-color: #ffffff; 
}

.list_data .evenRow  a{
	color:#222222;
}

.list_data .oddRow  a{
	color:#222222;
}



/* ------------ panel popup ------------*/
.backgroundDiv {	
	background:#F6F6F4;
	-ms-filter: 	"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
	opacity: .45;
	filter:alpha(opacity=45);
	-moz-opacity: 0.45;
	opacity: 0.45;
	position:absolute;	
	z-index: 997;
}


.panel_contentDiv #search_id .misc_left{
	padding-bottom:10px;
	padding-top:5px;

}

.panel_contentDiv .btnTable .misc_left{
	padding-bottom:0px;
	padding-top:3px;
}

.panelBtn button {
  width: 22px;
  height: 18px;
  cursor: pointer;
}

.panelBtn{
	width: 22px;
	height: 18px;
	cursor: pointer;
} 

.panel_content {
   padding:0px;
   margin:0px;
   vertical-align:top;
}

.panel_resize {
  border:0px;
}

.panel_iframe {
  display:block;
   position:absolute;
  top:3px;
  left:3px;
  z-index:-1;  
}

.panel_buttons{
	margin-bottom:5px;
}
.panel_buttons a {
    text-decoration: none;
}

.panel_buttons a:hover {
    text-decoration: underline;
}

.panel_apply {
	font-weight:bold;
	display:inline;
	margin-right:5px;	
}

.panel_cancel {
	font-weight:bold;
	display:inline;
	margin-left:5px;
}
.panel_contentDiv {
	padding-top:10px;
	padding-bottom:5px;
	padding-right:7px;
	padding-left:11px;
	overflow:hidden;
}

.layer_panel_xlarge {
	margin-top:15%;
	width:860px;
	height:100px;
}

.layer_panel_large_content {	
	width:540px;
}
.layer_panel_xlarge_content {	
	width:860px;
}

.layer_style_center {
	padding: 2px;
	padding-left: 30px;
}

.layer_panel_large {
	margin-top:15%;
}

.layer_panel_small {
	margin-top:5%;
}

.layer_panel_medium {
	margin-top:10%;
}

/* ------------ panel popup ------------*/
.inner_table1 {
	background-repeat:no-repeat;
	background-position:bottom right;
	padding:0px;
	margin:0px;
	padding-right:4px;
	padding-bottom:4px;
	border:0px;
}


.table2{
   border:1px solid #bbbbbb;

}

.panel_min_support{
	
	min-width:150px; 
	width:auto !important; 
	width:150px; 
	
	min-height:150px; 
	width:auto !important; 
	height:150px;
}

.panel_maxw_support_small {
	max-width:240px; 
	width:auto !important; 
	width:240px; 
}

.panel_maxw_support_medium {
	max-width:330px; 
	width:auto !important; 
	width:330px; 
}

.panel_maxw_support_xmedium {
	max-width:460px; 
	width:auto !important; 
	width:460px; 
}

.panel_maxw_support_large {

	max-width:560px; 
	width:auto !important; 
	width:560px; 
}

.panel_maxw_support_xlarge {
	max-width:800px; 
	width:auto !important; 
	width:800px; 
}
.move_table_bottom {
	border-bottom:1px solid #dddddd;
}

#pBar{
	padding-left:5px;
}

#bid-up_level{
	margin-left:5px;
}

.search_td {
	white-space:nowrap;
	font-family: Raleway,Helvetica,Arial,sans-serif;
	font-size: 11px;
	vertical-align: middle;
	font-weight: normal;
	color: #444444;
	background-color:#FFFFFF;
	border:1px solid #E0E0E0;		
	height:30px;
}

.recaptchaBox {
    max-width: 175px;
    transform:scale(0.80);
    -webkit-transform:scale(0.80);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

.statusIcon {
	cursor: pointer;
	cursor: hand;
}

.showLicense_agreeFormTable {
    width: 750px;
    margin: 0 auto;
}

th > .icon:only-child > .checkbox_styler,
th > .checkbox_styler:only-child,
td > .checkbox_styler:only-child {
	margin-top:-3px;
}

/*.checkbox_styler:first-child, .radio_styler:first-child {*/
	/*margin-left:0;*/
/*}*/

.checkbox_styler, .radio_styler{
	display:inline-block;
	user-select:none;
	-moz-user-select: none;
	-webkit-user-select:none;
}

/* disabled checked checkbox */
.checkbox_styler > input:checked:disabled + .checkbox_replacer, .radio_styler > input:checked:disabled + .radio_replacer {
	background-color: #BABABA;
}

.checkbox_styler > input:checked:disabled + .checkbox_replacer, .radio_styler > input:checked:disabled + .radio_replacer {
	color: white;
}
/* ------------------------ */

td .checkbox, td .checkbox_disabled {
	margin-bottom: 2px;
}

.checkbox_styler > input, .radio_styler > input {
	position: absolute;
	left: -9999999px;
}

.checkbox, .checkbox_disabled, .radiobox, .radiobox_disabled {
	width: 13px;
	height: 13px;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	border: 0px;
}

div.upload_fileinputs, div.upload_fileinputs_disabled {
	position: relative;
	display: inline-block;
	overflow: hidden;
	min-height: 20px;
	width: 330px;
}

.upload_fileinputs, .upload_fileinputs_disabled {
	height: 29px;
	float: left;
}

.name + td .repeatable_template.large {
	margin-left: -80px;
}

.upload_input, .upload_input_disabled {
	width: 224px;
}

.upload_hidden {
	position: absolute;
	text-align: right;
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	float: left;
	top: 0px;
	left: 0px;
	min-width: 310px;
	border: 1px solid red;
	cursor: pointer;
}

.upload_hint {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}

.x_rem_icon {
	padding-left: 3px;
	padding-right: 3px;
}

.x_rem_icon img {
	background-color: #f35a5a;
	border-radius: 3px;
}

.plus_minus_prefix, .plus_minus_container {
	display: inline;
}

.repeatable_template_controls.large {
	position: absolute;
	top: 50%;
	margin-top: -12px;
	margin-left: 5px;
	left: 0;
	padding-left: 0;
}

.repeatable_template_controls {
	margin-left: 5px;
	margin-right: 10px;
	/*margin-top: 1px;*/
}

/* Custom Buttons section; other skin colors are not used anymore */
.repeatable_template.large:before {
	content: '';
	display: block;
	width: 1px;
	height: 92%;
	position: absolute;
	top: 4%;
	left: 60px;
	background-color: #d9d9d9;
}

.repeatable_template.large {
	position: relative;
	padding-left: 80px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.name + td .repeatable_template.large {
	margin-left: -80px;
}


/* Panel style */
#panel {
	transition: opacity 0.2s linear;
	z-index: 1001 !important;
	min-height: 300px;
}

.panel_title {
	color: #222222;
	height: 22px;
	font-size: 15px;
	cursor: move;
}

.panel_middle_middle, .panel_main {
	background-color: #FFFFFF;
	box-shadow: #999999 0px 0px 7px 0px;
	border-radius: 8px;
	overflow: auto;
	height: auto;
}


.panel_content {
	background: #FFFFFF;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}


.panel_contentDiv {
	background-color: transparent !important;
	margin: 0px;
	min-width: 500px;
	max-width: 1000px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	overflow: hidden;
	position: relative;
	max-height: 70vh;
	overflow-y: auto;
	overflow: auto;
	padding: 3px;
	padding-right: 30px;
	padding-left: 30px;
}

#panel_header {
	border:0px;
	padding:0px;
	font-weight:bold;
	height:30px;
	border-bottom:0px solid #666666;
}

#panel_header,
.ui-dialog-titlebar{
	background: #484B4E !important;
	color:#F0F0F0 !important;
	min-height: 60px !important;
	padding-left:30px !important;
	margin:0 !important;
}
.ui-dialog-titlebar {
	width:auto !important;
	min-width:800px;
}
#panel_header {
	height:auto!important;
	min-height:0!important;
	padding:20px 0px 20px 0px;
}
#panel_header *,
.ui-dialog-titlebar * {
	color: #F0F0F0 !important;
	font-size: 18px !important;
	font-weight:normal !important;
}

#pBar {
	color: #444;
}

.panel_show_columns_item {
	margin: 10px 0;
	display: inline-block;
	width: 200px;
}

#panel_show_columns.large {
	max-width: 400px;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

#panel_show_columns {
	max-height: 360px;
	padding: 10px;
	max-width: 200px;
}

#panel_htalertDiv {
	width: 1px;
	min-width: 100%;
	box-sizing: border-box;
	height: auto;
}

.conHTAlert, .conHTAlert_warning {
	background: #FFF9E6;
	background-image: url(../icons/warn.png);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	padding: 11px 15px 10px 45px;
}

.panel_controls {
	margin: 0 30px;
	padding: 15px 0;
	border-top: 1px solid #E4E9F0;
	text-align: right;
}

.panel_close:active {
	background-position: 22px 0px!important;
}

.panel_close:hover {
	background-position: 44px 0px!important;
}

.panel_hidden {
	display:none !important;
}
/* END Panel style */


/* Calendar style css */
.date_input, .date_input_disabled {
	width: 96px;
}

.datetime_input, .datetime_input_disabled{
	width: 135px;
}

.date_input_disabled {
	background-color:#D4D0C8;
}
.table1 {
	width:100%;
}
.table1 a {
	text-decoration: none;
}

.table {
	border:1px solid #dadad0;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	background-image:url(../images/background.gif);
	width:100%;
}

#panel_close_calendar:hover {
	background-position: 32px 0px!important;
}

#panel_close_calendar:active {
	background-position: 16px 0px!important;
}

.calendar_header {
	width: 100%;
}

.calendar_header img {
	vertical-align: middle;
	padding-left: 10px;
}

.calendar_header_container {
	background: #A0A5AB;
}

.calendar_top {
	top: 3px;
}

.month, .month_selected {
	text-align: left;
}

#spanYear, #spanMonth {
	margin-left: 25px;
}

.calendar_content {
	padding:14px 14px 6px 14px!important;
}

.calendar_content td {
	text-align: center;
}

.calendar_area  td {
	padding:4px;
	font-family: Raleway,Helvetica,Arial,sans-serif;
}


.calendar_text {
	width: 33px;
	color: #000000;
	background: #F5F8FC;
}

.time_controls{
	cursor: pointer;
	position:relative;
}

.calendar_time {
	height: 25px;
	color: #FFFFFF;
	width: 100%;
}

.calendar_time > td {
	height: 30px;
}

.hourDiv, .minuteDiv {
	margin-right: 6px;
}

.calendar_content a {
	line-height: 25px;
	display: block;
	height: 25px;
}

.calendar_footer{
	padding: 0px;
	background: #569ee2;
}

.controls {
	cursor: pointer;
}

.prev_month {
	text-align: right;
	color: #999999;
}

.next_month {
	text-align: right;
	color: #999999;
}

#selectMonth {
	margin-left: 45px;
}

.current_day {
	color: #000000!important;
	background-color: #D6D9DB;
	border-radius: 27px;
	width: 28px;
}

.sunday {
	color: #2a5fc8;
}


.normal_day {
	color: #2a5fc8;
}

.month_pulldown,
.year_pulldown {
	text-align: center;
	background: #fff;
	border:1px solid #dadad0;
	cursor: pointer;
}

.calendar_minus,
.calendar_plus {
	font-size: 15px;
	font-weight: bold;
	/*     color: #2a5fc8; */
}

.year,
.month {
	color: #000000;

}

.year_selected,
.month_selected {
	color: #000000;
	font-weight: bold;
}

.calendarBtn, .calendarBtn_disabled { /*width: 16px; */display:inline-block; padding: 0px 3px 0px 3px;}
.calendarBtn button { /*width: 16px; */}
.calendarBtn span { display: none;}


.limit_pref_row_cell .calendarBtn, .limit_pref_row_cell .calendarBtn_disabled {
	vertical-align:bottom;
	position:relative;
	top:-3px;
}

.calendar_area b {
	font-weight:normal;
}
.calendar_time input {
	top:0;
}

.calendar_header_container {
	background:#A0A5AB;
}

.calendar_time {
	color: #000000;
}

.calendar_table {
	width: 300px;
}

.calendar_content td {
	text-align: center;
}

.calendar_area a, .calendar_area a:hover{
	color:#222;
}
/* END calendar style */


/* Log in/Forgot password page style */
.login_page_center {
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	margin-top: -50px;
}

.copyright {
	position: absolute;
	bottom: 9px;
	right: 50px;
	margin-left: 25px;
	-webkit-transform: perspective(1px) translate(0,-50%);
	-moz-transform: perspective(1px) translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: perspective(1px) translate(0,-50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	height: 30px;
	color: #A0A5AB;
}

.copyright a:link, .copyright a:active, .copyright a:visited {
	color: #A0A5AB;
}

.login_logo {
	width: 191px;
	position: absolute;
	left: 50px;
	bottom: 15px;
	-webkit-transform: perspective(1px) translate(0,-50%);
	-moz-transform: perspective(1px) translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: perspective(1px) translate(0,-50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
}

.login_body {
	background-color: #F7F8F8;
	overflow: hidden;
}

.login_form_borders {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.login_table {
	width: 400px;
	background-color: #fff;
	padding: 50px
}

.form_valid {
	background-color: #FF6400!important;
	cursor: pointer!important;
}

.login_form_header {
	height: 160px;
}

.login_form_title {
	padding-bottom: 15px;
	font-size: 36px;
	color: #FF6400;
	font-weight: 400;
}

.reset_password_strength_indicator {
	height: 10px;
	width: 100%;
	border-radius: 2px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: rgb(241, 241, 241);
	overflow: hidden;
}


.reset_password_strength_indicator:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: width 0.5s linear, background-color 0.5s linear;
	transition: width 0.5s linear, background-color 0.5s linear;
}

.reset_password_strength_indicator.low:before {
	background-color:#FF5C5C!important;
	width: 35%!important;
}

.reset_password_strength_indicator.medium:before {
	width: 70%!important;
	background-color:#FAE166!important;
}

.reset_password_strength_indicator.high:before {
	width: 100%!important;
	background-color: #0ACD82!important;
}

.panel_hint_error_title {
	color: #FF5C5C;
	margin-bottom: 10px;
}

.panel_hint_reset_password_title {
	color: #0ACD82;
	font-weight: 400;
	padding-bottom: 15px;
}

.panel_hint_reset_password_title, .panel_hint_error_title {
	font-size: 20px;
}

.login_hint {
	font-size: 18px;
	color: #A0A5AB;
}

.reset_hint {
	font-size: 16px;
	color: #43474c;
	line-height: 1.4;
}

.login_form_border_top {
	width: 100%;
	height: 2px;
	background-color:#FF6400;
}

/* position: relative on the parent will confine the children's positions to be absolute
   according to the parent and not according to the document.
   Used for login panel hint. */
.login-inputs {
	margin: 30px 0 40px 0;
	position: relative;
}

.login_form_container {
	position: relative !important;
}

.login_form_input {
	font-family: Raleway, Helvetica, Arial, sans-serif;
	width: 100%;
	height: 2.3em;
	font-size: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: none repeat scroll 0 0 transparent;
	border: none!important;
	border-bottom: 1px solid #D6D9DB!important;
	border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
}

.login_form_input:focus {
	border: none!important;
	border-bottom: 1px solid #FF6400!important;
}

.login_form_input.low {
	border-bottom: 1px solid #FF5C5C!important;
}

.login_form_input.medium {
	border-bottom: 1px solid #FAE166!important;
}

.login_form_input.high {
	border-bottom: 1px solid #0ACD82!important;
}

#action_button {
	width: 100%!important;
}

.login-form-button button, .back-to-login-form-button button{
	width: 100%!important;
	margin: 0!important;
	height: 48px!important;
	font-size: 20px;
}

.login-form-button button{
	background-color: #C4C7CA;
	cursor: default;
}

.back-to-login-form-button button {
	background-color: #FF6400;
	cursor: pointer;
}

.g-recaptcha {
	margin: 0 auto;
	width: 75%;
}

.forgot_form_header_image_container {
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.forgot_form_header_image {
	height: 226px;
	width: 380px;
	background-size: 380px 226px;
	background-repeat: no-repeat;
	background-image: url(../images/intermediar_password.png);
}

.login_form_username_wrapper:before {
	background-image: url(../icons/sprite-login-username.png);
}

.login_form_password_wrapper:before {
	background-image: url(../icons/sprite-login-password.png);
}

.login_form_cpassword_wrapper:before {
	background-image: url(../icons/sprite-login-cpassword.png);
}

.login_form_email_wrapper:before {
	background-image: url(../icons/sprite-recover-email.png);
}

.login_form_username_wrapper:before, .login_form_password_wrapper:before, .login_form_cpassword_wrapper:before, .login_form_email_wrapper:before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: calc(50% - (24px / 2));
	right: 10px;
	z-index: 1000;
}

.login_form_link, .back_to_login_link {
	font-size: 14px;
	margin-top: 30px;
}

.login_form_link {
	text-align: right;
}

.dns_login_link {
	color: #FF6400!important;
}

.back_to_login_link {
	text-align: left;
}

.back_to_login_button #action_button:last-child button:after {
	width: 24px;
	height: 24px;
	background-image: url(../icons/form_arrow_button.png);
	content: '';
	vertical-align: middle;
	display: inline-block;
	background-position: 23px;
}

.login_form_username_wrapper, .login_form_password_wrapper, .login_form_email_wrapper, .login_form_cpassword_wrapper {
	margin-bottom: 16px;
}

.login_form_wrapper {
    position: relative !important;
    background-color: #FCFCFC;
}

.login_form_text {
	width: 100%;
	height: 2.3em;
	font-size: 15px;
	padding-left: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: none repeat scroll 0 0 transparent;
	top: 0px !important;
}

.reset_form_header_image {
	background-image: url(../images/password_reset.png);
	width: 333px;
	height: 274px;
	background-size: 333px 274px;
}

.reset_form_header_image_success {
	background-image: url(../images/login_congrats.png);
	width: 337px;
	height: 231px;
	background-size: 337px 231px;
}

.reset_form_header_image_invalid {
	background-image: url(../images/invalid_token.png);
	width: 375px;
	height: 120px;
}

.reset_form_hint {
	padding-left: 30px;
	background-image: url(../icons/sprite-login-username.png);
	/*background-position: 0 -20px;*/
	background-repeat: no-repeat;
	margin-bottom: 28px;
	height: 28px;
	padding-bottom: 0px;
	font-size: 22px;
	color: #43474C;
	top: calc(50% - (28px / 2));
}

.username {
	font-weight: 600;
}

.reset_message_container, .forgot_message_container {
	text-align: center;
}

.reset_message_body, .forgot_message_body {
	text-align: center;
	font-size: 24px;
	line-height: 1.4;
	margin: 40px 0px 40px 0px;
}

.forgot_form_link, .reset_form_link {
	text-align: center;
	font-size: 16px;
}

.forgot_form_title {
	text-align: center;
}
/* END  Log in/Forgot password page style */


/* Panel hint tooltip for error */
#panel_hint_tooltip {
	position: absolute;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	color: #5e5e5e;
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
	-moz-border-radius: 7px;
	-moz-background-clip: padding;
}

.panel_hint_tooltip_username {
	top: -32%;
	left: 118%;
}


.panel_hint_tooltip_password {
	/*top: 36px;*/
	/*left: 521px;*/
	top: 7%;
	left: 118%;
}

.panel_hint_reset_password_tooltip {
	top: -100%;
	left: 118%;
}

#panel_hint_title {
	background-color: #f4f5f5;
	color: #A0A5AB;
	font-weight: 500;
	padding: 2px 0px;
	padding-left: 7px;
}

#panel_hint_error_content {
	background-color: #ffffff;
	color: #A0A5AB;
	width: 260px;
	font-size: 14px;
	padding: 24px 0px 24px 24px;
}

#panel_hint_reset_password_content {
	background-color: #ffffff;
	color: #A0A5AB;
	font-size: 14px;
	padding: 20px 0px 20px 30px;
}

.highlight_placeholder {
	color: #FF5C5C;
}

#panel_hint_content {
	background-color: #ffffff;
	color: #4a4e53;
	/*min-height: 155px;*/
	width: 350px;
}

#panel_hint_content ul li {
	list-style: none;
}

#panel_hint_content ul {
	padding-left: 0px;
	line-height: 7px;
	list-style-type:none;
	font-size: 14px;
}

#panel_hint_content ul li {
	padding-bottom: 13px;
}

.hf-popup-arrow {
	border: none;
	position: absolute;
}

.hf-popup-arrow::before {
	border: 6px solid transparent;
}

.hf-popup-arrow-right-to-left::before {
	border-left: none;
	/*border-right-color: #bababa;*/
}

.hf-popup-arrow-right-to-left::after {
	top: 1px;
	border-left: none;
	right: 0;
	border-right-color: #ffffff!important;
}

.hf-popup-arrow::after {
	border: 17px solid transparent;
	position: absolute;
}

.hf-popup-arrow::after, .hf-popup-arrow::before {
	content: " ";
	display: block;
	/*height: 8px;*/
	width: 8px;
}
/* End panel hint for reset password */


/*region ========================================= RESET PASS STRENGTH  =========================================*/

#setup #tr-admin_passwd_warning,
#setup .password_strength_indicator,
.reset_pass_field #tr-password_warning,
.reset_pass_field .password_strength_indicator {
	display: inline-block;
	vertical-align: middle;
	line-height: 12px;
}

#setup #tr-admin_passwd_warning,
.reset_pass_field #tr-password_warning {
	margin-top: 0px;
}

.reset_pass_field #tr-password_warning {
	font-size: 12px !important;
}

.reset_pass_field .password_strength_indicator {
	width: 180px;
	height: 5px;
}


#td-admin_passwd_strength > span {
	display:block;
	width:277px;
	text-align:right;
}

#tr-admin_passwd_warning,
#tr-password_warning {
	color:#999999;
}

#src_password {
	padding-left: 3px;
}

.password_strength_indicator {
	height:10px;
	width:100px;
	border-radius:2px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	background-color: rgb(241, 241, 241);
	overflow:hidden;
}

.password_strength_indicator:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	-webkit-transition:width 0.5s linear, background-color 0.5s linear;
	transition:width 0.5s linear, background-color 0.5s linear;
}
.password_strength_indicator.very_low:before {
	background-color: #fa0400;
	width:20%;
}
.password_strength_indicator.low:before {
	background-color: #ff8400;
	width:40%;
}
.password_strength_indicator.good:before {
	background-color: #fae166;
	width:60%;
}
.password_strength_indicator.high:before {
	background-color: #00e022;
	width:80%;
}
.password_strength_indicator.very_high:before {
	background-color: #09be79;
	width:100%;
}
/*endregion ========================================= RESET PASS STRENGTH  =========================================*/

/* show license page */
.pageBodyEula {
	position: absolute;
	top: 50px;
	bottom: 20px;
	left: 0;
	right: 0;
	margin-bottom: 0px;
}

.pageBodyEulaErr {
	position: absolute;
	top: 30%;
	bottom: 80px;
	left: 0;
	right: 0;
	margin-bottom: 0px;
}

.eulaContainer {
	margin: auto;
	height: calc(100% - 137px);
	overflow: auto;
	width: 775px;
}

.eulaErrContainer {
	margin: auto;
	width: 400px;
	font-size: 18px;
}

.eula {
	width: 750px;
}

.eula .textzone {
	text-align: justify;
	padding-bottom: 3px;
	padding-top: 3px;
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-margin-after: 5px;
	-webkit-margin-before: 5px;
	-webkit-margin-end: 0px;
	-webkit-margin-start: 0px;
}

.eula .smalltitle {
	display: block;
	font-size: 2em;
	-webkit-margin-before: 24.76px;
	-webkit-margin-after: 18.76px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}

.eula .textzone {
	text-align: justify;
	padding-bottom: 3px;
	padding-top: 3px;
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-margin-after: 5px;
	-webkit-margin-before: 5px;
	-webkit-margin-end: 0px;
	-webkit-margin-start: 0px;
}

.eula .subtitle {
	-webkit-margin-before: 18.62px;
	-webkit-margin-after: 12.62px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}

.eula .green_list img {
	padding-right: 2px;
	background-image: url(../icons/dot_green.png);
	background-repeat: no-repeat;
	height: 9px;
	width: 9px;
}

.eula .textzone .green_list div {
	padding-bottom: 3px;
	padding-top: 3px;
}

.eula .textzone .green_list {
	padding-bottom: 8px;
}

.eulaErrImage {
	background-image: url(../images/connection_yellow.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 150px;
	padding-bottom: 50px;
}
/* END show license page */

/* ---------- toggle bar  --------- */
.toggle_bar_container {
    width:7px;
    height:100%;
    overflow: hidden;
}

.toggle_bar {
    position:absolute;
    top:50%;
    height:40px;
    margin-top:-20px;
}
.toggle_bar:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7px;
    border: 7px solid transparent;
    border-left-width: 0;
}
.toggle_bar.hide:after {
    border-right-width: 0;
    border-left-width: 7px;
}

#toggle_bar_td {
    position:fixed;
    top: 0; bottom: 0;
    height: 100%;
    z-index:2000;
}
#contain_toggle {
    right:0 !important;
    cursor:pointer;
}

.toggle_bar_container {
    background: #888888;
}
.toggle_bar {
    background-color: #3E3E3E;
}
.toggle_bar:after {
    border-right-color: #E9F0F9;
}
.toggle_bar.hide:after {
    border-left-color: #E9F0F9;
}

/* foldable section */
.radio_styler:hover > input:not([disabled]) + .radio_replacer, .checkbox_styler:hover > input:not([disabled]) + .checkbox_replacer, .panel_row_active, .panel_row:hover, option:hover, .panel_row_shaddow:hover, .panel_row:hover, .foldBoxHeaderLayout:hover, .foldBoxHeaderLayout:hover .LabelSection span, .htextarea_input textarea:not(.editing):hover {
	background-color: #E7F7FD;
}

.foldBoxHeaderLayout:hover, .foldBoxHeaderLayout:hover .LabelSection span {
	background: #E6EEF8;
}

.foldBoxHeaderLayout:hover, .hide .foldBoxHeaderLayout {
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #000000;
}

.actionBtnswrap_group .foldBoxHeaderLayout {
	margin-top: 10px;
	font-size: 14px;
}

.pageTitle .name, .pageTitle b, .report thead, .foldBoxHeaderLayout, legend, #container_invoice_info thead td, #invoice_log_details thead td {
	color: #0C90C0;
	font-weight: 600!important;
}

.foldBoxHeaderLayout {
	margin-bottom: 0px;
	padding: 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 0px;
	padding: 3px;
}

.foldBoxHeaderArea {
	border-collapse: separate;
	height: 20px;
	overflow: hidden;
}

.actionBtnswrap_group .foldBoxHeaderArea .main {
	position: relative;
}

.foldBoxHeaderArea .main {
	width: 100%;
	line-height: 19px;
	vertical-align: top;
}

.foldBoxHeaderLayout .middle {
	height: 21px;
}

.foldBoxHeaderArea td {
	white-space: nowrap;
}

.actionBtnswrap_group .foldBoxHeaderArea .main:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: #E4E9F0;
}

.foldBoxHeaderLayout .front {
	height: 21px;
	width: 15px;
	padding-top: 1px;
}

.LabelSection {
	display: inline;
	float: left;
	margin: 0 0 0 -4px;
	height: 20px;
}

.show.hover.foldBox tr.all:hover .LabelSection span {
    padding: 0 18px 0 4px;
    /* background: url(../icons/foldBox-label.png) 100% -20px no-repeat; */
    background-position: 100% -20px;
}

.actionBtnswrap_group .foldBoxContent {
	padding: 3px;
}

.foldBoxContent {
	padding: 6px 2px 3px;
	margin-bottom: 2px;
	overflow: hidden;
}

.foldBoxHeaderArea .misc span {
	float: right;
	display: inline;
	margin: 3px 5px 0 0;
	width: 25px;
	height: 15px;
	background: url(../icons/btn_show-hide-foldBox.png) 100% 0 no-repeat;
}


.hide .foldBoxHeaderArea .misc span {
	background-position: 100% -15px;
}

.hide .foldBoxContent {
	display: none;
}

.foldBoxHeaderArea td {
	white-space: nowrap;
}

.foldBoxHeaderLayout .end {
	height: 21px;
	width: 26px;
	/* background: url(../icons/folding_end.png) 0 0 no-repeat; */
}

.hover .foldBoxHeaderLayout {
	cursor: pointer;
}

.foldBoxHeaderLayout:hover, .foldBoxHeaderLayout:hover .LabelSection span {
	background: #E7F7FD;
}

.actionBtnswrap_container .LabelSection span, .actionBtnswrap_group .LabelSection span {
	font-size: 15px;
}

.LabelSection span {
	position: relative;
	display: inline;
	float: left;
	margin: 0 -2px 0 0;
	padding: 0 18px 0 4px;
	height: 20px;
	line-height: 19px;
	font-size: 15px;
	/* background: url(../icons/foldBox-label.png) 100% 0 no-repeat; */
}

.LabelSection span {
	background: #FFFFFF;
}

.actionBtns_disabled, .actionBtns {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 14px;
	margin-top: 11px;
	overflow: hidden;
}

.actionBtnswrap_group {
	margin-top: 7px;
}

/* Message info/warning/critical area from login page */
.message_info_login, .message_warning_login, .message_critical_login {
	background: transparent repeat scroll 100% 100%;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-image: none;
	padding-bottom: 0px;
	padding-right: 0px;
	/*position: absolute;*/
	/*text-align: center;*/
	color: #43474C;
	width: 500px;
	/*line-height: 3.5em;*/
}

.message_critical_login .inner_message .inner_message_icon, .message_warning_login .inner_message .inner_message_icon, .message_info_login .inner_message .inner_message_icon {
	background-image: none !important;
	font-size: 12px !important;
	padding: 0px;
}


.pageBody .message_container_info, .pageBody .message_container_warning, .pageBody .message_container_critical {
	position: relative;
	z-index: 100;
	margin: 0 -20px;
}

.message_container_critical .inner_message .inner_message_icon {
	background-image: url(../icons/critical.png);
	background-repeat: no-repeat;
	background-position: 20px 10px;
}

.message_critical_login .message_text, .message_warning_login .message_text, .message_info_login .message_text {
	font-size: 14px !important;
	padding: 20px 50px 20px 50px;
}
/* END Message info/warning/critical area from login page */

.debug_message {
	margin-left: 20px;
	color: #3c3c3c;
}

.word_break {
	word-break: break-all;
}

/* client_settings template; in order to separate better the zones management areas */
.radios_distance_input, .name_radios_distance {
	padding-bottom: 10px!important;
}

/* Add DNS record */
.span_vertical_align {
	vertical-align: middle;
}

.span_vertical_align:before {
	content: " .";
}

.group_elements_space {
	padding: 5px 0px 5px 0px;
}

.group_class_label_align {
	vertical-align: baseline!important;
}

::-ms-clear {
	display: none;
}

::-ms-reveal {
	display: none;
}