.noselect {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

b, strong {
    font-weight: bolder !important;
}

/* ----- Select start ----------- */

.dropdown-item.active {
    background-color: #084181;
}

.dropdown-item.hover {
    background-color: #084181;
}

.dropdown-item {
    padding: 11px 12px 10px 12px;
    height: 40px;
    font-family: 'Roboto-Regular', 'Arial', 'Times', 'Times New Roman';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4e4e4e;
}

@supports (-moz-appearance:none) {
    .dropdown-item {
        padding: 11px 25px 10px 12px !important;
    }
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #616161;
    background-color: #f4f5f7;
}

.dropdown {
    background-color: #fff !important;
    border-radius: 0 !important;
}

.dropdown-menu {
    border-radius: 0 !important;
}

.dropup .dropdown-menu {
    margin-top: 2px !important;
}

div.dropdown-menu {
    padding: 0;
    transform: translate3d(0px, 0px, 0px)!important;
    inset: auto !important;
}

button > div.dropdown-menu {
    margin-top: 2px !important;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid; !important;
    border-right: .3em solid transparent;
    border-bottom: 0; !important;
    border-left: .3em solid transparent;
}

.filter-option-inner-inner {
    text-overflow: ellipsis;
}

.bootstrap-select.btn-group .dropdown-menu {
    color: whitesmoke !important;
    background:#5cb85c !important;
}

.btn {
    height: 29px;
    background-color: #fff;
    border: solid 1px #c2c2c2;
    border-radius: 0;
    padding: 5px 8px 5px 12px;
    font-family: 'Roboto-Regular', 'Arial', 'Times', 'Times New Roman';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4e4e4e;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline-color: #fff !important;
    border: solid 1px #c2c2c2 !important;
}

.btn-light:focus {
    border-color: #fff;
}

.btn:hover {
    background-color: #fff;
    border: solid 1px #616161;
    color: #afb0af;
}

/*.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {*/
/*    color: #afb0af;*/
/*    background-color: #fff;*/
/*    border: solid 1px #c2c2c2;*/
/*}*/

.btn.dropdown-toggle.btn-light.show {
    color: #afb0af;
    background-color: #fff;
    border: solid 1px #c2c2c2;
}

.btn.dropdown-toggle.btn-light:active {
    color: #afb0af;
    background-color: #fff;
    border: solid 1px #c2c2c2;
}

.dropdown-menu.show {
    margin-top: 2px !important;
}

.option-download.show {
    margin-top: 120px !important;
}
/*------- Select end --------- */

/*------- Select checkbox start --------- */
.multiselect {
    width: 331px !important;
    height: 29px !important;
    background-color: #fff;
    border: solid 1px #c2c2c2;
    border-radius: 0;
    padding: 5px 8px 5px 12px;
}

.multiselect:hover,
.multiselect:focus {
    color: #616161;
    background-color: #f4f5f7;
}

.multiselect-selected-text {
    font-family: 'Roboto-Regular', 'Arial', 'Times', 'Times New Roman';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4e4e4e;
}

.multiselect-container {
    width: 331px !important;
    top: 1px !important;
}
/*------- Select checkbox end --------- */


/*------- Buttons start --------- */
.btn-prm {
    padding: 0 24px 0 24px;
    height: 46px;
    float:left;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #70ad47;
    font-family: 'Roboto-Medium', 'Arial', 'Times', 'Times New Roman';
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
}

.btn-prm:hover {
    background-color: #578935;
}

.btn-prm:active {
    background-color: #80c651;
}

.btn-prm-disable {
    pointer-events: none;
    background-color: #b8d6a3;
}

.btn-snd {
    border: solid 1px #58b033;
    background-color: #ffffff;
    color: #70ad47;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Roboto-Medium', 'Arial', 'Times', 'Times New Roman';
}

.btn-snd:hover {
    border: solid 1px #578935;
    background-color: #e2efda;
    color: #578935;
}

.btn-snd:active {
    border: solid 1px #80c651;
    background-color: #f0f6ec;
    color: #80c651;
}

.btn-snd-disable {
    pointer-events: none;
    border: solid 1px #b8d6a3;
    color: #b8d6a3;
}

.btn-trtr {
    background-color: #ffffff;
    color: #70ad47;
}

.btn-trtr:hover{
    background-color: #e2efda;
    color: #578935;
}

.btn-trtr:active {
    background-color: #f0f6ec;
    color: #80c651;
}

.btn-trtr-disable {
    pointer-events: none;
    background-color: #ffffff;
    color: #b8d6a3;
}
/*------- Buttons end --------- */

/*------- Inputs start --------- */
.input-prt {
    width: 331px;
    height: 29px;
    padding: 5px 0 5px 12px;
    border: solid 1px #c2c2c2;
    background-color: #ffffff;
    font-family: 'Roboto-Regular', 'Arial', 'Times', 'Times New Roman';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4e4e4e;
}

#rem-number .input-prt {
    width: 505px;
}

