@import url("uniqueclassid.css");

/* General */
body {
	/*margin-top: 10px !important;*/
	/*margin-bottom: 10px;*/
}

h1, h2, h3, h4 {
	height: 0.01%;
	margin-top: 0px;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 12px;
}

img {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

input, select, textarea, form,
input[type="file"], input[type="password"], input[type="text"],
input[type="button"], input[type="submit"], input[type="reset"], button {
	margin: 0px 0px 0px 0px;
	padding: 0px 1px 0px 1px;
}

select, textarea,
input[type="file"], input[type="password"], input[type="text"],
input[type="button"], input[type="submit"], input[type="reset"], button {
	border-width: 1px;
	border-style: solid;
}

input[type="checkbox"], input[type="radio"] {
	width: 13px;
	height: 13px;
}

input[type="text"], input[type="password"] {
	border: 1px solid #c4c4c4;
	height: 14px;
	padding: 2px 2px 2px 6px;
	margin-right: 5px;
	margin-bottom: 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*	box-shadow: 0px 0px 8px #d9d9d9;
		-moz-box-shadow: 0px 0px 8px #d9d9d9;
		-webkit-box-shadow: 0px 0px 8px #d9d9d9;	*/
}

textarea {
	border: 1px solid #c4c4c4;
	padding: 2px 2px 2px 6px;
	margin-right: 5px;
	margin-bottom: 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

/* Page Layout */
#containerMaster {
	width:100%; 
	/*width: 1150px;*/
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	border-color: #D3D3D3;
	padding: 3px;
	/*margin-right: auto;*/
	/*margin-left: auto;*/
}

#containerMasterFullscreen {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	border-color: #D3D3D3;
	padding: 3px;
	margin-right: auto;
	margin-left: auto;
}

#containerMasterWebmail {
	width: 95%;
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	border-color: #D3D3D3;
	padding: 3px;
	margin-right: auto;
	margin-left: auto;
}

#containerMasterIndex {
	width: 480px;
	padding: 3px;
	margin-right: auto;
	margin-left: auto;
}

#containerHeader {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}

#containerHeader tr td {
	padding: 3px;
}

.containerHeaderInfo {
	padding: 5px 0px 5px 10px;
	background-color: white;
}

#containerBody {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-color: silver;
	padding: 15px;
}

#containerFooter {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

#containerFooterIndex {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

/* Common Classes/IDs */
.text16 {
	font-size: 16px;
}

.text14 {
	font-size: 14px;
}

.textsmall {
	font-size: 10px;
	text-align: center;
}

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

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

.wiki {
	float: right;
	padding: 0px 10px 5px 0px;
}

/* Tables */
table {
	border-collapse: collapse;
}

td {
	padding: 0px 0px 0px 0px;
}

th[scope="row"] {
	text-align: right;
}

table.neverwrap tr td, table.neverwrap tr th {
	white-space: nowrap;
}

.tableTotals {
	font-weight: bold;
}

.tdAction, table.tableStats tr td, table.tableStats tr th {
	text-align: center;
	white-space: nowrap;
}

.tableMain {
	border-width: 0px;
	border-style: solid;
	margin: 5px 0px 5px 0px;
	width: 100%;
	clear: both;
	border-collapse: separate;
}

table.tableMain tr td {
	vertical-align: top;
	padding: 5px 2px 4px 8px;
}

table.tableMain tr th {
	vertical-align: top;
	padding: 3px 5px 3px 2px;
	white-space: nowrap;
}

.listDiv {
	margin: 0px;
	padding: 3px;
	border: 1px inset;
	width: 420px;
	text-align: left;
	overflow-y: scroll;
	float: left;
	height: 140px;
}

.noshow {
	visibility: hidden;
}

.tableMessages {
	table-layout: fixed;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	margin: 5px 0px 5px 0px;
	/*	width:900px; */
	width: 95%;
	clear: both;
	border-collapse: separate;
	white-space: nowrap;
	position: relative
}

table.tableMessages tr td {
	overflow: hidden;
	white-space: nowrap;
	table-layout: fixed;
}

table.tableMessages tr th {
	overflow: hidden;
	white-space: nowrap;
	table-layout: fixed;
	position: relative
}


/* Lists */
ul.neverwrap li {
	white-space: nowrap;
}

ul.plainList, ul.flatList {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	list-style-position: outside;
	clear: both;
}

ul.plainList li {
	margin-top: 3px;
	margin-bottom: 5px;
}

