﻿@charset "UTF-8";
body {
  background-color: #f3f3f3;
  font-size: 14px;
  font-family: "Segoe UI","Helvetica",Garuda,Arial,Sans-Serif;
  margin: 0;
  padding: 0;
  color: #333; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  color: #0081C6; }

#header h1 {
  /*   font-weight: bold;     padding: 5px 0;     margin: 0; */
  color: #0081C6; }

/* TAB MENU   
----------------------------------------------------------*/
#menucontainer {
  background: #0081C6; }

ul#menu {
  background-color: #0081C6; }

ul#menu li {
  border-right: #0081C6; }

table th {
  background-color: #DCECF5;
  color: #0081C6; }

table table th {
  color: #0081C6; }

.archiveDayHeader {
  background-color: #DCECF5; }

ul#menu li.selected a {
  color: #0081C6; }

.ui-widget-header {
  background-color: #0081C6; }

.orgDetailLabel {
  width: 165px;
  float: left; }

#adminFunctions {
  margin-bottom: 15px; }

a:hover {
  text-decoration: none; }

a:active {
  color: #12eb87; }

p, ul {
  margin-bottom: 20px;
  line-height: 1.6em; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-size: 1.5em;
  font-family: "Segoe UI","Helvetica",Garuda,Arial,Sans-Serif; }

h1 {
  font-size: 2em;
  padding-bottom: 0;
  margin-bottom: 0; }

h2 {
  padding: 0 0 5px 0; }

h3 {
  font-size: 1.2em;
  margin-bottom: -0px; }

h4 {
  font-size: 1.1em; }

h5, h6 {
  font-size: 1em; }

.h2subtext {
  margin: -20px 0 20px 0; }

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
  margin-top: 0; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
  margin: 0 auto;
  width: 1060px;
  text-align: left;
  padding: 0;
  overflow: hidden; }

.page .wider {
  min-width: 1060px;
  max-width: 1350px; }

#header {
  position: relative;
  margin-bottom: 0px;
  /* color: #000; */
  padding: 12px 0 10px 0;
  background-color: #fff; }

#header h1 {
  border: none;
  line-height: 2em;
  font-family: "Segoe UI","Helvetica",Garuda,Arial,Sans-Serif;
  font-size: 24px !important; }

#main {
  padding: 10px 30px 5px 30px;
  background-color: #fff;
  margin-bottom: 30px;
  _height: 1px;
  /* only IE6 applies CSS properties starting with an underscore */ }

#footer {
  color: #999;
  padding: 10px 0 0;
  text-align: center;
  line-height: normal;
  margin: 0;
  font-size: .9em; }

/* TAB MENU   
----------------------------------------------------------*/
#menucontainer {
  margin: 10px 0 0px 0;
  height: 39px;
  /*	min-width: 1075px; */
  min-width: 950px; }

#menutitle {
  font-size: 20px;
  margin-top: 8px;
  margin-bottom: -9px; }

#menulogo {
  background-color: #f0f5f0;
  float: left;
  margin-top: -39px;
  margin-bottom: -1px; }

ul#menu {
  position: relative;
  margin: 0 0 0 -2px;
  text-align: right;
  /*	width:610px; */
  height: 39px;
  float: right;
  list-style: none outside none; }

ul#menu li {
  display: inline;
  list-style-type: none;
  float: right;
  height: 39px;
  border-right: 3px; }

ul#menu li.selected {
  border-top: 3px solid #0081C6; }

ul#menu li#greeting {
  padding: 0px 20px;
  text-decoration: none;
  color: #fff; }

ul#menu li a {
  display: block;
  padding: 10px 10px;
  text-decoration: none;
  color: #fff;
  font-size: 1.2em; }

ul#menu li a:hover {
  color: #aeaeae;
  text-decoration: none; }

ul#menu li a:active {
  color: #a6e2a6;
  text-decoration: none; }

ul#menu li.selected a {
  background-color: #fff;
  padding-top: 7px;
  font-weight: 600; }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.container {
  float: left;
  width: 100%; }

.column1 {
  float: left;
  width: 33%; }

.column2 {
  float: left;
  width: 34%; }

.column3 {
  float: right;
  width: 33%; }