.input-prt:hover {
    border: solid 1px #616161;
}

.input-prt-disable {
    color: #a7a7a7;
    border: solid 1px #e1e1e1;
}

.input-prt-error {
    border: solid 1px #f35252;
}

input:focus, input:focus-visible {
    outline: none 0 !important;
}

input[type="text"].disabled, button.dropdown-toggle.disabled {
    border: solid 1px #e1e1e1;
}

input[type="text"].disabled, button.dropdown-toggle.disabled, .lbl-txt.disabled, .label-radio-txt.disabled {
    color: #ababab;
    background-color: #ffffff;
}
/*------- Inputs end --------- */

/* ---- Highlights start --------- */
p.error {
    margin: 0;
}

.alert {
    display: block;
    position: relative;
    height: 32px;
    width: 4px;
    font-family: 'Roboto-Regular', 'Arial', 'Times', 'Times New Roman';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.29;
    letter-spacing: normal;
    color: #616161;
    padding: 0 1.25rem;
    border: 0 solid transparent !important;
    border-radius: 0;
}

.alert-success {
    border-left: 6px solid #70ad47 !important;
}

.alert-success-msg {
    width: max-content;
    height: auto;
    padding-left: 8px;
    padding-right: 20px;
    background-color: #dcedd3;
}

.alert-error {
    border-left: 6px solid #f00505 !important;
}

.alert-error-msg {
    height: auto;
    padding: 0 20px 0 8px !important;
    background-color: #fee3e3;
    width: max-content;
}

.alert-warning {
    border-left: 6px solid #f6bd48 !important;
}

.alert-warning-msg {
    height: auto;
    width: max-content;
    padding: 0 20px 0 8px;
    background-color: #fcefd5;
}
/* ---- Highlights end --------- */

#main-login-div {
    margin: 3em 0 0 22em;
}

/* ---- Uploader start --------- */

.file-upload-area {
    border: solid 1px #c2c2c2;
    background-color: #ffffff;
    display: inline-flex;
}

.uploader-file-label {
    font-family: 'Roboto-Medium', 'Arial', 'Times', 'Times New Roman';
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    margin: -1px 0 -1px -1px;
    cursor: pointer;
    background-color: #70ad47;
    padding: 8px 24px 7px 24px;
    text-align: center;
    text-transform: uppercase;
}

.uploader-file-label:hover {
    background-color: #578935;
}

.uploader-file-label:active {
    background-color: #80c651;
}

.file-upload {
    margin: 8px 0 8px 0;
}

.file-name-font {
    font-family: 'Roboto-Regular', 'Arial', 'Times', 'Times New Roman';
    padding: 6px 60px 6px 12px;
    font-size: 16px;
    color: #4e4e4e;
    align-items: center;
    display: inline-flex;
}

.file-input {
    visibility: hidden;
    display: inline;
    width: 0;
}

/* ---- Uploader end --------- */

/*------ Textarea start ---------*/
textarea:focus, textarea:focus-visible {
    outline: none 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.textarea-prtl {
    width: 331px;
    border: solid 1px #c2c2c2;
    background-color: #ffffff;
    font-family: 'Roboto-Regular', 'Arial', 'Times', 'Times New Roman';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #616161;
}

.textarea-prtl:hover {
    border: solid 1px #616161;
}
/*------ Textarea end ---------*/

/*------ Steps start ----------*/
#payment-progress div {
    font-family: "Roboto-Medium", 'Arial', 'Times', 'Times New Roman';
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    display: inline-block;
    position: relative;
    height: 39px;
    line-height: 39px;
    line-break: auto;
    padding: 0 16px;
    margin-right: 5px;
    background-color: #f4f5f7;
    justify-content: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    color: #084181;
}

#payment-progress div.right:after{
    content: '';
    width: 28px;
    height: 27px;
    position: absolute;
    right: -4px;
    top: 2px;
    background-color: #f4f5f7;
    z-index: 150;

    -webkit-transform: translate(10px,4px) rotate(45deg);
    -moz-transform: translate(10px,4px) rotate(45deg);
    -ms-transform: translate(10px,4px) rotate(45deg);
    -o-transform: translate(10px,4px) rotate(20deg);
    transform: translate(10px,4px) rotate(45deg);
}

#payment-progress div.left:before{
    content:'';
    width: 28px;
    height: 28px;
    position: absolute;
    left: -5px;
    top: 1px;
    background-color: white;
    z-index: 50;

    -webkit-transform: translate(-10px,4px) rotate(45deg);
    -moz-transform: translate(-10px,4px) rotate(45deg);
    -ms-transform: translate(-10px,4px) rotate(45deg);
    -o-transform: translate(-10px,4px) rotate(20deg);
    transform: translate(-10px,4px) rotate(45deg);
}

