a, a:link, a:visited {
    color: gray;
    text-decoration: none;
}

    a:hover, a:active {
        text-decoration: none;
        color: black;
    }

#scheduler_container td, #tree_container td {
    padding: 0;
}

td, th {
    padding: 1px 14px;
}

th {
    font-weight: bold;
    text-align: left;
}

body {
    background: url(tile.jpg) #fff;
    font-size: 75%;
    font-family: Arial,sans-serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

#toplogo {
    background: url(MainBackgroundBrighter.jpg) top left no-repeat no-repeat #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 49px;
}

.message {
    text-align: right;
    color: White;
    font-size: 18px;
    height: 24px;
    padding: 5px;
}

.device_name {
    white-space: nowrap;
    color: Black;
    font-weight: bold;
}



#DateFrom, #DateTo {
    width: 80px;
}

#TimeFrom, #TimeTo {
    width: 60px;
}

.date_calendar {
    cursor: pointer;
    height: 18px;
    left: -2px;
    position: relative;
    vertical-align: baseline;
    top: 1px;
    width: 18px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


#main {
    padding: 30px 30px 15px 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}


.clear {
    clear: both;
}


.page {
    width: 100%;
}

#main {
    padding: 0;
}

.minical_container {
    position: absolute;
    width: 200px;
}

.daily_unavailability {
    background: #dedede;
}

#toplinks {
    position: absolute;
    top: 3px;
    padding-top: 7px;
    padding-right: 10px;
    height: 40px;
    right: 70px;
    font-family: Segoe UI,Arial,sans-serif;
    font-weight: bold;
    color: black;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.5);
}

#toplinks .view-options {
        font-family: Segoe UI,Arial,sans-serif;
    }

#toplinklogo {
    background-attachment: fixed;
    background: url(2bLogoForHeader.jpg) #fff;
    background-repeat: no-repeat;
    height: 39px;
    width: 40px;
    display: inline-block;
    right: 15px;
    position: absolute;
}

#toplinks a, a:link, a:visited, .ui-widget-content a.startsat {
    color: rgb(196, 46, 46);
    text-decoration: none;
}

    #toplinks a:hover, a:active, .ui-widget-content a.startsat:hover {
        text-decoration: none;
        color: black;
    }

#toplinks #welcome {
    margin-left: 10px;
    
}

#toplinks #editmodelabel {
    color: red;
    padding-left: 3px;
}

#tree_container, #tree_title {
    position: absolute;
    width: 198px;
    border: none;
    border-right: solid 2px #999;
    background: #eee;
}

#tree_container {
    top: 111px;
    bottom: 10px;
    overflow: hidden;
    overflow-y: auto;
}

#tree_title {
    top: 50px;
    font-weight: normal;
    color: #454544;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    border-bottom: solid 1px #ccc;
}

#treeboxbox_tree {
    background: #eee;
}

    #treeboxbox_tree .containerTableStyle {
        padding: 5px 0 10px 0;
        overflow: hidden;
    }

#scheduler_container {
    position: absolute;
    top: 50px;
    left: 200px;
    right: 0;
    bottom: 10px;
}


.schedule-action-links {
    display: inline;
}
.schedule-action-links a {
    margin: 0 6px;
}

.dhx_expand_icon {
    top: 20px !important;
    right: 280px !important;
}



.dhx_cal_event_line.maintenance, .dhx_cal_event.maintenance .dhx_body, .dhx_cal_event.maintenance .dhx_title, .dhx_cal_event.maintenance .dhx_footer {
    background-color: #dedede;
    border-color: #bbbbbb;
    color: #666;
}

.dhx_cal_event .dhx_title {
    border-bottom: solid 1px #ccc !important;
}


.dhx_cal_event_line.complete, .dhx_cal_event.complete .dhx_body,  .dhx_cal_event.complete .dhx_title, .dhx_cal_event.complete .dhx_footer {
    background-color: #888;
    border-color: #959595;
    color: #fff;
}

.dhx_cal_event_line.col_1, .dhx_cal_event.col_1 .dhx_body, .dhx_cal_event.col_1 .dhx_title, .dhx_cal_event.col_1 .dhx_footer {
    background-color: darkorange;
}

.dhx_cal_event_line.col_2, .dhx_cal_event.col_2 .dhx_body, .dhx_cal_event.col_2 .dhx_title, .dhx_cal_event.col_2 .dhx_footer {
    background-color: purple;
}

