.modal {
    height: 100% !important;
}

.tns-visually-hidden {
    display: none;
}

.form-floating>label {
    left: 0rem !important;
}

a {
    cursor: pointer;
}

.w-33 {
    width: 33% !important;
}

.w-45 {
    width: 45% !important;
}

/* .ng-select.btn-secondary {
    border-color: #0f56b3 !important;
} */

.pairing .btn-secondary:hover {
    background-color: #fff !important;
    border-color    : #0f56b3 !important;
}

.integrations-list {
    height: 100vh !important;
}

.position-relative .btn-secondary:hover {
    color           : #000 !important;
    background-color: #fff !important;
    border-color    : #000 !important;
}

.position-relative .btn-default {
    color           : #000 !important;
    background-color: #fff !important;
    border-color    : #000 !important;
    /* border       : 1px solid rgba(0,0,0,0.125) !important; */
}

.modal--add-configuration .dropdown-menu {
    display: block !important;
}

.procore-configuration .dropdown-menu {
    display: block !important;
}

.manual-integration-dropdown .dropdown-menu {
    display: block !important;
}

.icon-block--arrows-exchange-updown {
    background-image: url(../content/images/icons/arrows-exchange-updown.svg);
    width           : 0.66rem;
    height          : 0.75rem
}

/* .btn-raised{
	color: #fff !important;
} */


.form-floating .input-group-append {
    position: absolute;
    right   : 1rem;
    top     : 1rem;
}

.form-floating .input-group-append .input-group-text {
    padding  : 0;
    border   : 0;
    font-size: 1.2rem;
}

.ui-select-match-text {
    max-width    : 92%;
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
    height       : inherit;
}


.w-100-md {
    width: 100% !important;
}

.pricing-box {
    background-color: #fafafa;
    box-shadow      : 0 3px 10px rgb(0 0 0 / 20%);
}

.cursor-pointer {
    cursor: pointer;
}

.UsetifulIcon {
    color: #0066cc;
    font-size: 2em;
    cursor: pointer;
}

.UsetifulButton {
    background-color: #0f55b0;
    border-radius   : 28px;
    border          : 1px solid #4e6096;
    display         : block;
    cursor          : pointer;
    color           : #ffffff;
    font-size       : 17px;
    padding         : 16px 31px;
    text-decoration : none;
    text-shadow     : 0px 1px 0px #283966;
    float           : right;
}

.UsetifulButton:hover {
    background-color: #476e9e;
    color           : #fff;
}

.UsetifulButton:active {
    position: relative;
    top     : 1px;
}

.form-check {
    min-height: 2.5rem !important;
}

.frm-desc .form-check {
    margin-left: 15px !important;
}

.form-check-input {
    width : 30px !important;
    height: 30px !important;
}

.vh-100 {
    height: 100vh;
}

.btn-blue-darker {
    color           : #fff;
    background-color: #0c4590;
    border-color    : #0b3f84;
    border          : none;
}

.user-dropdown .dropdown-menu {
    display: block !important;
}

.clear.ng-select .ng-clear-wrapper {
    display: block !important;
}

.btn {
    z-index: 0 !important;
}

/* .page-loading{
    z-index: 111 !important;
} */

.form-floating input {
    box-sizing: border-box;
    outline   : 0;
    padding   : .75rem;
    position  : relative;
    width     : 100%;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom    : 0;
    color     : transparent;
    cursor    : pointer;
    height    : auto;
    left      : 0;
    position  : absolute;
    right     : 0;
    top       : 0;
    width     : auto;
}



.context-bar a:hover {
    text-decoration: underline;
    color          : #0f56b3;
    border-bottom  : 1px;
}

.link-bar {
    display      : flex;
    position     : relative;
    /* background: grey; */
    padding      : 0 10px;
    color        : #000;
    width        : 100%;
    box-sizing   : border-box;
}

.context-bar {
    flex    : 1;
    height  : 60px;
    overflow: hidden;
}

.context-bar-link {
    display   : inline-block;
    margin    : 0;
    padding   : 20px 10px;
    text-align: center;
}

.grouped-link {
    display   : inline-block;
    margin    : 0;
    /* padding: 20px 10px; */
    margin-top: 20px;
    text-align: center;
}

.context-bar-link.active,
.grouped-link.active {
    background-color: #666;
}

.dropdown:hover {
    /* background-color: #ccc; */
    cursor: pointer;
}

.dropdown-content {
    display         : none;
    position        : absolute;
    background-color: #f9f9f9;
    min-width       : 160px;
    right           : 10px;
    box-shadow      : 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    /* // max-height: 200px;
    // height: auto;
    // overflow-y: auto; */
}

.dropdown-content a {
    color          : black;
    padding        : 12px 16px;
    text-decoration: none;
    display        : block;
    text-align     : left;
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.badge-app-id{
    border-radius: 5px;
}

.badge-app-id-details {
    background-color: #E5E5E5 !important;
    color: #000 !important;
    border-radius: 5px;
}
.vertical-align-center{
    display: flex; 
    flex-direction: column;
}

.vertical-align-center-admin{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.select-integration-div {
    display: block;
}

@media only screen and (max-device-width: 480px){
    .select-integration-div {
        display: none;
    }
}

.badge-app-id-details {
    background-color: #E5E5E5 !important;
    color: #000 !important;
    border-radius: 5px;
}