/*new XY page layout*/
.need-login-by-psid-task,.need-login-by-psid-change-status {
    background: #FF9D42;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    max-width: 400px;
    width: 100%;
    margin: 5px;
    display: inline-block;
    color: #fff;
}
.admin-log .open-task-note-editor{
    display:none;
}
.open-task-note-editor{
    background: #666666;
    color: #FFF;
    border-radius: 5px;
    padding: 5px 10px;
    display: inherit;
    width: max-content;
    font-weight: bold;
    font-size: 13px;
    margin: 10px 0px 10px 15px;
    cursor:pointer;
}
div.custom-notes {
    float: left;
    margin-top: 15px;
    margin-left: -5px;
    margin-right: 20px;
    border-left: none;
    width: 95%;
}

p.note-1, p.note-2 {
    padding-top: 8px;
    padding-left: 10px;
    padding-bottom: 8px;
    font-size: 10.5px;
    text-align: left;
    letter-spacing: -.5px;
    font-weight: bold;
}
div.task-due-year {
    display: none;
}

.task-title {
    font-size: 30px;
    letter-spacing: -2px;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

p.assign-list-name {
    margin-bottom: 0;
    letter-spacing: -1px;
}


.task-contact-person p {
    padding: 20px 0 15px 0;
    font-weight: bold;
    letter-spacing: -1px;
    background-color: #666666;
    color: #ffffff;
}

div.task-note {
    padding-bottom: 20px;
    padding-top: 15px;
    background:#FFF;

}
.X_value_number{
    background:#1fb118!important;
    text-align:center!important;
    padding:0!important;
}
.Y_value_number{
    background:none!important;
    text-align:center!important;
    padding:0!important;
}
.popup-showsummary .mfp-close{
    font-size:20px;
}
.popup-showsummary{
    max-width: 1000px;
    font-size:14px!important;
    padding:30px!important;
}
.popup-showsummary .dt-buttons{
    left:0;
}
.popup-showsummary .popup-header{
    margin-bottom:20px;
}

.popup-showdetails-school-form{
    max-width: 800px;
}
.popup-showsummary .duplicate_sign{
    text-align:right;
}
.popup-showsummary .fa-asterisk{
    color:#D10001;
}
table.table-data-summary{
    border:none;
}
.table-data-summary thead tr th{
    font-weight:900;
    color:#000;
    background-color: #eee;
    border:none;
}
table.table-data-summary tbody tr td{
    border:none!important;
}
table.table-data-summary tbody tr{
    text-transform: uppercase;
    border:none;
    color:#000;
}
table.table-data-summary tbody tr.first-row td{
    border-top:1px solid #000!important;
}
    /*background-color: #eee;*/
    /*padding: 7px 0px;*/
    /*text-transform: uppercase;*/
    /*border:none;*/
    /*color:#000;*/
/*}*/
/*table.table-data-summary tbody tr:nth-child(odd) {*/
    /*background-color: #fff;*/
    /*padding: 7px 0px;*/
    /*text-transform: uppercase;*/
    /*border:none;*/
    /*color:#000;*/
/*}*/
#summary_not_compliant_wrapper{
    border-bottom:5px solid #000!important;
}
.summary_block span.sub-title{
    font-weight: 300;
    font-size:18px;
}
.summary_block span.first-title{
    font-weight:900;
    font-size: 90px;
}
.summary_block span.sec-title{
    font-weight: 800;
    line-height: 15px;

}
.summary_block span{
    display: block;
    font-size: 20px;
    letter-spacing: -1px;
}
.summary_block {
    display: inline-block;
    width: 30%;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    margin: 10px 5px;
    color: #fff;
    cursor:pointer;
}
.task_group_title span{
    font-size: 30px;
    font-weight: 300;
}

.task_group_lists{
    display: flex;
}

