.wcd-web-app-front .width-50{
    width: 50%;
}
.wcd-web-app-front .width-full{
    width: 100%;
}
.wcd-web-app-front #myselect-container-1{
    margin-bottom: 15px;
}
.wcd-web-app-front .dropdown-menu
{
    padding: 0;

    color: #000;
    border: 0;
    background: whitesmoke;
}
.wcd-web-app-front .dropdown-menu > li > a
{
    font: normal 20px/40px 'Anonymous Pro';
    cursor: pointer;
    color: #000;
    border-bottom: 1px dotted #fff;
}
.wcd-web-app-front .dropdown-menu > li > a:hover,
.wcd-web-app-front .dropdown-menu > li > a:focus
{
    text-decoration: none;
    color: black;
    background: whitesmoke;
}

.wcd-web-app-front .dropdown-menu > .active > a,
.wcd-web-app-front .dropdown-menu > .active > a:hover,
.wcd-web-app-front .dropdown-menu > .active > a:focus
{
    text-decoration: none;
    color: black;
    background-color: whitesmoke;
}
.wcd-web-app-front .navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#fff;}
.wcd-web-app-front .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color:#fff;}
.wcd-web-app-front .dropdown-menu  li {
    
}
.wcd-web-app-front .dropdown-menu  li.divider {
    display: none;
}
.wcd-web-app-front .dropdown-menu  li  a{
    font-size:14px;
    line-height: 22px;
    padding: 0px 10px;
    display: block;
}
.wcd-web-app-front .dropdown-menu  li #selectAll,.wcd-web-app-front .dropdown-menu  li #deselectAll{
    padding-top: 10px;
    padding-bottom: 10px;
}
.wcd-web-app-front .dropdown-menu  li .dropdown-header{
    margin-top: -11px;
}
.wcd-web-app-front .dropdown-menu  li  a .checkbox{
    margin-bottom: 7px;
    padding-top: 7px;
}
.wcd-web-app-front #myselect-container-1 select{
    border: 0px;
    padding: 7px 10px;
    border-radius: 4px;
}
.wcd-web-app-front .btn-default{
    color: black;
    background-color: #DCDCDC;
    border: none;
}
.clearme{
    clear: both;
}
.school_login_div{
    float: right;
    margin-bottom: 20px;
}

.school-closing-category{
    z-index: 10000;
    position: relative;
}


.arrow-down:after,.arrow-up:after{
  content: ' ';
  position: relative;
  left: 2px;
  border: 8px solid transparent;
}

.arrow-down:after{
  top: 10px;
  border-top-color: black;
}

.arrow-up:after{
  bottom: 15px;
  border-bottom-color: black;
}

.arrow-down,.arrow-up{
  padding-right: 10px;
}

/* fix school closing login when logged in wp-admin */
div[aria-describedby="school_login_dialog"] .ui-dialog-titlebar{
    height: inherit!important;
    font-size: inherit!important;
    line-height: inherit!important;
}

div[aria-describedby="school_login_dialog"] .ui-dialog-buttonset .ui-button {height:inherit!important}
div[aria-describedby="school_login_dialog"] .ui-dialog-titlebar-close:before {display:none!important}




.dropbtn {
  background-color: #DBDBDB !important;
  color: black !important;  padding: 16px;  font-size: 16px;
  border: none;  cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus { background-color: #3e8e41; }
#myInput {
  box-sizing: border-box;
  background-image: url('/https/www.wmuz.com/wp-content/plugins/entity-closing-lite/img/searchicon1.png');
  background-position: 14px 12px;   background-repeat: no-repeat;
  font-size: 16px;  padding: 14px 20px 12px 45px;
  border: none;  border-bottom: 1px solid #ddd;
}
#myInput:focus {outline: 3px solid #ddd;}
.dropdown { position: relative;  display: inline-block; }
.dropdown-content {
  display: none;  position: absolute;
  background-color: #f6f6f6; min-width: 230px;
  overflow: auto; border: 1px solid #ddd; z-index: 1;
}
.dropdown-content a {
  color: black;  padding: 12px 16px;  text-decoration: none; display: block;
}
.dropdown a:hover {background-color: #ddd;}
.show_closing {display: block;}
.hide_closing {display: none;}

/*frontend school/business login edit modals */

/*error / info messages */
.login-error-red {    
    background-color: rgba(250, 177, 160,.5);
    color: #d63031;
    font-size: 13px;
    padding: 4px;
    border-radius: 5px;
}

#school_login_dialog_msg_div, #school_login_edit_info_dialog_msg_div {
    background-color: rgb(223, 230, 233);
    color: rgb(0, 184, 148);
    padding: 4px;
    border-radius: 5px;
    margin-top: 5px;
}
#school_login_edit_info_dialog_msg_div {margin-top:15px;}

div.ui-dialog[aria-describedby="school_login_dialog"] .ui-button-icon-only  {text-indent:0!important;float:right}
div.ui-dialog[aria-describedby="school_login_dialog"] .ui-widget-header {
    background-color:transparent!important;
    border:0px!important;
    border-bottom:1px solid #B0B0B0!important;
    border-radius: 0!important;
    margin-bottom: 5px!important;
}
#login_username_passcode_div {margin-top:10px;}
#login_username_passcode_div p {margin-bottom:3px;}
#login_username_passcode_div input#school_login_username{margin-bottom:15px;}
#school_login_dialog #link_forgot {color:#336699}

/*main edit modal container */
div.ui-dialog[aria-describedby="school_login_edit_info_dialog"] {
    width:600px!important;
    left:calc(50vw - 300px)!important;
    border-radius:10px;
}
div.ui-dialog[aria-describedby="school_login_edit_info_dialog"] .ui-button-icon-only  {text-indent:0!important;float:right}
div.ui-dialog[aria-describedby="school_login_edit_info_dialog"] .ui-widget-header {
    background-color:transparent!important;
    border:0px!important;
    border-bottom:1px solid #B0B0B0!important;
    border-radius: 0!important;
    margin-bottom: 5px!important;
}
.schoolLoginHeaderNameTypeSpan {
    background-color:#f1f1f1;
    padding:5px;
    border-radius:5px;
    margin-bottom:15px;
    display:inline-block;
}
.schoolLoginHeaderNameTypeSpan span {font-weight:bold}

/*frontend modal fields */
.school-status-label, .school-comments-label, #school_login_expire_label {margin-left:15px;margin-bottom:5px;}
select#school_login_status, textarea#school_login_comments {
    width:250px!important;
    margin-bottom:15px!important;
    margin-left:15px;
}
.school-expiration-timing {margin-left:15px;}
select#school_login_closing_time {width:200px;}

.school-expiration-timing {display:flex;}
.school-expiration-timing .ui-datepicker-trigger {margin-left:5px;}
select#school_login_closing_time {margin-left:25px;}

.ui-datepicker-title select {display:inline-block!important}

div.ui-dialog[aria-describedby="school_login_edit_info_dialog"] .ui-dialog-buttonset button:first-child {
    background-color:#00a8ff;
    color:white;
    font-weight:bold;
    border-color:#00a8ff
}

@media screen and (max-width: 600px) {
    div.ui-dialog[aria-describedby="school_login_edit_info_dialog"] {
        width:300px!important;
        left:calc(50vw - 150px)!important;
        border-radius:10px;
    }
    .school-status-label, .school-comments-label, #school_login_expire_label, .school-expiration-timing, select#school_login_status, textarea#school_login_comments, select#school_login_closing_time  {margin-left:0px;}
     select#school_login_closing_time {margin-top:15px;}
    .school-expiration-timing {display:block}
  }