/* Minification failed. Returning unminified contents.
(1072,15): run-time error CSS1035: Expected colon, found '{'
(1122,17): run-time error CSS1030: Expected identifier, found '#userActionsTable'
(1122,34): run-time error CSS1031: Expected selector, found ')'
(1122,34): run-time error CSS1025: Expected comma or open brace, found ')'
 */
html {
    background-color: #F5F5F5;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    color: #1a1a1a;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
        background-color: #81A9DD;
    }

header, footer, hgroup,
section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

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

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 91%; /*Old value 80%*/
}

@media only screen and (max-width: 600px) {
    .content-wrapper {
        margin: 0 auto;
        max-width: 100%; /*When going into mobile view*/
    }
}

#body {
    background-color: #F5F5F5;
    clear: both;
    padding-bottom: 10px;
}

.main-content {
    padding-top: 5px;
}

header .content-wrapper {
    padding-top: 10px;
}

footer {
    clear: both;
    /*background-color: #4473BB;*/
    background-color: #2D6B9A;
    font-size: .8em;
    height: 25px;
    color: White;
}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }

/* MENU*/
.topnav {

    overflow: hidden;
    display: inline-block;
    font-weight: 500;
    white-space: nowrap;
}

#menu.topnav {
    overflow: hidden;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    font-weight: 500;
}

#mainMenu {
    flex-grow:1; 
    display:inline-flex; 
    gap: 1em;
    padding-left: 2em;
}

.login-regular {
    flex-grow: 4;
    text-align: right;
}

.login-hotdesk {
    flex-grow: 8;
    text-align: right;
}

header {
    position: relative;
    z-index: 1000;
}

    /* Style the links inside the navigation bar */
    .topnav a {
        float: left;
        overflow: hidden;
        font-size: 16px;
        color: #2E6E9E;
        text-align: left;
        text-decoration: none;
        z-index: 999;
    }

    .topnav a:focus {
        color: #2E6E9E;
    }

    #mainMenu > a {
        padding-left: 6px;
        padding-right: 6px;
        padding-bottom: 6px;
        /*margin-bottom: -3px;*/
    }

    .topnav .dropdown-heading {
        overflow:hidden;
        font-size: 16px;
        color: #2E6E9E;
        text-align: left;
        padding-left: 6px;
        padding-right: 6px;
        margin-bottom: -3px;
        text-decoration: none;
    }

    .topnav .dropdown-heading a {
        padding-left: 0px;
        padding-right: 0px;
    }

/* The dropdown container */
.dropdownmenu {
    float: left;
    overflow: hidden;
}

#mainMenu .dropdownmenu .dropdown-heading:after {
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%232E6E9E' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    width: 1em;
    height: 1em;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 2px;
}

/* The dropdown container */
#menuprofile > .dropdownmenu {
    float: right;
    overflow: hidden;
}

#menuprofile.topnav .dropdown-heading {
    text-align: right;
}

#menuprofile.topnav .dropdown-content {
    right: 20px;
}

#menuprofile.topnav .dropdown-content a {
    text-align: right;
}
    
/* Add a background color to navbar links on hover */
    .topnav a:hover, .dropdownmenu:hover .dropdown-heading {
        background-color: transparent;
        text-decoration: underline;
        cursor: pointer;
    }

/* Dropdown content (hidden by default) */
.dropdown-content {
    float: left;
    display: none;
    position: absolute;
    background-color: #2E6E9E;
    min-width: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000 !important;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        float: none;
        font-size: 15px;
        font-weight: 500;
        color: white;
        padding: 3px 13px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

    .dropdown-content a:hover {
        color: #ffffff;
        text-decoration: underline;
    }

/* Show the dropdown menu on hover */
.dropdownmenu:hover .dropdown-content {
    display: block;
}


.dropdown-heading {
    height: 26px;
    color: white;
    padding-bottom: 6px;
}

.doubleColumnMenu .col-sm-12 a {
    margin-left: -13px;
    margin-right: -13px;
    padding-right: 0px;
}

/* Add an active class to highlight the current page */
.topnav a.active {
    background-color: #04AA6D;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
    #headLeft {
        float: none;
    }

    #menu.topnav {
        display:block;
        padding-right: 6px;
    }

    #mainMenu, .login-hotdesk {
        clear: right;
        display: block;
        float: right;
        flex-grow: unset;
    }

    #loginLink {
        display: block;
        float: right;
        font-size: 15px;
        padding-bottom: 3px;
    }
    
    .topnav {
        float: right;
    }
    
    .topnav .dropdown-heading, .topnav a {
        display: none;
    }

        .topnav a.icon {
            float: right;
            display: block;
            max-width: 30px;
            background-color: unset;
        }

        #equipPanel {
            height: 200px;
        }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
    #headBottom {
        position: absolute;
        top: 0;
        left: 0;
    }
    
    #menu.topnav.responsive {
        position: relative;
        display: block;
        float: right;
        background-color: transparent;
    }

    #menu.topnav.responsive .login-hotdesk {
        padding-right: 0px;
    }

    .topnav.responsive a:not(:first-child) {
        float: none;
        display: block;
        text-align: right;
        clear: right;
        font-size: 15px;
    }

    #menuprofile.topnav.responsive .dropdown-content {
        float: none;
        position: unset;
        display: block;
        right: 0px;
        background-color: unset;
    }

    #menuprofile.topnav.responsive .dropdown-content a {
        padding-right: 6px;
    }
}

/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 55px 40px;
        height: 15px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

        #loginForm input[type="checkbox"],
        #loginForm input[type="submit"],
        #loginForm input[type="button"],
        #loginForm button {
            width: auto;
        }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom: 5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}



label {
    display: block;
    font-size: 1.2em;
}

    label.checkbox {
        display: inline;
    }

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

input[type="submit"],
input[type="button"],
button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

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

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

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}
/*Admin Users*/

.noDisplay {
    display: none;
}

/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

div #invoicePaidDiv {
    padding-left: 15px;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    /*header .float-left,
    header .float-right {
        float: none;
    }*/
    .headerBackground {
        width:100%;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    /*#login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none !important;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }*/

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    /*#socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }*/


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }
}

.hotdesk-red {
    color: #fb0000;
}

.hotdesk-green {
    color: #6db534;
}

.hotdesk-blue {
    color: #5572b7;
}

.hotdesk-yellow {
    color: #eee31d;
}

.hotdesk-orange {
    color: #ff9c00;
}

.inactive-item > .jstree-anchor {
    font-style: italic;
}

#register-hotdesk {
    padding-top: 10px;
    display: block;
    text-decoration: none;
    transition: all 0.1s ease 0s;
}

#forgot-hotdesk {
    padding-top: 7px;
    display: block;
    text-align: right;
    text-decoration: none;
    transition: all 0.1s ease 0s;
}

    #register-hotdesk:hover, #forgot-hotdesk:hover {
        background-color: unset;
    }

.item-accepted {
    background-color: #bed798;
}

.item-rejected {
    background-color: #f59494;
}

.item-outstanding {
    background-color: #8aa8ff99;
}

a.hotdeskBookingLink:visited, a.hotdeskBookingLink:hover, a.hotdeskBookingLink:active {
    color: RGBA(1,118,211,1);
    font-weight: 200;
}

#requestTable tr.item-accepted.e-hover, #requestTable tr.item-accepted td {
    background-color: #bed798;
}

#requestTable tr.item-rejected.e-hover, #requestTable tr.item-rejected td {
    background-color: #f59494;
}

#requestTable tr.item-outstanding.e-hover, #requestTable tr.item-outstanding td {
    background: #f4f4f4;
    background-color: #8aa8ff99;
}

.square-accepted {
    float: left;
    height: 25px;
    width: 100px;
    background-color: #bed798;
    margin-right: 10px;
    margin-bottom: 20px;
    border: 1px solid #5282ce;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
}
.square-rejected {
    float: left;
    height: 25px;
    width: 100px;
    background-color: #f59494;
    margin-right: 10px;
    border: 1px solid #5282ce;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
}
.square-outstanding {
    float: left;
    height: 25px;
    width: 100px;
    background-color: #8aa8ff99;
    border: 1px solid #5282ce;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
}