.popupheader-subtitle{
    font-weight:400!important;
    font-size:20px;
    margin-left:10px;
}
.summary_report{
    text-align:center;
}
.summary_block.compliant_school {
    background: #1EB11A;
}
.summary_block.not_compliant_school {
    background: #E8743C;
}
.summary_block.nothing_school {
    background: #787878;
}
.task-scoreboard-wrap.admin-log .details{
    display:block!important;
}
.task-scoreboard-wrap .task-edit-cmt,.task-scoreboard-wrap .task-delete-cmt{
    display:none!important;
}
.task-scoreboard-wrap.admin-log .task-edit-cmt,.task-scoreboard-wrap.admin-log .task-delete-cmt{
    display:inline-block!important;
}
.grid-task-demo .task-open-detail.open .close,.grid-task-demo .task-open-detail .open{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #e4e4e4;
    border-radius: 50%;
}
.grid-task-demo .task-open-detail .close{
    display:none;
}
.grid-task-demo .task-open-detail.open .open{
    display:none;
}
.daily-top .txt-results-null span {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #ffffff;
    background-color: #828282;
    border-radius: 5px;
    padding-top: 10px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-left: 25px;
    display: inline-block;
}
.daily-top .txt-results-null {
    text-align: center;
    margin-bottom: 10px;
}
.grid{
    position: relative;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 10px;
}
.grid-task-demo .no-border-radius{
    border-radius:unset!important;
}
.grid-task-demo .item{
    text-align: center;
    width: 280px;
    z-index: 1;
    position: absolute;
    margin-bottom: 30px;
    margin-right: 30px;
}
.grid-task-demo .item .item-content{
    width:100%;
}

