/***** Hide Super Admin Menu *****/
.mce-branding{
 display: none;
}

.open-customizer{
    display:block!important;
}
#top-timers{
	display:none!important;
}
.header-newsfeed, .header-todo, .header-my-timesheets, .dropdown.dropdown-quick-links {
    display : none !important;
}

.contact-panel-heading{
    background: #03a9f4;
    color: #FFF;
    border-bottom: 1px solid #e4e5e7;
    padding: 15px 15px 15px 20px;
    margin: -20px -20px 0px -20px;
}

#side-menu li .nav-second-level li.active a{
    border-radius: 0px!important;
    display: block!important;
    padding: 7px 10px 7px 45px!important;
    margin: 0px!important;
}

.comment-sect{
    border: 1px solid #c5c1c1;
    margin-bottom: 6px;
    background: #fbfbfb;
    padding: 20px 0px 8px 0px;

}

.comment-sect:first-child{
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;

}

.comment-sect:last-child{
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

/*breadcrumb*/

.list-title{
    margin-top: 2px;
    margin-bottom: 0px;
    margin-right: 1rem !important;
    padding-right: 1rem !important;
    display: inline-block;
    float: left;
}
.border-right {
    border-right: 1px solid #dee2e6 !important;
    border-right-color: rgb(222, 226, 230);
}
.d-inline-block {
    display: inline-block !important;
    line-height: 1.8;
}

.p0 {
    padding: 0 !important;
}


p.breadcrumb-para{
    font-weight: 400;
    font-size: 16px;
}

p.breadcrumb-para2{
    font-weight: 400;
    font-size: 13px;
    margin-top: 6px;
    margin-left: 6px;
}

/** BreadCrumbs **/
.breadcrumb{
    background-color: transparent !important;
    margin-bottom: 0px;
}

.breadcrumb > li + li::before {
    content: ">\00a0" !important;
}


h4.no-margin{
    display:inline-block;
}

/*add new button*/
span.header-btn-new {
    margin-right: 5px;
}
/*Listing min badge*/
.mini-badge{
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
/*Edit form heading*/
.right-side-group-heading {
    background: #03a9f4;
    color: #FFF;
    border-bottom: 1px solid #e4e5e7;
    padding: 15px 15px 15px 20px;
    margin: -20px -20px 15px -20px;
}



.left-sidebar-heading-profile {
    margin-top: 0px;
    margin-bottom: 15px;
}

.left-sidebar-heading-profile {
    background: #03a9f4;
    color: #FFF;

    margin-left: -20px;
    margin-right: -20px;
    padding: 15px 15px 15px 30px;
    border-bottom: 1px solid #e4e5e7;
}

.left-sidebar-profile-tabs {
    padding-top: 0px !important;
}

.left-sidebar-profile-tabs .nav-tabs {
    border-top: 0px;
    margin-top: -16px;
    margin-bottom: 0px;
}

.left-sidebar-heading-profile  span.caret{
    color: #FFF;
}

/*staff profile image*/
article.styled .imagePreview img {
    padding:10px;
    border:2px dashed #ccc;
    border-radius:10px;
}

/*add to calendar sectionbox*/
.cont{
    position: relative;
    top: -8px;
    margin-left: 8px;
}

.select-mini{
    display: inline;
    float: right;
    width: 90%;
    font-size: 12px !important;
    color: #999;
    opacity: 1;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    line-height: 0.7;
    height: 24px !important;
    padding: 2px;


}

/*table border*/
.table-container{
    border: 1px solid #bfcbd9;
    border-radius: 4px;
}
select[name="limit"] {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.red {
    /*color: #FF0000;*/
    color:#FFFFFF;
}
#logo img {
    width: auto !important;
    height: 45px !important;
    margin-top: 0px !important;
}
.checkbox-before-label {
    float: left;
    margin-right: 5px;
}
.wk-hr-margin25 {
     margin-top: 25px;
}
.wk-hr-margin33 {
    margin-top: 33px;
}

.customers-nav-item-kb a{
    /*display: none !important;*/
}
.customers-nav-item-login a{
    display: none !important;
}
.navbar a.navbar-brand img {
    width: auto !important;
    height: 45px !important;
    margin-top: -18px !important;
    margin-bottom: -10px !important;
}
body.customers_login {
    background: url('/assets/images/client-portal-background.jpg') no-repeat center center fixed; /* The full image url*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body.login_admin {
    background: url(/assets/images/senserve-admin-login.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.navbar a.navbar-brand {
    padding: 23px 0 25px 0;
    height: auto;
    margin-right: 10px;
    margin-top: 17px;
}

.dt-buttons{
    display : none !important;
}
.dataTables_length{
    display : none !important;
}
.fc-agendaDay-button , .fc-agendaWeek-button , .fc-month-button, .fc-prev-button , .fc-next-button,.fc-today-button{
    color : white !important;
    background: #03a9f4 !important;
    text-transform: capitalize;
}
.fc-state-active,.fc-next-button.active,.fc-agendaDay-button:hover,.fc-agendaWeek-button:hover,.fc-month-button:hover,
.fc-prev-button:hover,.fc-next-button:hover,.fc-today-button:hover {
    color : white !important;
    background: #0286c2 !important;
}
.article_useful_buttons{
    display: none !important;
}
.navbar-default{
    background: #fff !important;
}
.navbar-default .navbar-nav>li>a{
    color: #000 !important;
}




/* =====================Udo UI Colors   Yodo Page Css==================== */
.pl-1{
    padding-left: 0.5rem;
}
.mx-0{
    margin:0;
}
.mt-5{
    margin-top: 3rem;
}
.mt-6{
    margin-top: 4rem;
}
.mt-7{
    margin-top: 6rem;
}
.mt-8{
    margin-top: 8rem;
}
.p-0{
    padding:0 !important;
}
button{
    outline:0 !important;
}
.green{
    background-color: #0DBA1E;
}

.red{
    background-color: #E1173D;
    /*background-color:#FFFFFF;*/
}

.baby_pink{
    background-color: #FFC0CB;
}
.yellow{
    background-color: #E1A917;
}

.blue{
    background-color: #1799E1;
}

.purple{
    background-color: #674ADF;
}

.pink{
    background-color:  #f236fd !important;
}

.skyblue{
    background-color: #2CF2FF;
}
.text-green{
    color:#0DBA1E !important
}
.text-red{
    color: #E1173D !important
}
.text-gold{
    color:#E1A917 !important;
}
.text-yellow{
    color:#FAD825 !important
}
.text-blue{
    color:#1799E1 !important
}
.text-purple{
    color:#674ADF !important
}
.text-skyblue{
    color: #2CF2FF !important;
}

.border-green{
    border-color:#0DBA1E !important;
}
.border-red{

    border-color:#E1173D !important;
}
.border-pink{
    border-color: #FFC0CB  !important;
}
.border-yellow{
    border-color: #d09d15 !important;
}

.border-blue{
    border-color:#1799E1 !important;
}

.border-purple{
    border-color:#674ADF !important;
}

.border-dark-pink{
    border-color: #f236fd !important;
}


.border-skyblue{
    border-color:#2CF2FF !important;
}

.btn-purple{
    background-color: #8120DB !important;
}
/* ===================Top Header========================= */
.top_header{
    position: relative;
    padding: 15px;
}
.top_header>.logo{
    display:flex;
    justify-content: center;

}
.d-flex{
    display: flex;
}
.flex-wrap{
    display:flex;
    flex-direction:column;
}

.color-information{
    position: absolute;
    right: 0;
    transform: translate(-50%, -70%);
}
.color-information>div{
    margin-bottom: 0.5rem;
}
.color-information p{
    font-size:10px;
    line-height: 14px;
    font-weight:bold;
    color:#707070;
    margin-left: 7px;
    margin-top: -0.5px;
    margin-bottom: auto;
}
.color-box{
    width: 39px;
    height:15px;
}
.task_tile-box{
    padding: 2px 10px;
    margin-bottom: 5px;
    border-radius: 5px;
    text-align: center;
}

.week__box {
    display: flex;
    align-items: center;
}
.week__box>a {
    flex: 0 1 10%;
    max-width: 10%;
    text-align: center;
}

.week__box>h1 {
    flex: 0 1 80%;
    max-width: 80%;
    margin-top: 0 !important;
}
/* ===================Main body========================= */


/* ===================First Column========================= */
.udo_firs_column{
    border-right: 1px solid #707070;
}
.udo_week{
    font-size:27px;
    line-height:36px;
    color: #393939;
    font-weight:bold;
    text-align: center;
    margin-bottom: 0px;
}
.udo_date{
    font-size:25px;
    line-height:33px;
    color: #393939;
    font-weight: 600;
    text-align: center;
    margin-top: 0px;
}
.udo_firs_column>hr{
    border: 1px solid #707070;
    opacity: 17%;
    width:  80%;
    margin:10px auto
}

.udo_days>.nav-tabs {
    border:0;
    border-top: 2px solid #05ADFB;
    border-bottom: 2px solid #05ADFB;
    margin: 10px auto;
    display: flex;
    justify-content: center;
}
ul#myTab>li {
    width: auto;
    flex: 0 1 auto;
}
.udo_days>.nav-tabs>li>a{
    font-size:16px;
    font-weight: 600;
    color: #393939;
    line-height:21px;
    border: 0;
    padding: 10px 5px;
}
.udo_days>.nav-tabs>li.active>a,
.udo_days>.nav-tabs>li.active>a:focus,
.udo_days>.nav-tabs>li.active>a:hover {
    color: #05ADFB;
    cursor: default;
    background-color: transparent;
    border: 0;
    border-bottom-color: transparent;
    font-size: 20px;
    line-height:27px;
    padding-top: 6px;
}
.udo_days>.nav>li>a:focus,
.udo_days>.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
}

.udo_days_data{
    background-color: #f2f2f2;
    padding:8px 10px;
    max-height: 637px;
    overflow-y: auto;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    border-radius: 5px;
    overflow-x: hidden;
}
.fix-height{
    max-height: 637px;
    overflow-y: auto;
}
.udo_days_data::-webkit-scrollbar-track , .fix-height::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 0px; }

