/* ============================================================
 * Bright theme — CSS custom properties
 * Edit only this block to re-skin the Bright theme.
 * ============================================================ */
:root {
    --wc-body-bg:             #fff;
    --wc-body-color:          #3F4254;
    --wc-dashboard-bg:        #f0f2f5;
    --wc-header-bg:           #2a2a2a;
    --wc-header-color:        #fff;
    --wc-accent:              #1086FF;
    --wc-accent-teal:         rgb(27, 197, 189);
    --wc-accent-red:          #f42a3f;
    --wc-surface:             #fff;
    --wc-surface-alt:         #f0f2f5;
    --wc-surface-muted:       #fafafa;
    --wc-surface-hover:       rgb(243, 246, 249);
    --wc-border:              #eaeaea;
    --wc-grid-row-bg:         #fff;
    --wc-grid-row-alt:        #fff;
    --wc-grid-row-hover:      rgb(243, 246, 249);
    --wc-grid-row-border:     #eaeaea;
    --wc-grid-header-bg:      #fafafa;
    --wc-grid-header-color:   #808080;
    --wc-nav-tabs-bg:         #fff;
    --wc-nav-active-bg:       #1086FF;
    --wc-nav-active-color:    #fff;
    --wc-section-bg:          #fff;
    --wc-section-title-bg:    #fff;
    --wc-section-title-color: #444;
    --wc-section-head-bg:     rgb(243, 246, 249);
    --wc-section-head-color:  #606060;
    --wc-filter-box-bg:       white;
    --wc-filter-header-color: #FFA800;
    --wc-close-color:         #333;
    --wc-legend-bg:           rgba(243, 246, 249, .6);
    --wc-loading-color:       #16a39d;
}

