﻿body {
    /*padding-top: 50px;*/
    padding-bottom: 60px;
}

/* Set padding to keep content from hitting the edges */
.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;
}*/
/*
@media only screen and (max-width: 990px) {
    input, select, textarea {
        max-width: 268px;
    }
}

@media (min-width:992px) {
    input,
    select,
    textarea {
        max-width: 280px;
    }
}*/
input,
select,
textarea {
    max-width: 280px;
}
/* Text styles */
.red {
    color: red;
}

.paddingtop10{
    padding-top:10px;
}
.text-bold {
    font-weight: bold;
}

/* Modals */
.modal .form-control {
    max-width: unset;
}


/* Display styles */
.display-none {
    display: none !important;
}

.width-110 {
    width: 110px !important;
}

.width-120 {
    width: 120px !important;
}

.width-160 {
    width: 160px !important;
}

.minWidth-160 {
    min-width: 160px !important;
}

.width-170 {
    width: 170px !important;
}

.minWidth-170 {
    min-width: 170px !important;
}

.width-200 {
    width: 160px !important;
}

.width-250 {
    width: 170px !important;
}

.width-300 {
    width: 300px !important;
}

.minWidth-220 {
    min-width: 220px !important;
    width: 380px;
}

.minWidth-250 {
    min-width: 250px !important;
}

.minWidth-300 {
    min-width: 300px !important;
}

.width-400 {
    width: 400px !important;
}

.minWidth-350 {
    min-width: 350px !important;
}

.width-100 {
    width: 100px;
}

.width-110 {
    width: 110px !important;
}

.minWidth-110 {
    min-width: 110px !important;
}

.width-120 {
    width: 120px !important;
}

.minWidth-120 {
    min-width: 120px !important;
}

.width-140 {
    width: 140px;
}

.minWidth-140 {
    min-width: 140px !important;
}

.width-150 {
    width: 150px !important;
}

.minWidth-150 {
    min-width: 150px !important;
}

.maxWidth-200 {
    width: 150px;
    max-width: 200px !important;
}

.margint-10px {
    margin-top: 10px;
}



/* Form styles */
.bigtextarea {
    /*max-width: 600px!important;
    width: 600px !important;*/
    width: 100% !important;
    max-width: none !important;
}

.form-group {
    min-width: 300px;
    max-width: 100%;
}

    .form-group label {
        min-width: 9em;
    }

    .form-group > div {
        min-width: 18em;
        max-width: 100%;
    }


/* Navbar styles */
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #00bfff !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff !important;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand {
    color: #ffffff !important;
}

    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
        color: #00bfff !important;
    }



.buttonBox {
    position: absolute;
    bottom: 0;
    right: 0;
}

.claimcreate {
    padding-left: 15px;
    color: inherit;
}

.alert-info {
    padding-left: 10px;
}

.logostyle {
    max-height: 50px;
}

.span.field-validation-error {
    color: red;
}

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/Images/Preloader_2.gif) center no-repeat #fff;
}



/* PKS STYLING */
:root {
    --bs-body-color-rgb: #333333;
}

* {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p {
    font-size: 14px;
    margin:0 0 10px;
}

.logostyle {
    max-height: 100px;
}

.pleft25 {
    padding-left: 25px;
}

h1, .h1 {
    color: #333333;
}


.input-group input {
    max-width: 100%;
}

/*.margin-bottom-0 {
    margin-bottom: 0px;
}*/


/* navbar styling */
#navbarSupportedContent .nav-link {
    color: #6e6d7a
}

/*#navbarSupportedContent .nav-link:hover {
    text-decoration: underline;
}*/

#navbarSupportedContent .nav-link:hover {
    text-decoration: none;
    border-bottom: 3.5px solid #1A1A1A !important;
}

​



.ws-preline {
    white-space: pre-line;
}

/* LOGIN PAGE */
/*.container-login {
    float: right;
    width: 57%;
}

.login-form-title-1 {
    font-family: 'Poppins-Bold';
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
}

.forgotPassword {
    margin-left: 120px !important;
    margin-top: -20px !important;
}

.newRegister {
    margin-left: 120px !important;
    margin-top: -25px !important;
}


.wrap-input {
    width: 100%;
    position: relative;
}

.label-input {
    font-family: 'Poppins-Regular';
    font-size: 15px;
    color: gray;
    line-height: 1.2;
    text-align: right;
    position: absolute;
    top: 14px;
    left: -105px;
    width: 80px
}

.wrap-checkbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 30px;
}

.container-login-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}*/



/* REBATE PAYMENT FORM */
#rebate-form{}




@media (min-width: 1200px) {
    h1, .h1 {
    font-size: 2.25rem;
    }
}