@font-face {
    font-family: Handwriting;
    src: url("/fonts/handwriting.otf") format("opentype");
}
.text-left{ text-align:left; }
.w-100{ width:100% !important; }
.w-112px{width:112px!important}
.login-handwriting{
    font-family: Handwriting;
    font-size:1.5vw;
}
.hidden{
    display:none !important;
}
.text-align-right{
    text-align: right;
}
.text-align-left{
    text-align: left !important;
}
.v-align-top{
    vertical-align: top;
}
.display-block{
    display: block;
}
.li_sort{
    list-style-type: none;
}
.cursor_move{
    cursor: move;
}
.field_small{
    font-size:10px;
    padding:2px 5px 2px 5px;
    min-height:33px;
}
.dashboard_service_selection{
    width:fit-content;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    max-width:32%;
}
.dashboard_service_icon{
    width:25px;
}
.float-right{
    float:right;
}
.float-left{
    float:left;
}
.bg-admin{
    background-color:#CCC;
}
.aside{
    overflow-y:auto;
}
.autoMargin{
    margin-left:auto;margin-right:auto;
}
.file_manager_icon{
    width:30px;
    padding-right:10px;
}
.selector_icon{
    width:30px;
}
.bold{
    font-weight:bold;
}
.fixed_top_right{
    position: absolute;
    top:3px;
    right:3px;
}
.summary_section_divider {
    background-color: #161621;
    color:#FFF;
    font-size:1.2rem;
    font-weight: bold;
    padding:3px;
    margin-top: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.rounded_border_full{
    position: relative;
    width:100%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border:1px solid #f3f3f3;
    padding:4px;
}
.border-radius-5{ border-radius:5px; }
.tr_bottom_border{ border-bottom:1px solid #F0F0F0 !important; }
.va-middle{ vertical-align: middle; }
.marginAuto{ margin-left:auto; margin-right:auto; }
.w-60pc{ width:60%; }
.pr-5{ padding-right:5px; }
.pr-10{ padding-right:10px; }
.pr-15{ padding-right:15px; }
.pr-20{ padding-right:20px; }
.ml-5{ margin-left:5px; }
.ml-10{ margin-left:10px; }
.ml-15{ margin-left:15px; }
.ml-20{ margin-left:20px; }
.ml-25{ margin-left:25px; }
.mr-3{ margin-right:3px; }
.mr-5{ margin-right:5px; }
.mr-10{ margin-right:10px; }
.mr-15{ margin-right:15px; }
.mt-20pc{ margin-top:20%; }
.padding-s-0{ padding-left:0;padding-right:0; }
.padding-l-0{ padding-left:0; }
.padding-r-0{ padding-right:0; }
.margin-s-0{ margin-left:0;margin-right:0; }
.pt-6px{ padding-top:6px !important; }
.pt-20px{ padding-top:20px !important; }
.input_small{
    font-size:11px;
    min-height:0;
    padding:3px 10px 3px 10px;
    width:fit-content;
}
.overlay_wait{
    text-align: center;
    padding-top:25%;
    width:100%;
    position: fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background-color: #000;
    opacity: .7;
    z-index: 9999;
}
.overlay_wait_spinner{
    width:40px;
}
.event_available {
    background-color: green;
}
.event_available .fc-daygrid-event-dot{
    border-color:#66FF00;
}
.event_unavailable .fc-daygrid-event-dot{
    border-color:red;
}
.border-round-5{
    border-radius:5px;
}
.select2-container--open{
    z-index:1055;
}
.no-desktop{
    display: none;
}
.row-cell{
    padding-top:12px;
}
td{
    padding-left:5px;
    padding-right:5px
}
.home-survey-icon{
    color:#20c997;
}
.video-survey-icon{
    color:#6f42c1;
}
.m-l-10{
    margin-left:10px;
}
.swal-wide{
    width:850px;
}
.header_flag{
    width:30px;
    border-radius:30px;
}
.header_flag_sm{
    width:20px;
    border-radius:20px;
}
.blink {
    animation: blinker 2s linear infinite;
}
.dropzone{
    min-height:50px;
    border-color:#F3F3F3;
}
.dz-message{
    text-align: center !important;
    display:block !important;
    width:100%;
    font-size:16px;
}
.dz-file-preview .dz-image{
    width:180px !important;
}
.survey_line_image{
    max-width:100%;
    max-height:220px;
    margin-top:5px;
}
.messaging_recipient{
    display: inline-block;
    margin-right:5px;
}
#message_dropzone{
    text-align:center;
    border:1px dotted #ccc;
    z-index:9999;
}
.msg_upload_button{
    pointer-events: none;
}
.dropzone .dz-preview .dz-image{
    height:62px;
}
.dropzone .dz-preview .dz-details{
    padding:10px;
}
.dropzone .dz-preview{
    min-height:inherit;
}
.badge-br{
    position: absolute;
    bottom:3px;
    right:3px;
}
.new_message_existing_attachment{
    padding:13px;
    border:1px solid #CCC;
    border-radius:5px;
    width:fit-content;
    margin:3px 3px 2px 3px;
    display:inline-block;
}
.svg_icon{
    height:18px;
    width:18px;
}
.svg_icon_sm{
    height:14px;
    width:14px;
}
.svg_icon_lg{
    height:24px;
    width:24px;
    margin-bottom:5px;
}
.svg_icon_xlg{
    height:50px;
    width:50px;
    margin-bottom:5px;
}
.svg_icon_radio_box{
    height:39px;
    width:39px;
}
.round{
    border-radius:58px;
}
.messaging_folder_icon{
    height:1.5rem !important;
    width:1.5rem !important;
}
.message-item{
    z-index:9999;
    background-color:rgba(255,255,255,0.5);
}
.message_contact_list{
    border:1px solid #ccc2e2;
    border-radius:5px;
    width:100%;
    display:block;
}
.message_recipient{
    border:1px solid #ccc2e2;
    background-color:#e4e4e4;
    border-radius:5px;
    width:fit-content;
    margin:6px;
    display:inline-block;
}
.message_recipient_remove{
    display:inline-block;
    border-right:1px solid #ccc2e2;
    padding:5px 5px 5px 5px;
}
.message_recipient_remove:hover{
    background-color:#cccccc;
    cursor:pointer;
}
.message_recipient_name{
    padding:5px 5px 5px 5px;
    display:inline-block;
}
.message_contact_list{
    min-height:45px;
}

.group_name_text{
    font-size:15px;
    font-weight: bold;
}

.border-bottom-solid{
    border-bottom:1px solid #ededed;
}
.billing_price_hover{ position: relative; }
.billing_price_hover:hover > .billing_price_hover_div{ display: inline; }
.billing_price_hover_div{
    background-color:#FFF;
    padding:10px 10px 0 10px;
    display:none;
    width:400px;
    height:70px;
    z-index:999;
}
.light_divider{
    border-top:1px solid #CCCCCC;
}

.policy_scroll{
    overflow-y:scroll;
}

.tasks_container{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.task_column{
    display: flex;
    width:100%;
    padding:2px 10px 2px 10px;
    max-width:400px;
}

.task_item{
    width:100%;
    max-width:300px;
    display: block;
    flex: none;
    box-shadow: rgba(99,99,99,0.2) 0px 2px 8px 0px;
    border-radius:5px;
    padding:5px 5px 5px 5px;
    margin-top:3px;
    cursor:pointer;
}

.task_item:hover{
    background-color:#FAFAFA;
}

.task_group_parent{
    min-height:300px;
    max-width:300px;
    position: relative;
}
.group_tasks{
    min-height:300px;
    max-width:300px;
    bottom:0;
    top:0;
    height:100%;

}

.task_header{
    font-weight: 600;
}

.task_text{
    min-height:100px;
    background-color: #FCFCFC;
}

.task_badges{
    height:25px;
    background-color: #FCFCFC;
}

.task_body_title_text{
    font-size:20px;
    font-weight:500;
    width:100%;
}

.task_body_notes_text{
    width:100%;
    height:250px;
    margin-top:30px;
}

.hidden_text_box{
    border: none;
    outline:none;
    background-color: transparent;
}

.btn-smaller{
    height:25px;
    width:30px;
    line-height:0;
    padding:0 !important;
}

.no_pointer{
    pointer-events:none; touch-action:none;
}

/* Service request grids */
.grid_item_container{
    display: flex;
    width:100%;
}
.grid_item_column{
    max-width:250px;
    flex-direction: row;
    flex-wrap: nowrap;
    border-right:1px solid #F3F3F3;
    width:100%;
    padding:5px;
    border-radius:5px;
    position: relative;
    padding-top:25px;
}
.grid_item_column:last-child{
    border-right:none;
}
.grid_column_title{
    display: block;
    position:absolute;
    top:0;
    left:3px;
    right:0;
}
.grid_column_title_text{
    border:none;
    font-weight: bold;
    outline: none;
}
.grid_item{
    border:1px solid #CCC;
    border-radius:5px;
    padding:3px;
    margin-bottom:10px;
    cursor:pointer;
}
.grid_item:hover{
    background-color:#FAFAFA
}
.grid_text_item{
    width:100%;
    min-height:50px;
    border:none;
    overflow-y: hidden;
    resize: none;
    border:1px #F3F3F3 solid;
    background-color: transparent;
}
.tox-statusbar__branding{
    display:none;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.badge > a{
    color:inherit;
}

.job_selector_outline{
    margin-top:10px;
    width:150px;
    display: inline-block;
}
.job_selector_icon_div{
    width:30px;
    margin-left:auto;
    margin-right:auto;
}
.job_selector_icon{
    width:100%;
}
.job_selector_name{
    text-align: center;
    margin-top:10px;
    font-weight: 400;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 1px solid #D3D3D3;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid rgb(228, 230, 239);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    height:27px;
    line-height:26px;
    background-color: #FFF;
}
.select2-selection--multiple{
    border-color:rgb(228, 230, 239);
    line-height:10px;
}
.select2-selection__rendered{
    line-height: 27px !important;
    margin-top: 7px;
}
.select2-container .select2-search--inline .select2-search__field{
    margin-top:12px;
    height:auto;
}

.grey:hover{
    filter: grayscale(100%);
}

.no_link_decor a {
    text-decoration:none !important;
    color:inherit !important;
}

.survey-update-box{
    position:fixed;
    right:5px;
    width:250px;
    background-color:#FFF;
    padding:15px;
    top:74px;
    z-index: 9999;
    border:1px solid #000;
    border-radius:3px;
}

.surveyProcessBoxHideButtonDiv{
    position: absolute;
    top:5px;
    right:5px;
}

@media(max-width:550px){

    .survey-update-box{
        top:54px;
        padding:5px;
    }
    .dashboard_service_selection{
        max-width:100%;
        width:100%;
        display: block;
    }
    .no-mobile{
        display: none;
    }
    .no-desktop{
        display: block;
    }
    .mobile-survey-divider{
        background-color:#CCC;
        font-size:3vw;
        font-weight:bold;
        padding-bottom:8px;
        margin-top:5px;
    }
    .login-handwriting{
        font-family: Handwriting;
        font-size:5.5vw;
    }
    .nav-item{
        width:100%;
    }
    .nav-line-tabs .nav-item:first-child .nav-link{
        margin-left:12px;
    }
    .m-mt-5{
        margin-top:5px;
    }
}