.udo_days_data::-webkit-scrollbar , .fix-height::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5; }

.udo_days_data::-webkit-scrollbar-thumb , .fix-height::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #05ADFB; }


.udo_card{
    border-left: 7px solid;
    border-right: 7px solid;
    padding:5px 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border-radius: 5px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    height:100%;
}
.udo_card h4{
    font-size:22px;
    font-weight:500;
    line-height:30px;
    margin-top:8px;
    padding-left:3px;
    overflow: hidden;
    flex: 0 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title_and_progress>h4{
    flex: 0 1 73%;
    margin-right: 20px;
    max-width: 73%;
}
.udo_card>.card-info{

    padding: 0px 22px 0px 15px;
}
.udo_card>.card-info p{
    color: #3A3A3A;
    margin:2px 0;
}
.border-blue .left>p:nth-child(2){
    text-align: right;
}
.udo_card>.card-info p>span{
    color: #3A3A3A;
    font-weight: 600;
    font-size:15px;
    margin-bottom: auto;
}
.card-info>.left{
    display: flex;
    justify-content:space-between;
}
.right{
    display: flex;
}
.right>p{
    flex-shrink: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.udo_card>.card-info p>span:not(:first-child) {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    margin-top: 2px;
}
.udo-card-footer{
    display: flex;
    justify-content:space-between;
    padding:0px 0px;
    margin: 8px auto;
    width: 100%;
}
.udo-card-footer>.msg-card{
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    padding:0px 10px 0px;
    border-radius: 3px;
    height:35px;
    display: flex;
    align-items: center;
    justify-content:space-between;
    width: auto;
    margin-right: 10px;
    flex: 0 1 60%;
    max-width: 60%;

}

.schedule_information {
    flex: 0 1 40%;
    max-width: 40%;
    justify-content: flex-end;
}
.udo-card-footer>.msg-card>p{
    font-size:11px;
    line-height:15px;
    font-style: italic;
    font-weight:600;
    margin:0;
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.udo-card-footer button {
    border-radius: 10rem;
    width: 70px;
    padding-left: 30px;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    padding-right: 10px;
    position: relative;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    text-transform: capitalize !important;
}
.udo-card-footer button:hover{
    color: #fff;
}

.udo-card-footer .icon {
    position: relative;
    height: 38px;
    width: 38px;
    background-color: #9B51E0;
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
}
.udo-card-footer .icon:after {
    position: absolute;
    content: "";
    background-image: url("../images/calender.svg");
    background-position: center;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    transform: translate(-50%,-50%)!important;
    left:60%;
    top:52%;


}

.udo-card-footer>h5{
    font-size:15px;
    font-weight: 600;
    margin:0;
    padding:0 12px;
    flex: 0 1 100%;
    max-width:100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.udo-card-footer>h5>span{
    font-size:15px;
    font-weight: 600;
    color: #3A3A3A;
}
.scheduled-time>label{
    margin: 0;
    font-size:14px;
    font-weight: 600;
    color: #3A3A3A;
}
.scheduled-time>p{
    margin: 0;
    font-family: 'Open Sans', sans-serif !important;
    font-size:14px;
    font-weight: 600;
    color: #3A3A3A;
}
.btn_group{
    justify-content:space-around;
    display: flex;
    flex-wrap: wrap;
}
.btn_group button{
    height:115px;
    width: 100%;
    font-size:19px;
    background-color: #BABABA;
    color: #fff;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    width: 16.66666667%;
    font-weight: 400;
    font-family: 'Roboto', sans-serif !important;
    flex-wrap: wrap;
    line-height:27px;
}
.btn_group button.active{
    background-color: #05ADFB;}
.btn_group button>span{
    font-size:25px;
    font-weight: 600;
}

.btn_group button>p{
    margin: 0;
    margin-top: 3px;
    /* line-height:30px; */
}
.msg-card>.author{
    display:flex;
    justify-content:space-between;
    margin:0;
    align-items: center;
}

.msg-card>.author>p:last-child{
    margin-left: auto;
}

.btn-yellow{
    background-color: #FFB300;
    width:105px !important;
    border-radius: 10rem !important;
    font-size:16px;
    font-weight: 600;
    justify-content:center !important;
    padding:0 !important;
}

.btn_group button:hover {
    color:white  !important
}
.p-xxl-1{padding:0.5rem}
.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    color: #fff;
    background-color: #05ADFB;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.card-header>h5{
    font-size:18px
}
@media (max-width:1400px){
    .btn_group button>span {
        font-size: 15px;
    }
    .btn_group button {
        font-family: 'Roboto', sans-serif !important;
        height: 80px;
        font-size: 12px;
        line-height: 17px;
    }

    .udo_days>.nav-tabs>li>a {
        font-size: 11px;
        line-height: 21px;
        padding: 10px 3px;
    }

    .udo_days>.nav-tabs>li.active>a, .udo_days>.nav-tabs>li.active>a:focus, .udo_days>.nav-tabs>li.active>a:hover {

        font-size: 17px;
        line-height: 25px;}
    .udo_card>h4 {
        font-size: 17px;
        line-height: 22px;
        padding-left: 5px;
    }
    .udo_card>.card-info {
        padding: 0px 5px 0px 5px;
    }
    .udo_card>.card-info p {
        font-size: 12px;
        margin: 2px 0;
    }

    .udo-card-footer>h5 {
        font-size: 13px;
        padding: 0px 5px;
    }





    .udo-card-footer>.msg-card>p {
        font-size: 10px;}

    .udo-card-footer button {

        font-size: 11px;
        line-height: 16px;
        height: 31px;}

    .udo-card-footer .icon {
        height: 31px;}
    .scheduled-time>label {
        font-size: 12px;}

    .scheduled-time>p {
        font-size: 11px;}
    .udo_second_column .col-lg-6{
        padding-left: 5px;
        padding-right: 5px;
    }
}

.admin #header {
    background-color: white !important;
}

.hide-menu>i,#top_search_button>button,.notifications-icon>i{
    color:#05ADFB !important;
}

#top_search input{
    color:#1A233A !important
}
.btn_group>.btn:focus{
    color:#ffffff;
}

@media(min-width:1200px){
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.3333333333%}
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.6666666667%}
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%}
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.3333333333%}
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%}
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%}
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.3333333333%}
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%}
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%}
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.3333333333%}
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.6666666667%}
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%}


}
@media (min-width:1400px){
    .udo-card-footer button {
        width: 80px;}
    .custom_row>div{
        padding-left: 7px;
        padding-right: 7px;
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 12.3333333333%
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.6666666667%}
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%}
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.3333333333%}
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%}
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%}
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.3333333333%}
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%}
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%}
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.3333333333%}
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 87.6666666667%}
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%}
    .row.custom_row{
        display: flex;
        flex-wrap: wrap;
    }

    .p-xxl-1{padding:0.5rem}
}


