/* Daphne base CSS */
body {
    background-image:  url("/static/background.png");
}
#topbar{
    z-index:10;
    margin-top:5px;
    position: relative;
    height: 80px;
}

/* LOGO */
.topbarlogo {
    float: left;
    text-align: left;
    max-width:500px;
    margin:0px;
    margin-top:5px;
    margin-left:15px;
}

.topbarlogoimg {
    max-height:60px;
}

.navbarlogo {
    display: table-cell !important;
    vertical-align: middle !important;
}

.navbarlogo a {
    height: 50px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.navbarlogo img {
    max-height: 46px !important;
    max-width: 90px !important;
}


#credits {
    position: absolute;
    float: right;
    font-size: 10pt;
    font-style: oblique;
    bottom: 0;
    right: 10px;
    vertical-align: bottom;
}

/* MENU */
.navbar {
    border-color:#AAAAAA;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
    margin-bottom: 5px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    box-shadow: 0px 0px 2px #D7D7D7;
    border-color:#AAAAAA;
}

ul.navbar-nav > li:hover {
    background: #e5e5e5;
}

.navbar-nav > li > a {
    padding-left:11px;
    padding-right:11px;
}

.dropdown-menu>li>a:hover {
    background-color:#e5e5e5;
}

/* dropdown submenu */
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* LOGIN */
.loginlogo {
    text-align: center;
    margin-top:5px;
}
.well {
    background-color:#d8e2e6;
    border: 1px solid #aaaaaa;
}

.well.form-login {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width:400px;
}
.form-login input {
    width: 100%;
}
.form-login button {
    width: 100%;
    margin-top:10px;
}

/* MESSAGE BOX */
.messagebox, .errorbox, .form-login .errorlist, .form-registration .errorlist {
    padding:5px;
    margin:5px;
    margin-bottom:10px;
    background:lightyellow;
    border: 1px solid green;
    color:green;
    font-size: 14px;
    list-style-type: none;
    border-radius: 4px;
}

.errorbox, .form-login .errorlist, .form-registration .errorlist {
    border: 1px solid #FF0000;
    border-radius: 4px;
    color:red;
}

.errorlist {
    margin-left: 0;
    margin-bottom: 0;
}

/* CONTENT */
#content {
    clear: both;
}

#formwell {
    background: white;
    margin: 10px;
    padding-top: 0px;
}

/* PRINT preview */
.printpreviewcontainer {
  margin:0px;
  margin-bottom:10px;
}

.printpreviewcontainer td {
    padding: 2px;
}

.printpreviewcontainer ul {
    padding-left:15px;
}

.printpreviewcontainer a {
    white-space: nowrap;
}

.printpreviewcontainer a:hover {
    text-decoration: none;
    background: lightyellow;
}

.printpreview #topleft {
    height: 80px;
}

.printpreview div#documentlogo {
    position: absolute;
}

.printpreview #documentlogo img {
    max-height: 110px;
}

.printpreview img {
    background: #FFF;
}

.printpreviewimage {
    width: 95%;
    border: 1px solid #000;
}

.printpreviewimage:hover {
    box-shadow: 0 0 10px #ccc;
}

.printpreviewimagecontainer {
    max-height:620px;
    overflow-y:auto;
    margin-bottom:10px;
    margin-top:10px;
}

.emailsend {
    min-width: 23%;
    float: left;
    margin: 10px;
    text-align: left;
    padding: 5px;
}
.imageviewer {
    position: fixed;
    z-index: 5000 !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ccc;
    text-align: center;
    z-index: 100;
}

a.button {
    text-decoration: none;
}

.imageviewer object {
    height: 98%;
}

.imageviewer div {
    position: absolute;
    width: 100%;
    overflow: auto;
    background: #AAA;
    border: 1px solid #000;
    box-shadow: 0 0 10px #ccc;
}

.imageviewertop {
    padding:5px;
}

.imageviewercontent {
    margin-top:45px;
    height:100%;
    padding-bottom:40px;
}