.visually-hidden { 
  position: absolute !important;
  width: 1px; 
  height: 1px; 
  padding: 0; 
  margin: -1px; 
  overflow: hidden; 
  clip: rect(0, 0, 0, 0); 
  white-space: nowrap; 
  border: 0; 
}

/*

    Accessibility styles

*/
html {
    .btn-info {
        color: #1a1a1a;
    }
    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
        color: #1a1a1a;
    }
    .label-danger {
        background-color: #D4403A;
    }
    .datepicker table tr td.old, .datepicker table tr td.new {
        color: #1a1a1a;
    }
    .datepicker table tr td:not(.old,.new) {
        font-weight: 700;
    }
    .pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
        color: #1a1a1a;
    }
    .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
        background: #2B79B6 !important;
    }
    .label-success {
        background: #3A833A !important;
    }
    .btn-danger {
        background: #D4403A !important;
        border-color: #D4403A !important;
    }
    .btn-success {
        background: #008a20 !important;
        border-color: #008a20 !important;
    }
    .dropdown-header {
        font-weight: 700;
        color: #1a1a1a;
    }
    .btn-warning {
        color: #1a1a1a;
    }
    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background: #efa716 !important;
        border-color: #efa716 !important;
        color: #1a1a1a !important;
    }
}

.mt-3 {
    margin-top: 1em;
}

.panel-body:has(#userActionsTable) {
    overflow: hidden;
}
.panel-heading {
    background: #2B79B6 !important;
}

.panel-primary {
    border-color: #2B79B6 !Important;
}

.btn-primary {
    background: #2B79B6 !important;
    border-color: #2B79B6 !Important;
}

    .btn-primary:hover {
        background: #4AA1E4 !important;
        border-color: #4AA1E4 !Important;
    }

.removeStyling {
    border-color: transparent !important;
}

.fillCell {
    height: 100% !important;
    width: 100% !important;
}

.defaultMouse {
    cursor: default;
}

.tooltip-inner {
    max-width: 1000px !important;
}

i.glyphicon-calendar {
    cursor: pointer;
}

/* Footer/ Status Bar */
.footerStatusBar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 35px !important;
    padding-top: 8px;
    z-index: 1005 !important;
}

.highlightNotice {
    color: #FFE600;
}

.footerItem {
    float: left;
    padding-right: 15px;
}

/* Header */
.headerBackground {
    /*background-image: url("../Images/headBackground.jpg");
    background-repeat: repeat-x;*/
    margin: 0px !important;
    padding: 1em;
    background: #FFFFFF;
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(93, 177, 224, 1) 55%);
}

.mainLogo {
    height: 60px;
}

.headerBottom {
    background: #ffffff;
    border-top: solid 1px #DFE6E9;
    border-bottom: solid 1px #DFE6E9;
    padding-top: 8px;
    /*background-color: #2B79B6;*/
    margin: 0px !important;
}

/* padding to stop the window y scroll bar covering up the right most parts of the screen - not the neatest solution!*/
#login {
    padding-right: 20px;
    white-space: nowrap;
}

#sitemenu {
    width: 59.5% !important;
}

.doubleColumnMenu {
    width: 530px !important;
    padding-top: 0px !important;
    margin-left: -240px !important;
}

.singleColumnMenu {
    width: 350px !important;
    padding-top: 0px !important;
}

#menu {
    clear: right;
}

#menuprofile {
    clear: right;
}

#sitemenu li {
    padding-left: 0px !important;
    padding-right: 1% !important;
}

    #sitemenu li a {
        padding: 0px;
    }

.headerBottom img {
    margin-top: -4px;
}

/* Generic Form Styling */
.calendarBooking:hover {
    cursor: pointer;
}

.datepicker {
    text-align: center;
}

.hideColumn {
    display: none !important;
}

.iconButton {
    margin-top: 2px;
    margin-right: 5px;
    text-align: center;
    width: 40px !important;
    height: 30px !important;
}

.contactIconButton {
    margin-right: 5px;
    text-align: center;
    width: 40px;
}

.NormalWeightLabel {
    font-weight: normal;
    font-size: 1.1em;
}

.clickable {
    cursor: pointer;
    background: #8DBDE7;
    color: #1a1a1a;
}

.modal-dialog {
    position: absolute;
    top: 3%;
}

textarea {
    resize: none;
}

.TimeDropDown {
    margin-right: 39px;
}

button, .button {
    width: 137px;
}

/* Admin Area Styling */
/* Generic Admin Area */
.adminColumnSmall {
    position: absolute;
    width: 200px;
    z-index: 100;
    display: block;
    overflow-x: hidden;
    background-color: #f5f5f5;
}

.adminColumnMedium {
    position: absolute;
    width: 300px;
    z-index: 100;
    display: block;
    overflow-x: hidden;
    background-color: #f5f5f5;
}

.adminColumnLarge {
    position: absolute;
    width: 400px;
    z-index: 100;
    display: block;
    overflow-x: hidden;
    background-color: #f5f5f5;
}

.adminPanelSmall {
    padding-right: 40px !important;
    padding-left: 220px !important;
}

.adminPanelMedium {
    padding-right: 40px !important;
    padding-left: 320px !important;
}

.adminPanelLarge {
    padding-right: 40px !important;
    padding-left: 420px !important;
}

.adminTables {
    margin-top: 0px !important;
    width: 100%;
    table-layout: fixed;
    font-size: 12px;
    white-space: nowrap;
    overflow-x: hidden;
}

.overFlowBody {
    overflow-y: scroll;
    height: calc(100vh - 280px);
}

.overFlowBodySmaller {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 454px;
}

.adminTableHolder {
    background-color: White;
    width: 100%;
    padding-right: -10px !important;
    float: left;
}

.AdminPanelHeight {
    height: 570px !important;
}

.SpaceRows {
    margin-bottom: 20px !important;
}

.SpaceActiveDropdown {
    margin-bottom: 5px;
}

.AdminHeaderLabel {
    font-size: 24px;
    font-weight: normal;
}

/* Booking Prevention Specific */
.positionMiddle {
    width: 934px;
    margin-left: auto;
    margin-right: auto;
}

.noPadding {
    padding: 0 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

#dp .datepicker {
    padding: 0 !important;
}

#selectedPreventionsDates {
    width: 58%;
    height: 259px;
    margin-right: 10px;
    margin-left: 15px;
    float: left;
    font-size: 16px;
}

.RoomCheckBoxList {
    width: 60%;
    margin-left: 5px;
}

.CheckBoxList input {
    float: left;
}

.CheckBoxList label {
    width: 163px;
    padding-left: 2px;
    font-size: 14px;
    font-weight: normal;
}

#optionsLabel {
    margin-right: 210px;
}

.section-label {
    font-size: 1.2em;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

#prevFailedList {
    width: 568px;
    height: 250px;
}

.prevention-report-cell-seperated.e-rowcell {
    vertical-align: top !important;
    line-height: 2 !important;
}

.prevention-report-cell.e-rowcell {
    vertical-align: top !important;
}

/* Booking Request Email Templates Specific*/
.adminCheckbox {
    margin-top: 8px;
    margin-right: 30px;
    padding-bottom: 20px;
}

/* Booking Status Specific */
#BookingStatusName {
    width: 70%;
    margin-right: 20px;
}

.StatusExample {
    background-color: White;
    width: 28%;
    height: 75px;
    color: Black;
    border: 1px solid #CCCCCC;
    margin-left: 30px;
    text-align: center;
    padding-top: 25px;
    float: left;
}

/* Contact Status Specific */
#name {
    width: 70%;
    margin-right: 20px;
}

/* Course Management Specific */
.ThreeInputs {
    width: 32%;
}

#typeList {
    width: 97%
}

#special {
    width: 97%;
}

/* Catering Specific */
#cost {
    width: 125px;
}

/* Equipment Specific */
#quantityLabel {
    width: 70%;
}