.grid-task-demo .sub-pos {
    /*background: #e4e4e4;*/
    position: relative;
    border-radius: 10px;
}
.grid-task-demo .overdue-message{
    background-color: #d10001;
    color: #FFF;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    letter-spacing: -1px;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
.grid-task-demo .show-pagination-ppe .ifd-scrollto-timeline{
    text-align: center;
    padding: 15px;
}
.grid-task-demo .show-pagination-ppe{
    margin-bottom:15px;
}
.grid-task-demo .show-pagination-ppe .ifd-scrollto-timeline .ifd-open-all-details a{
    color: #ffffff !important;
    background: #666666 !important;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: bold;
    margin: 0 10px;
}
.grid-task-demo .controls{

    margin-bottom: 15px;
    text-align: center
}
.grid-task-demo .daily-pack-title{
    color:#c6c6c6;
}
.grid-task-demo .control {
    position: relative;
    display: inline-block;
}
.grid-task-demo .control .control-icon{

    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    z-index: 2;
    pointer-events: none;
    display: none;
}
.grid-task-demo .control .select-arrow{

    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    z-index: 2;
    pointer-events: none;

}
.grid-task-demo .control select.control-field{
    display: block;
    width: 100%;
    padding: 8px 40px 8px 20px;
    font-size: 17px;
    line-height: 25.5px;
    color: inherit;
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
}
.display-inline{
    display:inline-block!important;
}
.hidden{
    display:none!important;
}
.single-peopleff .fa-circle, .single-peopleff .fa-check-circle{
    font-size:20px;
}
.single-peopleff .fa-circle.is_admin_login, .single-peopleff .fa-check-circle.is_admin_login{
    cursor:pointer;
}
.task-card-new{
    text-align: center;
    width: 260px;
    font-size:20px;
    z-index: 1;
    margin-bottom: 20px;
    margin-right: 30px;
}
.task-card-new .sub-pos{
    border:2px solid #e4e4e4;
    position: relative;
    border-radius: 10px;
}
.task-card-new .sub-pos .top-line{
    background-color: #E8743C;;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    color:#FFF;
    font-weight:bold;
}
.task-default-img{

    background-repeat: no-repeat!important;
    background-size: auto 100%!important;
    background-position: center!important;
    height: 200px;
    margin-bottom: 15px;
    border-radius: 5px;
    background-color: #ffffff;
}
.task-open-more-detail .grey-block p{
    padding: 10px 0 10px 0;
    font-weight: bold;
    background: #e4e4e4;
    color: #000;
    letter-spacing: -1px;
}
.task-open-more-detail .grey-block .assign-list-name{
    border-bottom:1px solid #FFF;
}
.task-open-detail {
    background: #FFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    height:15px;
    display: flex;
    justify-content: center;
}
.task-open-detail.open{
    background: #666666;
}
.task-open-detail.open .open{
    display:none;
}
.task-open-detail .open i,.task-open-detail .close i{
    background: transparent;
    color: #FFF;
    font-size: 30px;
}

.task-detail-count{
    display:flex;
    flex-direction:row;
}
.task-detail-count p{
    margin:0;
}
.togo-count, .done-count{
    width: 50%;
    cursor: pointer;
    font-weight:bold;
    padding: 10px;
    font-size: 30px;
    letter-spacing: -2px;
    color: #fff;
}
.togo-count p:last-child, .done-count p:last-child{
    margin-top:-10px;
}
.done-count{
    background: #1EB11A;
    border-right:1px solid #fff;
}
.togo-count{
    background: #E8743C;
}
.task-note{
    background:#f0f0f0;
    color:#000;
    font-size: 15px;
    padding:15px 10px 20px 10px;
    text-align:left;
}
.task-note-histories div textarea {
    border: none;
    background: #fff;
    overflow: hidden;
    line-height: 17px;
    padding: 5px;
    margin-bottom: 5px;
}
.task-note-histories .task-cmt{
    margin: 7px 10px 5px 0;
    padding: 10px;
    font-size: 12px;
    background-color: #efefef;
    border-radius: 5px;
    border-bottom: none;
}
.task-note .task-note-heading{
    margin-left:15px;
}
.task-note .details{
    padding: 10px;
    border: 2px dashed #e4e4e4;
    margin: 15px;
    background:#FFF;
}
.task-note .details .details-title{
    text-align: left;
    color: #6d6868;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: -1px;
}
.task-note .details .task-new-notice {
    border: none;
    background: #ffff;
    padding: 0;
}
.task-add-newnotice{
    border-radius: 5px;
    padding: 5px 10px;
    display: inherit
}
.task-note .just-now{
    display: inline-block;
    color: #000;
    font-weight: bold;
    font-size: 10px;
}
.task-note p{
    margin-bottom:0;
}
.task-note .task-new-notice:focus{
    outline:none!important;
}
.task-note .task-edit-cmt,.task-note .task-delete-cmt {
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    color: #fff;
    line-height: 10px;
    cursor: pointer;
    font-size:10px;
    max-width:max-content;
}
.task-note .task-delete-cmt {
    background: red;
}
.task-note .task-edit-cmt {
    background-color: #6D6868;
}

.task-completed-percentage p{
    font-size:80px;
    margin-bottom:0!Important;
}
.task-contact-person .fa-phone{
    background: #c3bdbd;
    padding: 1px 4px;
    border-radius: 3px;
    color: #e4e4e4!important;
    margin-right:5px;
}
/*end*/
.wrap_task_block{
    display:block;
}
.iz-accordion-ppe table tr td{
    width:unset;
}
.vertical-center{
    display:flex;
    justify-content:center;
    align-items:center;
}
.task_title{
    border-radius: 4px;
    background-color: #FFFFA3;
    margin-bottom: 20px;
    padding: 5px 10px;
    text-align:center;
    height:4rem;
}
.task_summary_data,.task_feature_image{
    text-align:center;
}
.task_feature_image{
    margin:15px 0;

}
.ab-block-layout-column-inner > div {
    margin-top: 10px;
}
.ab-block-layout-column-inner h4 {
    margin-bottom: 0px;
    font-size:16px;
}
.task_detail .ab-layout-columns-4 > .ab-layout-column-wrap {
    grid-template-columns: 1.1fr 0.7fr 1.1fr 1.1fr;
}
.task_detail .ab-block-accordion {
    margin-bottom: 0px;
}
.task_detail .ab-block-layout-column:nth-child(1) {
    justify-content: left;
}
.task_detail .ab-block-accordion .ab-accordion-title {
    background: #efefef;
    padding: 10px 15px;
    margin-top: 30px;
}
.block_title{
    position:absolute;
    top:0%;
    background-color:#efefef;
    right: 0%;
    left: 0%;
    text-align: center;
    padding: 5px;
}
.task_block{
    padding: 50px 20px 25px 20px;
    border-radius: 5px;
    border:5px solid #efefef;
    border-radius:5px;
    width:40%;
    float:left;
    margin-right:30px;
    margin-bottom:30px;
    position:relative;
}
.click-all-task{
    padding:5px 10px!important;
}
.task_block .task_detail .ab-block-layout-column {
    border-style: solid;
    border-right-width: 0px;
    border-color: transparent;
}

.sue-panel-content p{
    font-size: 50px;
    font-weight:bold;
    text-align:center;
}

.txt-click-detail{
    font-size:12px!important;
}
div.dt-buttons button{
    margin: 5px auto;
    left: 0%;
    right: 0%;
    position: absolute;
}
button.dt-button.buttons-csv.buttons-html5 {
    position: relative;
    color: #fff;
}
.dt-buttons button{
    border: none!important;
}
.horizontal-text-incomplete{
    background-color:#7b7b7b;
}

.horizontal-text-complete{
    background-color:#006400;
}

.horizontal-text{
    text-align: center;
    width: max-content;
    padding: 5px 20px 5px 20px;
    margin: 0 auto;
    border-radius: 15px 015px 0 0;
}

.adjust-width{
    width: 66.67%;
    margin-left: auto;
    margin-right: auto;
}

div.sue-panel-content.sue-content-wrap h1 {
    padding-top: 25px;
    padding-bottom: 25px;
}

#due_date {
    background-color: #efefef;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 50px;
    text-align:center;
    margin:0 auto;
    width:-moz-max-content;
    width:max-content;
}
.completed_percent{
    margin-top:15px;
}

