/*html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}*/
/* Set padding to keep content from hitting the edges */
body {
    font: 18px/21px Calibri, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

a {
    color: rgb(196,59,51);
    text-decoration: none;
    background-color: transparent;
}
.form-floating > select[multiple].form-control,
select[multiple] {
    height: 100%;
}
a:hover {
    color: rgb(196,59,51);
    text-decoration: none;
    background-color: transparent;
}

button,
[type="submit"],
button:hover,
[type="submit"]:hover,
a.btn, a.btn:hover, .dropdown .btn:hover,
.trCloneAdd, .trCloneAdd:hover {
    background: rgb(196,59,51);
    color: #FFF;
}

.cTrRemove, .cTrRemove:hover {
    color: rgb(196,59,51);
    text-decoration: underline;
}

img {
    height: auto;
}

table tr {
    flex-grow: 1;
    transition: all 400ms ease;
}

.c-sep-darkgrey {
    border-color: darkgrey !important;
    border-style: solid !important;
}
/*************************** Header Section Start**************************/
header {
    background:#2d3333;
}
/*************************** Header Section End**************************/
.table > tbody > tr:nth-child(2n) {
    background-color: #D3D3D3;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: #D3D3D3;
}
.z-depth-0 {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.z-depth-1, .card.gradient-card:focus-within .card-image {
    -webkit-box-shadow: 0 2px 5px 0 rgba(196,59,51,0.16),0 2px 10px 0 rgba(196,59,51,0.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}
.z-depth-2 {
    box-shadow: rgba(196, 59, 51, 0.2) 0px 8px 17px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px !important;
}


.row.cItemList {
    border: 1px solid rgba(196,59,51, 0.6); /*3mm ridge rgba(196,59,51, .6);*/
}
.form-group .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 0;
}
.form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 2px 10px 2px 12px;
}
.select2-container .select2-search--inline .select2-search__field{
    height:24px;
}
.select2-results__option.select2-results__option--selected:before {
    font-family: 'fontAwesome';
    content: "\f00c";
    color: #fff;
    background-color: rgb(196, 59, 51);
    border: 0;
    display: inline-block;
    padding: 0;
    line-height: 1.2;
    padding-left: 2px;
}
.select2-container--default .select2-results__option--selected {
    background-color: #fff;
}
.select2-results__option[aria-selected=true]:before {
    background-color: rgb(164,163,166,0.8);
}
.select2-results__option--highlighted {
    background-color: #fff;
}
.select2-container--default .select2-results__option--selected:before {
    background-color: rgb(196, 59, 51)
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ddd;
    color: #000;
}
/*************************** Footer Section Start **************************/
footer {
    background: rgba(86, 86, 86, 0);
    background: url("../img/Gray-Pattern-Small.jpg") no-repeat center #000;
    background-size: cover;
    color: #FFF;
}
footer.footer-top {
    position:static !important;
}
/*
footer .footer-top {
    background: rgba(0, 0, 0, 0.8);
    
    padding: 20px 30px;
    overflow: hidden;
    position: relative;
    z-index: 100;
}

footer .footer-top:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background-image: url("../img/Gray-Pattern-Small.jpg");
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
}*/
/***************************Footer Section End**************************/