.TwoLabels {
    width: 35%;
}

/* Rooms Specific */
.roomTableHolder {
    background-color: White;
    height: 474px;
    width: 100%;
    overflow-x: hidden;
}

#roomActive {
    margin-left: 10px;
    margin-top: 8px;
}

#enforceGapLabel {
    width: 20%;
}

.RoomNames {
    width: 45%;
}

.HourlyRates {
    width: 45%;
}

#userAccessRooms {
    height: 90%;
}

.adminTableHolderSmaller {
    background-color: White;
    height: 516px;
    width: 100%;
    margin-right: 15px;
    float: left;
}

#layoutTable td input {
    width: 100%;
}

#layoutTable td {
    text-align: center;
}

.accessDenied {
    background-color: #FF6A6A;
}

.accessGranted {
    background-color: #DFFFA5;
}

.sizePanels {
    margin: 5px !important;
    height: 97%;
    overflow-y: scroll;
}

#EmailButtonMargins {
    float: right;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
}

/* Sort Rooms Page */
#roomList {
    height: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.centreButtons {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
}

.UpDownButtonsHolder {
    margin-top: 250px;
}

.UpDownButtons {
    margin-bottom: 10px !important;
    width: 50px !important;
}

/* Site Admin Specific */
.PositionSiteInputs {
    width: 49.7%;
}

/* Base dir not used at the moment (site property)*/
#baseDi {
    width: 99.9%;
    display: none;
}

#baseDiLabel {
    display: none;
}
/****************/

.FourLabels {
    width: 24.5%;
}

#payBy {
    width: 50px;
}

.ThreeLabels {
    width: 32.9%;
}

#siteDocs, #roomDocs {
    margin-left: 10px;
    margin-top: 19px;
}

.CentreText {
    text-align: center;
}

#uploadFileButton {
    margin-left: 10px;
    margin-top: 54px;
}

.FileUploadSize {
    width: 70%;
}
/* Admin Users Specific */
.UserCheckBox {
    margin-top: 6px;
    margin-left: 18px;
}

.UserInputs {
    width: 49%;
}

.UserConfigHolder {
    background-color: White;
    height: 355px;
    width: 99%;
    overflow: scroll;
    float: left;
    margin-bottom: 20px;
    margin-top: 0;
}

.userAccessHolder {
    background-color: White;
    height: 355px;
    width: 100%;
    overflow-y: scroll;
    float: left;
    margin-top: 10px;
}

.SpaceLeft {
    margin-left: 10px;
}

.userActionsTable {
    margin-top: 0px;
}

    .userActionsTable tbody tr td {
        text-align: center;
        font-size: 12px;
    }

        .userActionsTable tbody tr td:first-child {
            min-width: 200px !important;
        }

    .userActionsTable thead tr th {
        text-align: center;
        font-weight: normal;
        font-size: inherit;
        white-space: nowrap;
        min-width: 160px !important;
        max-width: 160px !important;
    }

#userAccessTable {
    margin-top: 0px;
}

    #userAccessTable td {
        text-align: center;
        font-size: 12px;
    }

    #userAccessTable th {
        text-align: center;
        font-weight: normal;
        font-size: inherit;
    }

/* Staff Availability Specific */
.staffTableHolder {
    height: 420px;
    overflow-y: scroll;
}

.AlignStaffAvail {
    float: left;
    margin-right: 10px;
}

.alignButtons {
    margin-top: 20px;
    margin-left: 44px;
    float: right;
}

#itemTable {
    margin: 0px;
    text-align: left;
}

    #itemTable th {
        text-align: left;
    }

#StaffAlert {
    width: 235px;
}

.DateBoxes {
    width: 100%;
}

.TaxSubmit {
    margin-left: 25%;
    width: 50%;
    margin-right: 25%;
}

/* Course Templates Specific */
#templatePanel {
    height: 514px;
    overflow-y: auto;
}

.CentreText {
    text-align: center;
}

.leftAlign {
    text-align: left !important;
}

/* Reports */
.minimiseHeader {
}

.SizeInputSettings {
    width: 125px !important;
    text-align: center;
}

.SizeLabels {
    font-size: 12.5px;
    margin-top: 3px;
    font-weight: normal;
}

.reportSettingDiv {
    float: left;
    margin-right: 8px;
}

.tableHolder {
    background-color: White;
    overflow: scroll !important;
    height: 540px;
}

.listViewTableHolder {
    background-color: White;
    overflow: scroll !important;
    /*height: 560px;/*620px;*/
}

#intranetCalendarHolder #listViewDiv {
    overflow: hidden;
}

.FeedbackTableHolder {
    background-color: White;
    overflow: scroll !important;
    height: 622px;
}

    .FeedbackTableHolder table {
        white-space: nowrap !important;
        margin-top: 0px;
    }

        .FeedbackTableHolder table th {
            font-size: 12px;
        }

.mainTableHolder {
    background-color: White;
    /*height: 560px;/*620*/
}

.listViewTableHolder table {
    white-space: nowrap !important;
    margin-top: 0px;
}

.tableHolder table {
    white-space: nowrap !important;
    margin-top: 0px;
}

    .tableHolder table th {
        font-size: 12px;
    }

.centerCellText td {
    text-align: center;
}

.removePaddingTop {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.SiteDropDown {
    width: 185px !important;
}

.PositionButtons {
    margin-top: 26px;
}

.BlockButtons {
    margin-bottom: 3px !important;
}

/* Audit History Report*/
.SmallNumberInput {
    width: 80px !important;
}

/* Booking Request */
.float-right {
    float: right;
}

.bookingRequestInput {
    width: 230px !important;
    font-size: 13px !important;
}

.bookingRequestLargeInput {
    width: 300px !important;
    font-size: 13px !important;
}

.SizeRequestLabels {
    margin-top: 5px;
    font-weight: normal;
    font-size: 14px;
}

.SizeRequestLabelsNoMargin {
    font-weight: normal;
    font-size: 14px;
}

.archivedText {
    margin-top: 8px;
    font-weight: normal;
    font-size: 11px;
}

.smallInput {
    width: 65px !important;
    font-size: 13px !important;
}

.boldLabel {
    font-size: 14px;
}

.BookingRequestModalTables {
    background-color: White;
    overflow-y: scroll;
    height: 175px;
}

.setWidthModal {
    top: 2%;
    width: 1040px !important;
}

.courseFeedbackModal {
    top: 2%;
    width: 98% !important;
}

/* Bi-Weekly Report */
#BiWeeklyTable table {
    table-layout: fixed;
}

    #BiWeeklyTable table th {
        font-size: 12px !important;
        padding: 1px !important;
    }

    #BiWeeklyTable table td {
        overflow: hidden !important;
        white-space: nowrap !important;
        font-size: 11px !important;
    }

/* Monthly Comparison Report */
.YearDropDowns {
    width: 110px !important;
}

/* Room Usage By Department Report */
.smallRadios input[type=radio] {
    width: 30px !important;
    background-color: White !important; /* when radio buttons are disabled, this prevents grey rectangular background appearing */
}

.MarginTop10 {
    margin-top: 10px;
}

/* Room Usage By Time Report */
.SpaceButtons {
    margin-bottom: 26px !important;
}

.RoomTimes {
    width: 187px !important;
}

.CenterCell {
    text-align: center;
}

/* Centre Activity Report */
.ShortDropDown {
    width: 115px !important;
}

.centreActivitySmallTable {
    font-size: 12px;
    background-color: White;
    height: 130px !important;
    width: 100% !important;
}

.SmallerSettingsButtons {
    width: 118px !important;
}

/* Catering Report */
.ButtonUnderLabel {
    margin-top: -11px !important;
}

/* Equipment Detail Report */
td.equipmentDot {
    font-family: Wingdings !important;
    margin-bottom: 0 !important;
}

/* Categorical/Contact Bookings/Departmental Report */
.PanelHolderSmall {
    margin-right: 1%;
    height: 589px !important;
    width: 50% !important;
}

.countPanel {
    height: 180px !important;
    width: 49% !important;
}

