/* Matt's custom CSS
*/

.my_ramco_info {
    font-size: large;
    color: #828282;
    margin-left: 15px;
    margin-top: 15px;
}

.my-border-bottom {
    border-bottom: 2px solid #000000  !important;
}

.my-btn-ml-25 {
    margin-left: 25px;
}

.dataTables_filter { /* This is for the Datatables Search bar */
    float: left !important;
    margin-right: 5px;
}


.bg-header-middle {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgb(38, 59, 130) 50%, rgba(255,255,255,1) 100%);
    color: #000000;
    padding: 5px;
    margin: 2px;
    border-radius: 5px;
    alignment: center;
}




/*MAIN NAV*/
.my-shadow {
    -webkit-box-shadow: 0 0 3px 0 #999;
    -moz-box-shadow: 0 0 3px 0 #999;
    box-shadow: 0 1px 3px 0 #292929;
}

.my-nav-img {
    padding-left: 40px;
}

.my-nav-right {
    background: rgb(38, 59, 130);
    /*background: linear-gradient(200deg, rgb(38, 59, 130) 0%, rgba(255,255,255,1) 40%);*/
    background: linear-gradient(200deg, rgb(248, 248, 248) 42%,  rgba(255,255,255,1) 49%);
}

.bg-my-gray {
    background-color: #efefef !important;

}

/*MY WELL*/
.my-coffee-bottom-light {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgb(38, 59, 130) 100%);
    color: #000000;
    padding: 5px;
    margin: 2px;
    border-radius: 5px;
    alignment: center;
}

.my-coffee-well-light {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(220, 230, 237) 100%);
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 15px;
}

.my-coffee-well-middle {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgb(38, 59, 130) 50%, rgba(255,255,255,1) 100%);
    margin: 10px 0 10px 0;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid black;
}


.my-coffee-well-top {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgb(38, 59, 130) 100%);
    margin: 10px 0 10px 0;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid black;
}

.my-coffee-well-right {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgb(38, 59, 130) 100%);
    margin: 10px 0 10px 0;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid black;
}

.my-coffee-well-left {
    background: rgb(38,59,130);
    background: linear-gradient(270deg, rgba(38,59,130,0) 1%, rgba(152,161,196,1) 55%);
    /*margin: 10px 0 10px 0;*/
    padding: 8px;
    border-radius: 5px;
    border: 1px solid black;
}

.my-coffee-well-300 {
    background: rgb(255,255,255);
    background: linear-gradient(300deg, rgba(255,255,255,1) 24%, rgb(38, 59, 130) 100%);
    margin: 150px 0 20px 0;
    border-radius: 5px;
}

/*HEADERS*/
.sect_header {
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}

.my_deactivate {
    color: #232629; !important;
    pointer-events: none;
    cursor: default;

}

#showall {
    color: blue;
    cursor: pointer;
}

#showall:hover {
    color: #0A246A;
}

#showall:active {
    color: #4e555b;
}


.show_single {
    color: blue;
}

.show_single:hover {
    color: #0A246A;
}

.show_single:active {
    color: #4e555b;
}


html {
    position: relative; /* Added for sticky-footer and fixed-top navbar */
    min-height: 100%; /* Added for sticky-footer and fixed-top navbar */
    margin: 0; /* Added for sticky-footer and fixed-top navbar */
}


body {
    margin: 100px 0 0 0; /* bottom has to be the same as footer height */  /* Added for sticky-footer and fixed-top navbar */
}

.my_small_hr {
    display: block;
    position: relative;
    padding: 0;
    margin: 8px auto;
    height: 0;
    width: 100%;
    max-height: 0;
    font-size: 1px;
    line-height: 0;
    clear: both;
    border: none;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}


.my_hr {
    display: block;
    position: relative;
    padding: 0;
    margin: 8px auto;
    height: 0;
    width: 100%;
    max-height: 0;
    font-size: 1px;
    line-height: 0;
    clear: both;
    border: none;
    border-top: 2px solid #263B82;
    border-bottom: 2px solid #263B82;
}

.pre-footer {
    color: white;
    bottom: 90px; /* Added for sticky-footer and fixed-top navbar */
    left: 0; /* Added for sticky-footer and fixed-top navbar */
    right: 0; /* Added for sticky-footer and fixed-top navbar */
    background: rgb(38, 59, 130);
    text-align: left;
    position: absolute; /* Added for sticky-footer and fixed-top navbar */
    margin-top: 5px;
    padding-top: 15px;
    width: 100%; /* Added for sticky-footer and fixed-top navbar */
}


a.footer-link {
    color: #cae8ff;
}

a.footer-link:hover {
    color: #8ac9ff;
}

.footer {
    background-color: #263B82;
    color: #d9d9d9;
    text-align: left;
    position: absolute; /* Added for sticky-footer and fixed-top navbar */
    /*left: 0;*/
    /*right: 0;*/
    bottom: 0; /* Added for sticky-footer and fixed-top navbar */
    font-size: x-small;
    height: 100px; /* Added for sticky-footer and fixed-top navbar */
    width: 100%; /* Added for sticky-footer and fixed-top navbar */
    padding-top: 5px;
    padding-bottom: 5px;

}

#maincontent {
    margin-bottom: 250px; /* Added for sticky-footer and fixed-top navbar. Also added to keep main body content from going behind the pre-footer and footer. */
    width: 100%; /* Added for sticky-footer and fixed-top navbar */
    margin-top: 150px;
}

.keep_below_header {
    width: 100%;
    margin-top: 95px !important;
    margin-bottom: 40px !important;
    /*border-bottom: 2px solid #263B82;*/
}


/*TABLES*/
td.details-control {
    background: url('images/icons8-right-button-24.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('images/icons8-drop-down-24.png') no-repeat center center;
}

.error {
    color: red;
    font-style: italic
}

/* TICKETING SYSTEM */
.ticket-title {
    font-weight:bold;
    font-size:20px;
    margin-left:10px;
}
.answered {
    font-size:10px;
    color:#ffffff;
    background-color:#7079d6;
    margin:0px 0px 0px 5px;
}