/*BACKGROUNDS*/
/*SELECTS*/
/*FOREGROUNDS*/
/*MISC*/
/*#region from reset.css*/

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,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */

:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol,
ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
/*#endregion from reset.css*/
/*BACKGROUNDS*/
/*SELECTS*/
/*FOREGROUNDS*/
/*ADDED for WEB*/
/*MISC*/
/*#endregion params*/
/*#region mixins*/
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
                                  not supported by any browser */

}
/*.TableTxbStyle (@maxlength) {
		input[type="text"].sized.@{maxlength}{
			width: @maxlength * 7px;
		}
}*/

/*#endregion mixins*/

/*#region layout */

body {
  font-size: 20px;
  font-family: 'Segoe UI Light', 'Segoe UI', 'Global User Interface', Calibri, sans-serif;
  font-weight: 100;
  background-color: white;
  color: black;
  padding: 2.5%;
  padding-top: 1.5%;
}
header {
  width: 100%;
  height: 100px;
  position: relative;
  min-width: 1500px;
}
section#content {
  height: 100%;
  width: 100%;
  margin-bottom: 60px;
}
footer {
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  height: 40px;
  background-color: #f9f9f9;
  /*background-color: #000;*/
  opacity: 0.85;
}
/*#endregion layout */

/*#region header*/

header h1 {
  display: block;
  width: 270px;
  height: 100px;
  background: url('/content/images/logo.270.100.png') no-repeat;
  text-indent: -99999px;
}
header h2#company_logo {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 270px;
  height: 100px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-indent: -99999px;
}
#div_user_info {
  position: absolute;
  left: 290px;
  top: 11px;
  width: 270px;
  height: 30px;
  color: #a0a0a0;
}
#div_user_info h2 {
  color: #006aa5;
  font-size: 100%;
  margin: 10px 0px 5px 0px;
}
#div_user_info h3 {
  font-size: 80%;
  margin-top: 8px;
}
#div_user_info a.submit {
  cursor: pointer;
  font-size: 80%;
  border: solid 1px transparent;
}
#div_user_info a.submit:hover {
  color: #006aa5;
  border-bottom-color: #006aa5;
}
nav {
  display: inline-block;
  position: absolute;
  right: 280px;
  top: 18px;
  width: 740px;
  text-align: right;
}
nav ol li {
  display: inline-block;
  margin-right: 15px;
}
nav ol li a,
nav ol li span {
  color: #686868;
  text-decoration: none;
}
nav ol.company li.c a,
nav ol.company li.c span,
nav ol.yourself li.y a,
nav ol.yourself li.y span,
nav ol.users li.u a,
nav ol.users li.u span,
nav ol.customers.upload li.c_u a,
nav ol.customers.upload li.c_u span,
nav ol.customers.import li.c_u a,
nav ol.customers.import li.c_u span,
nav ol.customers.index li.c_i a,
nav ol.customers.index li.c_i span,
/*new for prospects export*/ nav ol.system li.s a,
nav ol.system li.s span,
nav ol.prospects li.p_i a,
nav ol.prospects li.p_i span,
nav ol.locations li.cs_i a,
nav ol.locations li.cs_i span,
nav ol.marketsegments li.ms_i a,
nav ol.marketsegments li.ms_i span,
nav ol.brands li.bs_i a,
nav ol.brands li.bs_i span,
nav ol.products li.ps_i a,
nav ol.products li.ps_i span,
nav ol.industrydescriptions li.ids_i a,
nav ol.industrydescriptions li.ids_i span,
nav ol li a:hover {
  color: #006aa5;
  text-decoration: overline;
}
nav ol.SubMenu {
  margin-top: 15px;
}
nav ol.SubMenu li a {
  font-size: 80%;
  color: #a0a0a0;
}
nav ol.SubMenu li a:hover {
  text-decoration: overline;
}
nav ol.SubMenu.alerts li a.alerts,
nav ol.SubMenu.security li a.security,
nav ol.SubMenu.configure li a.configure,
nav ol.SubMenu.new li a.new,
nav ol.SubMenu.upload li a.upload,
nav ol.SubMenu.import li a.import,
nav ol.SubMenu.import li a.upload,
nav ol.SubMenu.upload li a.import {
  text-decoration: overline;
  color: #99b4d1;
}
/*#endregion header*/

/*#region content*/

h2 {
  font-size: 170%;
  color: black;
  margin-top: 20px;
  margin-bottom: 35px;
}
.info p {
  color: #4646d4;
  font-size: 85%;
  margin-bottom: 20px;
}
.info_target {
  display: none;
  /*N.B important added recently for datepicker clear btn, may cause bugs elsewhere, but would expect this on helper class like this anyhow  */

}
a {
  color: black;
}
tr#ajaxresults {
  font-size: 100%;
}
/*#endregion content*/

/*#region footer*/

footer p {
  margin-top: 10px;
  text-align: center;
  color: black;
}
/*#endregion footer*/

div.title_and_filters {
  border-top: solid 1px #99b4d1;
  margin-top: 20px;
  margin-bottom: 150px;
  padding-top: 5px;
}
div.title_and_filters h2 {
  margin-top: 15px;
}
div.title_and_filters .filters {
  margin-top: 25px;
}
div.title_and_filters .filters span {
  color: black;
}
/*#region btns and tables */