/* PRINTABLE */
.printcontainer {
    width: 100% !important;
    font-size: 21px !important;
}
.printcontainer .panel-title {
    font-size: 24px !important;
}
.printcontainer #header {
    position: fixed;
    z-index:10;
    margin: 0;
    top: 0;
    width:100%;
    left: 0;
    right: 0;
}
.printcontainer #content {
    position:relative;
    margin-left:0;
    padding:0;
    top: 110px;
    height:500px;
    left: 0;
    width:100%;
}
.printcontainer #footer {
    font-size: 18px !important;
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
}
.printcontainer #topleft {
    position: absolute;
    height:80px;
    margin:0;
}
.printcontainer #topright {
    font-size:18px !important;
    font-style: italic;
}

/* BODY */
body td {
    padding: 3px;
}

body th {
    padding: 3px;
}

.panel-heading h1 {
    margin-top:0;
    margin-bottom:0;
    font-weight:700;
    font-size:18px;
}

/* BOOTSTRAP */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
.form-control {
  width: initial;
  min-width: 0;
  max-width: 100%;
  display:inline-flex;
  padding: 4px 4px;
  height: 28px;
}
.form-group {
  margin-bottom:initial;
}
.input-group-addon {
  padding: 5px 5px;
}
.helptext {
    color: #737373;
    display: block;
}
.container {
    margin-bottom: 10px;
}
.container-fluid {
}
.has-feedback .form-control {
    padding-right: 25px;
}
a > i.glyphicon {
    cursor: pointer;
}
.well {
    margin-top:5px;
    margin-bottom:5px;
}
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding:3px;
}

div.currency {
   max-width:119px;
   display:inline-table;
}

input.currency {
    text-align: right;
    width: 100px !important;
    padding-right: 10px !important;
}

div.input-group.date {
    width: 120px !important;
    display:inline-block;
    max-height:26px;
}

div.input-group.time {
    width: 85px !important;
    display:inline-block;
    max-height:26px;
}

div.input-group.date > input {
   width: 92px !important;
}

div.input-group.time > input {
   width: 57px !important;
}

div.input-group.datetime {
    width: 165px !important;
    display:inline-block;
    max-height:26px;
}

div.input-group.datetime > input {
   width: 135px !important;
}

.input-group.time {
    width: 90px !important;
}

.input-group.datetime {
    width: 150px !important;
}

.modal-body {
    overflow: auto;
}

.form-inline label {
   width:auto !important;
}

.form-group label {
    min-width:20%;
}

.optional > label,
.required > label {
    vertical-align:top;
    margin-top:4px;
    width:20%;
    font-weight: 700;
}

.optional > input[type='checkbox'],
.required > input[type='checkbox'] {
   vertical-align:middle;
}

.required > label:before {
    content: '* ';
}

.help-block {
    display: inline;
}

.ajaxicon {
    display: inline;
}

/* NAVBAR SMALL MENUS */
.navbar-nav-sm > li > a {
    padding:0px;
}

/* contact model */
table.contact {
    line-height: 1;
}

/* list filter */
div.list-filter input[type='number'],
div.list-filter input[type='text'],
div.list-filter select {
    width: 100% !important;
}
div.list-filter span.help-block {
    display: none;
}

.page-header {
    margin-top: 0px;
    padding-bottom: 0;
}

/* calendar */
.cal-cell {
   min-height: 45px !important;
}
.cal-events-num {
   margin-right:-10px;
}
#cal-slide-box {
   z-index: 10 !important;
}
span[data-cal-date] {
    margin-top: 0px !important;
    margin-right: 5px !important;
}
.cal-week-box [data-event-class] {
    height: initial;
    white-space: initial;
    line-height: initial;
}
#cal-day-box .day-highlight {
    line-height: initial;
    height: initial !important;
}

a.notification {
    color: #333;
}

a.notification:hover {
    text-decoration: none;
}

/* Display fields dropdown */
div#display_fields_dropdown {
    padding:0;
    margin:0;
    margin-top:8px;
}

@media (min-width: 767px) {
    div#display_fields_panel {
        min-width:670px;
    }
    div#display_fields_panel > div.panel-body {
        min-height:235px;
    }
}

@media (max-width: 766px) {
    div#display_fields_panel {
        width:335px;
    }
    div#display_fields_panel > div.panel-body {
        min-height:485px;
    }
}

/* Responsiveness */
@media (min-width: 360px) {
   .form-inline .form-control,
   .form-inline .form-group {
       display: inline-block;
   }
} /* 360px */