fieldset {
  margin: 1em 0;
  border: 1px solid #CCC; }

fieldset p {
  margin: 2px 12px 10px 10px; }

legend {
  font-size: 1.1em;
  font-weight: 600;
  padding: 2px 4px 8px 4px; }

input[type="text"] {
  width: 200px;
  border: 1px solid #CCC;
  padding-left: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #555;
  border-radius: 4px; }

input[type="password"] {
  width: 200px;
  border: 1px solid #CCC;
  padding-left: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #555;
  border-radius: 4px; }

label {
  font-weight: normal; }

.inline {
  display: inline; }

/* TABLE
----------------------------------------------------------*/
table {
  border: solid 1px #e8eef4;
  border-collapse: collapse;
  font-size: 1em;
  width: 100%; }

table td {
  padding: 5px;
  border: solid 1px #e8eef4; }

table th {
  padding: 6px 5px;
  text-align: left;
  border: solid 1px #e8eef4;
  font-weight: bold; }

table table {
  border: none 0px #e8eef4;
  border-collapse: collapse; }

table table td {
  padding: 5px;
  border: none 1px #e8eef4; }

table table th {
  padding: 6px 5px;
  text-align: left;
  border: none 1px #e8eef4;
  background-color: inherit; }

tr.dependency {
  border-color: #fff;
  border-bottom: 1px solid #ededed; }

table.statuses {
  width: 100%; }

label[for=orgsInclusionCheck] {
  margin-right: 10px; }

#CurrentOrg_OrganizationId + #statusselect {
  margin-left: 15px; }

table.dependency {
  width: 100%; }

div.dependency {
  margin: 10px; }

table.filters {
  border: 0 none;
  border-collapse: collapse;
  font-size: 1em;
  margin-top: -8px;
  max-width: 870px; }

table.filters td {
  border: none;
  padding: 6px 0 0; }

/* Status Formats
----------------------------------------------------------*/
td.OnSchedule, td.Delivered {
  color: #555;
  background-color: #ECFCEB; }

td.Holiday, td.NotScheduled, td.Disabled {
  color: #555;
  background-color: #E3EAFF; }

td.Late {
  color: #555;
  background-color: #E3889B; }

/* MISC  
----------------------------------------------------------*/
.clear {
  clear: both; }

.error {
  color: Red; }

.update {
  color: Green; }

.abc-checkbox.ml-10 {
  padding-left: 10px; }

div#title {
  display: block;
  float: left;
  text-align: left;
  margin-top: 35px; }

#identityHeader {
  height: 24px; }

#identity {
  float: right;
  font-size: 18px;
  display: block;
  text-align: right;
  color: #0081C6;
  padding: 3px 9px 0 0;
  font-weight: bold;
  width: 898px; }

.loginlinks {
  float: right;
  text-align: center;
  display: inline-block;
  padding: 9px 5px 0 0; }

#orgName {
  color: #2fba71; }

.loginlinks .linkWrapper {
  font-size: 10px;
  color: #0081C6;
  text-decoration: none; }

.loginlinks a:link {
  font-size: 10px;
  color: #0081C6;
  text-decoration: underline; }

.loginlinks a:visited {
  color: #0081C6;
  text-decoration: underline; }

.loginlinks a:hover {
  color: #075E8C;
  text-decoration: underline; }

.field-validation-error {
  color: #ff0000;
  font-weight: bold; }

.field-validation-valid {
  display: none; }

.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee; }

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000; }

.validation-summary-valid {
  display: none; }

.display-label, .editor-label {
  margin: 5px 1px 0px 1px;
  float: left;
  width: 170px;
  height: 30px;
  font-weight: normal; }

.display-field, .editor-field {
  margin: 5px 1px 0px 1px;
  font-weight: normal;
  color: #555;
  height: 30px; }

.logon .editor-label {
  width: 90px; }

.fieldcomment {
  font-size: 13px;
  font-weight: normal; }

.buttonrow {
  padding-top: 10px; }

.text-box {
  width: 30em; }

.text-box.multi-line {
  height: 6.5em; }

.tri-state {
  width: 6em; }

div.loading, tr.loading {
  padding: 20px;
  text-align: center; }

*:first-child + html button[type] {
  padding: 1px 7px 0px 4px;
  /* IE7 */ }

td a.buttons {
  margin: 0; }

a.last {
  margin: 0px; }

/* STANDARD */
/* HELP */
.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1; }