form.top_right {
  display: inline-block;
  width: auto;
  right: 40px;
  position: absolute;
  top: 140px;
}
.btn_icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  border: none;
  background-repeat: no-repeat;
  background-color: transparent;
  vertical-align: middle;
  text-indent: -99999px;
}
.btn_icon.add {
  background-image: url('/Content/Images/buttons/add.png');
}
.btn_icon.add:hover,
.btn_icon.add.disabled {
  background-image: url('/Content/Images/buttons/add_hover.png');
}
.btn_icon.back {
  background-image: url('/Content/Images/buttons/back.png');
}
.btn_icon.back:hover,
.btn_icon.back.disabled {
  background-image: url('/Content/Images/buttons/back_hover.png');
}
.btn_icon.forward {
  background-image: url('/Content/Images/buttons/forward.png');
}
.btn_icon.forward:hover,
.btn_icon.forward.disabled {
  background-image: url('/Content/Images/buttons/forward_hover.png');
}
.btn_icon.delete {
  background-image: url('/Content/Images/buttons/delete.png');
}
.btn_icon.delete:hover,
.btn_icon.delete.disabled {
  background-image: url('/Content/Images/buttons/delete_hover.png');
}
.btn_icon.save {
  background-image: url('/Content/Images/buttons/save.png');
}
.btn_icon.save:hover,
.btn_icon.save.disabled {
  background-image: url('/Content/Images/buttons/save_hover.png');
}
.btn_icon.upload {
  background-image: url('/Content/Images/buttons/upload.png');
}
.btn_icon.upload:hover,
.btn_icon.upload.disabled {
  background-image: url('/Content/Images/buttons/upload_hover.png');
}
.btn_icon.accept {
  background-image: url('/Content/Images/buttons/accept.png');
}
.btn_icon.accept:hover,
.btn_icon.accept.disabled {
  background-image: url('/Content/Images/buttons/accept_hover.png');
}
.btn_icon.rename {
  background-image: url('/Content/Images/buttons/rename.png');
}
.btn_icon.rename:hover,
.btn_icon.rename.disabled {
  background-image: url('/Content/Images/buttons/rename_hover.png');
}
.btn_icon.savelocal {
  background-image: url('/Content/Images/buttons/savelocal.png');
}
.btn_icon.savelocal:hover,
.btn_icon.savelocal.disabled {
  background-image: url('/Content/Images/buttons/savelocal_hover.png');
}
table#table_users input[type="text"] {
  width: 280px;
}
table.no_jiggles {
  table-layout: fixed;
}
/*#endregion btns and tables */

/*#region validation helpers */

.remove-item {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAIAAAAr0JA2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0RTJFMjRBNDA3MjExRTJCQjFFQzlEOTZFQ0M0QUZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0RTJFMjRCNDA3MjExRTJCQjFFQzlEOTZFQ0M0QUZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjRFMkUyNDg0MDcyMTFFMkJCMUVDOUQ5NkVDQzRBRkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjRFMkUyNDk0MDcyMTFFMkJCMUVDOUQ5NkVDQzRBRkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6I647YAAABCElEQVR42nRRPQvCMBCtkkEFQdFBRByEgps4+EH1pzi5SNFF8C8I3bq4+1eEYrWDuPoDtCgKbiqkufrSSJficTzeXV5yL0mKc35ar5+ep4UytCglIVJl2TCakwlTomK7rf2Ju+OERAyiQqsF9rlek6JMpVIeDG6Ok1aD3r4fCtFZLoEqFUcfq0SUll6CQKW3WHQtCwQIHvfhlEnXsBwEatB+Pu/bNjAejVVo5Fy5A8k5EiJ3NgOqkqLzBHRyLgyhFsJYrbamCQIEj/uQpDajUV7Xcf7rfE7eN1erAS+HAyv1eo/dDtJstZrUwZx/PNaHQ9YYj1E8XJeib8ATUPRSIvwFRPp0+hVgANqI9duK4jVWAAAAAElFTkSuQmCC);
  /* close_hover.png */
  background-position: center !important;
  white-space: nowrap;
  color: transparent;
  background-repeat: no-repeat;
  width: 13px;
  height: 14px;
  display: inline-block;
  padding-bottom: 10px;
  text-indent: -99999px;
}
.remove-item:hover,
.close-tip:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAIAAAAr0JA2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1MUQwMUM5NDA2RjExRTI5RjU3RDI0RDQ5QzJCNTVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1MUQwMUNBNDA2RjExRTI5RjU3RDI0RDQ5QzJCNTVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjUxRDAxQzc0MDZGMTFFMjlGNTdEMjRENDlDMkI1NUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjUxRDAxQzg0MDZGMTFFMjlGNTdEMjRENDlDMkI1NUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4HM2KnAAAA20lEQVR42nSRMQqEMBBF1yWHELG1DlaCeBQrLURiI3gFwc7G3sMIioV4CRHvkI273x3Msiv7i8+f4WUyIYaUsm3bcRyf39r3nYLv+0mSMIJc1739Udd1OGPEccw5R71t2xUyTZPQOw1f11UpVZalOkUZfdrh4B6niqKoqgoBjqz7YBjhKOiiPM/ruobrq+lBn3nyLUBZlsGp1PMODnuggDdNk6YpAhxZ98EYYRg6joP5y7Jc32vbNnyaJuZ53jAMQC3LunJYbp7nIAhYFEUo+r7/+QYtQEKIlwADAP2M/PopbiE2AAAAAElFTkSuQmCC);
  /* close.png */

}
/*.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}*/