@media (max-width: 650px) {
   .container-fluid {
       padding-left: 5px;
       padding-right: 5px;
   }
   .form-control {
       width: 80%;
   }
   .navbar-nav {
       margin: 7.5px -5px;
   }
   .modal-content {
       max-width: 90%;
       margin-left:auto;
       margin-right:auto;
   }
   .btn {
       margin-bottom: 5px;
   }
} /* 650px */

/* autocomplete_light */
span.autocomplete-light-widget {
   display:inline-block;
}
span.autocomplete-light-widget > span {
   max-width:95%;
   display:inline-block;
}

/* alternate bootstrap rows colors */
.row-striped:nth-of-type(odd){
  background-color: #efefef;
  margin-left:0;
  margin-right:0;
  padding-top:5px;
  padding-bottom:5px;
}

.row-striped:nth-of-type(even){
  background-color: #ffffff;
  margin-left:0;
  margin-right:0;
  padding-top:5px;
  padding-bottom:5px;
}
.row {
  margin-left:-5px;
  margin-right:-5px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12,
.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5,
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12,
.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left:5px;
  padding-right:5px;
}

@media (max-width: 767px) {
  li.dropdown-submenu > ul.dropdown-menu {
    /*display: block;*/
    border:0;
    box-shadow:initial;
    margin-left:20px;
  }
  .table-responsive .dropdown-backdrop {
    display: none;
  }
  .table-responsive .dropdown-menu {
    position: static !important;
  }
}

@media (min-width: 768px) {
  .dropdown-submenu {
    position: relative;
  }

  .nav > .dropdown:hover > .dropdown-menu {
     display: block;
  }
  .navbar-right {
     margin-right: initial;
  }
  /* bootstrap equal columns height */
  .row.equal {
     display: flex;
     flex-wrap: wrap;
  }
  /* modal width */
  .modal-lg {
     width: 750px;
  }
}

@media (min-width: 1070px) {
    .modal-lg {
        min-width: 1050px;
    }
}

/* checkbbox select multiple */
.checkboxselectmultiple > ul {
    list-style-type: none;
    -webkit-margin-before: 0;
    padding-left: 0;
}
.checkboxselectmultiple > ul > li {
    line-height: 0;
}
.checkboxselectmultiple > ul > li > label {
    font-weight: 400;
}

.filter-input {
   max-width:80px;
}
/* Select2 w/Bootstrap */
.select2-selection {
   border:1px solid #ccc !important;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.table-container th.asc:after {
    content: '\0000a0\0025b2';
    color: #337ab7;
    margin-left: -8px;
}
.table-container th.desc:after {
    content: '\0000a0\0025bc';
    color: #337ab7;
    margin-left: -8px;
}
.select2-dropdown {
    min-width:150px;
}
.empty-form {
    display: none;
}
.panel-heading {
    padding: 5px 10px;
}
.panel-body {
    padding: 5px 15px;
}
.navbar-logo > p {
    margin: 0;
}

#CookielawBanner {
   border: 1px solid #cecece;
   padding: 0px !important;
   margin-bottom:10px;
   position:relative;
   z-index:10000;
}

/* Compact select simulating checkbox */
select.compactselect {
   -moz-appearance: none;
   -webkit-appearance: none;
}
select.compactselect:-ms-expand {
   display: none;
}
/* Hide disabled options in select2 (obsoleted) */
.select2-container--default .select2-results__option[aria-disabled=true] {
   display: none;
}
/* Select2 custom read-only support */
select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}

#alert_tooltip + .tooltip > .tooltip-inner {
    width:120px;
}

.hidden {
   display: none;
}
/* bootstrap-datetimepicker-plus */
.bootstrap-datetimepicker-widget table td.day {
   height:16px;
   line-height:16px;
}
.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td {
   padding:4px;
}
/* daterange custom dropdown */
.daterange-dropdown {
  padding:0;
  margin:0;
}
.daterange-dropdown a {
  padding-right:15px;
}
.daterange-dropdown-menu {
   padding-top:8px;
   margin-top:5px;
   width:335px;
}
i.select__arrow {
  padding-left:5px;
}
.select__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    margin-right: 5px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}