/*.table {
    table-layout: fixed
}*/
/*.table {
    word-break: break-all;
}*/
/**
 * 	SPINNER STYLES
 */
@import url("datepicker3.css");
@import url("reporting.css");
@import url("print.css");

@font-face {
    font-family: "Oswald";
    font-weight: normal;
    font-style: normal;
    src: url("../../font/Oswald-Regular.otf");
}

@font-face {
    font-family: "Oswald";
    font-weight: bold;
    font-style: normal;
    src: url("../../font/Oswald-Bold.otf");
}

@font-face {
    font-family: "Oswald-Light";
    font-weight: normal;
    font-style: normal;
    src: url("../../font/Oswald-Light.otf");
}

@font-face {
    font-family: "Oswald-Stencil";
    font-weight: normal;
    font-style: normal;
    src: url("../../font/Oswald-Stencil.otf");
}

/**
 * 	
 * BASE STYLE CHANGES
 * 
 */

a {
    color: black;
}

a:hover {
    color: #111;
    text-decoration: underline !important;
}

h1, h2, h3 {
    font-family: "Oswald", sans-serif !important;
    text-transform: uppercase !important;
}

.btn {
    font-family: "Oswald-Light", sans-serif !important;
    text-transform: uppercase !important;
}

.form-control {
    border-radius: 0px !important;
}

.btn {
    border-radius: 0px !important;
}

.btn-primary {
    background: black !important;
    border-color: #111 !important;
    color: white !important;
}

.btn-primary:hover {
    background: #b53b2f !important;
    border-color: #9e352b !important;
}

.label {
    font-family: "Oswald-Light", sans-serif;
    text-transform: uppercase;
}

/**
 * 	
 * NAVBAR STYLES
 * 
 */

.navbar {
    border-radius: 0px;
    background: #7d807e;
    color: white;
    margin-top: -1px;
    border-radius: 0px;
    padding-top: 5px;
}

.navbar a {
    color: white;
}

.navbar-brand {
    color: white !important;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    padding: 12px 15px;
}

.navbar-brand:hover {
    text-decoration: none;
}

.nav-pills a:hover, .nav .dropdown:hover .dropdown-toggle, .nav .open .dropdown-toggle, .nav .open:hover .dropdown-toggle {
    background: #666 !important;
    border-radius: 0px !important;
    text-decoration: none !important;
}

.nav .dropdown a:hover {
    background: #EEE !important;
}

.navbar-toggle {
    border-radius: 0px;
    border-color: #888;
}

.navbar-toggle .icon-bar {
    background: white !important;
}

.navbar-toggle:focus {
    background: #666;
}

.coleman-droparrow {
    width: 15px;
    height: 10px;
    display: inline-block;
    background: url('../../images/caret_down.png');
}

/**
 * 	
 * 	PANEL STYLES
 * 
 */

.panel {
    border-radius: 0px !important;
    box-shadow: none;
    background: #e6e6e4 !important;
}

.panel-heading {
    background: #e6e6e4;
    border-radius: 0px;
}

.panel-heading {
    font-family: "Oswald", sans-serif;
    font-size: medium;
    text-transform: uppercase;
}

.panel-heading h5 {
    font-size: large;
}

.panel-body {
    background: white;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
}

.panel-heading .panel {
    background: white;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
}

.panel-heading .panel-default .panel-heading, .panel-heading .panel-info .panel-heading {
    background: #666666;
    color: white !important;
}

.panel-heading .panel-info {
    border-color: #666666 !important;
    border-width: 2px;
}

.panel-heading .panel-danger .panel-heading {
    background: #B53B2F;
    color: white !important;
}

.panel-body-light {
    background: white;
}

.panel-default {
    border: 2px solid #e6e6e6;
}

.panel-default .panel-heading {
    background: #e6e6e6;
    color: black;
}

.panel-success {
    border: 2px solid #6EA94F;
}

.panel-success .panel-heading {
    background: #6ea94f;
    color: white;
}

.panel-danger {
    border: 2px solid #B53B2F;
}

.panel-danger .panel-heading {
    background: #b53b2f;
    color: white;
}

.header-label {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: small;
}

.header-label strong {
    border-left: 1px solid black;
    padding-left: 5px;
}

/**
 * 	
 * TABLE CHANGES
 * 
 */

.table thead {
    font-family: "Oswald-Light", sans-serif !important;
    text-transform: uppercase !important;
}