@media (max-width: 1399.98px){
    .user___name>h3{
        font-size:2.2rem;
        text-align: center;
        margin-bottom: 30px;
    }
}

/* all do */

#all__do_days{
    border: 0;
    outline:0;
    font-size:3rem;
    text-align: center;
    color: #6d35cd;
    font-weight: 500;
    cursor: pointer;
    box-shadow: none;
    background: transparent;
}
.all__do_days{
    position: relative;
}
.next__day,.prev__day{
    margin-top: auto;
    margin-bottom:auto;
    cursor: pointer;
    width:50px;
    height:25px;
    display: flex;
    justify-content:center;
    align-items:center;
    text-align: center;}
.ui-widget-header {
    border: 1px solid #6d35cd;
    background: #6d35cd  50% 50% repeat-x;
    color: #fff;
    font-weight: 700;
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #ffffff  50% top repeat-x;
    color: #333;
}
.ui-state-default, .ui-widget-content .ui-state-default{
    border: 0;
    background: #fff ;
    font-weight: 700;
    color: #6d35cd;
    text-align: center;
}
a.ui-state-default.ui-state-highlight {
    border-bottom: 2px solid #ff7c00;
    color: #ff7c00;
    width: 22px;
    margin: auto;
}

a.ui-state-default.ui-state-active {
    color: #fff;
    background-color:  #6d35cd;
    width: 22px;
    margin: auto;
}
#schedule__check~label,
#unschedule__check~label,
#completed__check~label{
    color: white;
    text-transform:capitalize;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 10rem !important;
    padding: 5px 25px 3px;
    position: relative;
}
#schedule__check:not(:checked)~label,
#unschedule__check:not(:checked)~label,
#completed__check:not(:checked)~label{
    background-color: #939393;
    border: 2px solid #939393;
}
#schedule__check,#unschedule__check,#completed__check{
    position:absolute;
    transform: translate(-50%, -50%);
    top: 15px;
    left: 20px;
    opacity: 0;
    z-index: 0;
}
.form-check{
    position: relative;
}