.centreButton {
    margin-left: auto;
    margin-right: auto;
    width: 100px !important;
}

/* Booking Preventions Report */
#prevenCell {
    width: 100px !important;
}

/* Course Feedback Report */
.CourseDropDowns {
    width: 300px !important;
}

.tableHolderGender {
    width: 100%;
    margin-right: 1%;
}

.tableHolderAgeRange {
    width: 100%;
}

.tableHolderEthnicity {
    width: 100%;
}

.tableHolderGender table td {
    font-size: 12px;
    padding: 5px !important;
}

.tableHolderAgeRange table td {
    font-size: 12px;
    padding: 5px !important;
}

.tableHolderEthnicity table td {
    font-size: 12px;
    padding: 4px !important;
}

.HeaderButtons {
    height: 55px !important;
}

.feedbackButtonPosition {
    float: right;
    margin-right: 10px;
}

.questionnaireHolder {
    overflow: hidden;
    height: 500px;
}

    .questionnaireHolder table {
        white-space: nowrap !important;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .questionnaireHolder table th {
            text-align: center;
            font-size: 12px;
        }

/* Contact Record */
.DropDownContacts {
    width: 100px !important;
}

.ContactInputs {
    width: 66% !important;
}

.notesTextArea {
    width: 100% !important;
}

.noPaddingRight {
    padding-right: 0px !important;
}

#postcode {
    width: 34% !important;
}

.seperateRow {
    margin-top: 40px !important;
}

.spaceContactButtons {
    margin-bottom: 15px !important;
}

#contactFormDialogButtons {
    width: 137px !important;
}

#aboutContact label,
#aboutContact span {
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 5px;
}

#aboutContact {
    width: 137px;
}

.contactTables {
    height: 600px !important;
    margin: 0px !important;
    overflow: scroll !important;
}

    .contactTables table {
        white-space: nowrap !important;
        margin-top: 0px !important;
    }

        .contactTables table th {
            font-size: 12px;
        }

.spaceInvoiceInputs {
    margin-bottom: 10px !important;
}

.noPadding {
    padding: 0 !important;
}

.noMargin {
    margin: 0 !important;
}

.centreHeader {
    margin-top: 3px;
    margin-bottom: 4px;
    margin-left: 0;
    margin-right: 0;
}

.centerAlphabet {
    width: 1000px !important;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.AddressAlphabetButton {
    text-align: center;
    height: 32px;
    width: 38px !important;
    float: left;
    font-size: 11px;
}

#grid {
    height: 500px !important;
    overflow: hidden;
    width: 998px !important;
}

.addressTable table {
    white-space: nowrap !important;
    margin-bottom: 0px !important;
}

    .addressTable table th {
        font-size: 12px;
    }

.centerWarningText {
    font-size: 15px !important;
    text-align: center;
}

/* Booking Form */
/* Day Booking Schedule */
.newBookingSchedule {
    height: 964px;
    overflow-y: scroll;
}

.editBookingSchedule {
    height: 1191px;
    overflow-y: scroll;
}

#DayScheduleTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    table-layout: fixed !important;
    overflow: hidden;
    width: 100%;
}

    #DayScheduleTable tbody td {
        border: 1px solid #DDDDDD !important;
        height: 40px !important;
        max-height: 40px !important;
        vertical-align: top;
    }

    #DayScheduleTable tbody div {
        overflow: hidden;
    }

    #DayScheduleTable tbody td p {
        margin: 2px;
    }


    #DayScheduleTable tr {
        height: 40px !important;
        font-size: 12px;
        text-align: center;
    }

    #DayScheduleTable img {
        float: right;
        z-index: -1;
        width: 15px;
        height: 15px;
        vertical-align: bottom;
    }

.HourTD {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 30px !important;
}

.bookingTD {
    width: 300px !important;
}

/* Booking Form Middle Column */
#DelegatesEditor {
    width: 40% !important;
}

#MaxOcc {
    margin-top: 5px !important;
    margin-left: 10px;
}

.InputWithButton {
    width: 85% !important;
    margin-right: 10px;
}

.equipmentPanel {
    height: 236px !important;
    overflow-y: scroll;
}

#equipmentList label {
    width: 200px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: normal;
}

.bookingButtonsSpacing {
    margin-bottom: 10px !important;
}

.bookingGroupWidth {
    width: 100% !important;
}

#cancellationButton {
    width: 145px !important;
    margin-top: 26px !important;
}

.NewContactSmallInput {
    width: 150px !important;
}

.NewContactInput {
    width: 220px !important;
}

.NewContactLargeInput {
    width: 380px !important;
}

.CostInputs {
    width: 150px !important;
}

.SizeCostsDialog {
    width: 400px !important;
}

#CateringTable table {
    white-space: nowrap !important;
    margin-top: 0px;
}

    #CateringTable table th {
        font-size: 12px;
    }

.removeAllPadding {
    padding: 0px !important;
}

.TableTotalInput {
    width: 100px !important;
}

.CateringItemSmall {
    width: 85px !important;
}

#cateringDesc, #chosenCateringDesc {
    width: 250px !important;
}

#CalculateCateringCost {
    margin-left: 5px;
}

#SponsorTable table {
    white-space: nowrap !important;
    margin-top: 0px;
}

    #SponsorTable table th {
        font-size: 12px;
    }

#totalSponsors {
    margin-top: 5px;
}

#sponsorsHeader {
    margin-right: 5px;
}

.SponsorsInput {
    width: 300px !important;
}

.SponsorsLargeInput {
    width: 320px !important;
}

#sponsorFirstName {
    margin-right: 5px;
}

#invoiceHeader {
    margin-top: 0px !important;
}

#multiModal {
    width: 735px;
}

.multiplebookingSize {
    height: 142px;
}

#Custom button {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 140px;
}

#Weekly input[type=checkbox] {
    margin-left: 8px;
}

.dayFrequency {
    width: 100px !important;
    margin-right: 5px;
}

#MonthlyDay {
    width: 125px !important;
}

.monthDropDown {
    width: 150px !important;
    margin-right: 5px;
}

.DatesListBox {
    width: 180px !important;
    height: 293px !important;
    margin-left: 10px;
    float: left;
}

#availBody {
    max-height: 800px;
    overflow-y: scroll;
}

.multiplebookingCustomSize {
    height: 320px;
}

.untilDate {
    width: 150px !important;
    margin-left: 5px;
}

#reminderDate {
    width: 150px !important;
    margin-left: 5px;
}

.multiBookingDatesList {
    width: 200px !important;
    height: 400px !important;
}

.CancellationInputs {
    width: 280px !important;
}

.DelegateAlert {
    width: 280px !important;
}

#AuditHistoryTable table {
    white-space: nowrap !important;
    margin-top: 0px;
}

    #AuditHistoryTable table th {
        font-size: 12px;
    }

#auditHistoryRecords {
    margin-top: 5px;
    margin-bottom: 0px;
}

.CanDelInputs {
    width: 150px !important;
}

#searchFromDate {
    margin-right: 5px;
}

/* Courses Form*/
.alignCourseName {
    padding-right: 5px;
    float: left;
}

#courseTypeText {
    margin-top: 6px;
}

#PrintCourse {
    margin-left: 5px;
}

#GoToBooking {
    margin-left: 5px;
    margin-top: -5px;
}

#delegatesTotal {
    margin-top: 9px;
}

.courseLargeInput {
    width: 75% !important;
    margin-right: 5px;
}

.courseSmallInput {
    width: 75% !important;
    text-align: center;
}

#formButtons {
    margin-left: -15px;
}

.CourseSmallHolder {
    overflow: scroll !important;
    height: 200px !important;
}

    .CourseSmallHolder table {
        white-space: nowrap !important;
        margin-top: 0px;
    }

        .CourseSmallHolder table th {
            font-size: 12px;
        }

.courseDelegatesHolder {
    overflow: scroll !important;
    max-height: 808px;
    min-height: 237px;
}

    .courseDelegatesHolder table {
        white-space: nowrap !important;
        margin-top: 0px;
    }

        .courseDelegatesHolder table th {
            font-size: 12px;
        }