.table tbody tr:hover td {
    background: #7D807E !important;
}

.report-table tbody tr:hover td {
    background: none !important;
    cursor: default;
}

.table .centre {
    text-align: center;
}

.table thead tr .sorting_asc {
    background: url("../../images/sort_asc.png") right center no-repeat !important;
}

.table thead tr .sorting_desc {
    background: url("../../images/sort_desc.png") right center no-repeat !important;
}

.table thead tr .sorting {
    background: url("../../images/sort_both.png") right center no-repeat !important;
}

.dataTables_paginate {
    font-family: "Oswald", sans-serif !important;
    text-transform: uppercase !important;
    font-size: small;
    padding-right: 4px !important;
}

.dataTables_paginate .paginate_button a {
    color: black;
}

.dataTables_paginate .paginate_button a:hover {
    color: #b53b2f;
    text-decoration: none;
}

.dataTables_paginate .previous a, .dataTables_paginate .next a {
    border-radius: 0px !important;
}

.dataTables_paginate .pagination .active a {
    color: white;
    background: #7d807e;
    border: 1px solid #CCC;
}

/**
 * 	
 *  MODAL CHANGES
 * 
 */
.modal-content {
    border-radius: 0px !important;
}

.modal-header h4, .modal-header h5 {
    font-family: "Oswald", sans-serif !important;
    text-transform: uppercase !important;
}

.modal-header h5 small {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
}

.modal-delete-button {
    text-align: left;
}

.modal-confirm-dismiss-area {
    text-align: right;
}

@media (max-width: 750px) {
    .modal-delete-button, .modal-confirm-dismiss-area {
        text-align: center;
        padding-bottom: 20px;
    }
}

.error {
    color: #CC0000;
}

.no_underline {
    text-decoration: none;
}

.no_underline:hover {
    text-decoration: none;
}

.spinner-animate {
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.spinner-large {
    width: 120px;
    height: 120px;
    background: url('/assets/images/spinner_large.png') no-repeat center;
    display: inline-block;
}

.spinner-medium {
    width: 64px;
    height: 64px;
    background: url('/assets/images/spinner_medium.png') no-repeat center;
    display: inline-block;
}

.spinner-small {
    width: 32px;
    height: 32px;
    background: url('/assets/images/spinner_small.png') no-repeat center;
    display: inline-block;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/**
 * 	GENERIC
 */
.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 auto;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #428bca;
    color: #ffffff;
    cursor: pointer;
}

.custom-width-popover {
    max-width: 800px;
    width: auto;
}

/*
 * LOGIN =============================
 */
.form-signin {
    max-width: 400px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-signin-heading, .form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Oswald-Light", sans-serif;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"], .form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.account-wall {
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    background-color: #e6e6e4;
}

.login-title {
    color: #555;
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.profile-img {
    width: 270px;
    margin: 0 auto 10px;
    display: block;
}

.need-help {
    margin-top: 10px;
}

.new-account {
    display: block;
    margin-top: 10px;
}

.forgotten_area {
    padding: 4px 10px;
}

#forgottenPrompt .form-control {
    display: inline-block;
    width: 70%;
    margin-left: 5%;
}

#forgottenPrompt .btn {
    display: inline-block;
    width: 20%;
}

#forgottenPrompt small {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 20px;
}

/*
 * LOGIN =============================
 */

/**
 * 	Hazzapps closure
 */
.inline_box_images {
    width: 96%;
    height: auto;
    display: block;
    padding: 0px 2%;
}

.inline_box_images .item {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 4px;
    border: 1px solid #CCC;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.inline_box_images .item img {
    width: auto;
    height: 80px;
}

.inline_box_images .item img {
    width: 120px;
    height: auto;
}

.max_size_limit img {
    max-height: 80px;
    max-width: 120px;
}

.inline_box_images .item .overlay {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: center;
    background: #CC0000;
    opacity: 0.8;
    color: white;
    display: none;
    position: absolute;
    z-index: 999;
    font-size: large;
    cursor: pointer;
}

.inline_box_images .item:hover .overlay {
    display: block;
}

.inline_box_images .item:focus .overlay {
    opacity: 1;
}

.inline_box_images .item .overlay span {
    position: absolute;
    left: 0;
    top: 0;
}

