/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification 
for details on configuring this project to bundle and minify static web assets. */


body {
    background-color: #F5F5F5;
    padding-bottom: 20px;
    overflow-y: scroll;
}

.btn-primary {
    color: #fff;
    background-color: #2c87ea;
    border-color: #007bff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #2c87ea;
    border-color: #007bff;
}

.demo-header {
    position: relative;
    top: -50px;
    width: 100%;
    padding: 15px;
    background-color: #2c87ea;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    margin-bottom: 50px;
}

.sb-search {
    position: relative;
    margin-top: 10px;
    width: 0%;
    min-width: 60px;
    height: 60px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0px;
    border: none;
    outline: none;
    background: #fff;
    width: 100%;
    height: 60px;
    margin: 0;
    z-index: 10;
    padding: 20px 65px 20px 20px;
    font-family: inherit;
    font-size: 20px;
    color: #2c3e50;
}

input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

label {
    margin-top: 5px;
}

.no-borders {
    border: 0px;
}

legend {
    margin-bottom: 0;
}

.pt-3-half {
    padding-top: 1.4rem;
}

.table-checkbox {
    margin-top: -15px;
    margin-left: 5px;
}

#checbox-style {
    padding-left: 20px;
    padding-top: 20px;
}

fieldset {
    margin-bottom: 10px;
}

.align-right {
    margin-top: 30px;
    float: right !important;
}

.align-left {
    margin-top: 30px;
    float: left !important;
}

.sb-search-input::-webkit-input-placeholder {
    color: #5b93fa;
}

card-index-body .sb-search-input:-moz-placeholder {
    color: #5b93fa;
}

.sb-search-input::-moz-placeholder {
    color: #5b93fa;
}

.sb-search-input:-ms-input-placeholder {
    color: #5b93fa;
}