.addPadding {
    margin-left: 7px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

#ReserveButtons {
    padding-left: 10px;
    padding-top: 70px;
}

    #ReserveButtons button {
        width: 60px;
        font-size: 10px;
    }

#courseDetail {
    height: 623px;
}

.questions {
    float: left;
}

.answers {
    float: left;
    font-size: 10px;
    margin-left: 5px;
    margin-top: 2px;
}

.spaceQuestions {
    margin-bottom: 5px !important;
}

#FeedbackDetailsComments {
    margin: 0px !important;
    width: 100% !important;
}

#UpdateFeedbackTable {
    vertical-align: middle;
    white-space: nowrap !important;
    margin-top: 0px;
    margin-bottom: 0px;
}

    #UpdateFeedbackTable th {
        min-width: 10px;
        text-align: center;
        white-space: normal;
        font-size: 10px;
    }

    #UpdateFeedbackTable td {
        min-width: 10px;
        white-space: nowrap;
        text-align: center;
    }

.feedbackButtons {
    width: 110px !important;
}

.feedbackHolder {
    height: 569px !important;
}

.feedbackSmallLabelText {
    font-size: 12px;
    font-weight: normal;
}

#feedbackRight-Comments textarea {
    height: 140px;
}

#autoText {
    margin-bottom: 2px;
}

#messageTextLabel {
    margin-top: 5px;
}

.positionCountandButtons {
    margin-top: 9px;
    margin-right: 5px;
}

/* Calendar Forms */
#myModalNewBooking, #preventionInfoModal, #myModalDetails {
    z-index: 130000;
}

.fullScreenModal {
    top: 2px !important;
    position: absolute;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    width: 99% !important;
}

#fullScreenFooter {
    height: 7px !important;
    padding: 0px !important;
}

.FullScreenModalPadding {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#listView {
    margin-right: 10px;
}

.centerHeading {
    width: 315px;
    margin-left: auto;
    margin-right: auto;
}

#IDColumn {
    width: 35%;
}

.smallPaddingRight {
    padding-right: 5px !important;
}

.timetableTables {
    background-color: White;
}

#TableBookings table td {
    height: 17px !important;
    max-height: 17px !important;
    min-width: 115px;
    max-width: 115px;
    font-size: 12px;
    text-align: center;
    vertical-align: top !important;
}

#TableBookings table tbody td div {
    height: 17px;
    max-height: 17px;
}

    #TableBookings table tbody td div p {
        text-align: center;
        margin: -8px auto;
        overflow: hidden;
    }

#TableBookings table th {
    text-align: center;
    font-size: 15px;
    max-height: 17px !important;
    white-space: nowrap;
    overflow: hidden;
    min-width: 115px;
}

#TableBookings table thead th:first-child {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
}

#TableBookings table tbody td:first-child {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
}

#TableBookings table td.booking-finish {
    /* to force the icons to appear bottom right */
    padding: 8px 0px 0px 8px;
    vertical-align: bottom !important;
}

#TableBookings table td img {
    float: right;
    z-index: -1;
    width: 14px;
    height: 14px;
    vertical-align: bottom !important;
}

#TableBookings {
    overflow: hidden !important;
}

.highlightCell {
    background-color: #6EABDF;
    color: #ffffff;
}

#bookingCells td.highlightCell {
    border: 1px solid #6EABDF;
}

#bookingCells td.enforceGap {
    border: 1px solid #DEDEDE;
    border-left: 1px solid #ADD8E6;
}

#bookingCells td.booking-start, #DaySchedule td.booking-start {
    border-bottom: 0 !important;
    border-right: 1px solid #DEDEDE !important;
}

#bookingCells td.booking-middle, #DaySchedule td.booking-middle {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-right: 1px solid #DEDEDE !important;
}

#bookingCells td.booking-finish, #DaySchedule td.booking-finish {
    border-top: 0 !important;
    border-bottom: 1px solid #DEDEDE !important;
    border-right: 1px solid #DEDEDE !important;
}

.enforceGap {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgYGDwZcAPfDEYuBTgEsBpgy8hBQRNINokgm4i6DuC4QQATSsFHm/Ew30AAAAASUVORK5CYII=) repeat;
}

.prevention {
    background-color: #EDEDED;
    border-color: #EDEDED !important;
}

.wordwrap {
    /* wrap long text and urls */
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    word-wrap: break-word; /* IE 5+ */
}

.timesTableHolder {
    background-color: White;
    overflow: hidden !important;
    height: 540px;
}

    .timesTableHolder table {
        white-space: nowrap !important;
        margin-top: 0px;
    }

#Times table thead th {
    text-align: center;
    font-size: 11px;
}

#Times table td {
    height: 17px !important;
    font-size: 12px;
    text-align: center;
}

#Times {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 1001 !important;
    height: 540px;
}

.dateTableHolder {
    background-color: White;
    height: 20px;
    z-index: 1005 !important;
    width: 50px;
}

    .dateTableHolder table {
        white-space: nowrap !important;
        margin-top: 0px;
    }

#Date table thead th {
    text-align: center;
    font-size: 11px;
}

#Date table td {
    height: 17px !important;
    font-size: 12px;
    width: 112px !important;
    text-align: center;
}

#Date {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 1005 !important;
    width: 112px;
    height: 20px;
}

.doorSignsModal {
    width: 800px !important;
}

#roomsDoorSigns {
    overflow-y: scroll !important;
    width: 300px;
    height: 323px;
}

#signsDate {
    width: 225px;
    margin-left: auto;
    margin-right: auto;
}

/* used on the timetable calendar view for selecting cells - needs to be important so that it takes priority over other class colouring on the calendar cells */
.selected {
    background: lightblue !important;
    border: 1px solid lightblue !important;
}

#requestDatesDropdown {
    max-width: 177px !important;
}

/* Notice Board */
#selectionButtons {
    width: 275px;
    margin-left: auto;
    margin-right: auto;
}

.DateInputs {
    width: 30% !important;
    max-width: 190px !important;
}

.positionText {
    margin-top: 5px !important;
    margin-right: 5px !important;
}

.noticeHolder {
    background-color: White;
}

    .noticeHolder table {
        white-space: nowrap !important;
        margin-top: 0px;
    }

        .noticeHolder table th {
            font-size: 12px;
        }

.NoticeButtons {
    width: 100% !important;
}

/* Search Form */
.tableBackground {
    background-color: White;
}

.archivedRow {
    color: #e80000;
    font-style: italic;
}

#contactSearchSettings {
    width: 820px !important;
    margin-left: auto;
    margin-right: auto;
}

.searchDates {
    max-width: 160px !important;
}

.marginRight {
    padding-right: 10px;
}

#searchButtons {
    width: 410px;
    margin-left: auto;
    margin-right: auto;
}

    #searchButtons button {
        margin-top: -26px;
    }

#searchHeader {
    margin-bottom: -8px;
}

.SearchInputs {
    width: 25% !important;
    max-width: 330px !important;
}

.IDInputs {
    width: 75px !important;
}

.positionSearchButton {
    margin-bottom: -53px !important;
    margin-left: 10px;
}

.searchContactDropDown {
    width: 200px !important;
}

.searchContactAlphaButtons {
    height: 32px;
    width: 32.2px;
    float: left;
    padding: 5px !important;
}

/* Check Availability  */
.checkDates {
    width: 40% !important;
    min-width: 70px !important;
    max-width: 210px !important;
}

#checkFrom {
    padding-left: 6px;
    padding-right: 6px;
}

#checkTo {
    padding-left: 6px;
    padding-right: 6px;
}

.searchSettingsInputs {
    min-width: 48.8%;
    width: 48.8%;
    margin-right: 3px !important;
}

.searchSettingsTimeInputs {
    min-width: 55%;
    width: 55%;
    margin-right: 3px !important;
}

.maxWidth {
    max-width: 150px !important;
}

.maxPanelWidth {
    max-width: 500px !important;
}