.tooltip-inner {
  font-size: 14px;
  max-width: 350px;
  padding: 10px 20px;
  color: #070b39;
  text-align: left;
  background-color: #f6fbfe;
  border-radius: 4px;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
  border: 1px solid #83c1e2; }

.tooltip-inner hr {
  margin-top: 1px;
  margin-bottom: 6px; }

.tooltip-inner ul {
  margin: 15px;
  padding: 0; }

.tooltip.left .tooltip-arrow {
  border-left-color: #83c1e2; }

.tooltip.top .tooltip-arrow {
  border-top-color: #83c1e2; }

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #83c1e2; }

.tooltip.right .tooltip-arrow {
  border-right-color: #83c1e2; }

div.underline {
  border-bottom: 1px solid #ccc;
  padding: 5px 0 5px 0;
  margin-bottom: 5px; }

input[type="text"].datepicker {
  width: 75px; }

div#listContainer {
  padding-top: 1px; }

div#listContainer table {
  margin-top: 5px; }

th#userbutton {
  width: 158px; }

th#filebutton {
  width: 0px; }

th#notificationbutton {
  width: 108px; }

th#linksbutton {
  width: 0px; }

.widearea {
  width: 450px; }

input[type="text"].timeOfDay {
  width: 77px; }

#filtersDiv {
  margin-top: 40px; }

input.ticketinput, textarea.ticketinput {
  width: 100%; }

.hidden {
  display: none; }

#downloadbutton {
  width: 28px; }

#fileicon {
  width: 28px; }

.singleindent {
  padding-left: 20px; }

textarea.longbox {
  width: 500px; }

#pathLinks {
  padding-top: 10px; }

a img {
  text-decoration: none;
  border: 0 none; }

.docButtonWidth {
  width: 56px;
  text-align: center; }

.archiveDayHeader {
  padding: 6px 5px;
  text-align: left;
  border: solid 1px #e8eef4;
  color: #0081C6;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer; }

.archiveDayHeader:hover {
  background-color: #C4E1F2; }

.archiveDayContent {
  display: none;
  margin-top: -1px;
  padding: 0 5px; }

.archiveBody {
  margin-top: 15px; }

.bold {
  font-weight: bold; }

.tight TD {
  padding: 4px 0 4px 5px;
  border-left-style: none;
  border-right-style: none; }

.triangle-e {
  background-image: url(/../images/triangle-e-blue.png);
  width: 16px;
  height: 16px;
  display: block;
  float: left; }

.triangle-s {
  background-image: url(/../images/triangle-s-blue.png);
  width: 16px;
  height: 16px;
  display: block;
  float: left; }

th.sortable:hover {
  background-color: #C4E1F2;
  cursor: pointer; }

#resendResponse {
  display: none;
  margin-bottom: -10px; }

.breadcrumbs {
  padding: 0px 0px 10px 8px; }

.tableform {
  background-color: #DCECF5; }

div.tableform table {
  background-color: White; }

.orgSelect {
  margin-bottom: 10px; }

.documentPermission {
  padding: 3px 0 0 12px; }

.documentPermissionIcon {
  margin: 0px 7px 0 0; }

.warning {
  color: #F76402;
  font-weight: bold; }

.late_info {
  height: 18px;
  margin-bottom: -4px;
  float: right; }

.report_description {
  margin: -20px 0 4px 0;
  font-size: 14px; }

table#reports h2 {
  margin-top: 5px;
  margin-bottom: 18px; }

table#reports td {
  border-left-style: none;
  border-right-style: none; }

table#reports {
  border-left-style: none;
  border-right-style: none; }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container--default .select2-selection--single {
  border-radius: 0; }

.select2-results__option {
  padding: 0 6px; }

.nav > li > a {
  position: relative;
  display: inline;
  padding-left: 5px;
  text-decoration: none; }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: inherit; }

#login-drop {
  background-color: inherit; }

span.tm {
  font-size: 14px;
  vertical-align: super; }

