textarea {
    width:100%;
}

table {
    border-spacing:10px;    
}

td {
    padding:10px;
}

img, embed {
    display:block;
    margin:0 auto;
}

select {
    height:39.5px !important;
}

embed {
    width: 1024px;
    height:1280px;
}

body .app-container {
    overflow-x:initial !important;
}

    aside.app-sidebar .sidebar-menu ul.sidebar-nav {
        padding: 1rem 0;
    }

    .navbar {
        height: auto !important;
    }

.tooltip {
    z-index: 100010 !important;
}

.titles_centered {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.bottom_border_separator {
    width:100%;
    height:1px;
    background-color:lightgray;
    margin:10px 0px;
}

.signin_box {
    top: 200px !important;
}

.hyperdrivers_login_background {
    /*background:url(../images/bg_login.png) no-repeat;
    background-size:100% 100%;*/
    background: #020024;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}

.app-login .app-body .app-block {
    left:37%;
    top:300px;
    position:relative;
    min-width:500px;
}

.gridbox {
    border: solid 1px #000;
    border-radius: 30px;
    background-color:#FFF;
    padding:20px;
    margin-right:1px;
}

    .gridbox b {
        font-size:16px;
    }

.reject_card_box_icon {
    transform:none !important;
    top:unset !important;
    position:unset !important;
    padding:unset !important;
}

.hide {
    display:none;
}

.show {
    display:block;
}

.service_history_row {
    padding:10px;
    width:95%;
    margin:15px 0px 10px 20px;
    border: solid 1px #D1D1D1;
    transition: linear 0.3s;
}

.service_history_row:hover {
    background-color:#EDEFF2;
    cursor:pointer;
    transition: linear 0.3s;
    border-left:solid 2px darkblue;
    border-right:solid 2px darkblue;
}

.details_panel {
    margin:20px 0px 0px 80px;
    width:80%;
    border-top: solid 1px #31BCEA;
}

.details_panel .panel_title {
    font-size:2em;
    font-weight:bold;
    text-align:center;
    margin-top:30px;
}

.row_details {
    padding: 10px 0px;
}

.row_details td:first-child {
    color:rgba(0,0,0,1);
}

.row_details td:last-child {
    text-align:center;
}

.row_details span {
    display:block;    
}

.row_details span:nth-child(2) {
    margin-left:15px;
}

.row_details_button {
    cursor:pointer;
    margin-top:5px;
    color:#31BCEA;
}

.big_titles_service {
    font-size:24px;
}

.txtTime {
    display:inline-block;    
    width:15%;
}

.txtMalfunction {
    width:100%;
}

.menu_body {
    background:url(../images/menu_bg.jpg) no-repeat 0 0 !important;
    background-size:100% 100% !important;
    background-color:transparent !important;
}

.menu_items_separator {
    width: 2px;
    background-color: #C1C1C1;
    height: 40px !important;
    margin: 0px 10px
}

.login_header_title {
    padding:20px 0px;
    font-size:1.5em;
    color: #006AAF;
}

.login_box_smaller img {
    padding-bottom:50px;
    display:block;
    margin:0 auto;
}

.login_box_smaller a {
    display:block;
    margin: 0 auto;
}

.service_attributes_table, .guarantees_attributes_table {
    border-spacing: 10px;
    border-collapse: separate;
}

.service_attributes_table td {
    padding:0;
}

.service_attributes_table {
    width:100%;
    border-bottom:solid 1px #31BCEA;
}

.service_attributes_table th:last-child {
    text-align:center !important;
}

.guarantees_attributes_table {
    width:100%;
}

    .guarantees_attributes_table .row_details td:nth-child(2){
        text-align:center;
    }

.service_attributes_table .first_cell{
    width:90%;
}

service_attributes_table td, .guarantees_attributes_table td {
    padding:10px;
}

.guarantees_attributes_table td:first-child {
    width: 10%;
}

    .guarantees_attributes_table .cell2, .guarantees_attributes_table td:first-child {
        width:200px;
        text-align:center;
    }

    .guarantees_attributes_table .cell3 {
        width:350px;
        text-align:center;
    }

#modGuaranteeHistory .title, #modServiceHistory .title, #modNewService .title, #modNewGuarantee .title {
    font-weight:bold;
    text-align:center;
    color:rgba(0,106,175,1);
    font-size:32px;
    padding:10px 0px;
    border-top: solid 1px rgba(0,106,175,1);
    border-bottom: solid 1px rgba(0,106,175,1);
    margin-bottom:30px;
    background-color: rgba(0,106,175,1);
    color:#FFF;
}

#modGuaranteeHistory b, #modServiceHistory b {
    font-size:16px;
}

