html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

body {
    /*background-image: url('/LeadSystem/image/background.jfif') !Important;*/
    background-repeat: repeat !Important;
    background-attachment: fixed;
}

.content-wrapper, .wrapper, .login-page, .register-page {
    background: none !Important;
    background-color: transparent !Important;
}

input:invalid {
    border: 2px solid red;
}

.toasts-top-right.fixed {
    min-width: 25%;
}

.htmlContainer {
    padding: 1rem 0 0 0;
}

.modal-header {
    padding: 0.3rem 0.9rem 0.3rem 0.9rem !Important;
}

.modal-footer {
    padding: 0.2rem !Important;
}

.modal-title {
    font-size: 1.2rem !Important;
}

.header-icon {
    color: #17a2b8;
}

.tdLink {
    cursor: pointer;
    color: blue;
}

.form-group {
    margin-bottom: .5rem;
}

.preloader {
    display: -ms-flexbox;
    display: flex;
    background-color: #f4f6f9;
    height: 100vh;
    width: 100%;
    transition: height 200ms linear;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    opacity: 0.6;
}

.form-control input {
    height: 2rem;
    font-size: 0.8rem;
}

.form-control {
    height: calc(1.75rem + 2px);
    padding: 0.05rem 0.3rem !important;
    font-size: 0.70rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}
.dataTableButtons {
    padding: 5px 10px;
    border-radius: 5px !Important;
    font-size: 0.8rem;
    margin: 5px;
}

.wordOverFlow {
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.orangeText {
    color: orange !important;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0rem !important;
}

.fixMRight {
    float: left;
}

.footer-buttons {
    padding: 0.2rem;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 5px;
}

.footer-buttons-lb {
    padding: 0.2rem;
    background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius: 5px;
}

#toastsContainerTopRight {
    z-index: 9999 !important;
}

.requiredField, .ddlSelectedItem {
    border: 1px solid darkorange !important;
}

.mailbox-attachment-info {
    min-height: 73px !important;
}

.required:after {
    content: " *";
    color: red;
}



@media (max-width: 360px) {
    .fixMRight {
        float: right;
    }
}