.inline_box_images .item .bar {
    width: 100%;
    height: auto;
    color: white;
    text-align: right;
    bottom: 0;
}

.inline_box_images .item .bar .progressbar {
    width: 90%;
    height: 10px;
    border: 1px solid white;
    border-radius: 5px;
    position: absolute;
    margin: 5px 5%;
    display: block;
    bottom: 0;
    left: 0;
}

.inline_box_images .item .bar .progressbar .pb {
    width: 0%;
    height: 100%;
    background: white;
    display: block;
}

#closureProgress {
    width: 98%;
    display: none;
    margin: 5px 1%;
}

#closureProgress .progress {
    margin: 0px;
}

#closureProgress .info {
    width: 100%:
    display: block;
    margin: 0px 5px;
}

/**
 * 	Share Styles
 */

.share_promptbox {
    height: 100px;
    display: block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px;
}

.share_promptbox .input {
    width: auto;
    min-width: 1.5em;
    height: auto;
    display: inline;
    background: none;
    border: none;
    padding: 2px;
    margin: 5px;
}

.share_promptbox .name, .sharenames .name {
    width: auto;
    height: auto;
    display: inline-block;
    background: #428BCA;
    color: white;
    border-radius: 2px;
    padding: 2px;
    margin: 5px;
    cursor: default;
}

.share_promptbox .name .icon, .sharenames .name .icon {
    padding-right: 2px;
}

.share_promptbox .name .remove-button, .sharenames .name .remove-button {
    height: 90%;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: static;
}

.share_promptbox .name .remove-button:hover, .sharenames .name .remove-button:hover {
    color: #880000;
}

.name_title {
    font-weight: bold;
}

.share_namebox {
    width: auto;
    height: auto;
    min-width: 180px;
    min-height: 1.2em;
    max-height: 500px;
    overflow-y: auto;
    font-size: medium;
    background: white;
    border: 1px solid #ccc;
    position: absolute;
    z-index: 9999;
}

.share_namebox .item {
    width: 100%;
    height: auto;
    display: block;
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #CCC;
}

.share_namebox .item:last-child {
    border: none;
}

.share_namebox .item .info {
    display: block;
    font-size: small;
    color: #555555;
    padding-top: 2px;
}

.share_namebox .item:hover {
    background: #F7F7F7;
}

.share_namebox .selected {
    background: #428BCA;
    color: white;
}

.share_namebox .selected .info {
    color: #F0F0F0;
}

.share_namebox .selected:hover {
    background: #376fA0;
    color: white;
}

.group-span-filestyle .btn .badge {
    display: none;
}

/**
 * 	Shared page Styles
 */

.shared_item {
    margin: 10px 0px 0px 0px;
    cursor: pointer;
}

.shared_item:hover .container-fluid {
    background: #F3F3F3;
}

.shared_item:last-child {
    margin: 10px 0px 10px 0px;
}

.shared_item .panel .panel-heading {
    text-transform: capitalize;
}

.shared_item .divider {
    width: 99%;
    height: 1px;
    margin: 0px 0.5% 10px 0.5%;
    display: block;
    background: #CCC;
}

.shared_item .top_item {
    padding: 10px 0px;
}

.shared_item .top_name {
    font-size: 1.2em;
    font-weight: bold;
    text-indent: 10px;
}

.shared_item .top_date {
    text-align: right;
    padding-right: 10px;
}

@media screen and (max-width: 1000px) {
    .shared_item {
        padding: 0px;
    }

    .shared_item .top_item {
        padding: 0px;
    }

    .shared_item .top_date {
        text-align: left;
        padding-left: 10px;
        margin-bottom: 4px;
    }

    .shared_item .panel {
        margin: 10px 0px 0px 0px !important;
    }
}

.shared_item .image img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.shared_item .content_body {
    font-size: 1.2em;
    padding: 5px 0px;
}

.shared_item .encapsulation {
    border: 1px solid #CCC;
    padding: 4px;
    border-radius: 4px;
}

.shared_item .encapsulation:last-child {
    margin-bottom: 8px;
}

.shared_item .sharenames {
    display: block;
    margin-bottom: 10px;
}

.shared_item .shared_by {
    width: 100%;
    display: block;
}

.shared_item .shared_by .comment_item, .shared_by .comment_item {
    display: block;
    margin-bottom: 10px;
    padding-left: 10px;
}