.group-set, .group-set .wp-block-atomic-blocks-ab-columns{
    margin-bottom: 20px;
}
.table-data thead th {

    border-bottom: 1px solid #ddd!important;
}

.table-data{
    border-bottom: none!important;
}

.X-value h1, .no-registered h1, .has-registered-piece h1, .Y-value h1, .status-complete h1, .status-incomplete h1 {
    font-size: 100px;
}
table[id*="table"] a:hover, table[id*="table"] a:visited{
    color: #ffffff!important;

}
table[id*="table"] caption{
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    text-align: left;
    font-weight: 300;

}
.download_label{
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    text-align: left;
    font-weight: 300;
    margin-right: 20px;
    margin-top: 5px;
    float:left;

}
.download_list{
    display:flex;
    flex-flow:row;
    float:right;
}
.download_button{
    border-radius:3px;
    background-color:#ccc;
    font-weight: bold;
    color:#000000;
    margin-left:10px;
    padding:5px;
}
.type_csv{
    margin-right:10px;
}

table[id*="table"] a{
    background: #2a99c8;
    padding: 11px 15px;
    color: #ffffff;
    font-weight: 700;
    border-radius: 5px;
    /*display: block;*/
    /*width: max-content;*/
}
table[id*="table"] tr td{
    padding: 15px 30px;
    line-height: 2.5em;
}

table[id*="table"] tr{
    height: 70px;
}
table[id*="table"] th{
    color: #000000;
    text-transform: none;
    font-size: 14px;
    line-height: 1.5;
    border-bottom: 1px solid #ddd;
}
div[id*="paginate"],div[id*="info"] {
    margin-top: 18px;
}
div[id*="length"],div[id*="filter"]{
    margin-bottom: 20px;
}
div[id*="paginate"] span .paginate_button.current {
    background: #efefef!important;
    border:none!important;
}

div[id*="paginate"] span .paginate_button, div[id*="paginate"] span #paginate_button {
    border-radius: 5px !important;
    -webkit-appearance: none;
    -webkit-border-radius:5px !important;
    border: none;
    outline: none !important;
    background: none;
}
.Y-value,.no-registered, .status-incomplete{
    background-color:#ccc;
    color:#aaaaaa;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    outline:0;
    -moz-outline:0px 0px 0px ;
    -webkit-outline:0px 0px 0px ;
    border:0px none #cccccc;
    cursor: pointer;
}
.X-value,.has-registered-piece,.status-complete{
    background-color:#1fb118;
    color:#ffffff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    outline:0;
    -moz-outline:0px 0px 0px ;
    -webkit-outline:0px 0px 0px ;
    border:0px none #cccccc;
    cursor: pointer;
}

@media all and (max-width: 376px){
    .task_block{
        width:100%;
    }
    #due_date {
        width: 100%;
        overflow-wrap: break-word;
    }

    .adjust-width{
        width: 100%;
    }

    table[id*="table"] tr td{
        padding: unset;
        text-align: center;
    }

    .table-data {
        margin: -4px!important;
    }
}
@media all and (max-width: 768px){
    table[id*="table"] tr td {
        padding: unset;
        text-align: center;
    }
    table[id*="table"] a {
        display: block;
    }
}
@media all and (max-width: 480px){
    #summary_not_compliant_wrapper .dt-buttons{
        display:none;
    }
    table.table-data-summary tbody tr td{
        padding:20px;
    }
    .summary_block {
        display: inline-block;
        width: 300px;
    }
    table[id*="table"] a {
        margin: 10px;
    }
    .adjust-width{
        width: 100%;
    }
    #due_date {
        width: 100%;
        overflow-wrap: break-word;
    }
}