#schedule__check:checked~label,
#unschedule__check:checked~label,
#completed__check:checked~label{
    background:#C81717;
    border: 2px solid #059907;
}



/* #schedule__check~label:after,
#unschedule__check~label:after,
#completed__check~label:after {
    content: "";
    position: absolute;
    left: 16.5px;
    top: 18px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    width: 0px;
    height: 0px;
    transform: rotate(
135deg
);
transition: all 0.3s;
} */
#schedule__check:checked~label:after,
#unschedule__check:checked~label:after,
#completed__check:checked~label:after{
    content: "✓";
    position: absolute;
    background-color: #059907;
    width: 20PX;
    height: 20PX;
    right: 0;
    left: unset;
    top: -8px;
    border-radius: 50%;
}

/* #schedule__check~label:before,
#unschedule__check~label:before,
#completed__check~label:before {
    content: "";
    position: absolute;
    left: 21.5px;
    top: 21.5px;
    transform: translate(-50%, -50%);
    border: 1px solid #939393;
    width: 15px;
    height: 15px;
    background: #fff;
} */
.checks_row{
    display: flex;
}
.checks_row>.form-check:not(:last-child){
    margin-right: 10px;

}
.fillters___row{
    text-align:center;
    display: flex;
    justify-content:flex-end;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 4px;
}
.fillters___row>a{
    color: #fff;
    font-size:14px !important;
    font-weight:500 !important;
    border-radius:10rem !important;
    padding: 5px 25px 3px;
    height: 30px;
    display: flex;
    text-transform: capitalize !important;
    justify-content: center;
    align-items: center;
    width: 140px;
    position: relative;

}
.fillters___btn:after {
    content: "";
    position: absolute;
    left: 0;
    transition: all 0.3s ease-in-out
}
.fillters___btn.active:after {
    content: "✓";
    position: absolute;
    background-color: #059907;
    width: 20PX;
    height: 20PX;
    right: 0;
    left:unset;
    top: -8px;
    border-radius: 50%;
}
a.btn.fillters___btn.active {
    border: 2px solid #059907;
}
.fillters___row>a:not(:last-child){
    margin-right: 20px;
}
.fillters___row>a:first-of-type{
    background-color: #8BD1E8;
}
.fillters___row>a:nth-child(2){
    background-color: #2CC762;
}