ul.flatList li {
	display: inline;
}

ul.plainList li ul.plainList li {
	margin-left: 1em;
}


.wiki {
	float: right;
	padding: 0px 10px 5px 0px;
}

div#tipDiv {
	color: #000;
	font-size: 11px;
	line-height: 1.2;
	background-color: #E1E5F1;
	border: 1px solid #667295;
	width: 210px;
	padding: 4px;
}

/* Gradient 1 */
.gradientBox {
	width: 221px;
	background: transparent url('/img/bgTextBox.jpg') no-repeat;
	color: #747862;
	height: 20px;
	border: 0;
	padding: 4px 8px;
	margin-bottom: 0px;
}

/* Gradient 2 */
.gradientBox2 {
	/*	background-image:url('/img/form_bg.jpg');
		background-repeat:repeat-x;*/
	border: 1px solid #d1c7ac;
	width: 270px;
	height: 25px !important;
	color: #333333;
	padding: 5px;
	margin-right: 4px;
	margin-bottom: 8px;
	font-family: tahoma, arial, sans-serif;
	/*line-height: 18px;*/
	/*box-shadow:3px 3px 10px #86A1B8; -webkit-box-shadow:3px 3px 10px #86A1B8; -moz-box-shadow: 3px 3px 10px #86A1B8;*/
	border-radius: 3px;
}

.gradientBoxLogin {
	/*background-image:url('/img/form_bg.jpg') !important;*/
	/*background-repeat:repeat-x !important;*/
	line-height: 180% !important;
	font-size: 13px !important;
	width: 80% !important;
	height: 32px !important;
	padding: 5px !important;
	font-family: tahoma, arial, sans-serif !important;
	/*box-shadow:3px 3px 10px #86A1B8; -webkit-box-shadow:3px 3px 10px #86A1B8; -moz-box-shadow: 3px 3px 10px #86A1B8 !important;*/
	border-radius: 5px !important;
}

.cypherBoxLogin {
	font-size: 18px;
	width: 340px;
	height: 32px;
	padding: 10px 0px 5px 5px;
	font-family: tahoma, arial, sans-serif;
	/*background-color:#ececec;*/
	border-radius: 5px;
	/*color:gray;*/
}

.extBottomButtons {
	bottom: 0;
	float: left;
	padding: 5px 0px 5px 5px;
}

.extTopButtons {
	float: right;
	padding: 8px 0px 5px 5px;
}

.headerTabs {
	float: left;
}

.rtop, .rbottom {
	display: block
}

.rtop *, .rbottom * {
	display: block;
	height: 1px;
	overflow: hidden
}

.r1 {
	margin: 0 5px
}

.r2 {
	margin: 0 3px
}

.r3 {
	margin: 0 2px
}

.r4 {
	margin: 0 1px;
	height: 2px
}

.rs1 {
	margin: 0 2px
}

.rs2 {
	margin: 0 1px
}

.helpText {
	padding-bottom: 5px;
	padding-right: 5px;
	margin-top: 2px;
	float: right;
}

.helpButton {
	padding: 10px 10px 3px 10px;
	float: right;
	color: #15418b;
	text-decoration: underline;
	cursor: pointer;
}

.shadowTitleText {
	color: #3D3D3D;
	font-family: 'Tahoma';
	font-size: 20px;
	text-shadow: 1px 1px 4px lightgray;
}

.dropBox {
	padding: 25px 20px 25px 25px;
	background: white;
	border: 1px solid #DEDEDE;
	font-size: 13px;
	text-align: left;
	border-radius: 10px;
}

.expandedHelp {
	display: none;
}

.videoHelp {
	display: none;
}