#modNewAccessory textarea {
    width:100%;
    height:150px;
}

.warning {
    color:orange !important;
}

.danger {
    color: red !important;
}

.separate_vertical_line {
    width:2px; 
    background-color:#C1C1C1; 
    height:40px; 
    margin: 0px 30px 0px 0px;
}

.li_margin {
    margin-right:5%;
}

.li_remove_height {
    height: 100% !important;
}

.navbar_no_padding {
    padding:0 20px 0px 0px !important;
}

.navbar_title_bgcolor {
    background-color: #39c3da;
    color:#FFF;
}

/*NAVBAR-LEFT BG BY MENU*/
.navbar_left_default_bg {
    background-color: #000 !important;
    color:#FFF;
    padding: 45px !important;
}

.navbar_left_categories_bg {
    background-color: #FFBC11 !important;
    padding:45px !important;
}

.navbar_left_products_bg {
    background-color: #39C3DA !important;
    padding: 45px !important;
}

.navbar_left_transactions_bg {
    background-color: #29c75f !important;
    padding: 45px !important;
}

/*GROUPBOXES*/
.profile_info {
    border: solid 1px #006AAF;
    padding-bottom: 10px;
    width: 100%;
    margin: 20px 0px;
}

.profile_info_small {
    width:50% !important;
}

.groupbox {
    position:relative; 
    top:-1.5em; 
    left:2em; 
    padding:5px; 
    width:235px; 
    background-color:#FFF;
}

.groupbox i {
    color:#006AAF;
    float:left;
}

.groupbox .groupbox_inner {
    color:#006AAF;
    font-size:1.3em; 
    float:left;
    margin:2px 0px 0px 5px;
}

/*DOCUMENTS*/
.doc {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    width: 90%;
    border: solid 1px #757575;
    padding: 20px;
    display: block;
    margin: 10px auto;
}

.doc_buttons {
    margin:20px 47px;
    float:left;
}

    .doc .header {
        margin: 10px 10px 70px 0px;
    }

    .doc img {
        display: block;
        margin: 0 auto;
    }

    .doc .header p {
        color: #757575;
        text-align: left;
    }

    .doc .footer {
        margin-top: 85px;
    }

    .doc .body .title {
        text-transform: uppercase;
        color: #006AAF;
    }

    .doc .body span {
        /*border-bottom: solid 1px #000;*/
        font-weight: bold;
        min-width:50px;
        margin-left:5px;
        display:inline-block;
    }

    .doc .body .installer {
        margin: 15px 0px 50px 0px;
    }

        .doc .body .installer b {
            color: #006AAF;
        }

        .doc .body .installer p {
            margin-top: 35px;
            color: #757575;
        }

    .doc .body .vehicle_owner {
        margin: 35px 0px 50px 0px;
    }

        .doc .body .vehicle_owner b {
            color: #006AAF;
            padding-bottom:15px;
            display:block;
        }

    .doc .body .lpg {
        margin: 28px 0px;
    }

        .doc .body .lpg b {
            color: #006AAF;
        }

    .doc .body .accessories {
        margin: 28px 0px 40px 0px;
    }

        .doc .body .accessories b {
            color: #006AAF;
            display:block;
            padding-bottom:15px;
        }

    .doc .body .declaration {
        font-size: 12px;
        color: #757575;
    }

    .doc .body .declaration ol {
        padding:0;
    }
        .doc .body .declaration ol li b {
            color: #006AAF;
            font-size:14px;
            font-style:italic;            
        }

        .doc .body .declaration ol li {
            list-style-type: none;       
            margin-top:5px;     
        }

        .doc .website {
            margin-top:70px;
            text-align:center;
            font-size:22px;
            font-weight:bold;
            color:rgba(1, 104, 174, 1);
        }

    .doc .footer .signature {
        border-top: solid 1px #757575;
        padding: 5px;
    }

    .doc .body .essay {
        margin: 25px 0px 50px 0px;
        color: #757575;
    }