.shared_item .shared_by .comment_item .icon, .shared_by .comment_item .icon {
    padding-right: 10px;
    display: inline-block;
}

.shared_item .shared_by .comment_item .info, .shared_by .comment_item .info {
    display: inline-block;
}

.shared_item .shared_by .comment_item .info .name, .shared_by .comment_item .info .name {
    display: block;
    font-weight: bold;
}

.shared_item .shared_by .comment_item .info .name .date, .shared_by .comment_item .info .name .date {
    font-weight: normal;
    font-size: 0.8em;
}

.shared_item .shared_by .comment_item .info .comments, .shared_by .comment_item .info .comments {
    display: block;
    font-size: 0.9em;
    padding-left: 2em;
}

/**
 * 	Home thumbnails
 */
#recentImages {
    background: white;
}

/*#recentImages .img-responsive {
	max-height:none !important; /* Fix for thumbnail images being too small in the popover */
/*} 

@media screen and (min-width: 1000px) {
	#recentImages .thumbnail img {
		max-height:70px;	/** Keep images a consistent size in large screens */
/*}
}

@media screen and (max-width: 1000px) {
#recentImages .thumbnail img {
    max-height:195px; /** This is not that successful **/
/*}
}*/

/*
 * Home Share
 */

#shareItemContainer .item_share {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 8px 0px;
    background: #EFEFEF;
}

#shareItemContainer .item_share img {
    width: 100%;
    height: auto;
    display: block;
}

#shareItemContainer .item_share .info {
    width: 100%;
    height: auto;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    color: white;
    position: absolute;
    margin-top: -100%;
    display: block;
}

#shareItemContainer .item_share:hover .info {
    background: rgba(0, 0, 0, 0.8);
}

#shareItemContainer .item_share .info .container {
    width: 96%;
    height: auto;
    position: relative;
    padding: 5px 2%;
}

#shareItemContainer .item_share .info .container .date {
    font-style: italic;
    padding-bottom: 4px;
    display: block;
    font-size: 0.8em;
}

#shareItemContainer .item_share .info .container .content {
    max-height: 4.2em;
    display: inline-block;
    overflow: hidden;
    font-size: 0.9em;
}

#shareItemButton {
    padding: 10px 0px;
    text-align: right;
}

/**
 * 	Gallery
 */

#gallery_result .thumbnail img {
    margin: auto auto;
}

.pullRightWhenMedium {
    text-align: right;
}

@media screen and (max-width: 800px) {
    .pullRightWhenMedium {
        text-align: left;
    }
}

/**
 * 	Inspection Report Creation Styles
 */

#inspectionArea .singleHeader {
    width: 98%;
    cursor: pointer;
    font-size: 1.1em;
    padding: 10px 1%;
    text-align: left;
    vertical-align: center;
    display: inline-block;
    background: #CCC;
    font-weight: bold;
}

#inspectionArea .singleSelector, #inspectionArea .singleRow {
    width: 98%;
    cursor: pointer;
    font-size: 1.1em;
    padding: 10px 1%;
    text-align: left;
    vertical-align: center;
    display: inline-block;
}

#inspectionArea .singleSelector .check {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: white;
    background: #0088CC;
    font-size: 0.9em;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    padding: 2px;
    margin-left: 10px;
}

#inspectionArea .delete-item {
    cursor: pointer;
    float: right;
    display: inline-block;
    color: black;
}

#inspectionArea .delete-item:hover {
    color: red;
}

#inspectionArea .singleRow {
    text-align: center;
}

#inspectionArea .singleSelector input[type="checkbox"], #inspectionArea .formContainer .inputArea input[type="radio"] {
    margin-right: 10px;
}

#inspectionArea .singleSelector:hover {
    background: #FCFCFC;
}

#inspectionArea .btn_add {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #CC0000;
    color: white;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-size: 2em;
}

#inspectionArea .btn_add:hover {
    background: #EE0000;
}

@media screen and (max-width: 800px) {
    /* Adjust touch-area and touch-feedback for phones */
    #inspectionArea .singleSelector {
        padding: 20px 1%;
    }

    #inspectionArea .singleSelector:hover {
        background: #EEE;
    }
}

#inspectionArea #buttonArea {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #CCC;
    margin-top: 10px;
    padding-top: 10px;
}

#inspectionArea #buttonArea .half {
    width: 50%;
    display: inline-block;
}

#inspectionArea #buttonArea .right {
    text-align: right;
}