.dhx_cal_event_line.col_3, .dhx_cal_event.col_3 .dhx_body, .dhx_cal_event.col_3 .dhx_title, .dhx_cal_event.col_3 .dhx_footer {
    background-color: lightcoral;
}

.dhx_cal_event_line.col_4, .dhx_cal_event.col_4 .dhx_body, .dhx_cal_event.col_4 .dhx_title, .dhx_cal_event.col_4 .dhx_footer {
    background-color: darkred
}

.dhx_cal_event_line.col_5, .dhx_cal_event.col_5 .dhx_body, .dhx_cal_event.col_5 .dhx_title, .dhx_cal_event.col_5 .dhx_footer {
    background-color: lightpink
}

.dhx_cal_event_line.col_6, .dhx_cal_event.col_6 .dhx_body, .dhx_cal_event.col_6 .dhx_title, .dhx_cal_event.col_6 .dhx_footer {
    background-color: lightgreen
}

.dhx_cal_event_line.col_7, .dhx_cal_event.col_7 .dhx_body, .dhx_cal_event.col_7 .dhx_title, .dhx_cal_event.col_7 .dhx_footer {
    background-color: blue;
}

.dhx_cal_event_line.col_8, .dhx_cal_event.col_8 .dhx_body, .dhx_cal_event.col_8 .dhx_title, .dhx_cal_event.col_8 .dhx_footer {
    background-color: rgb(128, 85, 0);
}

.dhx_cal_event_line.inprogress, .dhx_cal_event.inprogress .dhx_body,  .dhx_cal_event.inprogress .dhx_footer {
   background-color: green;
}


/*  paper available: bottom line - bright green, paper unavailable, bottom line - red*/
/*  Approved; top line bright green, awaiting approval, top line orange, */

.dhx_cal_event_line:not(.maintenance),
.dhx_cal_event:not(.maintenance) .dhx_body {
    box-shadow: inset 0 -4px 0 0 rgb(30, 239, 30);
}

.dhx_cal_event_line.awaiting-proofing,
.dhx_cal_event.awaiting-proofing .dhx_body {
    box-shadow: inset 0 4px 0 0 red, inset 0 -4px 0 0 rgb(30, 239, 30);
}

.dhx_cal_event_line.no-paper,
.dhx_cal_event.no-paper .dhx_body {
    box-shadow:  inset 0 -4px 0 0 rgb(255, 171, 0);
}

    .dhx_cal_event_line.awaiting-proofing.no-paper,
    .dhx_cal_event.awaiting-proofing.no-paper .dhx_body {
        box-shadow: inset 0 4px 0 0 red, inset 0 -4px 0 0 rgb(255, 171, 0);
    }

.dhx_cal_event_line.to-proof,
.dhx_cal_event.to-proof .dhx_body {
    box-shadow: inset 0 4px 0 0 purple, inset 0 -4px 0 0 rgb(30, 239, 30);
}

    .dhx_cal_event_line.to-approval.no-paper,
    .dhx_cal_event.to-proof.no-paper .dhx_body {
        box-shadow: inset 0 4px 0 0 purple, inset 0 -4px 0 0 rgb(255, 171, 0);
    }

.dhx_cal_event_line.on-proof,
.dhx_cal_event.on-proof .dhx_body {
    box-shadow: inset 0 4px 0 0 rgb(255, 171, 0), inset 0 -4px 0 0 rgb(30, 239, 30);
}

    .dhx_cal_event_line.on-proof.no-paper,
    .dhx_cal_event.on-proof.no-paper .dhx_body {
        box-shadow: inset 0 4px 0 0 rgb(255, 171, 0), inset 0 -4px 0 0 rgb(255, 171, 0);
    }

.dhx_cal_event_line.approved,
.dhx_cal_event.approved .dhx_body {
    box-shadow: inset 0 4px 0 0 rgb(30, 239, 30), inset 0 -4px 0 0 rgb(30, 239, 30);
}

    .dhx_cal_event_line.approved.no-paper,
    .dhx_cal_event.approved.no-paper .dhx_body {
        box-shadow: inset 0 4px 0 0 rgb(30, 239, 30), inset 0 -4px 0 0 rgb(255, 171, 0);
    }



.dhx_cal_event_line.invalid, .dhx_cal_event.invalid .dhx_body {
    background-image: url('stripes-diag.png');
    background-repeat: repeat;
}