#payment-progress .active{
    background-color: #f6bd48;
    color: #084181;
}
#payment-progress div.active:after{
    background-color: #f6bd48;
    color: #084181;
}

#payment-progress .done{
    background-color: #084181;
    color: white;
}
#payment-progress div.done:after{
    background-color: #084181;
    color: white;
}

/*-------Payment progress bar end ---------*/

/*------- Radio and Checkbox start --------------*/
input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: white;
    height: 13px;
    width: 13px;
    border: solid 1px #c2c2c2;
    margin-right: 4px;
    border-radius: 2px;
}

input[type="checkbox"]:checked {
    background: #1b417d;
    border: 0;
}

input[type="checkbox"].head-checkbox:checked {
    background:white;
}

input[type="checkbox"].head-checkbox:after {
    content: '';
    position: relative;
    left: 34%;
    top: 5%;
    width: 20%;
    height: 50%;
    border: solid #1b417d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
    box-sizing: unset;
}

input[type="checkbox"]:hover {
    filter: brightness(90%);
}

input[type="checkbox"]:disabled {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

input[type="checkbox"]:after {
    content: '';
    position: relative;
    left: 34%;
    top: 5%;
    width: 20%;
    height: 50%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
    box-sizing: unset;
}

input[type="checkbox"]:checked:after {
    display: block;
}

input[type="checkbox"]:disabled:after {
    border-color: #7b7b7b;
}

input[type='radio'] {
    -webkit-appearance:none;
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    border: 1px solid darkgray;
    border-radius: 50%;
    outline: none;
    margin-right: 4px;
}
input[type='radio']:hover {
    box-shadow:0 0 5px 0 #e6e6e6 inset;
}
input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;
    border-radius:50%;
}
input[type='radio']:checked:before {
    background:#1b417d;
}

input[type="radio"].disabled {
    pointer-events:none;
    opacity:0.5;
}
/*------- Radio and Checkbox end --------------*/

/*---------Select multicheckboxes start --------*/
.dropdown-content {
    position: absolute;
    background-color: #fff;
    margin-top: 2px;
    padding: 11px 12px 0 12px;
    z-index: 1;
    border: solid 1px #c2c2c2;
    white-space: nowrap;
    overflow: auto;
    max-height: 400px;
    display: none;
}

@supports (-moz-appearance:none) {
    .dropdown-content {
        padding: 11px 25px 0 12px !important;
    }
}

div.dropdown-menu.show,
div.dropdown-menu.show > div.inner.show {
    overflow-x: hidden; !important;
}

.show {
    display: block;
}

.dropbtn {
    width: 331px;
    height: 29px;
    padding: 5px 0 5px 12px;
    border: solid 1px #c2c2c2;
    background-color: #ffffff;
    font-family: 'Roboto-Regular', 'Arial', 'Times', 'Times New Roman';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4e4e4e;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropbtn:hover, .dropbtn:focus {
    border: solid 1px #616161;
}

.dropbtn-arrow::after {
    width: 0;
    margin-left: auto;
    display: block;
    position: relative;
    bottom: 12px;
    right: 7px;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    color: #c2c2c2;
}

/*---------Select multicheckboxes start --------*/

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}

.bootstrap-select .dropdown-toggle .filter-option {
    height: auto;
}

.dropdown-toggle::after {
    color: #c2c2c2;
}

/*--------- Pagination start --------*/
.html-pagination {
    display: flex;
    margin: 12px 0 50px 0;
}

.html-pagination > span {
    font-family: 'Roboto-Regular', 'Arial', 'Times', 'Times New Roman';
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #616161;
    padding: 1px 8px;
}

.html-pagination-block {
    display: flex;
    width: 14px;
    height: 14px;
    margin-top: 1px;
}

.html-pagination-hover:hover{
    background-color: #e8e9eb;
    cursor: pointer;
}

.html-pagination-hover:active{
    background-color: #e8e9eb;
    cursor: pointer;
}

.html-pagination-hover:active{
    background-color: #e8e9eb;
    cursor: pointer;
}

.mr-p-5{
    margin-right: 5px;
}

.ml-p-5{
    margin-left: 5px;
}

.arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
}

.arrow:active {
    filter: invert(39%) sepia(1%) saturate(0%) hue-rotate(202deg) brightness(94%) contrast(91%);
}

.arrow-disable {
    pointer-events: none;
    filter: brightness(0) saturate(100%) invert(80%) sepia(21%) saturate(296%) hue-rotate(178deg) brightness(88%) contrast(85%);
}
/*--------- Pagination end --------*/