.hidden{display: none !important;}.login-bg{background-position:center;background-repeat:no-repeat;background-size:cover;background-color: #33333336;background-blend-mode:multiply;}.reset-password-bg{background-position:center;background-size:cover;background-repeat:no-repeat;background-blend-mode:multiply;background-color:#333}.flex-justify-center{justify-content:center}.custom-dp[readonly]{background-color:#fff}
.preloader{
    position:fixed;
    /* right:5px; */
    left: 20px;
    color:#fff;
    padding:14px;
    z-index:9999;
    min-width:10%;
    max-width:25%;
    font-size:17px;
    border-radius:4px;
    }
    
    .err_desc, .fields_err_desc{margin:10px 0px;color:#fff;padding:5px 12px;z-index:9999;border-radius:6px;font-size:17px}.err_desc p, .fields_err_desc p{margin:0;font-size:15px;color:#fff}.p_info{background:#00bcd4}.p_danger{background:#f44336}.p_success{background:#4caf50}.p_danger,.p_info,.p_success{font-weight:600}.hidden{display:none}.gly-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.gly-rotate-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.gly-rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.gly-rotate-270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.gly-flip-horizontal{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.gly-flip-vertical{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.custom_drop_down{width:auto}small.help-block{color:red}.card-body.custom-working-hours{padding-left:5px;padding-right:5px}.custom-working-hours .card-body{padding:5px;border:thin solid;border-radius:inherit}.custom-working-hours .col-md-2{padding-left:5px;padding-right:5px}.pull-right{float:right;margin-top:-4px;margin-left:4px}span.hours_diff:before{content:'('}span.hours_diff:after{content:')'}span.plus:before{content:"\1F60D +"}span.minus:before{content:"\1F62D "}span.minus{color:red}span.plus{color:green}.custom-header-title{height:70px;display:flex;align-items:center}button:disabled{cursor:not-allowed}.form-control-feedback {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    pointer-events: none;
    float: right;
    position: relative;
    top: -42px;
    right: -8px;
}
.has-error .form-control-feedback {
    color: #ea4335;
}
.has-success .form-control-feedback {
    color: #37b358;
}

.footer .text-white {
    color: #616f80 !important;
}

.preloader .mdi-close, .err_desc .mdi-close , .fields_err_desc mdi-close{
    cursor: pointer;
}

.expire_notice a{
    color:white;
    text-decoration: underline;
}
.remove_btn{
    padding: 3px 19px;
    float: right;
}
.show-mobile{
    display:none;
}
.task_list {
    margin: 20px 20px 0px 20px;
    border-bottom: thin solid;
    padding-bottom: 10px;

}
.task_list h4{
    margin-bottom: 6px;
}
.task_list:last-child {
    border-bottom: 0px;
}
ul.features_list{
    padding: 0px;
    list-style: none;
    margin: 0px;
}

ul.features_list li{
    display:inline-block;
    margin: 0px 10px 10px 0px;
    border: thin solid #61666c;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
}
ul.features_list li.task_type_name{
    background: #009688;
    color: white;
    border: thin solid #009688;
}
ul.features_list li.project_name{
    background: #E91E63;
    color: white;
    border: thin solid #E91E63;
}

.sub-action-popup{
    position: fixed;
    z-index: 999;
    right: 0px;
    height: calc(100vh - 50px);
    width: 80%;
    top: 50px;
    overflow-y: scroll;
    left: 10%;
    box-shadow: 0 0 5px;
}
.sub-action-popup iframe{
    width:100%;
    height:100vh;
    overflow-y:scroll;
}
.actions {
        right: 0px;
        position: absolute;
        background: #e74c5d;
        color: white;
        display: inline-flex;
        align-items: center;
        justify-content:center;
        flex-direction: row-reverse;
}

.actions i{
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.actions i:hover, .actions i:active{
    background: #53bd9a;
}
.max .mdi-plus{
    display:none;
}
.err-msg{
    color: red;
}
.sample-file-block{
  width: 100%;
  padding: 10px;
  border: 2px solid gray;
  margin: 0;
}
.chs-file{
  width: 20%;
  padding: 10px;
  border: 2px solid gray;
  margin: 0;
}

@media(max-width:768px){
    .preloader {
        top: initial;
        bottom: 10px;
        left: 10px;
        right: 10px;
        max-width: 100%;
    }
    .custom-header-title h5.mobile {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 300px;
    }
    .show-mobile{
        display:block;
    }
    .hide-mobile{
        display:none;
    }
}
@media(max-width:425px){
    .custom-header-title h5.mobile {

        width: 200px;
    }
}
@media(max-width:320px){
    .custom-header-title h5.mobile {

        width: 100px;
    }
}