.login-box {
    width: 100%;
    float: left;
    height: 100vh;
    background: url(../img/login-bg.jpg) no-repeat top left;
    background-size: cover;
}

.login-heading {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    margin: 0;
    letter-spacing: 2px;
}

.blue-bg {
    width: 100%;
    float: left;
    background: #183c4c;
}

.captha-bg {
    border-radius: 4px;
}

.login-input input {
    margin-bottom: 30px;
}

header {
    height: 80px;
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
}

    header .custom-header {
        float: left;
    }

    header .navbar {
        min-height: 50px;
    }

.responsive-tables {
    width: 100%;
    float: left;
    padding: 15px 15px 0 15px;
    display: block;
}

    .responsive-tables table {
        width: 100%;
        float: left;
    }

    .responsive-tables tbody {
        padding: 15px;
    }

.spaceTR .form-control {
    margin-bottom: 20px;
}

.clear {
    clear: both;
    width: 100%;
    float: left;
}

.mt0 {
    margin-bottom: 0 !important;
}

.mt-35px {
    margin-top: 35px !important;
}

.mt-80px {
    margin-top: 80px !important;
}

.nopadding {
    padding: 0 !important;
}

.width100 {
    width: 100% !important;
}

.width70 {
    width: 70% !important;
}

.custom-control {
    color: #fff;
}

.form-control:focus {
    box-shadow: 0 0 0 0.1rem rgba(220,220,220,0.3) !important;
    border-color: #ccc;
}

.title {
    font-weight: bold;
    padding-right: 15px;
    width: 175px;
    float: left;
    margin-bottom: 5px;
}

.tool-heading {
    float: right;
    margin-top: 10px;
    font-variant: small-caps;
    font-size: 20px;
    font-weight: 600;
    color: #183c4c;
}

.log-details-box {
    width: 100%;
    float: left;
    max-height: 60px;
    overflow-y: auto;
}

.log-details-text {
    line-height: 30px;
}

.sidebar .nav-item .collapse, .sidebar .nav-item .collapsing {
    margin: 0 !important;
}

.bRadius0 {
    border-radius: 0 !important;
}

.noBor {
    border: 0 !important;
}

.user-img {
    font-size: 24px;
    margin-top: 8px;
}

.profile-user-box .user-text {
    font-size: 14px;
}

.profile-user-box .nav-link {
    align-items: baseline !important;
    display: block !important;
}


.btn-default {
    height: 35px;
    padding:0 25px !important;
    font-size:18px !important;
}

.customs-modal {
    width: 100%;
    float: left;
}

    .customs-modal .modal-dialog {
        max-width: 890px;
        width: 100% !important;
    }

    .customs-modal .modal-header {
        padding: 15px;
        background: #f9f9f9;
        color: #183c4c;
        font-size: 20px;
        font-weight: bold;
    }

    .customs-modal .close {
        color: #222;
        opacity: 1;
    }

    .customs-modal .modal-footer {
        display: block;
        padding: 15px;
    }

.responsive-tables {
    width: 100%;
    float: left;
    padding: 15px 15px 0 15px;
    display: block;
}

    .responsive-tables table {
        width: 100%;
        float: left;
    }

    .responsive-tables tbody {
        padding: 15px;
    }

.spaceTR .form-control {
    margin-bottom: 20px;
}

.clear {
    clear: both;
    width: 100%;
    float: left;
}

.mt0 {
    margin-bottom: 0 !important;
}

.nopadding {
    padding: 0 !important;
}

.form-control:focus {
    box-shadow: 0 0 0 0.1rem rgba(220,220,220,0.3) !important;
    border-color: #ccc;
}

.title {
    font-weight: bold;
    padding-right: 15px;
    width: 175px;
    float: left;
    margin-bottom: 5px;
}

.log-details-box {
    width: 100%;
    float: left;
    max-height: 60px;
    overflow-y: auto;
}

.log-details-text {
    line-height: 30px;
}

.collapse-inner .collapse-item {
    margin: 0 !important;
}

    .collapse-inner .collapse-item:hover {
        margin: 0 !important;
    }


.dropdown-menu-right .dropdown-item {
    font-size: 15px;
}

.dropdown-bg {
    background: #f1f1f1;
}

    .dropdown-bg .collapse-item {
        margin: 0 !important;
        border-radius: 0;
        padding: 15px !important;
        width: 100%;
        float: left;
        font-size: 13px;
        color: #fff !important;
    }

        .dropdown-bg .collapse-item:hover {
            background: #f1f1f1 !important;
            border-radius: 0 !important;
            color: #183c4c !important;
            text-decoration: none;
        }