.fillters___row>a:nth-child(3){
    background-color: #FA728B;
}

.fillters___row>a:nth-child(4){
    background-color: #FFAA00;
}

.fillters___row>a:nth-child(5){
    background-color: #03A9F4;
}

.fillters___row>a:hover{
    color: #fff
}
.my-auto{
    margin-top: auto;
    margin-bottom: auto;
}

.user___name>h3{
    font-size:2.2rem;
    text-align: center;
    margin: 0;
}



.progress_wrapper.progress {
    background-color: #d8d8d8;
    border-radius: 20px;
    position: relative;
    height: 30px;
    width: 100%;
}

.progress_wrapper .progress-done {
    background: linear-gradient(to left, #52DFA2, #52DFA2);
    box-shadow: 0 3px 3px -5px #52DFA2, 0 2px 5px #52DFA2;
    border-radius: 0px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 0;
    opacity: 0;
    transition: 1s ease 0.3s;
}

.progress_wrapper>.progress>.progress-bar {
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #52DFA2;
    box-shadow: none;
}

.progress-done.zero_progress {
    width: 100% !important;
    background: linear-gradient(to left, #fafafa, #efefef);
    color: black;
}
.alldo_hr{
    opacity: 1 !important;
    border-top: 1px solid #C9C9C9;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .55rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.alldo__row__1{
    display: flex;
    flex-wrap: wrap;
    justify-content:center
}
.alldo__row__1>div{
    margin-bottom: 15px;
}

.title_and_progress{
    display: flex;
    justify-content:space-between;
    align-items:center;
}


.title_and_progress>.progress_wrapper{
    position: relative;
    max-width: 25%;
    flex: 0 1 25%;
}
.title_and_progress>.progress_wrapper>.progress {
    margin-bottom: 0;
    position:relative;
    right:0;
    top: 15px;
    width: 100%;
    font-size: 11px;
    border-radius: 0px;
    border: 1px solid #b0b0b0;
}


.multiselect-container input[type="checkbox"]{
    opacity: 1;
    margin:0;
    margin-left: -20px;
}
span.multiselect-native-select select {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px -1px -1px -3px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    left: 50%;
    top: 30px;
}


button.multiselect {
    background-color: white;
    border: 1px solid #C9C9C9;
    color: #555555;
    height: 40px;
    min-width: 240px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 15px;
}
button.multiselect>.caret{
    color: #05ADFB;
}
button.multiselect:hover>.caret,.open>button.multiselect>.caret{
    color: white;
}
.multiselect-container{
    width:100%;
}

button.multiselect:hover , .open>button.multiselect{
    color: #fff !important;
    background-color: #05adfb !important;
    border-color: #05adfb !important;
}

.multiselect-container .checkbox {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
}
.multiselect-container>li>a , .multiselect-container>li>a label ,.multiselect-container>li>a label>input{
    cursor: pointer;
}
.multiselect-container>.active>a,.multiselect-container>.active>a>label{
    background-color: #05adfb;
    color: #fff;
}

#date_team_wrapper>div:nth-child(2){
    text-align: right;
}

.yodo__calendar{
    display: flex;
}

.yodo__calendar .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 100% !important;
    float: unset !important;
    margin: 8px !important;
}

