.wizard > .content > .body {
    overflow-y: auto;
}

.dataTables_scrollBody > table > thead > tr {
    visibility: collapse;
    height: 0px !important;
}

body {
    overflow: visible;
}

label {
    color: #133245;
}

.btn-primary {
    color: #fff;
    background-color: #50B4E2 !important;
    border-color: #50B4E2 !important;
}

.loginForm {
    display: grid;
    background-color: #23546C;
    height: 60vh;
}

.loginDiv {
    padding-top: 3%;
    margin-right: 15%;
    margin-left: 15%;
    margin-top: 20%;
}

.user {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 5%;
}

#example-form {
    padding-top: 10%;
}

.navbar {
    margin-bottom: 0rem !important;
}

html, body {
    background-color: #F3F3F3;
}

.bg-white {
    background-color: #9e9e9e !important;
}

.custom-select {
    background-color: #fff;
    color: #133245;
}

.registerform {
    margin-top: 5%;
    margin-left: 30%;
}

.tableBtn {
    text-decoration: underline;
    border: none;
    background: none;
    color: #133245;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

label[for="sequenceType"] {
    margin: 3px 6px;
}

.custom-select {
    width: 160px;
}

.table thead {
    background-color: #133245;
    color: white;
}

#usertable thead {
    background-color: #133245;
    color: white;
}

.modal-header {
    display: block;
}

.mainContent {
    margin-top: 3%;
}

.btn.btn-secondary.dropdown-toggle.userdropdown {
    background-color: transparent;
    border: none;
    margin-top: 7%;
    outline: none;
    color: black;
}

.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: none;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.fa-userlogin {   
    content: url("../images/icon-userlogin.svg");
    margin-top: 27%;
}

.dropdown-menu.dropdown-menu-right.show a:hover {
    background-color: #50B4E2;
}

.form-inline.dropdown-item:hover {
    background-color: #50B4E2;
}

.reqId {
    display: none;
}

.logo {
    width: 70px;
}

.country-select.inside input, .iti--allow-dropdown input {
    background-color: #fff;
    height: calc(1.5em + .75rem + 2px);
}

.formTitle {
    font-weight: bolder;
}

.country-select.inside input[type=text]:disabled, .iti input[type=tel]:disabled, .selected-flag {
    background-color: #e9ecef;
}

.wizard > .content {
    min-height: 45rem;
}

.version {
    display: inline;
    font-size: x-small;
}

.wizard.vertical > .steps {
    width: 20%;
}

.wizard.vertical > .content {
    width: 75%;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover {
    background-color: #50B4E2;
}

.nav-link {
    color: #133245;
}

.drpdwnImg {
    padding-right: 5px;
}

.btn.btn-primary:hover {
    background-color: #50B4E2;
}

input[type="checkbox"], input[type="radio"] {
    filter: hue-rotate(334deg );
}

select[name="item.Role"], select[name="Input.Role"] {
    cursor: pointer;
}

.phoneInput {
    border-radius: .25rem;
}

.wizard > .content > .body ul > li:hover {
    background-color: #007bff;
}

.loader {
    position: fixed;
    left: 0px;
    top: 60px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: pink;
    /* //  background: url('loader.gif') 50% 50% no-repeat rgb(249,249,249);*/
}

.dwnlDImg {
    margin-left: 35%;
}

.loading {
    background-color: White;
    border: 5px solid #133245;
    display: none;
    font-size: 10pt;
    height: 72px;
    position: fixed;
    width: 200px;
    z-index: 1000;
}

.loading-cover {
    background-color: #EEEEEE;
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 999;
}

.loading-spin {
    animation: spin 2s linear infinite;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #133245;
    height: 32px;
    left: 50%;
    top: 50%;
    width: 32px;
    z-index: 1001;
    margin-top: 4px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

::-webkit-input-placeholder {
    color: #EAEAEC;
}

.form-control1 {
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    border-radius: .25rem;
}

.modal-open {
    padding-right: 0px;
}

#copyBtn {
    float: right;
    margin-bottom: 10px;
}
.imageTitle, .version {
    color: #495057;
    display: inline
    
}
/*//month picker*/


.icon {
    vertical-align: bottom;
    margin-top: 2px;
    margin-bottom: 3px;
    cursor: pointer;
}

    .icon:active {
        opacity: .5;
    }

.ui-button-text {
    padding: .4em .6em;
    line-height: 0.8;
}

.month-year-input {
    width: 160px;
    margin-right: 2px;
}