.doc .body .digital_signature {
    font-size:18px;
    background: url('../images/idotografima.png') no-repeat center;
    background-size: 60%;    
}

.doc .body .digital_signature .title {
    text-align:center;
    font-size:32px;
    text-transform:none;
    font-weight:bold;
    padding-bottom:50px;   
}

    .doc .body .digital_signature .text{
        text-align:justify;
    }

        .doc .body .digital_signature .text p {
            font-weight:bold;
            padding-bottom:25px;
        }

    .doc .body .digital_signature .text {
        text-align: center;
        padding: 0 8%;
        line-height: 1.5;
    }

        .doc .body .digital_signature .text .vehicle_details {
           padding-top:20px;
        }

        .doc .body .digital_signature .text .vehicle_details .vehicle_frame_number {
            display: block;
            margin: 0 auto;
            width:600px;
            padding-bottom:30px;
        }

        .doc .body .digital_signature .text .vehicle_details .hexahydrate_number {
            width:250px;
            display: block;
            margin: 0 auto;
        }

            .doc .body .digital_signature .text .vehicle_details .vehicle_frame_number b {
                display:block;
                margin: 0 auto;
            }

        .doc .body .digital_signature .text input[type=text] {
            float: left;
            margin-right: 5px;
            border: solid 1px grey;
            width: 30px;
            height:50px;
            padding:5px;
            background-color:#FFF;
            color:#000;
            text-align:center;
        }

        .doc .body .digital_signature .text select {
            width:50%;
            display:block;
            margin:0 auto;
        }

    .doc .body .digital_signature b {
        color: #000000;
        display: inline;
    }

.doc .footer .digital_signature {
    font-weight:bold;
    text-align: center;
    font-size:20px;
    line-height:5;
}

    .logo_underline {
        border-bottom: solid 2px rgba(1, 104, 174, 1);
    }

.logo_underline_pad {
    padding-bottom:10px;
}

.login_box_smaller {
    margin-right: 2%;
    min-height: 250px !important;
    width: 15%;
}

.app-login .logo {
    position:absolute; left:250px; top:240px
}

.menu_body .logo {
    left:6%;
}

/*SEARCH PANEL*/
.search_panel {
    width:100%;
}

.search_panel .dropdown, .search_panel .form-control {
    margin-right:5px;
}

.search_panel .filters {
    display:block;
    margin: 0 auto;
}

.search_panel i {
    font-size:12px;
}

.search_textbox {
    width: 85%;
    float: left;
    margin-right: 10px;
}

.search_button {
    width: 10%;
    float: left;
    margin-right: 10px;
}

.card_middle {
    margin-top: 250px;
}

.container-fluid {
    padding-right:0 !important;
    padding-left:0 !important;
}

.hwcard {
    display:block !important;
    margin:150px auto !important;
    width:80% !important;
    padding: 20px 0px !important;      
}

.card_middle .card-body .col-md-9 input[type=text] {
    margin-left:0 !important;
}

.card_bottom_space {
    margin-bottom:40px;
}

.hw_responsive_link {
    width:100%;
    white-space: normal;
    padding-left:5px;
    padding-right:5px;
}

.terms img {
    float:right;
}

.terms .hwCheck {
    float: right;
    margin: 10px 0px 0px 20px;
}

.terms .text {
    margin-top:3%;
}

.terms .terms_container {
    margin-top: 1%;
}

aside.app-sidebar, .navbar .navbar-collapse {
    box-shadow: #006AAF 0px 0px 20px 2px;
}

    aside.app-sidebar .sidebar-header {
        border-bottom: solid 3px lightblue;
    }