.yodo__calendar .xdsoft_datetimepicker.xdsoft_inline{
    width: 100% !important;
}

.yodo__calendar .xdsoft_datetimepicker .xdsoft_calendar td,
.yodo__calendar .xdsoft_datetimepicker .xdsoft_calendar th {
    text-align: center !important;
    height: 40px !important;
    font-size: 15px !important;
    font-weight: 600;
}
.other_btn>a{
    text-transform: uppercase;
    font-size: 13.5px;
    outline-offset: 0;
    padding: 5px 10px;
    border: 0;
    color: #fff;
    background-color: #fc2d42;
    transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    border-radius: 3px;
}
@media (min-width: 991.98px) and (max-width:1199.98px){

    .udo_firs_column .col-md-6:nth-child(odd){
        padding-right: 6px;
    }
    .udo_firs_column .col-md-6:nth-child(even){
        padding-left: 6px;
    }
    .udo_days>.nav-tabs>li>a {
        font-size: 15px;
        line-height: 21px;
        padding: 10px 19px;
    }
}

@media (max-width:1399.98px){
    .user___name{
        margin-bottom: 2.5rem;
        display: flex;
        justify-content:center
    }
    .user___name>h3{
        background-color: rgb(5 173 251 / 5%);
        width: 200px;
        padding: 1rem;
        text-align: center;
        border-radius: 5px;
        border-left: 4px solid #05ADFB;
        border-right: 4px solid #05ADFB;
    }

    .checks_row {

        justify-content: center;
    }

    .fillters___row{
        justify-content:center
    }
}
@media (min-width: 0px) and (max-width:1199.98px){

    .udo_second_column>.btn_group{
        margin-top:5rem;
    }
    .panel-body.p-0{
        padding-bottom: 3rem !important;
    }

    .fillters___row>a{
        margin-bottom: 8px;
    }



}

@media (min-width: 768px) and (max-width:991px){
    .udo_days>.nav-tabs>li>a {
        font-size: 15px;
        line-height: 21px;
        padding: 10px 15px;
    }
    .fillters___row>a:not(:last-child) {
        margin-right: 10px;
    }
}

@media (min-width: 0px) and (max-width:767.98px){
    .udo_days>.nav-tabs>li>a {
        font-size: 15px;
        line-height: 17px;
        padding: 10px 10px;
    }

    .udo_days>.nav-tabs>li {
        width: auto;
    }
    .color-information {
        position: absolute;
        right: 0;
        transform: translate(-15%, -70%);
    }
    .udo_second_column>.btn_group{
        justify-content:flex-start;
    }
    .udo_second_column>.btn_group>button{
        margin-right: 5px;
        margin-bottom: 5px;
        width:30%
    }

    .fillters___row>a:not(:last-child) {
        margin-right: 20px;
    }
    #date_team_wrapper>div:nth-child(2) {
        text-align: center;
        margin-top: 20px;
    }

    .all__do_days {
        position: relative;
        width: 440px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 0px) and (max-width:519.98px){
    .udo_second_column>.btn_group>button{
        margin-right: 5px;
        margin-bottom: 5px;
        width:40%
    }
    .udo_second_column>.btn_group{
        justify-content:center;
    }
    .udo-card-footer {
        /* flex-flow: column; */
        justify-content: space-between;
        padding: 0px 0px;
        margin: 8px auto;
    }
    .udo_card {
        height: auto;
    }
    .udo_days>.nav-tabs>li>a {
        font-size: 11px;
        line-height: 16px;
        padding: 8px 6px;
    }
    .udo_days>.nav-tabs>li.active>a,
    .udo_days>.nav-tabs>li.active>a:focus,
    .udo_days>.nav-tabs>li.active>a:hover {
        font-size: 15px;
        line-height: 20px;
    }

    /* .udo-card-footer>div:nth-child(even){

        order: 1;
    }
    .udo-card-footer>div:nth-child(odd){
        margin-top:1rem;
        order: 2;
    } */
    /* .udo-card-footer>.msg-card {
        max-width: 100%;
    } */
}

