body {
    overflow-x: hidden;
    background-color: #fdfdfd;
    padding-right: 0px !important;
}

.PictureContainer{
    margin-top: -180px;
    padding: 0px;
}

.PictureColumn{
    padding-left: 0px;
    padding-right: 0px;
    z-index: 1;
}

.LoginColumn{
    z-index: 2;
    background-color: #fdfdfd;
    box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.6);
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-red{
    color: #fff;
    background-color: #960001;
    border-color: #960001;
}

.btn-red:hover, .btn-red:focus{
    color: #fff;
    background-color: #7C0312;
    border-color: #7C0312;
}

.btn-bright-red{
    color: #fff;
    background-color: #FF0000;
    border-color: #FF0000;
}

.btn-bright-red:hover, .btn-bright-red:focus{
    color: #fff;
    background-color: #CC0000;
    border-color: #CC0000;
}

.bg-red{
    color: white;
    background-color: #960001;
}

.bg-green{
    color: white;
    background-color: #449D44;
}

.bg-yellow{
    color: white;
    background-color: #e9cc32;
}

.HeaderGreyBar{
    background-color: #333;
    padding-top: 0px;
}

/*Drop Down Menu*/
/* Dropdown Button */
.dropbtn {
    background-color: #333333;
    color: white;
    font-size: 12px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #012c56;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #ddd;
        }

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

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #960101;
}
/*End Drop Down Menu*/

@media(max-width:767px) {
    .HeaderGreyBar{
        padding-top: 0px;
        margin-top: -2px;
    }

    .HeaderTitle{
        color: #fff;
        font-size: 20pt;
        padding-top: 5px;
        text-align: center;
    }

    .navbar-toggle{
        margin-top: -35px;
        border-color: #fdfdfd;
    }

    .navbar-toggle:hover{
        background-color: #7C0312;
    }

    .icon-bar{
        background-color: #fdfdfd;
    }

     .nav > li > a{
         color: #fff;
     }

    .nav > li > a:hover{
        background-color: #960001;
        color: #fff;
    }
}

@media(max-width:405px) {
    .TitleRow{
        padding-left: 10px;
        padding-right: 0px;
    }
    
    .HeaderTitle{
        color: #fff;
        font-size: 19pt;
        padding-top: 5px;
        text-align: left;
    }
}

.MenuGreyBar{
    background-color: #333;
     margin-top: -35px;
    z-index: 10;
}

.MenuGreyBar{
    padding-top: 35px;
}

.MenuGreyBarRight {
    padding-top: 7px;
    padding-bottom: 8px;
}

.MenuItems{
    padding-right: 22px;
    float: left;
}

.MenuItems a{
    color: white;
}

.MenuItems a:hover{
    text-decoration: none;
    background-color: #960001;
}

.Logo{
    padding-top: 35px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -227px;
    z-index: 10;
}

@media(max-width:1200px) {
    .Logo{
        margin-top: -194px;
    }

    .MenuItems{
        padding-right: 23px;
    }
}

@media(max-width:990px) {
    .Logo{
        margin-top: -158px;
    }

    .MenuGreyBarRight{
        font-size: 9pt;
    }

    .MenuItems{
        padding-right: 11px;
        line-height: 1.7;
    }
}

#HeaderRedBar{
    background-color: #7C0312;
    padding-top: 30px;
}

#HeaderLargeGreyBar{
    background-color: #333;
    padding-top: 150px;
}
.ContentContainer{
    padding-top: 20px;
    margin-top: -10px;
    min-height: 900px;
    box-shadow: -15px 0 15px -15px rgba(0, 0, 0, 0.6),
             15px 0 15px -15px rgba(0, 0, 0, 0.6);
    /*box-shadow: 0px 0px 1px 5px #eee;*/
}

#ui-datepicker-div{
    z-index: 1000 !important;
}

.ui-widget-content{ 
    overflow-y: auto; 
    overflow-x: hidden; 
    max-height: 300px; 
}

.ui-datepicker-today > span{
    border: 1px solid red !important;
}

.ui-datepicker{
    font-size: 1.4em !important;
}

.ui-widget{
    font-size: 0.8em;
}

.form-control, .btn, .modal-content{
    border-radius: 4px;
}

.ManageEmployeesInactivate, .ManageJobsInactivate, .ManagePhasesInactivate, .AnotherJob, .AnotherPhase, .AnotherEmployee{
    margin-left: 15px;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.ByDayCopyRow, .ByDayDelete{
    padding: 3px 12px;
}

.ByDayTextboxReg, .ByDayTextboxOver, .ByDayTextboxDouble, .ByDayTextboxOther, .ByWeekTextboxReg, .ByWeekTextboxOver, .ByWeekTextboxDouble, .ByWeekTextboxOther{
    text-align: right;
}

.ByWeekOtherTable > tbody > tr > td:nth-child(1), .SummaryTable > tbody > tr > td:nth-child(1), .SummaryTable > thead > tr > td{
    text-align: center;
}

.ByWeekTable > tbody > tr > td:nth-child(1), .SummaryTable > tbody > tr > td:nth-child(1){
    text-align: left;
    vertical-align: middle;
}

.ByWeekTable > tbody > tr > td, .ByWeekOtherTable > tbody > tr > td, .SummaryTable > tbody > tr > td, .SummaryTable > tfoot > tr > td{
    text-align: right;
}

.ApproveTimeCardTable > thead > tr > th{
    text-align: center;
}

.ByWeekOtherTimeWorkLogTypeDropdown{
    width: 105pt;
}

/*.VerticalText{
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: 36% 64%;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 36% 64%;
    transform: rotate(-90deg);
	transform-origin: 36% 64%;
    height: 69px;
}*/

.SignaturePad{
    font-size: 10px;
    height: 200px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
}

.SignaturePad canvas{
    width: 100%;
    height: 100%;
    cursor: default;
}

.JobPhasesPhaseName{
    width: 100% !important;
}

.MissingField{
    background-color: #FFFF66 !important;
}