.equipmentPanelDimensions {
    height: 729px;
    overflow-y: auto;
}

#checkAvailabilityResults table {
    margin: 0 !important;
}

    #checkAvailabilityResults table th {
        font-size: 12px;
    }

.centreDateCell {
    text-align: center;
    vertical-align: middle !important;
}

.hd_centreDateCell {
    text-align: center;
    vertical-align: top;
}

tr.notSeriesEditable {
    color: Black;
}

tr.seriesEditable {
    color: Red;
}

.hourMarker {
    background-color: #F7F7FF;
}

.oddHourMarker {
    background-color: white;
}

.noBooking /*used on booking form - day booking list for cells not containing a booking to ensure they fill the full width of the table*/ {
    width: 500px;
}

.highlightButton {
    font-weight: bold !important;
    font-style: italic;
    background-color: #F2F1F1 !important;
}

.textunderline {
    text-decoration: underline;
}

#myModalNotes .modal-dialog {
    width: 750px !important;
}

.clickableTable:hover {
    cursor: pointer;
}

.sortable:hover {
    cursor: pointer;
}

#fullHolder {
    overflow: hidden;
}

#FullScreenTableBookings table {
    white-space: nowrap !important;
    margin-top: 0px;
}

    #FullScreenTableBookings table thead th:first-child {
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
    }

    #FullScreenTableBookings table tbody td:first-child {
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
    }

    #FullScreenTableBookings table tbody td {
        height: 17px !important;
        max-height: 17px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        font-size: 11px;
        text-align: center;
        vertical-align: top !important;
    }

        #FullScreenTableBookings table tbody td div {
            height: 17px !important;
            max-height: 17px !important;
        }

    #FullScreenTableBookings table thead th {
        text-align: center;
        font-size: 11px;
        height: 17px !important;
        max-height: 17px !important;
        white-space: nowrap;
        overflow: hidden !important;
        min-width: 50px !important;
        max-width: 50px !important;
    }

    #FullScreenTableBookings table td.booking-finish {
        /* to force the icons to appear bottom right */
        padding: 0px 0px 0px 8px;
        vertical-align: bottom !important;
    }

    #FullScreenTableBookings table td img {
        float: right;
        z-index: -1;
        width: 13px;
        height: 13px;
        vertical-align: bottom !important;
    }

    #FullScreenTableBookings table tbody td div p {
        text-align: center;
        margin: -8px auto;
        overflow: hidden;
    }

.rightAlign {
    text-align: right;
    width: 50px;
}

#multiSiteButton {
    width: 144px !important;
    margin-left: auto;
    margin-right: auto;
}

#calendarTable th.restrictFirstColumn {
    max-width: 111px !important;
    width: 111px !important;
}

.FeedbackDelegateWidth {
    width: 200px !important;
    min-width: 200px !important;
}

.feeWidth {
    width: 85px !important;
    min-width: 85px !important;
}

#courseDelegatesTable td {
    padding: 5px !important;
}

#courseDelegatesTable label {
    margin: 0px !important;
    margin-top: 5px !important;
}

.smallCheckbox input[type=checkbox] {
    width: 20px !important;
    background-color: #5282CE !important; /* when checkbox is disabled, this prevents grey rectangular background appearing */
}

.BookingTitleCellPadding {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.roomHeader {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.resultsTable {
    white-space: nowrap !important;
    margin-top: 0;
    /*height: 540px;*/
    overflow: auto;
    position: relative;
}

    .resultsTable table {
        background-color: White !important;
    }

        .resultsTable table thead th {
            font-size: 13px;
            /*padding-right: 9px !important;*/
            margin-right: 9px !important;
            width: 120px !important;
            font-weight: bold;
        }

        .resultsTable table tbody td {
            padding-right: 9px !important;
            margin-right: 9px !important;
            width: 120px !important;
        }

.delegateClipboard {
    height: 250px !important;
    border: 1px solid #cccccc;
    overflow-y: scroll;
}

.paddingFooter {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.padDiv {
    margin-right: 8px;
}

.padButtons {
    margin-right: 3px;
}

.padAlert {
    margin: 10px !important;
}

.tooltip {
    white-space: nowrap;
}

.boldText {
    font-weight: bold !important;
}

#roomUsageTable {
    height: 605px;
}

#roomUsageCategoryTable {
    height: 520px;
}

.fixedTableHolder {
    background-color: White;
    height: 540px;
}

    .fixedTableHolder table {
        white-space: nowrap !important;
        margin-top: 0;
    }

        .fixedTableHolder table th {
            font-size: 12px;
            font-weight: bold;
            width: 120px !important;
        }

        .fixedTableHolder table tbody td {
            width: 120px !important;
            min-width: 120px !important;
        }

.tableHolderSmall {
    background-color: White;
    height: 400px;
}

    .tableHolderSmall table {
        white-space: nowrap !important;
        margin-top: 0px;
    }

        .tableHolderSmall table th {
            text-align: center;
            font-size: 12px;
            font-weight: bold;
            padding-right: 9px !important;
            margin-right: 9px !important;
            width: 120px !important;
        }

        .tableHolderSmall table tbody td {
            padding-right: 9px !important;
            margin-right: 9px !important;
            width: 120px !important;
            min-width: 120px !important;
        }

.demographicsWidth {
    width: 100px !important;
}

.correctFont {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important;
}

.noInvoiceHighlight {
    background-color: #FF2400;
}

.headerFont th {
    font-size: 13px !important;
    font-weight: bold !important;
}

/* BROWSER SPECIFICS */

/* Chrome & Safari Specific CSS. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .positionSearchButton {
        margin-bottom: 0px !important;
    }

    .changeRoomSearchTab {
        margin-top: -27px !important;
    }
}

/*IE Specific CSS*/
@media screen\0 {
    /* On the calendar view the fixed column is out of sync with the rest of the table because the floating header TH font-size is set to 16px
    * to fix this in IE we must set the font-size to be smaller. Chrome and Firefox handle this fine.        
    */
    #TableBookings thead th {
        font-size: 14px;
        font-weight: bold;
        max-width: 115px;
    }
}

/* Intranet Module Styling */
.IntranetDivHeight {
    background-color: White;
}

.borderDatepicker {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ccc;
    height: 260px;
    width: 235px;
    overflow: hidden;
}

.helpColours {
    width: 50px;
    margin-top: 5px;
    margin-bottom: 0px;
    height: 20px;
}

.listViewTableHolderIntranet {
    background-color: White;
    overflow: hidden !important;
    /*height: 700px;*/
}

.popover {
    min-width: 300px;
    max-width: 450px !important;
    height: auto !important;
    max-height: none !important;
}

.popover-content {
    height: auto !important;
    max-height: none !important;
}

.popover-title {
    background-color: #2B79B6 !important;
    color: White;
}

.announcementsPadding {
    padding: 10px !important;
    max-height: 145px;
}

.announcementModal {
    top: 20%;
    width: 750px !important;
}

#addNewCateringBtn {
    margin-bottom: 10px;
}

.requestOrangeLabel {
    font-weight: bold;
    color: #BD5B00;
    font-size: 16px;
    text-align: right !important;
}

#confirmEquipment, #confirmCatering {
    padding-top: 7px;
}

.SpaceDiv {
    margin-top: 10px;
}

.addPadding {
    margin: 10px;
}

.Margin-Left {
    margin-left: 10px;
}

.MaxWidth {
    max-width: 200px;
    width: 200px;
}

.MinHeight {
    min-height: 500px !important;
    height: 500px !important;
}

.contactUsBtn {
    float: right;
    width: 150px;
    margin-top: 12px;
    margin-left: 5px;
}

.roomOptionLbl:hover {
    cursor: pointer;
}

.timeSeperator {
    width: 10px;
    margin-left: auto;
    margin-right: auto;
}

.roomSettingsCheckbox {
    margin-top: 12px !important;
}

.infoFileLink a {
    text-decoration: underline;
    color: #2B79B6 !important;
    font-weight: bold;
    font-size: 14px;
}

#contactUsBody {
    padding-top: 0px !important;
}