@media (max-width:385px){
    .udo_days>.nav-tabs>li>a {
        font-size: 9px;
        line-height: 14px;
        padding: 8px 2px;
    }
    .color-information>.d-flex {
        width: 50%;
    }
    .udo-card-footer{ flex-wrap: wrap;}
    .udo-card-footer>.msg-card{
        order: 2;
        flex: 0 1 100%;
        max-width:100%;
        margin-top: 1rem;
    }
    .scheduled-time {
        flex: 0 1 100%;
        max-width: 100%;
        text-align: left;
        display: flex;
        margin-left: 5px;
    }

    .scheduled-time>label{
        margin-right: 5px;
    }
    .border-blue .left{
        flex-wrap: wrap;
        flex-direction: column;
    }

    .border-blue .left>p:nth-child(2){
        display: flex;
    }
    .border-blue .left>p:nth-child(2)>span:first-child{
        margin-right: 5px;
    }

}
@media (min-width: 0px) and (max-width:519.98px){
    .udo_card>.card-info {
        justify-content:space-between;
        flex-wrap: wrap;
    }
    .udo_card>.card-info>.right{
        text-align: right;
    }
    .udo_card>.card-info>.right>p:nth-child(even){
        padding-left: 4.7rem;
    }

    .color-information {
        right: unset;
        transform: unset;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        margin-top: 2rem;
    }
    .color-box {
        width: 15px;
        height: 15px;
    }
    .color-information>.d-flex{
        width:33%
    }
    .container-fluid.mt-6{
        margin-top:1rem
    }
    .udo_date {
        font-size: 20px;
        line-height: 25px;}
    .udo_week {
        font-size: 23px;
        line-height: 28px;}


    .title_and_progress>.progress_wrapper>.progress {
        margin-left: auto;
        position: relative !important;

        width: 100%;
    }
    .progress_wrapper{

        text-align: right;
        margin-bottom: 8px;
        margin-top: 0 !important;
        margin-left: auto;
    }



    .checks_row{
        flex-wrap: wrap;
        justify-content: center;
    }

    .checks_row>.form-check{
        margin-bottom: 5px;
    }

    #schedule__check~label, #unschedule__check~label, #completed__check~label {
        color: white;
        text-transform: capitalize;
        font-size: 12px;
        position: relative;
        padding: 8px 9px;
        padding-left: 36px;
    }

    #schedule__check~label:before, #unschedule__check~label:before, #completed__check~label:before {

        top: 16.5px;}

    #schedule__check~label:after, #unschedule__check~label:after, #completed__check~label:after {

        top: 13px;

    }
    .fillters___row{
        justify-content:space-around;

    }
    .fillters___row>a:not(:last-child) {
        margin-right: 8px;
    }

    .fillters___row>a {
        margin-bottom: 7px;
        font-size: 11px !important;}

    #all__do_days {
        font-size: 1.5rem;}
    .all__do_days {
        position: relative;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}



@media (min-width: 1579.98px) and (max-width: 1700px){
    .btn_group button>span {
        font-size: 22px;}


}
@media (min-width:1200px){
    .btn_group button>span {

        font-size: calc(100vw - 99vw);
    }
    .btn_group button {
        font-size: calc(100vw - 98.9vw);}
}
@media (min-width: 1400px) and (max-width:1600px){




    .fillters___row>a:not(:last-child) {
        margin-right: 5px;
    }
    .fillters___row>a{
        width:auto;
    }
    .udo_days>.nav-tabs>li>a {
        font-size: 12px;}

    .udo_days>.nav-tabs>li.active>a, .udo_days>.nav-tabs>li.active>a:focus, .udo_days>.nav-tabs>li.active>a:hover {
        font-size: 15px;}

}

@media (min-width:1400px){
    .udo-card-footer button {
        width: 80px;}
}

.brown{
    color : #a5362b;
}
div#schedule_me{
    text-align: center;
}
div#schedule_me:before {
    content: "";
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    margin-right: -4px;
}
div#schedule_me .modal-dialog {
    position: relative;

    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

@media (min-width: 768px) and (max-width:880px){
    .title_and_progress>.progress_wrapper {
        position: relative;
        max-width: 40%;
        flex: 0 1 40%;
    }
    .title_and_progress>.progress_wrapper>.progress {

        font-size: 10px;
    }

}
@media (min-width: 768px) {
    .todo_rows{
        display: flex;
        flex-wrap: wrap;
    }
    .row.gell_all_to_row>div ,.todo_rows>div {
        padding: 0px 5px;
        margin-bottom: 1rem;
    }
    .row.gell_all_to_row{
        margin:0 -5px;
    }

}