.responsive-table {
    width: 100%;
    overflow: auto;
    padding: 0;
    display: block;
}

    .responsive-table .table {
        border-spacing: 0px 5px;
        width: 100%;
        font-size: 13px;
        color: #555555;
        margin-bottom: 0;
    }

        .responsive-table .table tbody tr th {
            border-bottom: 4px solid #ea4335;
            background: #f8f8f8;
            padding: 15px;
            font-weight: bold;
        }

        .responsive-table .table thead th {
            background: #f8f8f8;
            color: #000;
            padding: 10px 15px;
            font-size: 15px;
            white-space: nowrap;
            text-align: left;
            font-weight: 600;
        }

        .responsive-table .table tbody tr td {
            border-top: 0;
            border-bottom: 1px solid #EAEAEA;
            padding: 5px 15px 5px 15px;
            text-align: left;
            line-height: 28px;
            font-size: 14px;
            color: #222;
            font-family: 'Open Sans', sans-serif;
            font-weight: 300;
        }


    .responsive-table .table-striped tbody tr:nth-of-type(odd) {
        background: none;
    }

.modal-responsive-table {
    width: 100%;
    overflow: auto;
    padding: 0;
    display: block;
}

    .modal-responsive-table .table {
        border-spacing: 0px 5px;
        width: 100%;
        font-size: 13px;
        color: #555555;
        margin-bottom: 0;
    }

        .modal-responsive-table .table tbody tr th {
            white-space: nowrap;
            border-bottom: 4px solid #ea4335;
            background: #f8f8f8;
            padding: 15px;
            font-weight: bold;
        }

        .modal-responsive-table .table thead th {
            white-space: nowrap;
            background: #f8f8f8;
            color: #000;
            padding: 10px 15px;
            font-size: 15px;
            white-space: nowrap;
            text-align: left;
            font-weight: 600;
        }

        .modal-responsive-table .table tbody tr td {
            white-space: nowrap;
            border-top: 0;
            border-bottom: 1px solid #EAEAEA;
            padding: 5px 15px 5px 15px;
            text-align: left;
            line-height: 28px;
            font-size: 14px;
            color: #222;
            font-family: 'Open Sans', sans-serif;
            font-weight: 300;
        }


    .modal-responsive-table .table-striped tbody tr:nth-of-type(odd) {
        background: none;
    }

.customs-select select {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-sizing: border-box;
    color: #000;
    font-size: 15px;
    font-weight: normal;
    height: 35px;
    line-height: 40px;
    margin: 0 0 0 0;
    outline: medium none;
    padding-left: 5px;
    width: 100%;
}

    .customs-select select option {
        border-left: 1px solid #acacac;
        border-right: 1px solid #acacac;
        font-weight: normal;
        padding: 5px;
        width: 100%;
        font-size: 17px;
        color: #333;
    }

.customs-select {
    display: block;
    padding: 0;
    position: relative;
    width: 100%;
    float: left;
    border: 0 !important;
}


    .customs-select .dd_chk_select {
        background: #fff;
        border: 1px solid #dcdcdc;
        border-radius: 4px;
        box-sizing: border-box;
        color: #000;
        font-size: 15px;
        font-weight: normal;
        height: 35px;
        line-height: 32px;
        margin: 0 0 0 0;
        outline: medium none;
        padding-left: 5px;
        width: 100%;
    }

        .customs-select .dd_chk_select:hover {
            background-image: none;
        }

        .customs-select .dd_chk_select #caption {
            height: 35px;
        }

        .customs-select .dd_chk_select .dd_chk_drop {
            top: 35px;
        }

.input-box {
    width: 100%;
    float: left !important;
    margin-bottom: 10px;
    min-height: 80px;
}

    .input-box .fieldTitle {
        float: left;
        font-size: 15px;
        color: #000;
        text-align: left;
        margin-bottom: 0px;
        font-weight: 600;
        width: 100%;
        line-height: 35px;
    }

        .input-box .fieldTitle span {
            font-weight: 700;
        }

    .input-box .customs-select span {
        float: left;
        font-size: 15px;
        color: #000;
        text-align: left;
        margin-bottom: 0px;
        font-weight: 600;
        width: 100%;
        line-height: 35px;
    }


    .input-box .fieldTitle1 {
        float: left;
        font-size: 15px;
        color: #555555;
        text-align: left;
        margin-bottom: 10px;
        font-weight: 400;
        margin-right: 10px;
        line-height: 15px;
    }

    .input-box input[type="text"], .input-box input[type="email"], .input-box input[type="tel"], .input-box input[type="number"], .input-box input[type="password"], .input-box input[type="date"] {
        width: 100%;
        padding: 0px 10px;
        float: left;
        border: 1px solid #dcdcdc;
        font-size: 15px;
        color: #232323;
        letter-spacing: 0;
        line-height: 26px;
        height: 35px;
        border-radius: 4px;
        background: #fff;
    }