.sb-icon-search,
.sb-search-submit {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff;
    /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 8 */
    filter: alpha(opacity=0);
    /* IE 5-7 */
    opacity: 0;
    color: transparent;
    color: red;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #fff;
    background: #5b93fa;
    z-index: 90;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

    .sb-icon-search:before {
        content: "";
    }

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

    .sb-search.sb-search-open .sb-icon-search,
    .no-js .sb-search .sb-icon-search {
        background: #5b93fa;
        color: #fff;
        z-index: 11;
    }

    .sb-search.sb-search-open .sb-search-submit,
    .no-js .sb-search .sb-search-submit {
        z-index: 90;
    }

.card {
    border-color: #E0EBF8;
}

.card-index-body {
    margin-top: 20px;
}

.card-header {
    background-color: aliceblue;
}

.card-body {
    background-color: #fbfdff;
}

.form-check {
    padding-top: 10px;
}

.searchBtn {
    margin-top: 37px;
    width: 100%;
}

.searchBtnConnect {
    margin-top: 36px;
    width: 80%;
    height: 33px !important;
    font-size: 14px !important;
    margin-left: 35px !important;
}

.inputfieldConnect {
    font-size: 0.8rem;
}

.inputfieldConnectPersonId {
    width: 112px !important;
}

.btn-fullwidth {
    margin-top: 5px;
    width: 100%;
}

.btn-logout {
    float: right;
}

.btn-login {
    background-color: #2c87ea;
    color: white;
}

thead {
    background-color: #2c87ea;
    color: aliceblue;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 2rem;
}


.btn-logout {
    margin-top: -40px;
    margin-right: 10px;
    background-color: #2c87ea;
}




table.table tr th,
table.table tr td {
    border-color: #e9e9e9;
}

.one-third {
    width: 30%;
}

table.table th i {
    font-size: 13px;
    margin: 0 5px;
    cursor: pointer;
}

table.table th:last-child {
    width: 100px;
}

table.table td a {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    min-width: 24px;
}

    table.table td a.add {
        color: #27C46B;
    }

    table.table td a.edit {
        color: #17a2b8;
    }

    table.table td a.delete {
        color: #E34724;
    }

table.table td i {
    font-size: 19px;
}

table.table td a.add i {
    font-size: 24px;
    margin-right: -1px;
    position: relative;
    top: 3px;
}

table.table .form-control {
    box-shadow: none;
    border-radius: 2px;
}

    table.table .form-control.error {
        border-color: #f50000;
    }

table.table td .add {
    display: none;
}

.selectedUserAccountstbl, table, th, td {
    border: 1px solid black;
}

.requiredField {
    border: solid 1px red;
}

.enabledConfirm {
    color: gray;
}

.missingValue {
    border: 1px solid red;
}





.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.navbar-comporto {
    margin-bottom: 1.5rem;
    background-color: #2c87ea;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.navbar-user {
    background-color: #2c87ea !important;
    color: #fff !important;
    margin-right: 80px;
}

.dropdown-toggle::after {
    vertical-align: 0.1em !important;
}

.navbar-comporto .navbar-brand, .navbar-comporto .navbar-text, .navbar-comporto .navbar-nav .nav-link {
    /*    font-size: 1rem !important;
        text-shadow: 1px 1px #3d73d6 !important;
        color: #f1f1f1 !important;*/
}

.navbar-comporto .nav-item.active .nav-link {
    color: #212529;
    background-color: #F5F5F5;
}

.navbar-comporto .nav-item.active:hover .nav-link {
    color: #212529;
    background-color: #F5F5F5;
}

.navbar-comporto .nav-item .nav-link {
    color: #353535;
    background-color: #CCCCCC;
    font-weight: bold;
}

.navbar-comporto .nav-item:hover .nav-link {
    background-color: #DBDBDB;
}

.navbar-comporto .navbar-brand {
    font-size: 1.3rem !important;
    font-weight: 600;
}

.nav-tabs {
    border-bottom: 0 !important;
}

    .nav-tabs .nav-link {
        border-bottom: none !important;
        /*margin-bottom: 1px !important;*/
        border-top: 1px solid !important;
        border-left: 1px solid !important;
        border-right: 1px solid !important;
        border-color: #e9ecef !important;
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0.25rem !important;
    }



/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* Form validation styling */

.form-control-error {
    display: none;
    padding: 0;
}

.requiredField + .form-control-error {
    color: red;
    display: block;
}

.input-validation-error {
    border: solid 1px red;
}

span.field-validation-error {
    font-size: 0.9rem;
}

.d-hidden {
    visibility: hidden;
    position: absolute;
}

.field-validation-error, .field-validation-valid {
    min-height: 1.3rem;
    display: block;
}

.validation-summary-errors {
    text-align: center;
    padding: 1.2rem 0.2rem;
}

    .validation-summary-errors ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .validation-summary-errors ul li {
            font-size: 1rem;
            font-weight: 500;
            padding: 0;
        }

/* Vue-multiselect overrides 
----------------------------------------------------------*/

.multiselect__tag {
    color: #fff !important;
    background-color: #007bff !important;
}

.multiselect__option--highlight {
    outline: none;
    color: #fff !important;
    background-color: #007bff !important;
}


.registerList {
    height: 200px;
    max-height: 200px;
    overflow-y: scroll
}

.missingProfile {
    border: red solid 2px;
}

.font-size-connect {
    font-size: 0.8rem !important;
}

.font-size-plus {
    font-size: 1.2rem !important;
}

.scrollPeople {
    height: 400px;
    max-height: 400px;
    overflow-y: scroll
}

.selectAll {
    margin-bottom: 10px;
}

.disabledSelection {
    background-color: lightgrey;
}

.bs-dropdown {
    background-color: #fff !important;
    color: #495057 !important;
    height: calc(2.25rem + 2px) !important;
}

/* OrganizationAdmin */

#app-editcreateorg .row.main {
    min-height: 600px;
}

#app-editcreateorg ul.registers {
    list-style: none;
    overflow: auto;
    height: 260px;
}

    #app-editcreateorg ul.registers li {
        padding: 0.2rem;
        width: 100%;
    }

#app-editcreateorg #org-spinner {
    font-size: 2rem;
    float: right;
}

#app-editcreateorg ul.alert {
    list-style: none;
    text-align: center;
}

/* RegisterAdmin */

#app-editcreatereg #org-spinner {
    font-size: 2rem;
    float: right;
}

#app-editcreatereg ul.forms {
    list-style: none;
    overflow: auto;
    height: 200px;
    background: #eee !important;
}

#app-editcreatereg .row.main {
    min-height: 560px;
}

#app-editcreatereg ul.alert {
    list-style: none;
    text-align: center;
}


/*General*/
.nounderline {
    text-decoration: none !important
}

.cursor-pointer {
    cursor: pointer;
}

.form-edit {
    color: #FFC107;
    padding-top: 2em;
}

.long-select {
    height: 600px !important;
    max-height: 600px !important;
}

.edit-form {
    /* Used by JS selector*/
}

.font-weight-bolder {
    font-weight: 900 !important;
}

.dark-text {
    color: #212529 !important;
}