.custom-drop{
    left:unset !important;
    right: 0 !important;
}
.w-100{
    width:100% !important;
}
.help_check{
    display: flex;
}
.help_check>i{
    background: #2cc762;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    margin-right: 5px;

}

.tab-pane>div{
    padding-left: 5px;
    padding-right: 5px;
}
#todo-list-holder .alldo_hr:last-child{
    display:none !important
}
button.multiselect{
    overflow: hidden
}
button.multiselect:after {
    content: "Coming Soon";
    position: absolute;
    background-color: #000000ba;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000000;
    z-index: 10;
    transform: translateX(200%);
    transition: all 0.1s ease-in-out;
}
button.multiselect:hover:after{
    transform: translateX(0%);
}

.multiselect.disabled{
    background-color:transparent;
}

.dropdown.open .cust__btn{
    background-color: #05ADFB !important;
    color: #fff !important;
}

.udo_days_data.tab-content>.active {
    display: flex;
    flex-wrap: wrap;
    min-height: 300px;
}


.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: none !important;
    background: #05adfb33;
    color: #363636;
}
.fix-height>.todo_rows>.notodo{
    width:100%;
}
/*#side-menu li .nav-second-level li, #side-menu li .nav-second-level li a{*/
/*    background: #fff !important;*/
/*    color: #0181bb !important;*/
/*}*/
/*#side-menu li .nav-second-level li.menu-item-child-media.active a{*/
/*    background: #0db2f0 !important;*/
/*    color: #fff !important;*/
/*}*/
/*#side-menu li .nav-second-level li.active a{*/
/*    color: #0181bb !important;*/
/*}*/
/*li.menu-item-staff.active ul.nav.nav-second-level.collapse.in li.menu-item-staff.active ul.nav.nav-second-level.collapse.in li.menu-item-child-media a {*/
/*    background: red !important;*/
/*}*/
/*li.menu-item-users.active > ul.nav.nav-second-level.collapse.in li.active{*/
/*    background: #0db2f0 !important;*/
/*    color: #fff !important;*/
/*}*/
li.menu-item-staff > ul.nav.nav-second-level.collapse > li.menu-item-staff.active li.menu-item-child-media a{
    background: #fff !important;
    color: #0181bb !important;
}
li.menu-item-staff > ul.nav.nav-second-level.collapse > li.menu-item-staff.active li.menu-item-child-media.active a{
    background: #0db2f0 !important;
    color: #fff !important;
}
@media (min-width: 1200px)
{
    .udo_days_data>.tab-pane>*{
        width:100%;
        margin-bottom: 1rem;
    }
}

@media (min-width: 992px){
    .fix-height>.todo_rows>* {
        width: 50%;
    } }


.udo_days_data>.tab-pane>:only-child{
    height:fit-content;
}


.ah-mb-3{
    margin-bottom: 1.3rem;
}
.ah-mb-2{
    margin-bottom: 1rem;
}

.ah-inner-row {
    PADDING: 20PX;
    border: 1px solid #bfcbd9;
    border-radius: 3px;
}
.ah-related-epic {
    display: flex;
}
.ah-related-epic .check_epic {
    margin-bottom: 10px !important;
    position: relative;
    bottom: 15px;
    top: 26px;
    height: 36px;
    width: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    right: 1px;
}

.ah-related-epic > .form-group {
    width: 100%;
}

/*Loader*/
.ah_lodaer-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
}
.ah_loader_background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    opacity: 0.5;
}
.ah_loader_img {
    width: 60px;
    position: relative;
    z-index: 2;
}
.ah_loader_img img {
    width: 100%;
}

body .swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel {
    font-size: 1.4em !important;
}
body .swal2-content {
    font-size: 1.4em !important;
}
body .swal2-title {
    font-size: 2.4em !important;
}


.ah_custom_select2_design {
    border: solid #bfcbd9 1px;
    outline: 0;
    padding: 2px;
    border-radius: 4px 0 0 4px;
    margin-bottom: 0;
    min-height: 36px;
    background-color: white;
}

.ah_custom_select2_design li {
    padding: 2px 10px;
    background-color: #e4e4e4;
    display: inline-block;
    font-size: 13px;
    margin: 2.4px 5px 3px;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
}
.ah_custom_cross {
    padding: 3px 5px 3px 0px;
    border-right: 1px solid #aaaaaa;
    margin-right: 10px;
    margin-left: -4px;
    cursor: pointer;
}
.star_sign_for_require{
    color: #ff0000;
}
.active_sprint_bd .rm-db-release{
    visibility: unset !important;
}