.dhx_cal_event_line.nodrop {
    cursor: not-allowed;
}

.dhx_cal_event_line.has-changed, .dhx_cal_event.has-changed .dhx_body {
    background-image: url('warning.png');
    background-repeat: no-repeat;
    background-position: bottom;
}

.dhx_custom_btn_split_set {
    border: 1px solid #CECECE;
}

.dhx_custom_btn_split, .dhx_custom_btn_deletejob{
    display: none;
}


#LoginScreen {
    width: 575px;
    height: 375px;
    margin-left: auto;
    margin-right: auto; /*background: url(tile.jpg) #fff;*/
    background: url(UserformBackground.jpg) #fff;
    margin-top: 20px;
}

    #LoginScreen fieldset {
        border: none;
        font-family: Segoe UI, Arial, sans-serif;
        font-weight: normal;
        position: absolute;
        top: 170px;
        margin-left: 65px;
        color: black;
    }

    #LoginScreen ol {
        list-style-type: none;
        padding-left: 80px;
        padding-top: 18px;
    }

    #LoginScreen label {
        float: left;
        width: 95px;
        height: 20px;
        padding-top: 4px;
    }

#loginbutton {
    font-family: Segoe UI, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    width: 80px;
    height: 25px;
    float: left;
    margin-left: 250px;
}

#LoginScreen #Username, #Password {
    width: 148px;
    font-family: Segoe UI, Arial, sans-serif;
}

#LoginScreen .loginlabelRememberMe {
    padding-top: 10px;
}

#LoginScreen .validation-summary-errors {
    color: red;
    font-family: Segoe UI;
    font-weight: bold;
    margin-left: 130px;
    margin-top: 152px;
    position: absolute;
}

#LoginScreen .field-validation-error {
    color: red;
    font-family: Segoe UI;
    font-weight: bold;
}

.nochrome .ui-dialog-titlebar {
    display: none;
}

.dhx_cal_today_button {
    width: 60px !important;
}

.choose_date_button {
    height: 30px;
    line-height: 30px;
    border: 1px solid #CECECE;
    cursor: pointer;
    text-align: center;
    color: #747473;
    left: auto;
    right: 200px;
    background: none;
    text-decoration: none;
    width: 60px;
    font-size: 12px;
    font-weight: bold;
    font-family: arial;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.choose_date_button .ui-datepicker-trigger {
    /* Needs to be visible so jquery knows where to place the picker. */
    width: 1px;height: 1px;overflow: hidden;
}

.dhx_custom_btn_deletejob_set {
        border: 1px solid #9a0505;
    background-color: #9a0505;
    color: white;
    text-shadow: 0 -1px 0 #93755F;
}

.dhx_custom_btn_deletejob_set div {
    color: white;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 9999;
    border-top: solid 1px #eee;
}

.dropdown:hover {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover>a {
        padding-bottom: 5px;
    display: inline-block;
}

.menu-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


.menu-list li a {
    display: block;
    margin: 0;
    padding: 7px 0;
}

.menu-list li a:hover {
    display: block;
    margin: 0;
    background: #eee;
}

/* Make 'now'' time appear over scheduled items. */
#scheduler_container .dhx_matrix_now_time {
    z-index: 10;
}

#scheduler_container .dhtmlX_tooltip {
    z-index: 999;
}

#right-scroll-trap {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 50px;
    width: 20px;
    z-index: 999;
    background: #ccc;
    display: none;
}

.tooltip-validation-errors {
    display: inline-block;
    background: #f1e800;
}

.tooltip-outwork-note {
    display: inline-block;
    background: #83eaff;
}

#drag-details {
    z-index: 999999;
    background: #eee8aa;
    border: #888;
    padding: 2px;
    color: #000;
    position: absolute;
}

#drag-details-start.invalid {
    color: red;
}

.dhx_cal_singleline {
    height: 24px;
    padding: 2px 0 2px 10px;
    overflow: hidden;
}

.whitebackground {
    background: #fff;
}

.padtoplogo {
    padding-top: 50px;
    padding-bottom: 20px;
}

.toplogobordered {
    border-bottom: solid 1px #999;
}

.table-striped>tbody>tr:nth-of-type(odd).bg-danger {
    background-color: #f2dede;
}

.table-striped>tbody>tr:nth-of-type(even).bg-danger {
    background-color: #f2dddd;
}


.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

#treesectiondialog div.content {
    padding: 8px;
}