.input-box-with-radio{width:100%; float:left; min-height:70px;}
.input-box-with-radio .fieldTitle{ float: left;  font-size: 15px; color: #000; text-align: left; margin-bottom: 0px; margin-top:0; font-weight: 600; width: 100%;line-height: 35px;}

.input-box-with-radio .fieldTitle span{font-weight:700;}
.input-box-with-radio label{margin:8px 0;}
.input-box-with-radio [type="radio"]:checked, [type="radio"]:not(:checked) {position: absolute; left: -9999px;} 

.input-box-with-radio td{padding-right:20px;}

.input-box-with-radio .fieldTitle1{float:left; font-size:15px;color:#bc0000; text-align:left; margin-bottom:5px; font-weight:700; margin-right:10px;} 
.input-box-with-radio [type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0px; top: 0px; width: 16px; height: 16px; border: 2px solid #a1a1a1; border-radius: 100%; background: #ffffff; }
.input-box-with-radio [type="radio"]:checked + label,[type="radio"]:not(:checked) + label{position: relative; padding-left: 25px; cursor: pointer; line-height: 15px; display: inline-block;color: #555555; font-size:15px;float:left; }
.input-box-with-radio [type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after { content: ''; width: 8px; height: 8px; background: #183c4c ;  position: absolute; top: 4px; left:4px; border-radius: 100%; -webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.input-box-with-radio [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.input-box-with-radio [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}


    .file-container{width:100%; float:left; margin-top:20px;}

input::placeholder {
    color: #a0a0a0;
    font-size: 17px;
}

.input-box input[type="text"]:disabled, .input-box input[type="password"]:disabled, .input-box input[type="text"]:read-only, .input-box input[type="tel"]:disabled {
    background: #e1e1e1;
    cursor: not-allowed;
}

.input-box textarea {
    width: 100%;
    padding: 10px 10px;
    float: left;
    background: #fff;
    border: 1px solid #eaeaea;
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    line-height: 16px;
    height: 100px !important;
    border-radius: 4px;
}

.primary-btn {
    width: auto;
    padding: 0 20px;
    height: 35px;
    background: #1d86ff;
    border-radius: 4px;
    border: 0;
    margin-top: 29px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
}

.secondary-btn {
    width: auto;
    padding: 0 20px;
    height: 35px;
    background: #3b536f;
    border-radius: 4px;
    border: 0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
    margin-top: 24px;
}

.cancel-btn {
    width: auto;
    padding: 0 20px;
    height: 35px;
    background: #e1e1e1;
    border-radius: 4px;
    border: 0;
    color: #555;
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
    margin: 24px 10px 0 0;
}

.input-container {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.white-box-container {
    width: 100%;
    float: left;
    padding: 20px 15px 20px 15px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.input-container .white-box-container h2 {
    font-size: 18px;
    color: #000;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 25px;
}

.table-icons {
    font-size: 18px;
    color: #999;
    margin-right: 8px;
    text-decoration: none;
    cursor: pointer;
}

    .table-icons:hover {
        color: #999;
        text-decoration: none !important;
    }

.anchor-tag a {
    text-decoration: none;
    cursor: pointer;
}

.logo {
    max-width: 150px;
}

.error {
    color: #ff0000;
    font-size: 12px;
}

.input-box .error-msg {
    font-size: 12px;
    color: #ff0000;
    font-weight: bold;
    float: left;
}

.custom-sidebar {
    width: 220px !important;
}

    .custom-sidebar .nav-link {
        width: 100% !important;
        padding: 20px 15px !important;
    }

    .custom-sidebar .nav-item .nav-link span {
        font-size: 15px !important;
    }

    .custom-sidebar .nav-item .nav-link i {
        font-size: 15px;
        margin-right: 10px;
    }

    .custom-sidebar .nav-item .nav-link[data-toggle=collapse]::after {
        font-size: 20px !important;
    }


.section-heading {
    padding: 0 0 6px 0;   
    float: left;
    text-align: left;
    margin:0 0 15px 15px;
   
}

.section-heading span {
        color: #333333;
        font-size: 26px;
        border-bottom: 5px solid #ed1c24;
        line-height: 30px;
        font-weight: 500;
        padding: 0 0 8px 0;
    }

.title-heading {
    padding: 0 0 6px 15px;   
    float: left;
    text-align: left;
    margin:0 0 30px 15px;
   
}

.title-heading span {
        color: #333333;
        font-size: 20px;
        border-bottom: 5px solid #ed1c24;
        line-height: 30px;
        font-weight: 500;
        padding: 0 0 8px 0;
    }

.kd-divider {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 30px 0 30px 0;
}

    .kd-divider::after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .kd-divider.shadow_line .divider-line {
        overflow: hidden;
        height: 20px;
    }

        .kd-divider.shadow_line .divider-line::after {
            content: '';
            display: block;
            margin: -25px auto 0;
            width: 100%;
            height: 25px;
            border-radius: 125px / 12px;
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
        }


.customs-list {
    width: 100%;
    list-style: none;
    padding-left: 15px;
}

    .customs-list li {
        margin-bottom: 10px;
    }

.list-title {
    font-weight: bold;
    padding-right: 15px;
    width: 155px;
    float: left;
}

.font-normal{font-weight:normal;}

.upload-btn-wrapper {
    width: 100%;
    float: left;
}

.uploaded-files{width:100%; float:left; margin-top:20px;}

.upload-btn {
    border: 0;
    color: #fff;
    background-color: #183c4c;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
}

.completionList {
    border: solid 1px Gray;
    margin: 0px;
    padding: 3px;
    height: 120px;
    overflow: auto;
    background-color: #FFFFFF;
}

.listItem {
    color: #191919;
}

.itemHighlighted {
    background-color: #F5DEB3;
}

.download-btn{width:220px; background:#fff; border:1px solid #007c00; color:#222; padding:10px 0; font-size:20px; border-radius:4px; line-height:40px;}
.excel-icon {font-size:35px; color:#007c00; padding-right:15px; vertical-align:middle;}


.btn-success{color: #fff;  background-color: #5cb85c;  border-color: #4cae4c;  padding: 0 25px !important;font-size: 18px !important; letter-spacing: 1px;}
.btn-success:focus{background-color: #5cb85c !important;  border-color: #4cae4c !important; border:0 !important; outline: 0 !important;}
.btn-success:active{background-color: #5cb85c !important;  border-color: #4cae4c !important;}
.btn-danger{color: #fff; padding: 0 25px !important;font-size: 18px !important; letter-spacing: 1px;}
.login-btn{color: #fff; color: #fff;  background-color: #f03433;  border-color: #f03433;  padding: 0 25px !important;font-size: 18px !important; letter-spacing: 1px;;  border-color: #f03433; height:40px;}
.login-btn:hover{color:#fff;}

.sales-list{width:100%; float:left; padding-left:0;}
.sales-list li{ padding:3px 15px;}

.border-label-holder{width:100%; float:left; border-bottom:1px solid #ccc;}

.fa-info-circle {color:#008fcd;}
.fa-paper-plane{color:#01ac5d;}
.fa-book{color:#f03433;}
.fa-plus-circle{color:#5cb85c}

.btn-Back{background-color:#008fcd;color: #fff;border:1px solid #007c00; color:#222; padding:10px 0; font-size:20px; border-radius:4px; line-height:40px;}}
 
.width-100{width:100px !important;}
.width-125{width:125px !important;}
.btn-secondary{font-size:18px !important;}
.btn-secondary:hover{color:#fff !important;}

.menu-open {width:100%; float:left;
}

.menu-open .collapse-inner .active{background: #f1f1f1 !important;
    border-radius: 0 !important;
    color: #183c4c !important;}


.sumoselect ul li a{font-size:14px;}
.sumoselect ul li a.selected{background:url(../img/checkmark.png) no-repeat center right; background-position: right 8px bottom 0;}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{display:none !important;}
.sumoselect .bs-caret{display:none;}
.sumoselect .filter-option{line-height: 35px; font-size: 14px; padding-left: 15px !important;}
.sumoselect .dropdown-toggle::after{position: absolute;top: 12px;right: 8px;}
.total-record-label {height:45px; line-height:65px;}
.sumoselect .dropdown-menu>.active>a{background-color: #337ab7 !important; color:#fff;}
.note-editor .dropdown-toggle::after{display:none;}
.note-editor .btn-default{font-size:12px !important;}
.note-editor .note-toolbar .note-para .note-dropdown-menu{min-width:400px !important;}
.note-editor button.close{position:absolute; right:15px; z-index:99; margin-top:0; top:5px;}
.note-editor .modal-header{justify-content:left;}