#inspectionArea .formContainer {
    width: 99%;
    padding-left: 1%;
    display: inline-block;
    margin-top: 20px;
}

#inspectionArea .formContainer:first-child {
    margin-top: 0px;
}

#inspectionArea .formContainer .header {
    width: 100%;
    font-size: 1.8em;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}

#inspectionArea .formContainer .inputArea {
    width: 96%;
    display: inline-block;
    padding: 10px 2%;
    -moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
    border-top: 1px solid #F4F4F4;
}

#inspectionArea .formContainer .inputArea textarea {
    width: 100%;
    min-height: 5em;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin-top: 15px;
}

#inspectionArea .formContainer .inputArea .header {
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
}

#inspectionArea .formContainer .inputArea .error {
    font-size: 1.2em;
    font-style: italic;
    color: #CC0000;
}

#inspectionArea .formContainer .inline_box_images {
    width: 100%;
    margin: 10px 0px 10px 0px;
    padding: 5px;
    border: 1px solid #CCC;
    display: none;
    border-radius: 4px;
}

#inspectionArea .formContainer .image_lineup {
    width: 100%;
    display: inline-block;
    padding-top: 5px;
}

#inspectionArea .formContainer .image_lineup .item {
    max-width: 100px;
    height: auto;
    display: inline-block;
    border: 1px solid black;
    margin-right: 2px;
    overflow: hidden;
}

#inspectionArea .formContainer .image_lineup .item img {
    width: 100px;
    height: auto;
    max-height: 100px
}

#inspectionArea .formContainer #thankHeading {
    width: 100%;
    font-size: 4em;
    display: inline-block;
    padding-top: 25px;
}

#inspectionArea .formContainer #thankBody {
    width: 100%;
    font-size: 1.9em;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 20px;
}

/**
 * 	Admin - Supervisor Styles
 */

.fixed-scrolling {
    width: 100%;
    height: 340px;
    overflow-y: auto;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.fixed-scrolling .item {
    width: 98%;
    height: auto;
    padding: 10px 5px;
    border-bottom: 1px solid #CCC;
    margin: 0px 1%;
    cursor: pointer;
}

.fixed-scrolling .item:first-child {
    margin-top: 5px;
}

.fixed-scrolling .item:last-child {
    border-bottom: none;
}

.fixed-scrolling .item:hover {
    background: #EFEFEF;
}

.fixed-scrolling .delete, .fixed-scrolling .visibility {
    display: block;
    float: right;
    padding: 2px;
    color: #888;
    margin-right: 5px;
}

.fixed-scrolling .delete:hover, .fixed-scrolling .visibility:hover {
    color: #CC0000;
}

.fixed-scrolling .full-input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #CCC;
    background: none;
    padding: 10px;
}

#categoryTable tr td:nth-child(3), #categoryTable tr td:nth-child(4) {
    text-align: center;
}

#subcategoryTable tr td:nth-child(2), #subcategoryTable tr td:nth-child(3) {
    text-align: center;
}

#mainCategoryTable tr td:nth-child(2), #mainCategoryTable tr td:nth-child(3) {
    text-align: center;
}

/**
SWITCH
 */

.cc-switch {
    min-height: 20px;
    display: block;
    position: relative;
    overflow: hidden;
    padding-left: 60px;
}

.cc-switch input[type=checkbox] {
    width: 1px;
    height: 1px;
    position: absolute;
    left: -999px;
}

.cc-switch .switch-elem {
    width: 40px;
    height: 20px;
    display: block;
    border: 1px solid #CCC;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    border-radius: 400px;
    cursor: pointer;
}

.cc-switch input[type=checkbox]:checked ~ .switch-elem {
    background-color: #82fcc7;
    transition: background-color 200ms linear;
}

.cc-switch .switch-elem .toggle {
    width: 16px;
    height: 16px;
    background: #CCC;
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 50%;
    transition: left 200ms, background-color 100ms;
}

.cc-switch input[type=checkbox]:checked ~ .switch-elem .toggle {
    left: 21px;
    background-color: white;
}

/**
    TABLE
 */

.row-danger, .row-danger.even, .row-danger.even td {
    background-color: #ff9f9f !important;
    border-color: #CC0000;
}

.row-danger.odd, .row-danger.odd td {
    background-color: #ff8888 !important;
    border-color: #CC0000;
}