.campus-dashboard-widgets-masonary { column-count: 3; column-gap: 10px; }
.campus-dashboard-widgets-masonary-2 { column-count: 2; }
.campus-dashboard-widgets-masonary-1 { column-count: 1 !important; }
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box { background: #fff; display: inline-block; margin: 0 0 10px; width: 100%; border: 1px solid #ccc; }
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box > .campus-dashboard-widget-box-header { padding: 10px 10px 8px; border-bottom: 1px solid #ccc; font-weight: bold; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(24 66 123)), to(rgb(25 123 186))); color: #fff;; }
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box > .campus-dashboard-widget-box-header .handle { float: right; margin-top: -1px; cursor: grab; margin-left: 10px; color: #fff; font-weight: 100; }
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box > .campus-dashboard-widget-box-header .close,
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box > .campus-dashboard-widget-box-header .open,
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box > .campus-dashboard-widget-box-header .reload { float: right; margin-top: -1px; cursor: pointer; }
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box > .campus-dashboard-widget-box-header .reload:before { font-family: dashicons; content: "\f113"; font-size: 20px; display: inline-block; margin-top: -4px; }
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box.open > .campus-dashboard-widget-box-header .open { display: none; }
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box.closed > .campus-dashboard-widget-box-header .close { display: none;}
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box.closed .campus-dashboard-widget-box-content { display: none; }
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box.closed > .campus-dashboard-widget-box-header { border-bottom: 0; }
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box .campus-dashboard-widget-box-content { padding: 10px; }
.campus-dashboard-widget-box-content {  min-height: 40px; }
.campus-widgets-visibility { padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; }
.campus-widgets-visibility summary { padding: 10px; margin: -10px -10px -10px -10px; cursor: pointer; }
.campus-widgets-visibility[open] summary { border-bottom: 1px solid #ccc; }
.campus-dashboard-widgets-masonary .campus-dashboard-widget-box.disabled { display: none; }
.campus-dashboard-widget-box.no-move .campus-dashboard-widget-box-header .handle { display: none; }
.campus-dashboard-widget-box-header .dashicons:before { color: #fff; font-weight: 100; }
.campus-dashboard-widgets-masonary > .campus-dashboard-widget-box > .campus-dashboard-widget-box-header .close, .campus-dashboard-widgets-masonary > .campus-dashboard-widget-box > .campus-dashboard-widget-box-header .open, .campus-dashboard-widgets-masonary > .campus-dashboard-widget-box > .campus-dashboard-widget-box-header .reload:before { color: #fff; font-weight: 100; }

.campus-widget-settings-label:before { font-family: "dashicons"; content: "\f108"; color: #fff; position: absolute; top: -32px; font-size: 1.8em; right: 130px; cursor: pointer; }
.campus-widget-settings { position: absolute; top: 0; left: 0; right: 0; bottom: 100%; padding: 10px; overflow-y: auto; background: #fff; transition: 1s; z-index: 99; opacity: 0; pointer-events: none; }
.campus-widget-settings-checkbox:checked ~ .campus-widget-settings { bottom: 0; opacity: 1; pointer-events: unset; }
.campus-widget-settings-checkbox { display: none; }

.campus-widgets-show-hide-popup #campus-popup-window { max-width: 400px; }

#campus-widgets-tabs-toggle, #campus-widgets-tabs-toggle-label { display: none; }
/*ul.campus-widgets-tabs { display: block; list-style: none; padding: 0; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(24 66 123)), to(rgb(25 123 186))); font-weight: bold; color: #fff; padding: 9px 0px; border: 1px solid #ccc; }
ul.campus-widgets-tabs li { display: inline-block; }
ul.campus-widgets-tabs li a { color: #fff; padding: 10px;  }
ul.campus-widgets-tabs li a:hover { background: #18427b; }
*/
ul.campus-widgets-tabs { box-shadow: unset; border: 1px solid #ccc; }
ul.campus-widgets-tabs li.campus-dashboard-widgets-settings { position: absolute; right: 0; font-size: 1.5em; }
ul.campus-widgets-tabs li.campus-dashboard-widgets-settings .hidden-label { display: none; }
ul.campus-widgets-tabs li.campus-dashboard-widgets-settings a { padding: 9px 15px; }
ul.campus-widgets-tabs li.campus-dashboard-widgets-settings a:before { font-family: "dashicons"; content: "\f111"; position: relative; top: 2px; }
/*ul.campus-widgets-tabs li.current a { text-decoration: underline; } */

.campus-dashboard-widgets-print { float: right; cursor: pointer; }
.campus-dashboard-widget-box .reload { margin: 10px; }

.campus-widgets-query-viewer-popup #campus-popup-window { max-width: 80%; }

@media only screen and (max-width: 1000px) {
    #campus-widgets-tabs-toggle-label { display: unset; }
    #campus-widgets-tabs-toggle-label:after { font-family: "dashicons"; content: "\f347"; position: absolute; right: 1px; font-size: 1.5em; color: #fff; margin-top: 1px; cursor: pointer; padding: 6px; width: 25px; text-align: center; }
    ul.campus-widgets-tabs { padding: 0; pointer-events: none; display: block; background: #fff; }
    ul.campus-widgets-tabs li.campus-dashboard-widgets-settings { float: unset; margin-top: unset; }
    ul.campus-widgets-tabs li { display: block; height: 38px; width: 100%; display: none; height: 41px; text-align: left; height: 43px; }
    ul.campus-widgets-tabs li:hover { background: #f7f7f7; }
    ul.campus-widgets-tabs li a { display: block; width: 100%; padding: 0 50px 0 15px; line-height: 43px; }
    ul.campus-widgets-tabs li.is-selected { display: block; }
    #campus-widgets-tabs-toggle:not(:checked) ~ ul.campus-widgets-tabs li.is-selected { border-bottom: unset; }
    ul.campus-widgets-tabs li.campus-dashboard-widgets-settings { position: unset; font-size: 1em; }
    ul.campus-widgets-tabs li.campus-dashboard-widgets-settings .hidden-label { display: unset; }
    ul.campus-widgets-tabs li.campus-dashboard-widgets-settings a { padding: 0 50px 0 15px; }
    ul.campus-widgets-tabs li.campus-dashboard-widgets-settings a:before { display: none; }
    #campus-widgets-tabs-toggle:checked ~ ul.campus-widgets-tabs { pointer-events: unset; }
    #campus-widgets-tabs-toggle:not(:checked) ~ ul.campus-widgets-tabs { height: 43px; }
    #campus-widgets-tabs-toggle:checked ~ ul.campus-widgets-tabs li { display: block; }
    #campus-widgets-tabs-toggle:checked ~ #campus-widgets-tabs-toggle-label:after { transform: rotate(180deg); }
    #campus-widgets-tabs-toggle-label:after { background: rgb(24 66 123); }
    #campus-widgets-tabs-toggle-label:hover:after { background: rgb(25 123 186); }
}

@media only screen and (max-width: 1000px) and (min-width: 651px) {
    .campus-dashboard-widgets-masonary { column-count: 2; }
}

@media only screen and (max-width: 650px) {
    .campus-dashboard-widgets-masonary { column-count: 1; }
}