/* Minification failed. Returning unminified contents.
(165,39): run-time error CSS1034: Expected closing parenthesis, found ','
(165,39): run-time error CSS1042: Expected function, found ','
(165,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(166,49): run-time error CSS1034: Expected closing parenthesis, found ','
(166,49): run-time error CSS1042: Expected function, found ','
(166,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/* global.css */
/* This is for CSS that is likely to be useful on any page */

/*Bootstrap 5 overrides*/

/*Workaround for: https://getbootstrap.com/docs/5.0/getting-started/introduction/#box-sizing*/
/* Eventually need to explicitly use this instead of above wildcard */
.box-sizing-fix { box-sizing: content-box !important; }

.fw-semibold { font-weight: 600; }

/*Quill*/
/*.ql-editor {
    min-height: 150px;*/
    /*border: 1px solid #DDDDDD !important;*/
/*}*/

.ql-container {
    font-family: 'Open Sans', sans-serif;
    font-size: medium;
}

/* Color-related stuff */
.text-orange {
    color: #ea7f1d !important;
}

.btn-orange {
    color: #fff !important;
    background-color: #e8691d !important;
}

    .btn-orange:hover {
        background-color: #ea7f1d !important;
    }

.btn-outline-orange {
    color: #000 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #e8691d !important;
}

    .btn-outline-orange:hover {
        color: #fff !important;
        background-color: #ea7f1d !important;
        border-color: #e8691d !important;
    }

.btn-icon {
    position: relative;
    left: -12px;
    display: inline-block;
    /*padding: 6px 12px;*/
    padding: 7px 12px;
    background: rgba(0, 0, 0, 0.10);
    border-radius: 3px 0 0 3px;
}

.btn-iconed {
    padding-top: 0;
    padding-bottom: 0;
}

#disabled-button-wrapper {
    display: inline-block;
}

    #disabled-button-wrapper .btn[disabled] {
        pointer-events: none;
    }

#disabled-button-wrapper {
    cursor: not-allowed;
}

.text-orange { color: #ea7f1d !important; }
/*End Bootstrap 5 overrides*/

.loadingSpinnerOuter {
    z-index: 10001;
    position: fixed;
    top: 50%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    filter: alpha(opacity=90);
    opacity: .9;
}

/* Smaller than Bootstrap's fs-6 */
.fs-8 {
    font-size: 0.85rem !important; 
}

/* Make active Bootstrap tab semi-bold and orange overlined */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    font-weight: 600;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #ea7f1d;
}

/* Since btn-xs was deprecated in Bootstrap 4, we create our own here */
.btn-group-xs > .btn, .btn-xs {
    padding: .45rem .3rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}

/*Make buttons greyed out, used for email invitation button on Invites.aspx and on Pages page*/
#disabledButton {
    background-color: #F09D6C !important;
    cursor: not-allowed;
}

.disabledButton {
    background-color: #F09D6C !important;
    cursor: not-allowed;
}

/*Bootstrap 5.0.1 changed/added nav-link color to blue */
.nav-link {
    color: #000 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057 !important;
}

.alert-top {
    position: fixed;
    top: 5px;
    left: 25%;
    width: 60%;
}

.alert-bottom {
    position: fixed;
    bottom: 5px;
    left: 2%;
    width: 96%;
}

/* For Home page */
.hoverLogic {
    display: none;
}

tr:hover .hoverLogic {
    display: inline;
}

/* Quill styles & Overrides */

.ql-editor {
    min-height: unset !important;
    border: 1px dashed #fff !important;
    border-radius: 6px;
    /*white-space: normal !important;*/  /*TODO: workaround, probably breaks other things*/
}

.ql-editor:focus, .ql-editor:hover, .ql-editor-forceFocus, .in-editor:focus, .in-editor:hover, .in-editor-forceFocus {
    border: 1px solid rgb(232, 105, 29, 0.45) !important;
    box-shadow: inset 0 1px 1px rgb(232, 105, 29, 0.075), 0 0 8px rgba(248, 183, 139, 0.6);
}

.ql-margin {
    margin-left: 12px;
}

.nowrap {
    white-space: nowrap;
}

.pre {
    white-space: pre-wrap !important;
}

/*Make a Bootstrap html button look like a checkbox*/
.btn-checkbox-unchecked {
    padding: .35rem .35rem !important;
    font-size: .875rem !important;
    line-height: .5 !important;
    border-radius: .15rem !important;
    border-width: .20em !important;
}

.btn-checkbox-checked {
    padding: .1rem .1rem !important;
    font-size: .6rem !important;
    line-height: .5 !important;
    border-radius: .15rem !important;
    border-width: .20em !important;
    border-color: #0060df !important;
    background-color: #0060df !important;
}

    .btn-checkbox:hover {
        border-color: #676774 !important;
        background-color: #0250BB !important;
    }