.dropdown-menu a {
  text-decoration: none; }

.abc-checkbox input[type="checkbox"]:checked + * + label::after,
.abc-checkbox input[type="radio"]:checked + * + label::after {
  font-family: "FontAwesome";
  content: ""; }

.abc-checkbox-success input[type="checkbox"]:checked + * + label::before,
.abc-checkbox-success input[type="radio"]:checked + * + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }

.abc-checkbox-success input[type="checkbox"]:checked + * + label::after,
.abc-checkbox-success input[type="radio"]:checked + * + label::after {
  color: #fff; }

.editor-field .abc-checkbox,
.display-field .abc-checkbox {
  margin-left: 171px;
  padding-top: 5px; }

.select2-container--bootstrap .select2-results__option {
  padding: 1px 12px; }

.check-container .editor-field,
.check-container .editor-label,
.check-container .display-field,
.check-container .display-label {
  height: 20px; }

.check-container {
  padding-bottom: 15px; }

.display-field {
  padding-top: 5px; }

#securityModal .modal-body {
  /*height: 330px;*/ }

#privacyModal .modal-body {
  height: 600px; }

#privacyModal .modal-body div {
  height: 600px; }

.fa-xl {
  font-size: x-large; }

.fa-file-excel-o {
  color: #296729; }

.fa-file-word-o {
  color: #21419c; }

.fa-file-pdf-o {
  color: #dc0a0a; }

.textbox-container {
  height: 95px; }

ul.fancytree-container {
  margin-top: 5px;
  font: inherit;
  font-size: 14px;
  background-color: inherit;
  border: 0px dotted gray; }

.job-picker {
  padding-left: 35px; }

#jobTree span.fancytree-icon {
  display: none; }

.fancytree-plain span.fancytree-active span.fancytree-title,
.fancytree-plain span.fancytree-selected span.fancytree-title,
.fancytree-plain span.fancytree-node:hover span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
  background-color: transparent;
  border-color: transparent; }

table#emails {
  table-layout: fixed; }

#emails a {
  float: right;
  margin: 5px 0 0 5px; }

#emails span {
  display: inline-block; }

#emails td {
  border-bottom: 1px solid #cfcfcf; }

.fa-info-circle.has-tip {
  font-size: 24px;
  color: #dd4b39;
  float: right;
  margin: -2px 0; }

#process-loading span {
  color: #337ab7;
  text-decoration: none;
  font-size: 16px;
  padding-left: 20px; }

.archiveDayContent table {
  table-layout: fixed;
  border-collapse: collapse; }

.archiveDayContent td {
  overflow: hidden;
  white-space: nowrap; }

.filename .tooltip-inner {
  min-width: 720px; }

.time-picker {
  position: relative;
  max-width: 85px; }

.time-picker:disabled {
  color: #adadad; }

.aloha table.table-borderless td {
  border: none; }

#profile #ScheduleType {
  width: auto; }

#profile #MinimumInterval {
  width: 70px; }

#profile .dow-label {
  width: 140px; }

#profile .dw-container {
  margin: 10px 0; }

.auth-container {
  line-height: 1.4;
  position: relative;
  overflow: auto;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  border-color: #CFD8DC;
  background: #ffffff;
  height: auto;
  margin: 100px auto 8px;
  width: 400px;
  min-width: 300px;
  padding: 20px 42px; }
  .auth-container:focus {
    outline: none; }
  .auth-container h2 {
    text-align: center; }
  .auth-container .btn {
    margin-top: 1rem;
    width: 100%; }

.logon-label {
  width: auto;
  margin-top: 1rem; }
  .logon-label label {
    margin-bottom: 0; }

.editor-field.logon {
  margin: 0; }
  .editor-field.logon input[type="text"] {
    width: 100%;
    padding: 6px 8px; }
  .editor-field.logon input[type="password"] {
    width: 100%;
    padding: 6px 8px; }

.separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin-top: 1rem; }

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #CFD8DC; }

.separator:not(:empty)::before {
  margin-right: .25em; }

.separator:not(:empty)::after {
  margin-left: .25em; }

.admin .editor-field select, .admin .editor-field textarea {
  width: auto; }
