body {padding-top: 40px; padding-bottom: 40px; background: url(../images/bg.jpg) no-repeat center top #7fb0db;}

@font-face {font-display: swap; font-family: 'helveticaneuecyrbold'; src: url('/public/font/helveticaneuecyrbold/helveticaneuecyr-bold-webfont.eot'); src: url('/public/font/helveticaneuecyrbold/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/public/font/helveticaneuecyrbold/helveticaneuecyr-bold-webfont.woff2') format('woff2'), url('/public/font/helveticaneuecyrbold/helveticaneuecyr-bold-webfont.woff') format('woff'), url('/public/font/helveticaneuecyrbold/helveticaneuecyr-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'uknumberplate-rk'; src: url('/public/font/uknumberplate-rk/uknumberplate-rk-webfont.eot'); src: url('/public/font/uknumberplate-rk/uknumberplate-rk-webfont.eot?#iefix') format('embedded-opentype'), url('/public/font/uknumberplate-rk/uknumberplate-rk-webfont.woff2') format('woff2'), url('/public/font/uknumberplate-rk/uknumberplate-rk-webfont.woff') format('woff'), url('/public/font/uknumberplate-rk/uknumberplate-rk-webfont.ttf') format('truetype'), url('/public/font/uknumberplate-rk/uknumberplate-rk-webfont.svg#uknumberplateregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-display: swap; font-family: 'helveticaneuecyrroman'; src: url('/public/font/helveticaneuecyrroman/helveticaneuecyr-roman-webfont.eot'); src: url('/public/font/helveticaneuecyrroman/helveticaneuecyr-roman-webfont.eot?#iefix') format('embedded-opentype'), url('/public/font/helveticaneuecyrroman/helveticaneuecyr-roman-webfont.woff2') format('woff2'), url('/public/font/helveticaneuecyrroman/helveticaneuecyr-roman-webfont.woff') format('woff'), url('/public/font/helveticaneuecyrroman/helveticaneuecyr-roman-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}

.box-wrap {
   background: rgb(253,222,46);
    background: -moz-linear-gradient(top, rgb(253,222,46) 0%, rgb(255,224,56) 31%, rgb(254,225,71) 62%, rgb(254,228,81) 100%);
    background: -webkit-linear-gradient(top, rgb(253,222,46) 0%,rgb(255,224,56) 31%,rgb(254,225,71) 62%,rgb(254,228,81) 100%);
    background: linear-gradient(to bottom, rgb(253,222,46) 0%,rgb(255,224,56) 31%,rgb(254,225,71) 62%,rgb(254,228,81) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdde2e', endColorstr='#fee451',GradientType=0 );
    border: 1px solid #e3c622;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0 1px 0 #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'uknumberplate-rk';
    text-align: center;
    min-width: 112px;
    padding: 0 10px;
    margin: 0;
}

.font-medium {
    font-size: 16px;
}

.font-medium-x {
    font-size: 20px;
}

.text-success {
    color: #459b45;
}

.result-negative {
    background: url(/public/images/bg-negative.png) no-repeat;
    background-size: contain;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    display: inline-block;
    line-height: 27px;
    min-width: 125px;
    text-align: center;
    margin: 10px 0 0 0;
}

.nav-tabs.mar-top50 {
    margin: 30px 0;
}

@media (min-width: 768px) {
    .result-negative {
        margin-top: 0;
    }
    .mar-top50 {
        margin-top: 50px;
    }
    .mar-top20 {
        margin-top: 20px;
    }    
    .mar-left50 {
        margin-left: 50px;
    }
    .border-left {
        border-left: 2px solid #68a2d5; 
        margin-left: -2px;
        padding-left: 5%;
    }
    
    .border-right {
        border-right: 2px solid #68a2d5; 
        padding-right: 5%;
    }    
}


@media (min-width: 1200px) {
    .mar-left30 {
        margin-left: 30px;
    }
}

.navbar {margin-bottom: 20px;}
.pagination {text-align: center; display: block;}

.upper {text-transform: uppercase;}

.form-signin {margin: 0 auto; max-width: 330px; padding: 15px;}
.form-signin .panel-title {font-size: 30px; margin-top: 20px; margin-bottom: 10px;}
.form-signin .form-group {margin: 0px;}
.form-signin .form-control {font-size: 16px; height: auto; padding: 10px; position: relative; border-color: #A8CAE5;}
.form-signin input {margin-bottom: 10px;}

.form-control {border-color: #9CBBD7;}
input.form-control {line-height: 20px;}
select.form-control {line-height: 28px;}

.navbar-inverse .navbar-brand {color: #F0F0F0; font-family: 'Open Sans Condensed',sans-serif; font-weight: 700;}
.navbar-inverse .navbar-brand span {color: #FEDE2D;}

.navbar-nav > li > a.btn-danger {padding: 6px 12px; color: #fff; margin-top: 8px; right: -40px;}
.navbar-nav > li > a:hover.btn-danger, .navbar-nav > li > a:focus.btn-danger {background-color: #c12e2a; background-position: 0px -15px;}

.well {border-color: #BAD1E5; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
    background-image: -webkit-gradient(linear, left right from( #C2DAEF), to( #CDE3F6));
    background-image: -webkit-linear-gradient( #C2DAEF, #CDE3F6); background-image:    -moz-linear-gradient( #C2DAEF, #CDE3F6);
    background-image:     -ms-linear-gradient( #C2DAEF, #CDE3F6); background-image:      -o-linear-gradient( #C2DAEF, #CDE3F6);
    background-image:         linear-gradient( #C2DAEF, #CDE3F6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffC2DAEF', endColorstr='#ffCDE3F6', GradientType=0);}

.panel-default {border-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}

.panel-default > .panel-heading {
    background-image: -webkit-gradient(linear, left right from( #428BCA), to( #317ABA));
    background-image: -webkit-linear-gradient( #428BCA, #317ABA); background-image:    -moz-linear-gradient( #428BCA, #317ABA);
    background-image:     -ms-linear-gradient( #428BCA, #317ABA); background-image:      -o-linear-gradient( #428BCA, #317ABA);
    background-image:         linear-gradient( #428BCA, #317ABA);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428BCA', endColorstr='#ff317ABA', GradientType=0);}
.panel-default > .panel-heading {border-color: #3E87C6; color: #fff;}
.panel-default .panel-title {font-weight: bold;}

.alert-success {background-image: -webkit-gradient(linear, left right from( #ccf5c8), to( #bce7b8));
    background-image: -webkit-linear-gradient( #ccf5c8, #bce7b8); background-image:    -moz-linear-gradient( #ccf5c8, #bce7b8);
    background-image:     -ms-linear-gradient( #ccf5c8, #bce7b8); background-image:      -o-linear-gradient( #ccf5c8, #bce7b8);
    background-image:         linear-gradient( #ccf5c8, #bce7b8);
    border-color: #b5e1b0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffccf5c8', endColorstr='#ffbce7b8', GradientType=0);}

.alert-danger {background-image: -webkit-gradient(linear, left right from( #f15967), to( #e54251));
    background-image: -webkit-linear-gradient( #f15967, #e54251); background-image:    -moz-linear-gradient( #f15967, #e54251);
    background-image:     -ms-linear-gradient( #f15967, #e54251); background-image:      -o-linear-gradient( #f15967, #e54251);
    background-image:         linear-gradient( #f15967, #e54251);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff15967', endColorstr='#ffe54251', GradientType=0);
    border-color: #da3d4b; color: #fff; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1)}

.attention {border: 2px solid #ed2b2b !important;}
.attention td {border-top: 2px solid #ed2b2b !important; border-bottom: 2px solid #ed2b2b !important;}

.attention2 {border: 2px solid #800080 !important;}
.attention2 td {border-top: 2px solid #800080 !important; border-bottom: 2px solid #800080 !important;}

.attention3 {border: 2px solid #1E800D !important;}
.attention3 td {border-top: 2px solid #1E800D !important; border-bottom: 2px solid #1E800D !important;}

.attention4 {border: 2px solid #eb9316 !important;}
.attention4 td {border-top: 2px solid #eb9316 !important; border-bottom: 2px solid #eb9316 !important;}

.table > thead > tr > th {border-bottom: 0px;}

tr.automaticallyEnded td {background-color: #D3D3D3 !important;}

.table > thead > tr > th, .table > tbody > tr > td {vertical-align: middle;}
.container {width: auto !important; max-width: 1170px;}

.bg {position: absolute; width: 25px; height: 25px; border: 0px !important; margin: -15px 0 0 -8px;}
.bg:before {content: ''; position: absolute; border: 13px solid transparent; border-left: 13px solid #1E800D; border-top: 13px solid #1E800D; top: 0; left: 0;}
.bg.attention:before {border-left: 12px solid #ed2b2b; border-top: 12px solid #ed2b2b;}
.bg.attention2:before {border-left: 12px solid #800080; border-top: 12px solid #800080;}
.bg.attention3:before {border-left: 12px solid #1E800D; border-top: 12px solid #1E800D;}
.bg.attention4:before {border-left: 12px solid #eb9316; border-top: 12px solid #eb9316;}

@media print {
    .well, .panel-heading, .btn.btn-lg.btn-primary {display: none;}
    table {width: 100%; table-layout: fixed; word-wrap: break-word; border-spacing: 0px; margin: 0px;}
    table thead th {text-align: left; border-spacing: 0px; padding: 8px; border-bottom: 4px solid #ddd;}
    table td {border-spacing: 0px; border-bottom: 2px solid #ddd; padding: 8px;}
}

@media all and (max-width: 500px) {
    .img-thumbnail {max-width: 245px;}
}

@media all and (max-width: 1000px) {
    /*.container {min-width: 350px;}*/
    [class*="col-md-"] {margin: 5px 0; display: block; float: none; width: auto;}
    .btn {margin: 10px 0 0 0 !important; display: block; width: 100%; font-size: 19px; text-align: center;}
    .btn-group > .btn {margin: 0px !important; display: inline-block; width: auto; font-size: inherit;}
    #clock-block {text-align: center;}
    .form-inline .form-group, .form-inline .form-control {display: block; width: 100%;}
    .form-horizontal .control-label {text-align: left;}
    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-left: 0; display: block;}
    .form-group {margin-bottom: 5px;}
    [class*="col-sm-offset-"] {width: 100%; margin-left: 0;}
    .indentLeft {margin-left: 30px;}
}

@media all and (max-width: 1200px) {
    .navbar-nav {margin: 0; width: 180px; position: absolute; top:3px; cursor: pointer; right:-1px; z-index: 6;}
    .nav-pills {position: absolute; cursor: pointer; right: 0; z-index: 5; top: -10px;}
    .navbar-collapse.collapse {display: block;}
    .navbar-nav li, .nav-pills li {display: none; float: none; background: rgba(16,16,16,0.7); padding: 0; text-align: center; -webkit-transition: all 1s ease; -webkit-transition-delay: 1s;}
    .navbar-nav:hover li, .nav-pills:hover li {display: block;}
    .navbar-nav li.active, .nav-pills li.active {padding: 0;}
    .navbar-nav li a, .nav-pills li a {text-align: center; display: block; padding: 15px; margin: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-size: 16px;}
    .navbar-inverse .navbar-nav > li > a {color: #fff;}
    .navbar-nav .current, .nav-pills .current {display: block; overflow: hidden; background: none; padding: 8px 0;}
    .navbar-nav .current a, .nav-pills .current a {padding: 0; background: url(../images/bars.png) no-repeat right top; height: 30px; width: 26px; float: right;}
    .nav-pills .current a, .nav-pills .current a:hover {background: url(../images/bars2.png) no-repeat right top transparent;}
    .navbar-nav .current a {margin-right: 15px;}
    .navbar-nav .current a {float: right;}
    .navbar-nav li:last-child {padding: 0 15px 25px 15px;}
    .navbar-nav > li > a.btn-danger {margin: 0 !important; float: none; right:0; font-size: 16px;}
    .container-fluid > .navbar-header {margin-right: 30px;}
    .navbar-brand {height: auto;}
    .nav-pills a {color: #fff;}
    .nav-pills li a:hover {color: #fff; background-color: #428bca;}
}

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    table .btn-sm {max-width: 60px; min-width: 40px; display: inline-block;}
    .panel-body table, .panel-body thead, .panel-body tbody, .panel-body th, .panel-body td, .panel-body tr {display: block; word-wrap: break-word;}
    .panel-body thead tr {position: absolute; top: -9999px; left: -9999px;}
    .panel-body table td {position: relative; padding: 2px 2px 2px 48% !important; border: 0px !important; min-height: 20px; line-height: 1.1em !important;}
    .attention td, .attention2 td, .attention3 td, .attention4 td {border: 0px !important;}
    .panel-body td:before {position: absolute; top: 3px; left: 6px; width: 45%; font-weight: bold; font-size: 12px; min-height: 20px;}
    .bg {left:0; top: 0; margin: 0;}
    .panel-body tbody tr {border-bottom: 2px solid #d0d5d8;}

    /*
    Label the data
    */

    /***** admin *****/
    .codes-requests td:nth-of-type(1):before { content: "VRM"; }
    .codes-requests td:nth-of-type(2):before { content: "VIN"; }
    .codes-requests td:nth-of-type(3):before { content: "Make"; }
    .codes-requests td:nth-of-type(4):before { content: "Model"; }
    .codes-requests td:nth-of-type(5):before { content: "Supplier"; }
    .codes-requests td:nth-of-type(6):before { content: "Status"; }
    .codes-requests td:nth-of-type(7):before { content: "Created On"; }
    .codes-requests td:nth-of-type(8):before { content: ""; }

    .users td:nth-of-type(1):before { content: "#"; }
    .users td:nth-of-type(2):before { content: "PIN"; }
    .users td:nth-of-type(3):before { content: "Name"; }
    .users td:nth-of-type(4):before { content: "Role"; }
    .users td:nth-of-type(5):before { content: ""; }

    .suppliers td:nth-of-type(1):before { content: "Supplier"; }

    .reports td:nth-of-type(1):before { content: "Type"; }
    .reports td:nth-of-type(2):before { content: "Date"; }
    .reports td:nth-of-type(3):before { content: "Message"; }

    .invoices td:nth-of-type(1):before { content: "Invoice Number"; }
    .invoices td:nth-of-type(2):before { content: "Period From (FRI) GMT"; }
    .invoices td:nth-of-type(3):before { content: "Period To (THU) GMT"; }
    .invoices td:nth-of-type(4):before { content: "Amount"; }
    .invoices td:nth-of-type(5):before { content: ""; }

    .requests-reports td:nth-of-type(1):before { content: "Supplier"; }
    .requests-reports td:nth-of-type(2):before { content: "VRM/VIN"; }
    .requests-reports td:nth-of-type(3):before { content: "Make"; }
    .requests-reports td:nth-of-type(4):before { content: "Model"; }
    .requests-reports td:nth-of-type(5):before { content: "Date Ordered"; }
    .requests-reports td:nth-of-type(6):before { content: "Date Completed"; }
    .requests-reports td:nth-of-type(7):before { content: "Status"; }
    .requests-reports td:nth-of-type(8):before { content: "Cost"; }
    .requests-reports td:nth-of-type(9):before { content: "Profit"; }
    .requests-reports td:nth-of-type(10):before { content: ""; }

    .products td:nth-of-type(1):before { content: "Product"; }
    .products td:nth-of-type(2):before { content: "Codes"; }
    .products td:nth-of-type(3):before { content: "Operation Time"; }
    .products td:nth-of-type(4):before { content: "ETA"; }
    .products td:nth-of-type(5):before { content: ""; }

    .invoice-information td:nth-of-type(1):before { content: "MVP Serial"; }
    .invoice-information td:nth-of-type(2):before { content: "ID Name (Shop Name)"; }
    .invoice-information td:nth-of-type(3):before { content: "Make"; }
    .invoice-information td:nth-of-type(4):before { content: "VRM"; }
    .invoice-information td:nth-of-type(5):before { content: "VIN"; }
    .invoice-information td:nth-of-type(6):before { content: "Amount"; }
    .invoice-information td:nth-of-type(7):before { content: "Refund"; }
    .invoice-information td:nth-of-type(8):before { content: "Rejected"; }

    /***** admin 1st level *****/
    .admin-1-level .codes-requests td:nth-of-type(5):before { content: "Status"; }
    .admin-1-level .codes-requests td:nth-of-type(6):before { content: "Created On"; }
    .admin-1-level .codes-requests td:nth-of-type(7):before { content: ""; }

    .admin-1-level .requests-reports td:nth-of-type(1):before { content: "VRM/VIN"; }
    .admin-1-level .requests-reports td:nth-of-type(2):before { content: "Make"; }
    .admin-1-level .requests-reports td:nth-of-type(3):before { content: "Model"; }
    .admin-1-level .requests-reports td:nth-of-type(4):before { content: "Date Ordered"; }
    .admin-1-level .requests-reports td:nth-of-type(5):before { content: "Date Completed"; }
    .admin-1-level .requests-reports td:nth-of-type(6):before { content: "Status"; }
    .admin-1-level .requests-reports td:nth-of-type(7):before { content: "Amount"; }
    .admin-1-level .requests-reports td:nth-of-type(8):before { content: ""; }

    /**** supplier *****/

    /**** user ****/

    .user .codes-requests td:nth-of-type(5):before { content: "Status"; }
    .user .codes-requests td:nth-of-type(6):before { content: "Created On"; }
    .user .codes-requests td:nth-of-type(7):before { content: ""; }
}