.popOverLabel {
    padding-top: 7px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.NoPaddingLeft {
    padding-left: 0px !important;
}

.BookingOptionsCell {
    min-width: 150px !important;
}

.labelCellMinWidth {
    white-space: nowrap;
    min-width: 250px;
}

input[type='checkbox']:hover {
    cursor: pointer;
}

/* Screens CSS */
#screensRooms label {
    width: 40%;
    padding-left: 5px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: text-top;
}

#screensRooms {
    max-height: 400px;
    overflow-y: scroll;
    margin-bottom: 0px;
}

.coloursUL {
    border-bottom: 0px !important;
}

.noMarginTop {
    margin-top: 0px;
}

.dimensionsLabel {
    margin-top: 5px !important;
}

.sendToBack {
    z-index: 500 !important;
}

.largerButton {
    width: 200px !important;
}

.adminPanelHeight {
    height: 650px !important;
}

.roomPanelHeight {
    height: 400px;
}

#zoneRooms label {
    width: 200px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: normal;
}

.panel-footer {
    background-color: #FAFAFA !important;
    height: 60px;
}

#zoneView {
    overflow-y: scroll;
}

.boldZone {
    font-size: 14px;
    font-weight: bold;
}

#zoneRooms {
    overflow-y: scroll;
    height: 515px;
}

#roomOrders {
    overflow-y: scroll;
    height: 460px;
    padding: 0px;
}

    #roomOrders table {
        margin: 0px;
    }

.zoneSort {
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
}

#roomOrders table td:first-child {
    width: 35px !important;
}

/* jsTree style tweaks */
.jstree-disabled {
    cursor: default !important;
}

.jstree-clicked {
    color: #ffffff !important;
    background: #2B79B6 !important;
}

.jstree-leaf {
    font-size: 14px;
}

.zoneLi {
    font-size: 15px;
}

locationLi {
    font-size: 15px;
}

.mediumDropDown {
    width: 250px !important;
}

.userZoneSelect {
    width: 200px !important;
}

#userActionsTable td:first-child {
    min-width: 200px !important;
    vertical-align: middle !important;
}

.changeZoneTab {
    overflow: hidden;
    float: left;
    margin-left: -40px;
    margin-top: 74px !important;
    width: 40px;
    height: 513px;
    background: #fff;
    border: 1px solid #2B79B6;
    border-radius: 5px 0px 0px 5px;
    position: absolute !important;
    z-index: 100;
}

    .changeZoneTab:hover {
        cursor: pointer;
        border-color: #2B79B6;
    }

#zoneCol1 {
    width: 54px;
    height: 513px;
    line-height: 513px;
    border-right: 1px solid #2B79B6;
    text-align: center;
    vertical-align: middle;
    padding-left: 27px !important;
}

#zoneCol2 {
    height: 513px;
    overflow-y: scroll;
}

#zoneDisplayDiv {
    min-width: 800px;
}

/* Booking form zone display */
.changeRoomTab {
    overflow: hidden;
    width: 98%;
    max-width: 98% !important;
    height: 34px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: absolute !important;
    z-index: 100;
}

#zoneRow1 {
    height: 34px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}

#zoneRow2 {
    margin-top: 5px;
    height: 500px;
    overflow-y: scroll;
}

.changeRoomSearchTab {
    overflow: hidden;
    max-width: 320px;
    height: 34px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: absolute !important;
    z-index: 100;
}

#preventionRoomDisplay {
    padding-top: 0px !important;
    height: 350px;
    overflow-y: scroll;
}

/* Intranet popout */
.settingsTab {
    overflow: hidden;
    float: left;
    margin-left: -40px;
    margin-top: 74px;
    width: 40px;
    height: 581px;
    background: #fff;
    border: 1px solid #2B79B6;
    border-radius: 5px 0px 0px 5px;
    position: absolute !important;
    z-index: 100;
}

    .settingsTab:hover {
        cursor: pointer;
        border-color: #2B79B6;
    }

#settingsCol1 {
    width: 54px;
    height: 581px;
    line-height: 581px;
    border-right: 1px solid #2B79B6;
    text-align: center;
    vertical-align: middle;
    padding-left: 27px !important;
}

#settingsCol2 {
    overflow-y: scroll;
    width: 500px;
}

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

.intranetDate {
    margin-left: auto;
    margin-right: auto;
    width: 210px;
}

.timeTableSettings {
    margin-top: 5px;
}

.radiobtn {
    width: 30px !important;
    background-color: transparent !important;
}

.radioLabel {
    font-weight: normal;
    margin-bottom: 0px;
    font-size: 14px;
}

#backToIntranetBtn {
    margin-top: 10px;
}

#ContactTable {
    min-width: 995px !important;
}

.hideOverflow {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#MainTable {
    border: 2px;
    background-color: #ffffff;
}

    #MainTable thead th:nth-child(2) {
        min-width: 300px;
    }

    #MainTable tbody td:nth-child(2) {
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    #MainTable thead th:nth-child(3) {
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }

    #MainTable tbody td:nth-child(3) {
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }

    #MainTable thead th:nth-child(4) {
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }

    #MainTable tbody td:nth-child(4) {
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }

    #MainTable tbody td:nth-child(5) {
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 180px;
        width: 180px;
    }

    #MainTable tbody td:nth-child(6) {
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 180px;
        width: 180px;
    }

.extraPaddingLeft {
    padding-left: 24px !important;
}

.minWidthCell {
    min-width: 245px !important;
}

.fixedColumnWidth {
    min-width: 250px !important;
}

#doorSignsRoomList .CheckBoxList label {
    width: 230px !important;
    white-space: nowrap;
    overflow-x: hidden;
    padding-left: 5px;
}

.noFloat {
    float: none !important;
}

.padAdminButtons {
    padding-bottom: 25px !important;
}

.autoZIndex {
    z-index: auto !important;
}

.fadeText {
    color: #cccccc;
}

#zoneRow2 {
    padding-left: 0 !important;
}

.equipmentLoanHeight {
    height: 40px !important;
}

#requestConfirmationModal label {
    max-width: 300px;
    overflow: hidden;
    word-wrap: break-word;
    text-align: left;
}

.maxColSize {
    max-width: 100px !important;
}

.inputToolText {
    float: right;
    padding-right: 70px;
    font-size: 12px;
    margin-bottom: 0 !important;
    margin-top: 2px;
}

.bookingDetailsLabel {
    max-width: 90px !important;
    font-weight: normal;
    font-size: 1.1em;
    width: 90px !important;
}

.smallDetailsLabel {
    max-width: 70px !important;
    font-weight: normal;
    font-size: 1.1em;
    width: 70px !important;
}

.bookingDetailsLong {
    overflow: hidden;
    max-width: 470px;
    word-wrap: break-word;
    font-weight: normal;
    font-size: 1.1em;
}

#announcementTable td {
    vertical-align: middle;
}

tr.unAvailableDate td:nth-child(1) {
    width: 100px !important;
}

tr.unAvailableDate td:nth-child(2) {
    width: 300px !important;
}

#cateringRequiredTable table {
    max-width: 561px;
    width: 561px;
    table-layout: fixed;
}

    #cateringRequiredTable table th:nth-child(1) {
        width: 60px !important;
    }

    #cateringRequiredTable table th:nth-child(3) {
        width: 80px !important;
    }

    #cateringRequiredTable table th:nth-child(4) {
        width: 120px !important;
    }

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

.restrictWidth label {
    max-width: 245px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.screensPanels {
    min-height: 270px !important;
}

#sortSlidesBody {
    min-height: 500px !important;
}

#sortSlidesBtns {
    margin-bottom: 25px !important;
}

.contactSearchInput {
    width: 200px !important;
}

.eventLogSmallTD {
    width: 170px;
    max-width: 170px !important;
}

#mailEventLogDiv {
    padding: 0 !important;
    overflow-y: scroll;
    height: 740px;
}