/*This is from Simplify*/

.field-validation-error {
  display: block;
  width: 200px;
  margin-top: 2px;
  margin-bottom: 8px;
  font-size: 75%;
  border: 1px solid #c21919;
  color: #c21919;
  font-family: 'Segoe UI', 'Global User Interface', Calibri, sans-serif;
  /*font-size: 11px;*/
  background-color: pink;
  padding: 7px 30px 7px 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=);
  /* exclamation.png */
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: center;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
tr#ajaxresults .field-validation-error {
  font-size: 100% !important;
}
tr#ajaxresults .field-validation-error {
  width: auto !important;
}
.field-validation-valid {
  display: none;
}
/*This is default MVC stuff, can probably bin */

input.input-validation-error {
  border: 1px solid #e80c4d;
}
input[type="checkbox"].input-validation-error {
  border: 0 none;
}
.validation-summary-valid {
  display: none;
}
/*#endregion validation helpers */

/*#region From simplify  */

.editor-label {
  margin-top: 20px;
  margin-bottom: 15px;
  display: block;
  float: left;
  width: 300px;
  /*color: #686868;*/
  clear: left;
  min-height: 45px;
  /*font-size: 13px;*/

}
.editor-label p {
  width: 98px;
}
.form_styles {
  margin-top: 100px;
}
.form_styles .validation_wrap {
  margin-left: 300px;
}
.form_styles .validation_wrap .field-validation-error {
  width: 400px;
}
.form_styles .editor-field {
  clear: right;
  /*font-size: 12px;*/
  display: block;
  float: left;
  /*margin-top: 10px;*/
  margin-left: 0;
  margin-right: 0;
  /*margin-bottom: 10px;*/
  margin-top: 20px;
  margin-bottom: 20px;
  min-width: 300px;
  /*text-align:left;*/
  max-width: 70%;
  /*BCS added to keep col like layout more often when liquid e.g. with ID's chb list on edit prospects */

}
.form_styles legend {
  margin-bottom: 20px;
}
fieldset .form-action {
  float: left;
  width: 100%;
  margin: 50px 40px 20px 0px;
}
.btn {
  display: inline-block;
  border: 1px solid #4646d4;
  color: black;
  background-color: #a0a0a0;
  /*font-size: 75%;*/
  text-decoration: none;
  text-align: center;
  padding: 2px 8px 5px 8px;
  cursor: pointer;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.btn:hover {
  border: 1px solid #a0a0a0;
  background-color: #4646d4;
}
/*#region From simplify less */

#q_outer .non-disabled,
.form_styles .non-disabled {
  border: solid 1px #cccccc;
  background-color: transparent;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#q_outer textarea,
.form_styles textarea,
#q_outer input[type="text"],
.form_styles input[type="text"],
#q_outer input[type="file"],
.form_styles input[type="file"],
#q_outer input[type="number"],
.form_styles input[type="number"],
#q_outer input[type="password"],
.form_styles input[type="password"],
#q_outer input[type="button"],
.form_styles input[type="button"],
#q_outer select,
.form_styles select {
  width: 240px;
  padding: 3px;
  font-family: "Segoe UI Light", "Segoe UI", "Global User Interface", Calibri, sans-serif;
  font-size: 20px;
  border: solid 1px #dedede;
  margin: 0 0 10px 0;
}
#q_outer textarea:focus,
.form_styles textarea:focus,
#q_outer input[type="text"]:focus,
.form_styles input[type="text"]:focus,
#q_outer input[type="file"]:focus,
.form_styles input[type="file"]:focus,
#q_outer input[type="number"]:focus,
.form_styles input[type="number"]:focus,
#q_outer input[type="password"]:focus,
.form_styles input[type="password"]:focus,
#q_outer input[type="button"]:focus,
.form_styles input[type="button"]:focus,
#q_outer select:focus,
.form_styles select:focus {
  border: solid 1px #006aa5;
}
#q_outer input[type="button"],
.form_styles input[type="button"] {
  width: auto;
  padding: 3px 15px;
  cursor: pointer;
}
#q_outer input[type="button"]:hover,
.form_styles input[type="button"]:hover {
  background-color: #a0a0a0;
  border: solid 1px #686868;
  color: white;
}
#q_outer input.dummy-upload,
.form_styles input.dummy-upload {
  width: 142px;
}
#q_outer input[type="number"],
.form_styles input[type="number"] {
  display: inline-block;
  width: 100px;
  /*width: 25px;*/

}
#q_outer input[type="text"].num_selector_txb,
.form_styles input[type="text"].num_selector_txb {
  width: 110px;
}
#q_outer .num_selector_btns,
.form_styles .num_selector_btns {
  display: inline-block;
  margin-top: -10px;
}
#q_outer .num_selector_btns > i,
.form_styles .num_selector_btns > i {
  padding: 0px 2px 4px 2px;
  border: solid 1px transparent;
}
#q_outer .num_selector_wrap,
.form_styles .num_selector_wrap {
  background-color: transparent;
}
#q_outer .num_selector_wrap:not(.disabled) .num_selector_btns > i,
.form_styles .num_selector_wrap:not(.disabled) .num_selector_btns > i {
  cursor: pointer;
}
#q_outer .num_selector_wrap:not(.disabled) .num_selector_btns > i:hover,
.form_styles .num_selector_wrap:not(.disabled) .num_selector_btns > i:hover {
  color: #006aa5;
  border-color: #006aa5;
}
#q_outer select,
.form_styles select {
  padding-top: 2px;
  padding-bottom: 2px;
  width: 247px;
}
#q_outer textarea,
.form_styles textarea {
  height: 100px;
}
#q_outer textarea.half_height,
.form_styles textarea.half_height {
  height: 50px;
}
#q_outer textarea.error,
.form_styles textarea.error,
#q_outer input.error,
.form_styles input.error,
#q_outer select.error,
.form_styles select.error {
  outline: none;
  box-shadow: 4px 4px 5px pink;
}
#q_outer label.error,
.form_styles label.error {
  display: block;
  width: 200px;
  margin-top: 0;
  margin-bottom: 8px;
  border: 1px solid #c21919;
  /*font-size: 11px;*/
  background-color: pink;
  color: #c21919;
  padding: 3px 30px 3px 12px;
  background-image: url('/content/images/exclamation.png');
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: center;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#q_outer fieldset,
.form_styles fieldset {
  /*border: solid 1px @ColorBackground2;*/
  border: solid 1px #ededed;
  margin-top: 20px;
  padding: 18px;
  padding-left: 40px;
  box-shadow: 0 6px 12px 0px #ececec;
}
#q_outer fieldset legend,
.form_styles fieldset legend {
  font-family: 'Segoe UI Light', 'Segoe UI', 'Global User Interface', Calibri, sans-serif;
  font-size: 150%;
  color: #006aa5;
}
#q_outer fieldset fieldset,
.form_styles fieldset fieldset {
  clear: both;
  float: left;
  /*margin-left: 60px;*/
  margin-left: 60px;
  /*width:600px;*/

  /*border: solid 1px @ColorForeground5;*/

}
#q_outer fieldset table.dataTable th,
.form_styles fieldset table.dataTable th {
  background-color: transparent;
}
#q_outer fieldset.toggleable,
.form_styles fieldset.toggleable {
  display: none;
  border: none;
  margin-bottom: 50px;
  /*box-shadow: 0 6px 12px 0px #ECECEC;*/

}
#q_outer.spaced fieldset,
.form_styles.spaced fieldset {
  margin-top: 80px;
}
#q_outer input.UseDatePicker,
.form_styles input.UseDatePicker {
  margin: 0;
  padding: 0;
  width: 110px;
  height: 36px;
  background-image: url('/Content/Images/date_textbox.png');
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 5px;
  background-position-y: 6px;
  border: none;
  box-shadow: none;
}
/*#endregion From simplify less */

/*#region Helpers */

:disabled,
.disabled {
  color: #d0d0d0;
  background-color: #fcfcfc;
}
.offscreen_text {
  text-indent: -99999px;
}
.centred {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.wide {
  width: 78% !important;
}
.centred_text {
  text-align: center;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.corners {
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.clear {
  clear: both;
  display: block;
}
.clearfix {
  display: inline-block;
  min-height: 0;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.clearfix:after {
  clear: both;
}
.hidden {
  display: none !important;
  /*N.B important added recently for datepicker clear btn, may cause bugs elsewhere, but would expect this on helper class like this anyhow  */

}
.hidden_weak {
  display: none;
  /*N.B important added recently for datepicker clear btn, may cause bugs elsewhere, but would expect this on helper class like this anyhow  */

}
.margin_top {
  margin-top: 40px !important;
}
.margin_top_large {
  margin-top: 80px !important;
}
.margin_left {
  margin-left: 40px !important;
}
.margin_bottom {
  margin-bottom: 40px !important;
}
.selected {
  background-color: #99b4d1;
}
/*#endregion Helpers */

/*#endregion From simplify  */

/*#region datatables */

/* Was in Datatables.css */

table.table_default td.sized_col {
  white-space: nowrap;
}
table.table_default td.max_col {
  width: 100%;
  white-space: nowrap;
}
table.table_default th.min_col,
table.table_default td.min_col {
  /*width:@td_narrow * 1px;*/
  width: 1%;
  white-space: nowrap;
}
table.table_default td.rating_col {
  padding: 8px;
}
table.table_default td.rating_col > span.rating_1,
table.table_default td.rating_col > span.rating_2,
table.table_default td.rating_col > span.rating_3,
table.table_default td.rating_col > span.rating_4,
table.table_default td.rating_col > span.rating_5 {
  margin-bottom: -4px;
}
div.dataTables_wrapper {
  float: left;
  width: 100%;
  margin-top: 60px;
}
div.dataTables_wrapper .ui-widget-header {
  color: #7f8387;
  /*TODO*/
  font-weight: normal;
  height: 20px;
  padding: 10px 0px 10px 0px;
}
/*div.dataTables_length,*/

/*div.dataTables_info,*/

/*div.dataTables_paginate {
    font-size: 75%;
}*/

div.dataTables_length,
div.dataTables_info {
  float: left;
  margin-right: 10px;
  height: 34px;
  line-height: 34px;
}
div.dataTables_length {
  margin-left: 12px;
}
.spaced_left {
  margin-left: 20px;
}
.btn_filter,
.DTTT_button,
.ColVis_Button,
div.dataTables_filter input,
.btn_chb_grid_toggle {
  font-family: 'Segoe UI Light', 'Segoe UI', 'Global User Interface', Calibri, sans-serif;
  border: 1px solid #dedede;
}
/*.ColVis_Button*/

.btn_filter,
.DTTT_button,
.ColVis_Button,
.btn_chb_grid_toggle {
  position: relative;
  float: right;
  margin-right: 3px;
  padding: 3px 5px;
  font-size: 75%;
  /*height: 30px;*/
  line-height: 22px;
  background-color: white;
  cursor: pointer;
  text-decoration: none;
  *cursor: hand;
}
.btn_filter:hover,
.DTTT_button:hover,
.ColVis_Button:hover,
.btn_chb_grid_toggle:hover {
  border-bottom-color: #99b4d1;
  color: lightslategray;
}
/*.btn_filter {
	float: none;
}*/

.table_default .btn_filter {
  font-size: 100%;
  line-height: 26px;
  margin-bottom: -8px;
}
.btn_chb_grid_toggle {
  float: none;
  top: 7px;
}
.DTTT_disabled:hover {
  border-bottom-color: #dedede;
}
.form_styles input.search_box {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTMyRTMxOEJCMjlDMTFFMkEyNTBBQkUwQzE0ODRENzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTMyRTMxOENCMjlDMTFFMkEyNTBBQkUwQzE0ODRENzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzJFMzE4OUIyOUMxMUUyQTI1MEFCRTBDMTQ4NEQ3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzJFMzE4QUIyOUMxMUUyQTI1MEFCRTBDMTQ4NEQ3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgnrAeIAAACHUExURf///2BgYF5eXmRkZF9fX39/f9fX135+flpaWvT09Hd3d29vb3x8fGZmZuHh4Zubm1ZWVsnJydXV1WFhYcrKynZ2dltbW8zMzNTU1GpqaqqqqoGBgXV1dXl5eVxcXPX19WJiYq+vr83NzYuLi9/f35KSks7OzpaWlqampmNjY4+Pj1dXV+vr63r6xkAAAACUSURBVHjarNE3DsMwDAVQkap2lLh3O70n9z9fBEODFGs0l//xJoIkZLXJxvSTjtmf9grlTaLqPS3rTpgQXV26PIGYU8DkMnJbOLoMiS0JeKxt0R5Lls+ZM+lyU9DWREuLxtvwBKq6VAqe70fk+pkzZPzO2T6OljcA+sKAi82WYnxd+M44O5Kg68CJv8NwWOtdPwEGADUiBjUNncxbAAAAAElFTkSuQmCC);
  /* search_icon.png */
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 24px;
  /*font-size: 15px;*/

}
div.dataTables_filter {
  float: right;
  margin-right: 0;
  /*height:20px;*/

}
div.dataTables_filter input {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTMyRTMxOEJCMjlDMTFFMkEyNTBBQkUwQzE0ODRENzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTMyRTMxOENCMjlDMTFFMkEyNTBBQkUwQzE0ODRENzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzJFMzE4OUIyOUMxMUUyQTI1MEFCRTBDMTQ4NEQ3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MzJFMzE4QUIyOUMxMUUyQTI1MEFCRTBDMTQ4NEQ3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgnrAeIAAACHUExURf///2BgYF5eXmRkZF9fX39/f9fX135+flpaWvT09Hd3d29vb3x8fGZmZuHh4Zubm1ZWVsnJydXV1WFhYcrKynZ2dltbW8zMzNTU1GpqaqqqqoGBgXV1dXl5eVxcXPX19WJiYq+vr83NzYuLi9/f35KSks7OzpaWlqampmNjY4+Pj1dXV+vr63r6xkAAAACUSURBVHjarNE3DsMwDAVQkap2lLh3O70n9z9fBEODFGs0l//xJoIkZLXJxvSTjtmf9grlTaLqPS3rTpgQXV26PIGYU8DkMnJbOLoMiS0JeKxt0R5Lls+ZM+lyU9DWREuLxtvwBKq6VAqe70fk+pkzZPzO2T6OljcA+sKAi82WYnxd+M44O5Kg68CJv8NwWOtdPwEGADUiBjUNncxbAAAAAElFTkSuQmCC);
  /* search_icon.png */
  background-position: left;
  background-repeat: no-repeat;
  border: solid 1px #dedede;
  padding: 4px 4px 4px 24px;
  height: 20px;
}
div.dataTables_filter input::-webkit-input-placeholder {
  font-style: italic;
}
div.dataTables_filter input::-moz-placeholder {
  font-style: italic;
}
div.dataTables_filter input:-moz-placeholder {
  font-style: italic;
}
div.dataTables_filter input::-ms-input-placeholder {
  font-style: italic;
}
div.dataTables_filter label {
  color: transparent;
}
div.dataTables_paginate {
  float: right;
  width: 380px;
  text-align: right;
  margin-top: 10px;
  margin-right: 22px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
                                  not supported by any browser */

}
.dataTables_paginate .paginate_button {
  cursor: pointer;
}
.dataTables_paginate .paginate_active,
.dataTables_paginate .paginate_button_disabled,
.dataTables_paginate .paginate_button {
  margin: 5px !important;
  padding: 5px;
}
.dataTables_paginate .paginate_active.error,
.dataTables_paginate .paginate_button_disabled.error,
.dataTables_paginate .paginate_button.error {
  background-color: pink;
  /*border: 1px solid #c21919;
			color: #c21919;*/
  /*background-color: rgba(255, 192, 203, 0);*/
  border-bottom: 1px solid #c21919;
  color: #c21919;
  /*font-weight: bold;*/

}
.dataTables_paginate .paginate_active,
.dataTables_paginate .paginate_button_disabled {
  cursor: default !important;
}
.dataTables_paginate .paginate_active,
.dataTables_paginate .paginate_button:hover {
  /*background-color: @ColorItemSelect;*/
  /*color: @ColorBackground;*/
  border-bottom: solid 1px #99b4d1;
}
.dataTables_paginate .paginate_button_disabled,
.dataTables_paginate .paginate_button_disabled:hover {
  background-color: white;
  color: #d0d0d0;
  font-style: italic;
  border-bottom: solid 1px white;
}
/* Table styles */

table.dataTable {
  width: 100%;
  /*!important;*/
  /*table-layout:fixed; Use this if still spilling out or A crude work around is to set display: table on the containing div.*/
  /*table-layout:fixed;*/
  clear: both;
  border-collapse: collapse;
  color: #333333;
  text-align: left;
  margin: 0px 0px 10px 0px;
}
table.dataTable td {
  font-weight: normal;
  padding: 4px 6px 4px 6px;
  border: transparent solid 1px;
  font-size: 75%;
  color: #686868;
  background-color: white;
  border-bottom: 1px solid #f9f9f9;
  padding: 12px;
}
table.dataTable th {
  /*font-weight: bold;*/
  padding: 4px 6px 4px 6px;
  border-right: #f2f2f2 solid 1px;
  border-bottom: #f2f2f2 solid 1px;
  background-color: #fcfcfc;
  color: black;
  padding: 10px;
}
table.dataTable th.select-checkbox {
  width: 50px !important;
}
table.dataTable td.dataTables_empty {
  text-align: center;
  padding: 30px;
  font-size: 100%;
}
table.dataTable td a {
  text-decoration: none;
  color: black;
}
table.dataTable td a:hover {
  text-decoration: none;
  color: lightslategray;
}
span.rating_1,
span.rating_2,
span.rating_3,
span.rating_4,
span.rating_5 {
  width: 125px;
  height: 25px;
  background-repeat: no-repeat;
  display: inline-block;
}
span.rating_1.edit,
span.rating_2.edit,
span.rating_3.edit,
span.rating_4.edit,
span.rating_5.edit {
  cursor: pointer;
  padding: 3px;
  background-position: 3px;
  border: solid 1px transparent;
}
span.rating_1.edit:hover,
span.rating_2.edit:hover,
span.rating_3.edit:hover,
span.rating_4.edit:hover,
span.rating_5.edit:hover {
  /*color: 
			background-color: @ColorBackground2;*/
  border-color: #006aa5;
}
span.rating_1 {
  background-image: url('/Content/Images/rating_1.png');
}
span.rating_2 {
  background-image: url('/Content/Images/rating_2.png');
}
span.rating_3 {
  background-image: url('/Content/Images/rating_3.png');
}
span.rating_4 {
  background-image: url('/Content/Images/rating_4.png');
}
span.rating_5 {
  background-image: url('/Content/Images/rating_5.png');
}
/* Sorting */

table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc,
table.dataTable thead th.sorting {
  cursor: pointer;
}
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc,
table.dataTable thead th.sorting:hover {
  border-bottom: #99b4d1 solid 1px;
  background-color: #f9f9f9;
}
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
  background-repeat: no-repeat;
  /*background-position-x: 90%;*/
  background-position-x: 10px;
  background-position-y: 50%;
  padding-right: 20px;
  padding-left: 30px;
}
table.dataTable thead th.sorting_asc {
  background-image: url('/Content/Images/up.png');
}
table.dataTable thead th.sorting_desc {
  background-image: url('/Content/Images/down.png');
}
table.dataTable tbody tr td.sorting_1,
table.dataTable tbody tr.odd td.sorting_1,
table.dataTable tbody tr#ajaxresults td {
  background-color: #dedede;
}
table.dataTable tbody tr#ajaxresults td table tr td {
  background-color: white;
}
table.table_default.dataTable thead th div.DataTables_sort_wrapper {
  position: relative;
  padding-right: 14px;
  padding-bottom: 6px;
}
table.table_default.dataTable thead th div.DataTables_sort_wrapper span {
  position: absolute;
  right: 0;
  width: 7px;
  height: 4px;
  margin-top: 11px;
}
/*up*/

table.table_default.dataTable thead th div.DataTables_sort_wrapper span.ui-icon.ui-icon-triangle-1-n {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUGFdjgIH///9LAjEISEKFIAAkABGHA4gCEAPCxwCSIEkc4P9/ADXVUkVV8Km4AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
}
/*down*/

table.table_default.dataTable thead th div.DataTables_sort_wrapper span.ui-icon.ui-icon-triangle-1-s {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACVJREFUGFdj+I8HgCQlIUwMIMkAAiAGhA8HEAkYAAlAxGESDAwAJDpSRWFzQ48AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}
/*table.table_default.dataTable thead th.sorting_desc {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADRJREFUOE9jGAXDFvzHA6BK8AOgOkmIcgwgCVVCGIAUQ/TAAfGaYQCkCaKXDM2jgFjAwAAAa4dSRUL7wRkAAAAASUVORK5CYII=); 
}*/

/* not sure this areaContainer is in use? */

.areaContainer h2 {
  margin: 5px;
}
.areaContainer h2,
.areaContainer .dataTable {
  margin-left: 10px;
  width: 98%;
}
/*-- Table Layout --*/

#custom_content {
  display: none;
}
.sorter {
  margin-top: 3px;
  margin-left: 10px;
}
div.custom .blue_btn {
  margin-top: 4px;
}
table.table_noheader thead {
  display: none;
}
table.table_noheader {
  border-top: solid 1px #cccccc;
  margin-top: 10px;
}
/*#endregion datatables */

tr.DTTT_selected.selected td {
  border-bottom: solid 1px #99b4d1;
}
.smaller_table {
  width: 25%;
  min-width: 900px;
}
.onoffswitch {
  position: relative;
  width: 55px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
/*slider*/

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 20px;
  padding: 0;
  line-height: 20px;
  border: 0px solid white;
  border-radius: 30px;
  background-color: #9e9e9e;
  text-indent: -99999px;
}
/*circle*/

.onoffswitch-label:before {
  content: "";
  display: block;
  width: 30px;
  margin: -5px;
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 31px;
  border-radius: 30px;
  box-shadow: 0 6px 12px 0px #757575;
}
/*CHECKED*/

/*slider*/

/*N.B. ~ selects the labels proceeded by a checked checkbox */

.onoffswitch-checkbox:checked ~ .onoffswitch-label {
  /*background-color: #42A5F5;*/
  /*border-color: #FFFFFF;*/
  background-color: #006aa5;
}
/*circle*/

.onoffswitch-checkbox:checked ~ .onoffswitch-label:before {
  /*border-color: #42A5F5;*/
  right: 0px;
  /*border: solid 1px @ColorItemSelectVivid;*/
  /*background-color: @ColorItemSelectVivid;*/
  box-shadow: 0 6px 12px 0px #333333;
}
/*.onoffswitch-checkbox ~ fieldset.toggleable{
    display:none;
}

.onoffswitch-checkbox:checked ~ fieldset.toggleable{
    display:inline-block;
}*/

/*.onoffswitch-checkbox:checked ~ .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}*/

/*.onoffswitch-checkbox:checked ~ .onoffswitch-label:before {
    right: 0px; 
    background-color: #2196F3;
    background-color: #C1DCF1;//@ColorItemSelectVivid;
    box-shadow: 0 6px 12px 0px #757575;
    box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);
}*/

.dataTables_length select,
select.styled {
  background-color: transparent;
  border: solid 1px transparent;
  font-family: 'Segoe UI Light', 'Segoe UI', 'Global User Interface', Calibri, sans-serif;
  font-weight: 100;
  min-width: 50px;
  margin-right: 5px;
  color: #686868;
  border-top-color: #f9f9f9;
  /*#f9f9f9;*/
  border-left-color: #f9f9f9;
}
select.styled::-ms-value,
.dataTables_length select::-ms-value {
  background: none;
  /* remove blue background on ie10/ie11 when selected*/
  color: black;
}
select.styled {
  font-size: 20px;
}
.form_styles select.styled {
  border-top-color: #dedede;
  border-left-color: #dedede;
}
.dataTables_length select:hover,
select.styled:hover,
.form_styles select.styled:hover {
  color: #006aa5;
  cursor: pointer;
  border: solid 1px #006aa5;
}
.dataTables_length select:focus,
select.styled:focus,
.form_styles select.styled:focus {
  border: solid 1px #006aa5;
}
.dataTables_length select {
  font-size: 100%;
}
table.table_default i.fa.fa-check {
  color: green;
}
table.table_default i.fa.fa-times {
  color: red;
}
a.action,
button.action {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 20px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 14px 24px;
  /*font-size: 14px;*/
  color: white;
  /*line-height: 2;*/
  /*border-radius: 4px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  /*.corners*/

}
a.action i,
button.action i {
  margin-right: 6px;
}
a.action:hover,
button.action:hover {
  color: white;
}
a.send-email,
a.select-user {
  margin-left: 20px;
  background-color: #cccccc;
  padding: 2px 16px 3px 10px;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px 1px rgba(0, 0, 0, 0.047058);
  background-color: whitesmoke;
  border: solid 1px #bbbbbb;
  border-radius: 4px;
  cursor: pointer;
}
a.send-email:hover,
a.select-user:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
}
a.save,
button.save {
  background-color: #1d9d74;
  border-color: #198764;
}
a.save:hover,
button.save:hover {
  background-color: #157254;
  border-color: #0f543e;
}
a.action.blue,
button.action.blue {
  border-color: darkBlue;
  background-color: #006aa5;
}
a.action.blue:hover,
button.action.blue:hover {
  background-color: darkBlue;
}
/*a.action.blue:hover{
    background-color: darkBlue;
}*/

a.action.indianred,
button.action.indianred {
  border-color: #c21919;
  background-color: indianred;
}
a.action.indianred:hover,
button.action.indianred:hover {
  background-color: #c21919;
}
/*a.action.indianred:hover{
    background-color: #C21919;
}*/

a.action.red,
button.action.red {
  border-color: #871111;
  background-color: #c21919;
}
a.action.red:hover,
button.action.red:hover {
  background-color: #871111;
}
/*a.action.red:hover {
    background-color: #871111;
}*/

a.action.grey,
button.action.grey {
  border-color: #dedede;
  background-color: #99b4d1;
}
a.action.grey:hover,
button.action.grey:hover {
  background-color: #dedede;
}
/*a.action.grey:hover {
    background-color: #DEDEDE;
}*/

h3.info-note,
h4.info-note {
  font-size: 140%;
  color: #006094;
  display: block;
  text-align: center;
  line-height: 140%;
  clear: both;
}
h4.info-note {
  color: gray;
  font-size: 110%;
  margin-top: 25px;
  clear: both;
  display: block;
}
/*noty_type_alert*/

#content.simple p {
  margin-bottom: 20px;
}
.chb_grid {
  /*margin-left: 295px;
    margin-top: -95px;*/
  min-height: 60px;
  /*> .btn_filter {
        border: 1px solid @ColorBackground2;
    }*/

  /*> .btn_filter {
        display: block;
        border: 1px solid @ColorBackground2;
    }*/

}
.chb_grid > div,
.chb_grid > .btn_filter {
  height: 18px;
  width: 275px;
  padding: 15px 12px 12px 12px;
  margin: 5px;
  float: left;
  font-size: 75%;
  color: #686868;
  text-align: left;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
                                  not supported by any browser */

}
.chb_grid > div {
  border: solid 1px aliceblue;
  display: none;
}
.chb_grid > div:hover {
  /*background-color:@ColorBackground1;*/
  border-color: #006aa5;
  cursor: pointer;
}
.chb_grid > div:hover .noselect > div {
  color: #006aa5;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
                                  not supported by any browser */

}
.chb_grid > div > div {
  margin-left: 30px;
  margin-top: -17px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
                                  not supported by any browser */

  /*line-height: 140%;*/
}
.chb_grid > div:before {
  content: "\f096";
  font-family: FontAwesome;
}
.chb_grid > .btn_filter {
  line-height: 14px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
                                  not supported by any browser */

}
.chb_grid > div.selected:before {
  content: "\f046";
}
.chb_grid > div.selected {
  background-color: transparent;
  display: block;
}
.chb_grid.edit_mode > div {
  display: block;
}
/* Products autocomplete popup */

.ui-menu {
  background-color: white;
  width: auto;
  border: solid 1px #dedede;
  width: 40%;
  /*display: block;*/

}
.ui-menu .ui-menu-item {
  margin: 4px;
  padding: 3px 5px;
  border: solid 1px white;
  cursor: pointer;
  /*&:focus{
			
		}*/

}
.ui-menu .ui-state-focus {
  /*color: @ColorItemSelect2;*/
  color: #006aa5;
  border-bottom-color: #99b4d1;
}
.ui-helper-hidden-accessible {
  display: none;
}
/*
tr.warn > td {
	background-color: #FFEAA8;
	border-bottom: 1px solid #FFC237;
}
*/

.btns_contacts {
  border-top: solid 1px #f9f9f9;
  margin-left: 300px;
  margin-top: 35px;
  padding-top: 35px;
  margin-bottom: 60px;
  /*margin-right: 300px;*/
  white-space: nowrap;
  /*.btns {
		float:left;*/

  /*}*/

}
.btns_contacts .dataTables_paginate {
  float: none;
  width: auto;
  display: inline-block;
  text-align: left;
  margin-left: 16px;
  margin-right: 16px;
}
.btns_contacts a {
  margin-top: 10px;
  color: #006aa5;
  cursor: pointer;
  padding: 5px;
  /*.noselect*/

}
.btns_contacts a:hover {
  border-bottom: 1px solid #99b4d1;
  color: black;
}
/*#myElementID h3 h4 h5 p div .myClassName div.myClass {
}

div .myClass {
	//css
}

div {
	.myClass {
		//less
	}
}

div {
	//div in less
	&.myClass {
		//div.myClass in less
	}

	.myOtherClass{
		//less	
	}
}

div {
	//div in css
}


div.myClass {
	//div in css
}

div .myOtherClass{
	//css
}*/

/*div.myClass{

}

div.myClass.myOtherClass{

}

div.myClass.myOtherClass.myThirdClass{

}

div.myClass.myOtherClass div.myThirdClass{

}*/

#content.simple .help_content {
  padding-bottom: 150px;
}
#content.simple .help_content h3 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 120%;
  color: #006aa5;
}
#content.simple .help_content h4 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 110%;
  color: #006aa5;
}
#content.simple .help_content ul,
#content.simple .help_content ol {
  padding-left: 100px;
  margin-bottom: 30px;
}
#content.simple .help_content ul li,
#content.simple .help_content ol li {
  list-style: disc;
}
#content.simple .help_content div.note {
  margin: 50px;
  color: #006aa5;
  border: solid 1px #006aa5;
  background-color: #f9f9f9;
  padding: 20px;
}
#content.simple .help_content div.note p {
  margin-bottom: 10px;
}

/*.test {
    color: #0094FF;
}*/