/*override bootstrap*/
 html {
    font-size:unset
}
input {background-color:#ffffff}
/*school closings login*/
 #school_login_dialog input {
    border-color:#dfe4ea!important
}
 .ui-dialog[aria-describedby="school_login_dialog"] .ui-dialog-titlebar .ui-dialog-title {
    font-size:15px!important;
}
 .ui-dialog[aria-describedby="school_login_dialog"] .ui-button-icon-only {
    text-indent:0!important;
}
 #school_login_dialog #login_username_passcode_div p {
    margin:15px 0 0 0!important;
}
 .ui-dialog[aria-describedby="school_login_dialog"] .ui-widget {
    font-size:13px;
}
 .ui-dialog[aria-describedby="school_login_dialog"] #link_forgot {
    color:#336699;
}
 .ui-dialog[aria-describedby="school_login_edit_info_dialog"] {
     width:600px!important;
     left: calc(50vw - 300px)!important;
}
 .ui-dialog[aria-describedby="school_login_edit_info_dialog"] .ui-dialog-titlebar {
    display:flex;
    align-items:center;
    font-size:15px!important;
}
 .ui-dialog[aria-describedby="school_login_edit_info_dialog"] .ui-dialog-titlebar button {
    text-indent:0!important;
    font-size:12px!important;
    margin-right:0
}
 #myTableClosing {
    font-size:15px;
}
 .school_login_div {
    font-size:15px;
}
 div#closing_div_id, #school_login_dialog {
     font-size: 13px;
}
 @media only screen and (max-width: 550px) {
     .ui-dialog[aria-describedby="school_login_edit_info_dialog"] {
         width:300px!important;
         left: calc(50vw - 150px)!important;
    }
}
 .ui-dialog[aria-describedby="school_login_edit_info_dialog"] fieldset p {
    font-size:13px;
    font-weight:bold;
    margin-bottom:5px!important
}
 span.schoolLoginHeaderMsgSpan {
    font-size:18px;
    font-weight:bold;
    display:block;
    padding-bottom:10px;
}
 .schoolLoginHeaderNameTypeSpan {
    padding:5px;
    line-height:1.5em
}
 p#school_login_expire_label {
    margin-top:10px;
    margin-bottom:5px!important;
    font-size:12px;
    font-weight:bold
}
 input#school_login_expire {
    padding:4px;
    margin-bottom:8px;
    margin-left:10px
}
 select#school_login_closing_time {
    width:150px;
    margin-left:10px;
}
 #school_login_dialog {
     font-size:14px 
}
 div[aria-describedby="school_login_dialog"] .ui-dialog-titlebar button, div[aria-describedby="school_login_edit_info_dialog"] .ui-dialog-titlebar button {
    border:0px;
    background-color:#555555;
    color:#ffffff;
}
 div[aria-describedby="school_login_dialog"] .ui-dialog-buttonpane button, div[aria-describedby="school_login_edit_info_dialog"] .ui-dialog-buttonpane button {
    padding:8px 14px!important;
    background-color:#a5b1c2;
    border:0px!important;
}
 div[aria-describedby="school_login_dialog"] .ui-dialog-buttonpane button:first-child, div[aria-describedby="school_login_edit_info_dialog"] .ui-dialog-buttonpane button:first-child {
    background-color:#4b7bec!important;
   color:#ffffff;
}
 div[aria-describedby="school_login_edit_info_dialog"] .ui-dialog-titlebar button {
    position:absolute!important;
    right:15px;
}
 div#school_login_edit_info_dialog {
    font-size:13px;
}
 div#school_login_edit_info_dialog textarea {
    border-color:#dfe4ea!important
}
 .school-expiration-timing input#school_login_expire {
    width:90px!important
}
 #ui-datepicker-div {
    width:250px;
}
/*Closings*/
 .closingDashboardSearchPanelRow{
     font-size: 15px;
     background-color: #ced6e0!important;
     color:#333333;
     display: flex;
     align-items: center;
     padding:5px;
     margin: 0;		
     justify-content: space-around;
}
 div#myselect-container-1 {
     display:flex;
     justify-content:flex-start;
     align-items:center;
     margin:0!important 
}
 .school-closing-category {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     width:auto!important;
     margin-right:20px;
}
 .school-closing-category .col-sm-3 {
    width:auto;
    margin:0!important
}
 #myselect-container-1 .closingDashboardAlphabetsSelect {
    background-color:#ffffff!important;
    margin-left:10px;
}
 .closingDashboardSearchPanelRow button.dropdown-toggle {
     background-color: #ffffff!important;
     color: black !important;
     padding:6px 12px;
}
 .closingDashboardSearchPanelRow button.closingDashboardSearchBtn {
     padding:8px 14px;
     margin:5px 0px;
     background-color:#1e90ff!important;
     border-color:#1e90ff;
     color:#ffffff!important;
     font-size:13px;
}
 table.wcd-table-front-display.table.table-responsive.table-bordered.table-hover.table-striped.ng-scope {
     font-size:14px;
}
 table.wcd-table-front-display.table.table-responsive.table-bordered.table-hover.table-striped.ng-scope th {
    background-color:#dfe4ea
}
 #wcd-front-tbody>tr:nth-child(odd)>td {
    background-color:#f1f2f6
}
/* Change "Category" text in header to "Type" per client request */
.school-closing-category {margin-right:0}
.school-closing-category span.col-sm-3 {font-size:0;line-height:0}
.school-closing-category span.col-sm-3:before {content:"Type:";font-size:15px;line-height:24px;}
 @media (max-width: 768px) {
     .row.closingDashboardSearchPanelRow {
        justify-content:center;
        flex-direction:column;
        gap:10px
    }
     .row.closingDashboardSearchPanelRow.ng-scope div{
        width:100%;
    }
     .row.closingDashboardSearchPanelRow.ng-scope div.col-sm-2 {
        text-align:center;
    }
}