.menu_navbar {
    background-color: rgba(255, 255, 255, 0.5) !important;
    padding: unset;
    margin-bottom: unset;
    position:absolute;
    width:100%;
}

.menu_navbar_no_shadow {
    box-shadow: none !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
}

/*SIDE MENU*/
.admin_default {
    color:#000 !important;
}
.admin_inventory {
    color: #39c3da !important;
}

.admin_users {
    color: #FFBC11 !important;
}

.admin_transactions {
    color: #29c75f !important;
}

.admin_cooperators {
    color: #FF5E63 !important;
}

.admin_stats {
    color: lightgreen !important;
}

.admin_assignments {
    color: #FF8B56 !important;
}

.coop_menu {
    color: #006AAF !important;
}

/*
aside.app-sidebar .sidebar-menu ul.sidebar-nav > li > a .icon, aside.app-sidebar .sidebar-menu ul.sidebar-nav > li.active > a .icon {
    background-color:#FFF;
}

aside.app-sidebar .sidebar-menu ul.sidebar-nav > li > a .title, .navbar .navbar-collapse .navbar-nav > li.navbar-title {
    color:#FFF;
}

.btn-success {
    color: #FFF !important;
    background-color: #5cb85c !important;
    border-color: #5cb85c !important;
}

.btn-danger {
    color: #FFF !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.btn-warning {
    color: #FFF !important;
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}

.btn-primary {
    color: #FFF !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}
*/

.assigners .fa-user-plus:hover {
    cursor: pointer;
    color: green;
    transition: linear 0.2s;
}

.assigners .assigner_name {
    background-color: lightgreen;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    transition: linear 0.2s;
}

    .assigners .assigner_name:hover {
        cursor: pointer;
        color: lightgreen;
        background-color: #757575;
        transition:linear 0.2s;
    }

.profile_info .damaged_product {
    background-color: #FFF;
    color: red;    
    margin-top:25px;
}

    .profile_info .damaged_product:hover {
        cursor: pointer;
    }

.separate_horizontal_line {
    background-color: #b4b3b3;
    height: 1px;
    width: 95%;
    margin: 10px 20px;
}

.contests {
    padding:10px;
    width:100%;
}

.contests td {    
    text-align:center;
    width:10%;
}

.contests th {
    text-align:center;
    font-size:14px;
}

.product_box .cat_title {
    margin-bottom:10px;
}

/*RESPONSIVE GRID*/
.grid_row {
    margin: 20px 0px;
    padding-top: 20px;
    border-bottom: solid 1px lightgrey;
    width: 100%;
    min-height: 80px;
}

.grid_row .show {
    display:block;
}

.grid_row .hide {
    display:none;
}

    .grid_row .fa-plus:hover, .grid_row .fa-minus:hover {
        cursor: pointer
    }

    .grid_row .grid_row_step2 {
        background-color: antiquewhite;
        margin-left:80px;
    }

.grid_row_inner {
    margin-left: 50px;
    border-bottom: 0;
    width: 95% !important;
    background-color: lightblue;
    padding-bottom:10px;
    border-radius: 30px;
}

.grid_row_inner div:first-child i {
    margin: 10px 0px 0px 0px;
}

.grid_row_inner_child {
    background-color: lightskyblue;
}   

.grid_row .title {
    font-size: 16px;
}

#ReceiptImage img {
border: solid 1px #000;
}

.notification_item {
    background-color:#FFF;
    margin:0 10px;
}

#cntProducts .supplier_receipts_product {
    padding: 10px;
    margin: 20px 10px 0px 0px;
    border: solid 1px #C1C1C1;
    background-color: #FFF;
    min-height:250px;
}

    #cntProducts .supplier_receipts_product input[type=text], #cntProducts .supplier_receipts_product .stores {
    display:none;
}

    #cntProducts .supplier_receipts_product .munit {
        display:none;
    }

#products .product_box {
    border: solid lightgrey 1px;
    margin: 10px 5px 5px 0px;
    min-height: 350px;
    padding: 5px 0px;
}

.quantity_black {
    color: #000;
}

.quantity_orange {
    color: orange;
}

.quantity_red {
    color: red;
}