a.buttonBlue {
	color: white;
	padding: 5px 10px;
	text-shadow: 1px 1px 0 gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border: 1px solid gray;
	float: left;
	clear: both;
	/*
		CSS3 gradients for webkit and mozilla browsers fallback color for the rest:
	*/

	background-color: #59aada;
	box-shadow: 3px 3px 3px #000000;
	-moz-box-shadow: 3px 3px 3px #000000;
	-webkit-box-shadow: 3px 3px 3px #000000;
	border: 1px solid gray;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

a.buttonBlue:hover {
	/* Lighter gradients for the hover effect */
	text-decoration: none;
	background-color: #F902B6;
	background-image: -moz-linear-gradient(#6bbbe9, #57a5d4);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6bbbe9), to(#57a5d4));
	box-shadow: 3px 3px 3px #333;
	-moz-box-shadow: 3px 3px 3px #333;
	-webkit-box-shadow: 3px 3px 3px #333;
}


.digestHeader {
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
}

.enableHeader {
	font-size: 11px;
	padding-top: 10px;
	padding-left: 5px;
	display: inline;
	float: left;
}

.enableCheckbox {
	margin-left: 30px;
	padding-top: 4px;
	display: inline;
	float: left;
}

.digestDropdown {
	display: inline;
	float: left;
	padding-top: 3px;
	padding-left: 5px;
}

.digestTable {
	border-color: #DDDDDD;
	background-color: #E1E6ED;
	border-width: 0px;
	border-style: solid;
	margin: 5px 0px 5px 0px;
	width: 100%;
	clear: both;
	border-collapse: separate;
}

.digestTable th {
	background-color: rgb(233, 233, 233);
	vertical-align: top;
	padding: 3px 5px 3px 2px;
	white-space: nowrap;
}

.digestTable tr {
	padding-top: 20px;
	vertical-align: top;
	padding: 5px 2px 4px 8px;
}

.spfTable {
	background-color: #F6F6F6;
	margin: 10px 0px 5px 0px;
	width: 100%;
	clear: both;
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	border-color: #D3D3D3;
}

.spfTable th {
	background: url(/img/skin/thimage.png) 0% 0% repeat-x;
	background-color: #D8E3F2;
	vertical-align: top;
	padding: 3px 5px 3px 2px;
	white-space: nowrap;
}

.spfTable tr {
	padding-top: 20px;
	vertical-align: top;
	padding: 5px 2px 4px 8px;
}


/* Info Boxes */
.info, .success, .warning, .error {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 60px;
	background-repeat: no-repeat;
	background-position: 10px;
	border-radius: 15px;
}

.info {
	color: #005298B;
	background-color: #BDE5F8;
	background-image: url('/img/notification/info.png');
}

.success {
	color: black;
	background-color: #F5FAFF;
	background-image: url('/img/notification/success.png');
}

.warning {
	color: #9f6000;
	background-color: #feefb3;
	background-image: url('/img/notification/warning.png');
}

.error {
	color: #000;
	background-color: #ffbaba;
	font-size: 12px;
	background-image: url('/img/notification/error.png');
}

.upgradeBox {
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px #888;
	box-shadow: inner 0 0 5px #888;
	background-color: #FAFDFF;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
}

/* SUBMIT BUTTON FORMATTING */
.button {
	background-color: #f6f6f6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 7px;
	display: inline-block;
	border-color: #bdbdbd;
	border-width: 1px;
	border-style: solid;
	color: #333;
	cursor: pointer;
}

.button.disabled {
	background: rgba(200, 200, 200, .5);
	color: rgba(50, 50, 50, .6);
	cursor: not-allowed;
}

.button:not(.disabled):hover {
	background: rgba(182, 220, 250, 0.53);
	color: #525252;
}

.button:not(.disabled):active {
	background: #9cc9ff;
	color: #000000;
}

.buttonPlain {
	border-radius: 4px;
	display: inline-block;
	border-color: #e1e1e1;
	border-width: 1px;
	border-style: solid;
	color: #333;
	cursor: pointer;
	background-color: white;
	font-size: 11px;
}

.buttonPlain.disabled {
	background: rgba(200, 200, 200, .5);
	color: rgba(50, 50, 50, .6);
	cursor: not-allowed;
}

.buttonPlain:not(.disabled):hover {
	background-color: #dce9ff;
	color: #525252;
}

.buttonPlain:not(.disabled):active {
	background: #9cc9ff;
	color: #000000;
}

/* PAGE HEADER FORMATTING */
.pageheader {
	float: left;
	padding: 0px 10px 15px 5px;
	font-size: 20px;
	display: inline;
}

/* Panel Components */
.panel {

}

.panel-header {
	border: 1px solid #999;
	padding: 8px 10px 6px 10px;

	/* Background Gradient */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 1%, #e1e7ea 5%, #f9f9f9 98%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(5%, #e1e7ea), color-stop(98%, #f9f9f9), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 1%, #e1e7ea 5%, #f9f9f9 98%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 1%, #e1e7ea 5%, #f9f9f9 98%, #f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 1%, #e1e7ea 5%, #f9f9f9 98%, #f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 1%, #e1e7ea 5%, #f9f9f9 98%, #f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); /* IE6-9 */
	/* Rounded Corners */
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;

	/* Font */
	font-size: 12px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #ffffff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);

	/* Cursor */
	cursor: pointer;
}

.panel-body {
	border: 1px solid #999;
	border-top: 0px;
	padding: 8px 10px 6px 10px;
	margin-bottom: 10px;

	/*	Background Color */
	background-color: #fff;

	/* Rounded Corners */
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

.signinbutton {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 3px 3px 3px;
	border-width: 1px;
	border-style: solid;
	background-image: none;
	background-color: #3892d3;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #4b9cd7), color-stop(50%, #3892d3), color-stop(51%, #358ac8), color-stop(100%, #3892d3));
	background-image: -webkit-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
	background-image: -moz-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
	background-image: -o-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
	background-image: linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
	font-size: 12px;
	font-weight: bold;
	font-family: helvetica, arial, verdana, sans-serif;
	color: white;
	padding: 0 5px;
	cursor: pointer;
}

.signinbutton:hover {
	border-color: #157fcc;
	background-image: none;
	background-color: #2a6d9e;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #2a6d9e), color-stop(50%, #276796), color-stop(51%, #2a6d9e), color-stop(100%, #3f7ba7));
	background-image: -webkit-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
	background-image: -moz-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
	background-image: -o-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
	background-image: linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
}

.signinbutton:active {
	border-color: #157fcc;
	background-image: none;
	background-color: #2a6d9e;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #2a6d9e), color-stop(50%, #276796), color-stop(51%, #2a6d9e), color-stop(100%, #3f7ba7));
	background-image: -webkit-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
	background-image: -moz-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
	background-image: -o-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
	background-image: linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
}

.header-notification {
	width: 15px;
	height: 15px;
}

.notification-overlay {
	top: -4px;
	text-align: center;
	z-index: 1001;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 10px;
	font-weight: bold;
	color: #576779;
	letter-spacing: -1px;
	cursor: default;
	position: relative;
}

.updatedStatus {
	background-color: #298053;
	padding: 3px 5px;
	border-radius: 5px;
	color: white;
	margin-left: 10px;
	display: none;
}

.company-admin-table {
	font-weight: bold;
	text-align: left;
	padding-top: 7px !important;
}

/* The switch container */
.switch {
	position: relative;
	display: inline-block;
	width: 35px; /* Set the width to 35px */
	height: 20px; /* Set the height to 20px */
}

/* Hide the default checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: 0.4s;
	border-radius: 20px; /* Rounded corners to match the height */
}

/* Slider knob (before the toggle) */
.slider:before {
	position: absolute;
	content: "";
	height: 16px; /* Slightly smaller than the switch height */
	width: 16px; /* Make it a circle */
	left: 2px; /* Adjust spacing to keep it centered */
	bottom: 2px;
	background-color: white;
	transition: 0.4s;
	border-radius: 50%; /* Make it circular */
}

/* Checked state */
input:checked + .slider {
	background-color: #2d8d26;
}

/* Move the slider knob to the right when checked */
input:checked + .slider:before {
	transform: translateX(15px); /* Adjusted to fit the smaller width */
}

a:hover {
	color: #323232; /* Brighter blue on hover */
	text-shadow: 0 0 0.5px rgba(0, 121, 181, 0.3); /* Very subtle text shadow */
	text-decoration: underline;
}

/* ExtJS Button Hover Fix - Prevent underlines on ExtJS buttons */
a[class*="x-btn"]:hover,
a.x-btn:hover,
.x-btn a:hover,
div[id="submitButton"] a:hover,
a[id*="Button"]:hover,
.x-btn-wrap .x-btn-inner:hover {
	text-decoration: none !important;
}

/* Additionally, ensure any element with button-like classes doesn't get underlined */
[class*="btn"]:hover,
[class*="button"]:hover,
[id*="btn"]:hover,
[id*="button"]:hover,
[role="button"]:hover {
	text-decoration: none !important;
}

/* Fix for any other button-like structures that might still be getting underlined */
div[id*="Button"] a:hover,
a[class*="button"]:hover,
a.button-like:hover,
.button-container a:hover {
	text-decoration: none !important;
}

/* Ensure ExtJS specific elements never get underlined */
.x-unselectable a:hover,
.x-btn-default-small a:hover,
.x-noicon a:hover,
.x-border-box a:hover {
	text-decoration: none !important;
}