.mailDiv {
    min-height: 690px;
}

    .mailDiv select {
        margin-left: 5px;
        width: 165px !important;
    }

    .mailDiv input[type=text] {
        margin-left: 5px;
        min-width: 920px !important;
        width: 90% !important;
    }

    .mailDiv textarea {
        margin-left: 5px;
        min-width: 920px !important;
        width: 90% !important;
    }

    .mailDiv input[type=checkbox] {
        margin-right: 5px;
    }

    .mailDiv .row {
        margin-bottom: 15px;
    }

.mailLbl {
    margin-top: 4px;
}

#eventLogBtn, #mailSettingsBtn {
    margin-top: 18px;
}

.panel-footer {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: 45px !important;
}

.wrapCell {
    word-wrap: break-word !important;
    white-space: normal !important;
}

#systemInfoBtn {
    width: 300px;
}

.infoLbl {
    font-weight: normal;
}

.infoLblMax {
    max-width: 240px !important;
    font-weight: 700;
}

.fht-thead thead {
    text-wrap: normal !important;
    height: auto !important;
    white-space: normal !important;
    max-height: unset !important;
}

.listViewTableHolderIntranet {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
}

#FullScreenTableBookings table thead th {
    text-wrap: normal !important;
    /*height: auto !important;*/
    white-space: normal !important;
    max-height: unset !important;
}

.loadingLayouts {
    background-color: lightgrey;
    pointer-events: none;
}

.loadingEmails {
    background-color: lightgrey;
    pointer-events: none;
}

.loadingFade {
    transition: background-color .1s ease-in;
}

#pageBtnsNav {
    float: right;
    padding-bottom: 20px;
}



.cellHref:hover {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

a.cellHref {
    color: inherit;
}

.label-as-badge {
    border-radius: 1em;
}



@media only screen and (max-width: 900px) {
    .setWidthModal {
        top: 2%;
        width: auto !important;
    }

    .maxWidth {
        max-width: 150px !important;
        padding-left: 10px !important;
    }
}

.display-label, .editor-label  
{
    font-weight: bold; 
    font-size: 1em;
}

.display-field
{
    margin: 0.1em 1em 0.2em 0;
    font-size: 1.1em;
}

.editor-label-checkbox
{
    margin: 0 0.3em 0 0;
    font-weight: bold; 
    font-size: 1em; 
    float: left;   
}

.editor-field-checkbox
{
    font-size: 1.1em;    
    width: 10em;
}

.editor-field-textbox
{
    margin: 0 0.2em 0 0;
    font-size: 1.1em;  
    width: 2px; 
}

.editor-field { 
    margin: 0 0.2em 0 0;
    font-size: 1.1em; 
}


.inline-form-section { 
     float: left; 
     margin: 0.4em 0;
     margin-right: 0.7em; 
}
.form-line {
    clear: both;
    float: left;
    width:100%;
}
.inline-button {
    float: left;
    margin-top: 17px;
}

.small-column
{
    width: 50px;
}

.large-column
{
    width: 200px;
}

.hide-column
{
    display: none;
}

#Buttons
{
    float: left;
    width: 20%;
}

.align-form-items
{
    float: left;
}


.align-delete-items
{
    float: left;
    clear: both;
}

.align-form-buttons
{
    float: left;
    clear: both;
}

#DropDownListFor
{
    margin: 0.3em 0 0 0;
    width: 313px;
    height: 32px;
    font-size: 1.1em;
}

h2
{
    margin: 0 0 0.3em 0;
}

.colours
{
    color: #ff0000;
    background-color: #ADD8E6;
}

.noBooking
{
}

.errorLabel
{
    font-size: 14px;
    font-weight: normal;
}

.align-label
{
    float: left;
    margin: 0.5em 0.2em 0 0;
}

.align-label-filepath
{
    float: left;
    margin: 0.5em 2em 0 0;    
}

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

.attachmentListBox
{
    min-width:438px;
}

.clear
{
    clear: both;
}

.buttonDivider
{
    width: 156px;
    color: Silver;
    float: left;
}

.deleteLabels
{
    font-size: 1.1em;
    font-style: normal;
    font-weight: normal;
    margin: -0.1em 0 0 0;
}

.cateringLabel
{
    font-weight: normal;
    font-size: 1.1em;
}

span.cateringLabel {
    padding: 3px 6px;
    display: block;
}

/* Catering Dialog */
.cateringExample
{
    font-style: italic;
    font-size: 0.85em;
}

.float-right input
{
    width: 80px;
}

.overflow
{
    overflow: hidden;
}

.wrap
{
    white-space: pre-wrap;
}

#tablehead td
{
height:17px; width:110px; font-size:12px; text-align:center;border:1px solid #ADD8E6;white-space: nowrap;  
}

#MainTable img
{
    float: right;
    padding-top: 3px;
}

#MainTable:hover
{
    cursor: pointer;
}

#detailsEditors select
{
    width: 206px;
    font-size: 1.1em;
}


#CourseFacilitator-Dialog label
{
    font-size: 12px;
}


#courseReserveTables tbody
{
    cursor: pointer;
}

#courseDelegatesTable tbody
{
    cursor: pointer;
}

#courseDelegatesTable select
{
    width: 100%;
}

#courseDelegatesTable td
{
    padding: 3px;
}

#courseDelegatesTable input
{
    width: 90%;
}

#courseDetail p
{
    font-size: 11px;
    width: 60%;
    text-align:right;
    margin-bottom: 0px;
}



#courseDetail textarea
{
    width: 310px;
    height: 160px;
    margin-left: 8px;
}

.feedbackLongEditor
{
    width: 300px;
}


#frequencyRadios
{
    margin-right: 15px !important;
    height: 300px;
}

.smallLabels label
{
    font-weight: normal;
    font-size: 14px; 
}


#includeCheckboxes label
{
    font-weight: normal;
    font-size: 12px;
}

#includeCheckboxes input[type=checkbox]
{
    width: 15px;
}

.adminTableHolderLarge
{
    background-color: White;
    height: 750px;
    width: 174px;
}

.adminTableHolderLarger
{
    background-color: White;
    height: 950px;
    width: 174px;
}

.padding
{
    padding-top: 10px;
}

#statusColourPickers input
{
    width: 85px;
}


.tableAdminInput
{
    width: 75px;
}

#siteCheckboxes input[type=checkbox]
{
    margin-right: 10px;
}

.alignLabels
{
    float: left;    
    margin-top: 8px;
    margin-left: 5px;
    width: 100px;
}

#contactArea fieldset
{
    width: 421px;
}

#invoiceAddressContact
{
    margin-top: 10px;
}

#bookingsTable
{
    background-color: White;
    overflow: scroll;
    height: 90%;
    width: 100%;
    margin-top: 10px;
}

#cancellationButton
{
    margin-left: 5px;
    margin-top: 7px;
}

.ResultBox
{
    background-color: White;
    overflow: scroll;
    height: 525px;
}

.tableCourseFeedback
{
    background-color: White;
    height: 350px;
}


.tableStyling input[type="checkbox"]
{
    margin-left: 25px;
}

#seriesBookings
{
    height: 430px;
}

input:disabled {
  background: #E5E5E5;
}

.shadeCells{
    background: #ffffcc;
}

.darkenCell
{
    background: #FDF8FF;
}

.weekendCell
{
    background: #FFE4E1;
}

.preventionCell
{
    background: #E3E3E3;
}


.redText
{
    color: Red;
}

.bold
{
    font-weight: bold; 
}

.ShadeEveryother
{
    background: #FFF0F5;
}

.click-here-action-link {
    text-decoration: underline;
    font-weight: bold;
}

.addLeftEdgeToGlyphicon {
    border-left: 1px solid #ccc !important;
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.blanket {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    -ms-opacity: 0.5;
    opacity: 0.5;
    z-index: 1000;
}

.tutorialHighlight {
    position: relative;
    z-index: 1010;
    background-color: white;
}

.tutorialHighlightTableCell {
    position: relative;
    z-index: 1010;
    background-color: inherit;
    background-clip: padding-box;
}

/*Disable Date text Boxes*/
.date-input {
    background-color: white !important;
    cursor: pointer !important;
}