@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Regular.eot');
    src: url('/fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto/Roboto-Regular.woff') format('woff'), url('/fonts/Roboto/Roboto-Regular.ttf') format('truetype'), url('/fonts/Roboto/Roboto-Regular.svg#svgRoboto') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Medium.eot');
    src: url('/fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto/Roboto-Medium.woff2') format('woff2'), url('/fonts/Roboto/Roboto-Regular.woff') format('woff'), url('/fonts/Roboto/Roboto-Medium.ttf') format('truetype'), url('/fonts/Roboto/Roboto-Medium.svg#svgRoboto') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Bold.eot');
    src: url('/fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto/Roboto-Bold.woff') format('woff'), url('/fonts/Roboto/Roboto-Bold.ttf') format('truetype'), url('/fonts/Roboto/Roboto-Bold.svg#svgRoboto') format('svg');
    font-weight: 700;
    font-style: normal;
}

html, body, html body {
    height: 100%;
    min-height: 100%;
    min-width: 320px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.body-content {
    min-height: calc(100vh - 217px);
}

a {
    color: #204999;
}

nav {
    border-bottom: 1px solid #BDBDBD;
}

.card-body{
    background-color: #F1F1F1;
}

#dashboard-menu {
    background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 98% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

input.form-control, select.form-control, #dashboard-menu {
    height: 50px;
    font-family: 'Roboto', sans-serif;
}

body .checkbox {
    display: block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox input {
    opacity: 0;
    margin-top: 0;
    height: 22px;
    width: 22px;
    z-index: 99;
    cursor: pointer;
    position: absolute;
}

.checkbox .checkmark {
    position: absolute;
    height: 22px;
    width: 22px;
    cursor: pointer;
    background-color: #FFF;
    border: 1px solid #DDD;
}

.checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

.checkbox input:checked ~ .checkmark {
    background-color: #096;
}

.checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox input:checked ~ .checkmark:after {
    display: block;
}

.checkbox .checkmark:after {
    left: 7px;
    top: 2px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox .remember {
    padding-left: 30px;
}


.btn-primary, .btn-primary:active, .btn-primary:hover {
    color: #FFF;
    border: #EC6321;
    background-color: #EC6321
}

/*Manage*/
#collapse_status {
    text-decoration: underline;
}

#mobile_collapse {
    border: solid #FFF;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    float: right;
}

#mobile_collapse.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: 1.75%;
}

#mobile_collapse.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: 1.5%;
}

#collapseOne .alert {
    border-color: #BAC7E1;
    background-color: #BAC7E1;
    color: #000;
}

/*#collapseOne td{position: relative;}
#collapseOne input[type=checkbox] {opacity: 0;position: absolute;height: 25px;width: 25px;margin: 0;left: 33%; transform: translateX(0); z-index: 1;}
#collapseOne label {position: relative; text-transform: capitalize; margin-bottom: 0; height: 25px; width: 100%; padding: 0;}
#collapseOne label::before {content: "";height: 25px;width: 25px;top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #FFF;}
#collapseOne label::after {content: "";display: inline-block;height: 18px;width: 16px;  margin: -3px 0px 0 -1px;  -webkit-clip-path: polygon(44% 69%, 100% 0, 47% 99%, 1% 46%);
clip-path: polygon(44% 69%, 100% 0, 47% 99%, 1% 46%);background-color: #FFF;margin-top: 3px; margin-left: -7px;}
#collapseOne label::before, label::after {position: absolute;}
#collapseOne input[type=checkbox] + label::after, input[type=radio] + label::after {content: none;}
#collapseOne input[type=checkbox]:checked + label::after, input[type=radio]:checked + label::after {content: "";}
#collapseOne input[type=checkbox]:checked + label::before, input[type=radio]:checked + label::before {content: "";background-color: #096;}

#collapseOne ul {margin: 0;list-style-type: none;}
#collapseOne ul > li {text-indent: -5px;}
#collapseOne ul > li:before {content: "-";text-indent: -5px;padding-right: 10px;}*/

.dashboard-item img {
    max-height: 80px;
}

/*History*/
.booking .col-6 label, .card-body label{
    font-weight: 500;
}

/*Credit Balance*/
#credit_booking .heading{
    font-size: 2rem;
}

.part_expiry{
    margin-top: 1.3rem;
}

.aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}

#credit_transactions select {
    border-radius: 5px;
    padding: 5px 0px 5px 5px;
}

/*Cancellation*/
#RefundAmount{
    background: transparent;
    border: 0;
    outline: 0;
}

footer {
    background-color: #F1F1F1;
    height: 156px;
}

@media (max-width: 480px) {
    .navbar-nav.ml-auto {max-width: 112px;}
}

@media (min-width: 481px) {
    .navbar-nav.ml-auto li {height: 22px;}
}


@media (min-width: 991px) {
    .message_bar {margin-bottom: -2.5rem;}
}

@media (max-width: 767px){
    .part_expiry {margin-top: .5rem;}

    footer{height: 256px;}
}