.approved_transaction {
    color:lightgray;
}

.approved_transaction .approved_quantity {
    color:#000 !important;
    font-weight:bold;
}

.approved_transaction .approved_icon {
    color: forestgreen !important;
    font-weight: bold;
    font-size: 30px;
}

#products_summary {
    overflow:auto;
    height:600px;
}

.green_text_approved {
    color:green;
    font-weight:bold;
}

.red_text_disapproved {
    color: red;
    font-weight: bold;
}

/*RESPONSIVE*/
@media (max-width: 1440px) {
    .search_textbox {
            width: 82%;
        }

        .login_box_smaller:nth-child(5) .app-form img {
            padding-top: 20px;
        }
    }

    @media (max-width: 1300px) {
        .login_box_smaller {
            width: 20%;
        }

        .terms .hwCheck {
            margin: 20px 0px 0px 20px;
        }
    }

@media (max-width: 1200px) {
    .search_textbox {
        width: 80%;
    }

    #products .col-lg-3 {
        width: 100%;
        max-width: 100%;
    }

    #selected_products .col-md-6 {
        width: 50%;
        max-width: 50%;
    }

    #products .product_box {
        min-height: 200px;
    }

    #cntProducts .supplier_receipts_product {
        min-height:300px;
    }
}
    @media (max-width: 1100px) {
            .search_textbox {
            width: 77%;
        }        
    }

    @media (max-width: 991px) {
        .login_box_smaller {
            margin: 10px auto;
            width: 60%;
            display: block;
            margin: 10px auto;
        }

        .app-login .app-body {
            display: initial;
        }

            .app-login .app-body .app-block {
                left: 0;
                top: 150px;
            }

        .app-login .logo {
            top: 50px;
        }

        .menu_body .logo {
            top: 50px;
            left: 19%;
        }

        .menu_body, .hyperdrivers_login_background {
            background-size: 100% 100% !important;
        }

            .hyperdrivers_login_background .app-body .app-block {
                top: 270px;
                width: 60%;
                display: block;
                margin: 0 auto;
            }

        .search_textbox {
            width: 100%;
            float: none;
        }

        .search_button {
            float: none;
        }

        .doc .body .digital_signature .text .vehicle_details .vehicle_frame_number {
            width: 315px;
        }

        .doc .body .digital_signature .text select {
            width: 100%;
        }

        .terms .terms_container {
            display: block;
            margin: 0 auto;
        }
    }

    @media (max-width: 767px) {
        .navbar_no_padding {
            padding: 0 30px !important;
        }
    }

    @media (max-width:450px) {
        .doc .body .digital_signature .text .vehicle_details .vehicle_frame_number {
            width: 180px;
        }
    }

    @media (max-width:370px) {
        .doc .body .digital_signature .text .vehicle_details .hexahydrate_number {
            width: 180px;
        }
    }

    @media (max-height:720px) {
        .app-login .app-body .app-block {
            top: 250px;
        }

        .menu_body .logo {
            top: 160px;
        }
    }

    @media (max-height:620px) {
        .app-login .app-body .app-block {
            top: 180px;
        }

        .menu_body .logo {
            top: 90px;
        }
    }

    @media (max-height:600px) {
        .hwcard {
            margin: 100px auto !important;
        }

        footer.app-footer .footer-copyright {
            margin-bottom: 0;
        }
    }

    @media (max-height:540px) {
        .app-login .app-body .app-block {
            top: 120px;
        }

        .menu_body .logo {
            top: 30px;
        }
    }

    @media (max-height:480px) {
        .app-login .app-body .app-block {
            top: 70px;
        }

        .menu_body .logo {
            top: 0;
        }

        .hwcard {
            margin: 0px auto !important;
        }
    }

    @media (max-height:410px) {
        .app-login .app-body .app-block {
            top: 20px;
        }

        .menu_body .logo {
            display: none;
        }

        footer.app-footer .footer-copyright {
            display: none;
        }

        aside.app-sidebar {
            height: initial !important;
        }
    }

    @media (max-height:370px) {
        .app-login .app-body .app-block {
            top: 0px;
        }
    }