html, body{color:var(--wc-body-color);background-color:var(--wc-body-bg);}
.headerbar {background:var(--wc-header-bg);color:#fff;}
.dashboard{background-color:var(--wc-dashboard-bg);}

#manager{color:#fff !important;font-weight:bold !important;}


.rounded-corners {
    --border: 1px solid #f0f0f0;
    border-radius: 7px;
}

.webpartchrome{background:var(--wc-surface);border:1px solid #eaeaea;}
.webparttitle {color:#444; padding:7px; background:var(--wc-surface); font-size:1.1em; font-weight:bold; border-bottom:1px solid #f0f0f0;}

.webpartheader{display:none;font-size: 0px;color:#808080;height:0px;margin:0;padding:0;}
.webpartzone{width:100%;padding:0px;margin:0;padding-top:0;padding-bottom:0;}
/*.webpart{}*/

.webpartpart{font-size:9px;}
/*.webpartmenulabel{}*/
.webparttitlebarverb{text-align:right;}
.webparttitlebarverb img{min-height:16px;min-width:16px;}
.usercontrol{margin:0px;padding:9px;position:relative;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #fff;background:#fff;}
table.webpartmenupopup{border:1px solid #ccc;background:#ededed;color:#000;font-family: Arial;font-size:.8em;margin:4px;}

.currencypositive{color:rgb(27, 197, 189);font-weight:bold;}
.currencynegative{color:#f42a3f;font-weight:bold;}

.currencypositivelarge {font-size: 1.25em;font-weight: bold;color: rgb(27, 197, 189);}
.currencynegativelarge {font-size: 1.25em;font-weight: bold;color: #f42a3f;}

a.currencypositivelarge, a:visited.currencypositivelarge {color: rgb(27, 197, 189) !important;}
a:hover.currencypositivelarge {color: #1086FF !important; text-decoration:none;}

a.currencynegativelarge, a:visited.currencynegativelarge {color: #f42a3f !important;}
a:hover.currencynegativelarge {color: #1086FF !important; text-decoration:none;}

div.morebox{text-align:right;padding:3px;position:relative;bottom:0;clear:both;background-color:#fff;border:0px solid #ccc;}

/* --- Main Site Styles --- */

#maincolfull{position:relative;clear:both;margin-top:74px;background:var(--wc-surface);padding:10px;}
@media (min-width: 768px) and (max-width: 979px) {
    #maincolfull{margin-top:-20px;padding:0}
}
@media (max-width: 767px) {
    #maincolfull{margin-top:-20px;padding:0}
}

table.plain{border:0;border-collapse:collapse;}
table.plain tr td{border:0 !important;padding:3px;}
.completeplain{background:var(--wc-surface-muted);}
tr.gridheaderplain th{border:1px solid #eaeaea;border-right:1px solid #fff;border-left:0;color:var(--wc-grid-header-color);background-color:#f3f6f9; padding:2px;font-size:.85em;}
tr.gridheaderplain{border:0;}

div.gridcontainer{background:var(--wc-surface);}

table.grid{border:1px solid #fff;background:var(--wc-surface);overflow:scroll;}

.gridheader{border:1px solid #bce8f1;min-height:45px;}
.gridheader th{background-color:var(--wc-grid-header-bg);border:1px solid #eaeaea;border-right:1px solid #fff;border-left:1px solid #fff;color:var(--wc-grid-header-color);font-size:.95em;padding:6px 3px 6px 3px;}
/*.gridheader th:hover{}*/
.gridheader a:link, .gridheader a:visited{padding:5px;border:1px solid transparent;padding-right:15px;display:block; background-repeat:no-repeat !important; background-position:right !important;}
.gridheader a:link:hover{background-color:rgba(54,153,255,0.3) !important;border:1px solid rgba(54,153,255,1);color:#000 !important;text-decoration:none !important;-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}

tr.gridheaderinsert th{border:1px solid #eaeaea;border-right:1px solid #fff;color:var(--wc-grid-header-color);padding:6px 3px 8px 3px;}
tr.gridheaderinsert{background-color:#fff;border:1px solid #ccc;padding:0;}
tr.gridrowinsert{background:var(--wc-surface-muted);color:#000;}

tr.gridrow{background:var(--wc-surface);}
tr.gridrow:hover{background:var(--wc-grid-row-hover);}
tr.gridrow td{padding:5px;border-top:1px solid var(--wc-grid-row-border);}

.noline{background:var(--wc-surface);}
.noline:hover{background:var(--wc-grid-row-hover);}
.noline td{padding:5px;border-bottom:0px;}

tr.altgridrow{background:var(--wc-surface);}
tr.altgridrow:hover{background:var(--wc-grid-row-hover);}
tr.altgridrow td{padding:5px;border-top:1px solid var(--wc-grid-row-border);}

tr.gridfooter{background:rgb(243, 246, 249);}
tr.gridfooter td{padding:5px 3px 5px 3px;border-right:1px solid #eaeaea;}


tr.gridpager{background:var(--wc-surface); font-size:1.5em;font-weight:bold;}
tr.gridpager table td{padding:5px;text-align:center;}
tr.gridpager a {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #181C32;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: rgb(228, 230, 239);
  *background-color: rgb(228, 230, 239);

  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;

  *zoom: 1;

}

tr.gridpager a:hover,
tr.gridpager a:focus,
tr.gridpager a:active,
tr.gridpager a.active,
tr.gridpager a.disabled,
tr.gridpager a[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}


tr.selectedrow{background:rgba(27,197,189,0.4);}
tr.selectedrow:hover{background:rgba(27,197,189,0.6);}
tr.selectedrow td{padding:5px;border-bottom:1px solid #eaeaea;}

tr.editrow{background:#d9edf7;}
tr.editrow:hover{background:rgb(243, 246, 249);}
tr.editrow td{padding:5px;border-bottom:1px solid #eaeaea;}

.complete{background:rgba(243, 246, 249, .6); color:rgba(24, 28, 50, .7);}
.complete:hover{background:rgb(243, 246, 249);}
.complete td{padding:5px;border-bottom:1px solid #eaeaea;}

.alertred{background:#FFE2E5;}
.alertred:hover{background:rgb(243, 246, 249);}
.alertred td{padding:5px;border-bottom:1px solid #eaeaea;}

.alertyellow{background:#F3F781;}
.alertyellow:hover{background:rgb(243, 246, 249);}
.alertyellow td{padding:5px;border-bottom:1px solid #eaeaea;}

.alertgreen{background:#dff0d8;}
.alertgreen:hover{background:rgb(243, 246, 249);}
.alertgreen td{padding:5px;border-bottom:1px solid #eaeaea;}

.groupheader{background:#ffd988;font-weight:bold;font-size:1.1em;}
.groupheader:hover{background:#ffd988;}
.groupheader td{padding:5px;border-bottom:1px solid #eaeaea;}

.groupfooter{background:#707c8f;}
.groupfooter:hover{background:#707c8f;}
.groupfooter td{padding:5px;border-bottom:1px solid #eaeaea;}

.grouptotalcell{color:#fff;font-weight:bold;}

tr.newshelf{background:var(--wc-surface);}
tr.newshelf:hover{background:rgb(243, 246, 249);}
tr.newshelf td{padding:5px;border-bottom:1px solid #eaeaea;border-top:2px solid #d98f00;}

td.cell-danger{color:#F64E60;}
td.cell-success{color:rgb(27, 197, 189);}
td.cell-primary{color:rgb(16, 134, 255);}
td.cell-info{color:rgb(16, 134, 255);}
td.cell-warning{color:#FFA800;}
td.cell-muted{color:lightslategray;}

.green{color:rgba(22, 163, 157, 1);}
.blue{color:rgba(16, 134, 255, 1);}
.orange{color:rgb(251 192 0);}
.red{color:rgba(244, 42, 63, 1);}

.defaultgridrow{border-top:1px solid #ccc;}

.tooltip{color:Maroon;cursor:help;}

/*.defaultdetailsview{}
.defaultdetailsviewrow{}
.defaultdetailsviewaltrow{}
.defaultdetailsviewfieldheader{}*/

.popupmenu{background:#fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:7px;border:2px solid #000;-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);box-shadow: 3px 3px 3px rgba(0,0,0,0.2);}

select.full-width{
    box-sizing: border-box;
    width:100%;
}

#tabs a{color:#08c;}
#tabs li a{color:#000;}

.textboxwatermark{color:rgba(0,0,0,0.5) !important;background-color:#fefbd2 !important;}

ul.nav li{
  padding-left:0px !important;
  padding-right:0px !important;
}

ul.nav li{
  margin-left:0px !important;
  margin-right:0px !important;
}

@media (max-width: 480px) {
      .navbar .brand {
      padding: 10px 3px 10px !important;
      font-size: 15px !important;
      font-weight: bold !important;
    }
}

.nav-tabs{padding:0 0 0 3px; margin-bottom:0; margin-top:0px; background:var(--wc-nav-tabs-bg);}
.nav-tabs > li a
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: var(--wc-nav-active-color);
    cursor: default;
    background-color: var(--wc-nav-active-bg);
    border: 1px solid var(--wc-nav-active-bg);
    border-bottom-color: transparent;
    }
.tab-content{background:var(--wc-surface);}
.tab-pane{padding:5px;}

.button-link {
    padding: 10px 15px;
    background:var(--wc-surface);
    border-bottom:1px solid #eaeaea;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
    box-sizing: border-box;
    display:block;
}
.button-link:hover {
    background: #f0f0f0;
    text-decoration: none;
    color:#000;
}
.button-link:active {
    background: #2E5481;
    border: solid 1px #203E5F;
}


.section{border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea; background:var(--wc-surface);margin:5px;margin-bottom:15px;
         -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
         -webkit-box-shadow: 0px 0px 5px 0px rgba(240,240,240,1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(240,240,240,1);
        box-shadow: 0px 0px 5px 0px rgba(240,240,240,1);
        border:1px solid #eaeaea;
}
.sectionnoborder{padding:5px;background:var(--wc-surface);}
.sectiontitle {
    font-weight: bold;
    font-size: 1.1em;
    display: block;
    padding: 5px;
    color: #444;
    border-top: 0px solid #1086FF;
    border-radius: 5px;
    background-color: var(--wc-surface);
    border-bottom:1px solid #f0f0f0;
    border-radius:7px;
}
.sectioncontrol{padding:5px;}
.menucontainer {
    margin-top: 15px;}
.tall{padding-left:5px;height:1000px;border-left:1px solid #eaeaef;}
@media (max-width: 767px) {
    .tall {
        padding-left: 0px;
        height: inherit;
        border-left: 0px solid #eaeaef;
    }
}

.control-panel{background-color:var(--wc-grid-header-bg);border:1px solid #eaeaef;padding:5px;}

    .menusection {
        margin-bottom: 15px;
        border-top: 1px solid #eaeaef;
    }


    .working {
        background-color: var(--wc-loading-color);
        -webkit-animation-name: working; /* Chrome, Safari, Opera */
        -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
        animation-name: working;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        color: #f5f5f5;
    }

    /* Chrome, Safari, Opera */
    @-webkit-keyframes working {
        from {
            background-color: var(--wc-loading-color);
            color: #f5f5f5;
        }

        to {
            background-color: lightgreen;
            color: #fff;
        }
    }

    /* Standard syntax */
    @keyframes working {
        from {
            background-color: var(--wc-loading-color);
            color: #f5f5f5;
        }

        to {
            background-color: lightgreen;
            color: #fff;
        }
    }

    .loading {
        color: var(--wc-loading-color);
    }

    .help-panel {
        border: 1px solid transparent;
        margin: 7px;
        padding: 7px;
    }

        .help-panel:hover {
            border: 1px solid #eaeaea;
        }

    .help-text {
        color: #707070 !important;
        margin-left: 40px;
    }

    a:hover.help-links {
        text-decoration: none !important;
    }


    .oval {
        padding: 15px;
        background: red;
        -moz-border-radius: 100px / 50px;
        -webkit-border-radius: 100px / 50px;
        border-radius: 100px / 50px;
    }

    .chosen-container {
        width: 220px !important;
    }

    .chosen-containerx .search-field input {
        width: 100% !important;
    }

    .modal-contentQuick {
        background-color: #fefefe;
        margin: 5% auto; /* 15% from the top and centered */
        border: 1px solid #888;
        width: 85%; /* Could be more or less, depending on screen size */
    }

    .each{margin-bottom:2px;border-bottom:1px solid #eaeaea;}

    span.radio {
        padding: 0px;
    }

        span.radio > input[type="radio"] {
            margin: 4px -5px 7px 0px;
        }

        span.radio > label {
            float: left;
            margin-right: 5px;
            padding: 0px 5px 0px 10px;
        }


    .tab-wrapper {
        position: relative;
        margin: 0 auto;
        overflow: hidden;
        padding: 5px;
        height: 50px;
    }

    .tab-list {
        position: absolute;
        left: 0px;
        top: 0px;
        min-width: 3000px;
        margin-left: 12px;
        margin-top: 0px;
    }

        .tab-list li .top {
            display: table-cell;
            position: relative;
            text-align: center;
            cursor: grab;
            cursor: -webkit-grab;
            color: #efefef;
            vertical-align: middle;
        }

    .tab-scroller {
        text-align: center;
        cursor: pointer;
        display: none;
        padding: 7px;
        padding-top: 11px;
        white-space: no-wrap;
        vertical-align: middle;
        background-color: var(--wc-surface);
    }

    .tab-scroller-right {
        float: right;
    }

    .tab-scroller-left {
        float: left;
    }

    .repeater-header {
        background-color: whitesmoke;
        color: #222222;
        padding: 5px;
        padding-bottom: 1px;
    }

    .section-head, .section-head tr {
        background-color: var(--wc-section-head-bg);
        border-bottom: 1px solid #eaeaea;
        border-top: 1px solid #eaeaea;
        color: var(--wc-section-head-color);
        padding: 5px 4px 5px 4px;
    }

        .section-head td {
            padding: 5px 4px 5px 4px;
        }

        .section-head:hover, .section-head tr:hover {
            background-color: var(--wc-section-head-bg) !Important;
            color: var(--wc-accent) !important;
        }

    .section-body, .section-body td {
        padding: 5px;
    }


    .filter-box {
        display: none;
        position: absolute;
        z-index: 10000;
        width: 100%;
        background: var(--wc-filter-box-bg);
        border-bottom: 1px solid #aaa;
        border-radius: 4px;
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        border: 1px solid rgba(0, 0, 0, 0.1);
        background-clip: padding-box;
    }

    @media (min-width: 32em) {
        .filter-box {
            width: 98%;
        }
    }

    .filter-box header,
    .filter-box .filter-header {
        padding: 1.25em 1.5em;
        border-bottom: 1px solid #ddd;
        color: var(--wc-filter-header-color);
    }

    a.close {
        line-height: 1;
        font-size: 1.5em;
        position: absolute;
        top: 5%;
        right: 2%;
        text-decoration: none;
        color: var(--wc-close-color);
    }

        a.close:hover {
            color: #222;
            -webkit-transition: color 1s ease;
            -moz-transition: color 1s ease;
            transition: color 1s ease;
        }


    .legend {
        margin-top: 25px;
        padding-left: 10px;
        background-color: var(--wc-legend-bg);
        border: 1px 0 1px 0;
        border-color: rgb(243, 246, 249);
        border-left: 3px solid var(--wc-accent-teal);
    }

    .week-view-cal-item {
        border-bottom: 1px solid #eaeaea;
        padding: 7px 0px 0px 7px;
    }