/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700&display=swap');

.css-equal-content,.css-equal-heights{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap
}
.notifications .notification-list,.equal-height-cards .pricing-box ul,.experience-box .experience-list,.personal-info,.square-list,.job-widget .job-post-det,.job-list .job-list-footer ul,.roles-menu ul,.task-wrapper .task-list-body #task-list,.team-members,.attachments,.my-video ul,.call-icons .call-items,.call-users ul,.upload-list,.custom-modal .modal-content .modal-body .chat-user-list,.custom-modal .modal-content .modal-body .attach-files ul,.sidebar .sidebar-menu ul{
    list-style:none;
    padding:0;
    margin:0
}
.css-equal-content{
    color:red;
    float:left
}
.rating-list span a,.rating-list,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon,.kanban-cont .kanban-list .kanban-header .kanban-action>a,.account-page .main-wrapper,.file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb,.file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link,.dash-widget .card-body .dash-widget-icon,.error-page .main-wrapper,.call-box .call-wrapper .call-items,.call-box .call-wrapper,.voice-call-avatar,.punch-info .punch-hours,.custom-modal .modal-content .modal-header,.avatar .avatar-title{
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.job-list .job-list-det,.rating-list span a,.task-assign .task-complete-btn,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date a,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info a,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info,.kanban-cont .kanban-list .kanban-header .kanban-action>a,.kanban-cont .kanban-list .kanban-header,.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info,.board-view-header .pro-progress-bar,.board-view-header .pro-teams .pro-team-members,.board-view-header .pro-teams .pro-team-lead,.leave-header,.leave-item .leave-right,.account-page,.file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb,.file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link,.file-content .file-search .input-group-prepend,.file-cont-wrap .file-cont-inner .file-cont-header,.file-wrap .file-sidebar .file-search .input-group .input-group-prepend,.file-wrap .file-sidebar .file-header,.time-list .dash-stats-list,.dash-section .dash-info-list .dash-card-container .dash-card-avatars,.dash-section .dash-info-list .dash-card-container .dash-card-content,.dash-section .dash-info-list .dash-card-container .dash-card-icon,.dash-widget .card-body .dash-widget-icon,.error-page .main-wrapper,.error-page,.call-box .call-wrapper .call-items,.call-box .call-wrapper,.voice-call-avatar,.punch-info .punch-hours,.sidebar .sidebar-menu ul li a,.header .user-menu.nav>li.flag-nav a,.card .leave-inline-form,.avatar .avatar-title{
    align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center
}
.kanban-cont .kanban-list .kanban-header,.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer,.kanban-cont .kanban-list .kanban-wrap .task-board-header,.leave-header,.file-cont-wrap .file-cont-inner .file-cont-header,.file-wrap .file-sidebar .file-header,.dash-statistics .stats-info p,.att-statistics .stats-info p,.card .card-title.with-switch{
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between
}
.align-center{
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    -webkit-justify-content:center
}
.notifications .notification-list,.equal-height-cards .pricing-box ul,.experience-box .experience-list,.personal-info,.square-list,.job-widget .job-post-det,.job-list .job-list-footer ul,.roles-menu ul,.task-wrapper .task-list-body #task-list,.team-members,.attachments,.my-video ul,.call-icons .call-items,.call-users ul,.upload-list,.custom-modal .modal-content .modal-body .chat-user-list,.custom-modal .modal-content .modal-body .attach-files ul,.sidebar .sidebar-menu ul{
    list-style:none;
    padding:0;
    margin:0
}
.rating-list span a,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info,.kanban-cont .kanban-list .kanban-header .kanban-action>a,.board-view-header .pro-teams .pro-team-lead h4 .avatar-group,.board-view-header .pro-teams,.team-members,.file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link,.task-board-color .board-color-list .board-control,.avatar-group{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.job-list .job-list-det,.rating-list,.avatar-dropdown .avatar-group .avatar,.task-assign .task-complete-btn,.chat-footer .message-bar .message-area .input-group,.chat-footer .task-followers,.chat-content-wrap .chat-wrap-inner .task-desc .task-textarea,.chat-content-wrap .chat-wrap-inner .task-desc,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date a,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info a,.chat-content-wrap .chat-wrap-inner .task-header,.kanban-cont .kanban-list .kanban-header,.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer,.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info,.kanban-cont .kanban-list .kanban-wrap .task-board-header,.kanban-cont,.board-view-header .pro-progress-bar,.board-view-header .pro-teams .pro-team-members,.board-view-header .pro-teams .pro-team-lead,.leave-header,.leave-item .leave-right,.leave-item .leave-row,.account-page .main-wrapper,.account-page,.file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb,.file-content .file-search .input-group-prepend,.file-cont-wrap .file-cont-inner .file-cont-header .file-options,.file-cont-wrap .file-cont-inner .file-cont-header,.file-cont-wrap,.file-wrap .file-sidebar .file-search .input-group .input-group-prepend,.file-wrap .file-sidebar .file-header,.file-wrap,.time-list .dash-stats-list,.time-list,.dash-section .dash-info-list .dash-card-container .dash-card-avatars,.dash-section .dash-info-list .dash-card-container .dash-card-content,.dash-section .dash-info-list .dash-card-container .dash-card-icon,.dash-section .dash-info-list .dash-card-container,.dash-section .dash-info-list .dash-card,.welcome-box,.dash-statistics .stats-info p,.dash-widget .card-body .dash-widget-info,.dash-widget .card-body .dash-widget-icon,.dash-widget .card-body,.error-page .main-wrapper,.error-page,.call-box .call-wrapper .call-items,.call-box .call-wrapper,.voice-call-avatar,.chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .call-details,.chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder,.att-statistics .stats-info p,.punch-info .punch-hours,.task-board-color .board-color-list,.task-follower-list,.sidebar .sidebar-menu ul li a,.sidebar .sidebar-menu ul li.menu-title,.header .user-menu.nav>li.flag-nav a,.card .card-title.with-switch,.card .leave-inline-form,.avatar .avatar-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.dash-section .dash-info-list .dash-card-container .dash-card-avatars,.dash-widget .card-body .dash-widget-info,.chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder{
    justify-content:flex-end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:flex-end
}
.kanban-cont .kanban-list .kanban-header,.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer,.kanban-cont .kanban-list .kanban-wrap .task-board-header,.leave-header,.file-cont-wrap .file-cont-inner .file-cont-header,.file-wrap .file-sidebar .file-header,.dash-statistics .stats-info p,.att-statistics .stats-info p,.card .card-title.with-switch{
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between
}
.account-page .main-wrapper,.file-cont-wrap,.file-wrap,.task-board-color .board-color-list{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.dash-section .dash-info-list .dash-card,.dash-widget .card-body .dash-widget-info,.voice-call-avatar,.chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder{
    -ms-flex-direction:column;
    flex-direction:column
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-family: 'Poppins', sans-serif;
    font-size:100%;
    vertical-align:baseline
}
*{
    box-sizing:border-box
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after{
    content:"";
    content:none
}
q:before,q:after{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
input:focus,select:focus,textarea:focus{
    outline:none!important;
    box-shadow:none!important
}

/* 
@font-face{
    font-family:material icons;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/MaterialIcons-Regular.eot);
    src:local("Material Icons"),local("MaterialIcons-Regular"),url(../fonts/MaterialIcons-Regular.woff2) format("woff2"),url(../fonts/MaterialIcons-Regular.woff) format("woff"),url(../fonts/MaterialIcons-Regular.ttf) format("truetype")
}
@font-face{
    font-family:circularstd;
    font-style:normal;
    font-weight:400;
    src:local("Circular Std Book"),url(../fonts/CircularStd-Book.woff) format("woff")
}
@font-face{
    font-family:circularstd;
    font-style:italic;
    font-weight:400;
    src:local("Circular Std Book Italic"),url(../fonts/CircularStd-BookItalic.woff) format("woff")
}
@font-face{
    font-family:circularstd;
    font-style:normal;
    font-weight:500;
    src:local("Circular Std Medium"),url(../fonts/CircularStd-Medium.woff) format("woff")
}
@font-face{
    font-family:circularstd;
    font-style:italic;
    font-weight:500;
    src:local("Circular Std Medium Italic"),url(../fonts/CircularStd-MediumItalic.woff) format("woff")
}
@font-face{
    font-family:circularstd;
    font-style:normal;
    font-weight:600;
    src:local("Circular Std Bold"),url(../fonts/CircularStd-Bold.woff) format("woff")
}
@font-face{
    font-family:circularstd;
    font-style:italic;
    font-weight:600;
    src:local("Circular Std Bold Italic"),url(../fonts/CircularStd-BoldItalic.woff) format("woff")
}
@font-face{
    font-family:circularstd;
    font-style:normal;
    font-weight:800;
    src:local("Circular Std Black"),url(../fonts/CircularStd-Black.woff) format("woff")
}
@font-face{
    font-family:circularstd;
    font-style:italic;
    font-weight:800;
    src:local("Circular Std Black Italic"),url(../fonts/CircularStd-BlackItalic.woff) format("woff")
} */
h1{
    font-weight:500;
    font-size:40px;
    margin-bottom:.5rem
}
@media(max-width:767px){
    h1{
        font-size:27px
    }
}
h2{
    font-weight:500;
    font-size:30px;
    margin-bottom:.5rem
}
@media(max-width:767px){
    h2{
        font-size:23px
    }
}
h3{
    font-weight:500;
    font-size:24px;
    margin-bottom:.5rem
}
@media(max-width:1023px){
    h3{
        font-size:20px
    }
}
@media(max-width:767px){
    h3{
        font-size:16px
    }
}
h4{
    font-weight:500;
    font-size:18px;
    margin-bottom:.5rem
}
@media(max-width:1023px){
    h4{
        font-size:18px
    }
}
@media(max-width:767px){
    h4{
        font-size:16px
    }
}
h5{
    font-weight:500;
    font-size:14px;
    margin-bottom:.5rem
}
@media(max-width:1023px){
    h5{
        font-size:14px
    }
}
h6{
    font-weight:500;
    font-size:12px;
    margin-bottom:.5rem
}
@media(max-width:1023px){
    h6{
        font-size:12px
    }
}
body{
    font-family:"Poppins",sans-serif;
    font-size:14px;
    color:#1f1f1f;
    background-color:#f7f7f7;
    overflow-x:hidden
}
.container{
    width:100%;
    max-width:1140px;
    padding-left:15px;
    padding-right:15px;
    margin:0 auto
}
img{
    max-width:100%;
    height:auto;
    vertical-align:middle
}
a{
    text-decoration:none;
    outline:none;
    color:#0d6efd;
    cursor:pointer;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
a:hover{
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
a:focus{
    outline:0
}
p{
    margin-bottom:1rem
}
strong{
    font-weight:700
}
td > p {
    margin-bottom: 0.5rem !important;
}
.css-equal-heights,.css-equal-content{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap
}
.notifications .notification-list,.equal-height-cards .pricing-box ul,.experience-box .experience-list,.personal-info,.square-list,.job-widget .job-post-det,.job-list .job-list-footer ul,.roles-menu ul,.task-wrapper .task-list-body #task-list,.team-members,.attachments,.my-video ul,.call-icons .call-items,.call-users ul,.upload-list,.custom-modal .modal-content .modal-body .chat-user-list,.custom-modal .modal-content .modal-body .attach-files ul,.sidebar .sidebar-menu ul{
    list-style:none;
    padding:0;
    margin:0
}
.css-equal-content{
    color:red;
    float:left
}
.rating-list span a,.rating-list,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon,.kanban-cont .kanban-list .kanban-header .kanban-action>a,.account-page .main-wrapper,.file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb,.file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link,.dash-widget .card-body .dash-widget-icon,.error-page .main-wrapper,.call-box .call-wrapper .call-items,.call-box .call-wrapper,.voice-call-avatar,.punch-info .punch-hours,.custom-modal .modal-content .modal-header,.avatar .avatar-title{
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.job-list .job-list-det,.rating-list span a,.task-assign .task-complete-btn,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date a,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info a,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info,.kanban-cont .kanban-list .kanban-header .kanban-action>a,.kanban-cont .kanban-list .kanban-header,.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info,.board-view-header .pro-progress-bar,.board-view-header .pro-teams .pro-team-members,.board-view-header .pro-teams .pro-team-lead,.leave-header,.leave-item .leave-right,.account-page,.file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb,.file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link,.file-content .file-search .input-group-prepend,.file-cont-wrap .file-cont-inner .file-cont-header,.file-wrap .file-sidebar .file-search .input-group .input-group-prepend,.file-wrap .file-sidebar .file-header,.time-list .dash-stats-list,.dash-section .dash-info-list .dash-card-container .dash-card-avatars,.dash-section .dash-info-list .dash-card-container .dash-card-content,.dash-section .dash-info-list .dash-card-container .dash-card-icon,.dash-widget .card-body .dash-widget-icon,.error-page .main-wrapper,.error-page,.call-box .call-wrapper .call-items,.call-box .call-wrapper,.voice-call-avatar,.punch-info .punch-hours,.sidebar .sidebar-menu ul li a,.header .user-menu.nav>li.flag-nav a,.card .leave-inline-form,.avatar .avatar-title{
    align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center
}
.kanban-cont .kanban-list .kanban-header,.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer,.kanban-cont .kanban-list .kanban-wrap .task-board-header,.leave-header,.file-cont-wrap .file-cont-inner .file-cont-header,.file-wrap .file-sidebar .file-header,.dash-statistics .stats-info p,.att-statistics .stats-info p,.card .card-title.with-switch{
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between
}
.align-center{
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    -webkit-justify-content:center
}
.notifications .notification-list,.equal-height-cards .pricing-box ul,.experience-box .experience-list,.personal-info,.square-list,.job-widget .job-post-det,.job-list .job-list-footer ul,.roles-menu ul,.task-wrapper .task-list-body #task-list,.team-members,.attachments,.my-video ul,.call-icons .call-items,.call-users ul,.upload-list,.custom-modal .modal-content .modal-body .chat-user-list,.custom-modal .modal-content .modal-body .attach-files ul,.sidebar .sidebar-menu ul{
    list-style:none;
    padding:0;
    margin:0
}
.rating-list span a,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info,.kanban-cont .kanban-list .kanban-header .kanban-action>a,.board-view-header .pro-teams .pro-team-lead h4 .avatar-group,.board-view-header .pro-teams,.team-members,.file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link,.task-board-color .board-color-list .board-control,.avatar-group{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.job-list .job-list-det,.rating-list,.avatar-dropdown .avatar-group .avatar,.task-assign .task-complete-btn,.chat-footer .message-bar .message-area .input-group,.chat-footer .task-followers,.chat-content-wrap .chat-wrap-inner .task-desc .task-textarea,.chat-content-wrap .chat-wrap-inner .task-desc,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date a,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon,.chat-content-wrap .chat-wrap-inner .task-header .task-due-date,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon,.chat-content-wrap .chat-wrap-inner .task-header .assignee-info a,.chat-content-wrap .chat-wrap-inner .task-header,.kanban-cont .kanban-list .kanban-header,.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer,.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info,.kanban-cont .kanban-list .kanban-wrap .task-board-header,.kanban-cont,.board-view-header .pro-progress-bar,.board-view-header .pro-teams .pro-team-members,.board-view-header .pro-teams .pro-team-lead,.leave-header,.leave-item .leave-right,.leave-item .leave-row,.account-page .main-wrapper,.account-page,.file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb,.file-content .file-search .input-group-prepend,.file-cont-wrap .file-cont-inner .file-cont-header .file-options,.file-cont-wrap .file-cont-inner .file-cont-header,.file-cont-wrap,.file-wrap .file-sidebar .file-search .input-group .input-group-prepend,.file-wrap .file-sidebar .file-header,.file-wrap,.time-list .dash-stats-list,.time-list,.dash-section .dash-info-list .dash-card-container .dash-card-avatars,.dash-section .dash-info-list .dash-card-container .dash-card-content,.dash-section .dash-info-list .dash-card-container .dash-card-icon,.dash-section .dash-info-list .dash-card-container,.dash-section .dash-info-list .dash-card,.welcome-box,.dash-statistics .stats-info p,.dash-widget .card-body .dash-widget-info,.dash-widget .card-body .dash-widget-icon,.dash-widget .card-body,.error-page .main-wrapper,.error-page,.call-box .call-wrapper .call-items,.call-box .call-wrapper,.voice-call-avatar,.chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .call-details,.chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder,.att-statistics .stats-info p,.punch-info .punch-hours,.task-board-color .board-color-list,.task-follower-list,.sidebar .sidebar-menu ul li a,.sidebar .sidebar-menu ul li.menu-title,.header .user-menu.nav>li.flag-nav a,.card .card-title.with-switch,.card .leave-inline-form,.avatar .avatar-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.dash-section .dash-info-list .dash-card-container .dash-card-avatars,.dash-widget .card-body .dash-widget-info,.chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder{
    justify-content:flex-end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:flex-end
}
.kanban-cont .kanban-list .kanban-header,.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer,.kanban-cont .kanban-list .kanban-wrap .task-board-header,.leave-header,.file-cont-wrap .file-cont-inner .file-cont-header,.file-wrap .file-sidebar .file-header,.dash-statistics .stats-info p,.att-statistics .stats-info p,.card .card-title.with-switch{
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between
}
.account-page .main-wrapper,.file-cont-wrap,.file-wrap,.task-board-color .board-color-list{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.dash-section .dash-info-list .dash-card,.dash-widget .card-body .dash-widget-info,.voice-call-avatar,.chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder{
    -ms-flex-direction:column;
    flex-direction:column
}
.col{
    width:auto;
    padding-left:15px;
    padding-right:15px;
    float:left;
    position:relative;
    min-height:1px
}
@media(min-width:320px){
    .col.col-xs-12{
        width:100%
    }
    .col.col-xs-11{
        width:91.66666667%
    }
    .col.col-xs-10{
        width:83.33333333%
    }
    .col.col-xs-9{
        width:75%
    }
    .col.col-xs-8{
        width:66.66666667%
    }
    .col.col-xs-7{
        width:58.33333333%
    }
    .col.col-xs-6{
        width:50%
    }
    .col.col-xs-5{
        width:41.66666667%
    }
    .col.col-xs-4{
        width:33.33333333%
    }
    .col.col-xs-3{
        width:25%
    }
    .col.col-xs-2{
        width:16.66666667%
    }
    .col.col-xs-1{
        width:8.33333333%
    }
}
@media(min-width:568px){
    .col.col-sm-12{
        width:100%
    }
    .col.col-sm-11{
        width:91.66666667%
    }
    .col.col-sm-10{
        width:83.33333333%
    }
    .col.col-sm-9{
        width:75%
    }
    .col.col-sm-8{
        width:66.66666667%
    }
    .col.col-sm-7{
        width:58.33333333%
    }
    .col.col-sm-6{
        width:50%
    }
    .col.col-sm-5{
        width:41.66666667%
    }
    .col.col-sm-4{
        width:33.33333333%
    }
    .col.col-sm-3{
        width:25%
    }
    .col.col-sm-2{
        width:16.66666667%
    }
    .col.col-sm-1{
        width:8.33333333%
    }
}
@media(min-width:768px){
    .col.col-md-12{
        width:100%
    }
    .col.col-md-11{
        width:91.66666667%
    }
    .col.col-md-10{
        width:83.33333333%
    }
    .col.col-md-9{
        width:75%
    }
    .col.col-md-8{
        width:66.66666667%
    }
    .col.col-md-7{
        width:58.33333333%
    }
    .col.col-md-6{
        width:50%
    }
    .col.col-md-5{
        width:41.66666667%
    }
    .col.col-md-4{
        width:33.33333333%
    }
    .col.col-md-3{
        width:25%
    }
    .col.col-md-2{
        width:16.66666667%
    }
    .col.col-md-1{
        width:8.33333333%
    }
}
@media(min-width:1024px){
    .col.col-lg-12{
        width:100%
    }
    .col.col-lg-11{
        width:91.66666667%
    }
    .col.col-lg-10{
        width:83.33333333%
    }
    .col.col-lg-9{
        width:75%
    }
    .col.col-lg-8{
        width:66.66666667%
    }
    .col.col-lg-7{
        width:58.33333333%
    }
    .col.col-lg-6{
        width:50%
    }
    .col.col-lg-5{
        width:41.66666667%
    }
    .col.col-lg-4{
        width:33.33333333%
    }
    .col.col-lg-3{
        width:25%
    }
    .col.col-lg-2{
        width:16.66666667%
    }
    .col.col-lg-1{
        width:8.33333333%
    }
}
.avatar{
    background-color:transparent;
    color:#fff;
    display:inline-block;
    font-weight:500;
    height:34px;
    line-height:34px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:middle;
    width:34px;
    position:relative;
    white-space:nowrap;
    margin:0 10px 0 0;
    border-radius:50%
}
.avatar.avatar-xs{
    width:24px;
    height:24px
}
.avatar>img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:50%
}
.avatar .avatar-title{
    width:100%;
    height:100%;
    background-color:#0d6efd;
    color:#fff
}
.avatar.avatar-online::before{
    width:25%;
    height:25%;
    border-radius:50%;
    content:"";
    border:2px solid #fff;
    position:absolute;
    right:0;
    bottom:0;
    background-color:#55ce63
}
.avatar.avatar-offline::before{
    width:25%;
    height:25%;
    border-radius:50%;
    content:"";
    border:2px solid #fff;
    position:absolute;
    right:0;
    bottom:0;
    background-color:#f62d51
}
.avatar.avatar-away::before{
    width:25%;
    height:25%;
    border-radius:50%;
    content:"";
    border:2px solid #fff;
    position:absolute;
    right:0;
    bottom:0;
    background-color:#ffbc34
}
.avatar .border{
    border-width:3px!important
}
.avatar .rounded{
    border-radius:6px!important
}
.avatar .avatar-title{
    font-size:18px
}
.avatar .avatar-xs{
    width:1.65rem;
    height:1.65rem
}
.avatar .avatar-xs .border{
    border-width:2px!important
}
.avatar .avatar-xs .rounded{
    border-radius:4px!important
}
.avatar .avatar-xs .avatar-title{
    font-size:12px
}
.avatar .avatar-xs.avatar-away::before,.avatar .avatar-xs.avatar-offline::before,.avatar .avatar-xs.avatar-online::before{
    border-width:1px
}
.avatar-sm{
    width:2.5rem;
    height:2.5rem
}
.avatar-sm .border{
    border-width:3px!important
}
.avatar-sm .rounded{
    border-radius:4px!important
}
.avatar-sm .avatar-title{
    font-size:15px
}
.avatar-sm.avatar-away::before,.avatar-sm.avatar-offline::before,.avatar-sm.avatar-online::before{
    border-width:2px
}
.avatar-lg{
    width:3.75rem;
    height:3.75rem
}
.avatar-lg .border{
    border-width:3px!important
}
.avatar-lg .rounded{
    border-radius:8px!important
}
.avatar-lg .avatar-title{
    font-size:24px
}
.avatar-lg.avatar-away::before,.avatar-lg.avatar-offline::before,.avatar-lg.avatar-online::before{
    border-width:3px
}
.avatar-xl{
    width:5rem;
    height:5rem
}
.avatar-xl .border{
    border-width:4px!important
}
.avatar-xl .rounded{
    border-radius:8px!important
}
.avatar-xl .avatar-title{
    font-size:28px
}
.avatar-xl.avatar-away::before,.avatar-xl.avatar-offline::before,.avatar-xl.avatar-online::before{
    border-width:4px
}
.avatar-xxl{
    width:5.125rem;
    height:5.125rem
}
@media(min-width:768px){
    .avatar-xxl{
        width:8rem;
        height:8rem
    }
}
.avatar-xxl .border{
    border-width:6px!important
}
@media(min-width:768px){
    .avatar-xxl .border{
        border-width:4px!important
    }
}
.avatar-xxl .rounded{
    border-radius:8px!important
}
@media(min-width:768px){
    .avatar-xxl .rounded{
        border-radius:12px!important
    }
}
.avatar-xxl .avatar-title{
    font-size:30px
}
@media(min-width:768px){
    .avatar-xxl .avatar-title{
        font-size:42px
    }
}
.avatar-xxl.avatar-away::before,.avatar-xxl.avatar-offline::before,.avatar-xxl.avatar-online::before{
    border-width:4px
}
@media(min-width:768px){
    .avatar-xxl.avatar-away::before,.avatar-xxl.avatar-offline::before,.avatar-xxl.avatar-online::before{
        border-width:4px
    }
}
.avatar-group .avatar+.avatar{
    margin-left:-.75rem
}
.avatar-group .avatar:hover{
    z-index:1
}
.avatar-group .avatar-xs+.avatar-xs{
    margin-left:-.40625rem
}
.avatar-group .avatar-sm+.avatar-sm{
    margin-left:-.625rem
}
.avatar-group .avatar-lg+.avatar-lg{
    margin-left:-1rem
}
.avatar-group .avatar-xl+.avatar-xl{
    margin-left:-1.28125rem
}
.avatar-xs{
    width:1.65rem;
    height:1.65rem
}
ul{
    list-style:none;
    padding:0;
    margin:0
}
.btn.focus,.btn:focus{
    box-shadow:unset
}
.btn.btn-rounded{
    border-radius:50px
}
.btn-white{
    background-color:#fff;
    border:1px solid #ccc;
    color:#272b41
}
.badge {
    font-weight: 400;
    border-radius: .5rem;
}
.bg-primary,.badge-primary{
    background-color:#f43b48!important
}
a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{
    background-color:#b6000c!important
}
.bg-success,.badge-success{
    background-color:#55ce63!important
}
a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
    background-color:#699834!important
}
.bg-info,.badge-info{
    background-color:#009efb!important
}
a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{
    background-color:#028ee1!important
}
.bg-warning,.badge-warning{
    background-color:#ffbc34!important
}
a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{
    background-color:#e9ab2e!important
}
.bg-danger,.badge-danger{
    background-color:#f62d51!important
}
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{
    background-color:#e63333!important
}
.bg-white{
    background-color:#fff
}
.bg-purple,.badge-purple{
    background-color:#9368e9!important
}
.bg-card-info{
    background-color:#d5e3ff!important
}
.text-primary{
    color:#f43b48!important
}
.dropdown-menu li>a.text-primary{
    color:#f43b48!important
}
.dropdown-menu li>a.text-success{
    color:#699834!important
}
.dropdown-menu li>a.text-danger{
    color:#f62d51!important
}
.dropdown-menu li>a.text-info{
    color:#009efb!important
}
.dropdown-menu li>a.text-warning{
    color:#ffbc34!important
}
.dropdown-menu li>a.text-purple{
    color:#7460ee!important
}
.text-success{
    color:#699834!important
}
.text-danger{
    color:#f62d51!important
}
.text-info{
    color:#009efb!important
}
.text-warning{
    color:#ffbc34!important
}
.text-purple{
    color:#7460ee!important
}
.text-muted{
    color:#757575!important
}
.btn-primary{
    background-color:#f43b48;
    border:1px solid #f43b48;
    color:#fff!important
}
.btn-primary:focus,.btn-primary:hover,.btn-primary:active,.btn-primary.active{
    color:#fff;
    background-color:#b6000c;
    border-color:#b6000c
}
.btn-primary:focus .open>.dropdown-toggle.btn-primary,.btn-primary:hover .open>.dropdown-toggle.btn-primary,.btn-primary:active .open>.dropdown-toggle.btn-primary,.btn-primary.active .open>.dropdown-toggle.btn-primary{
    background-color:#b6000c;
    border:1px solid #b6000c
}
.btn-primary.active.focus .open>.dropdown-toggle.btn-primary.focus,.btn-primary.active.focus .open>.dropdown-toggle.btn-primary:focus,.btn-primary.active.focus .open>.dropdown-toggle.btn-primary:hover,.btn-primary.active:focus .open>.dropdown-toggle.btn-primary.focus,.btn-primary.active:focus .open>.dropdown-toggle.btn-primary:focus,.btn-primary.active:focus .open>.dropdown-toggle.btn-primary:hover,.btn-primary.active:hover .open>.dropdown-toggle.btn-primary.focus,.btn-primary.active:hover .open>.dropdown-toggle.btn-primary:focus,.btn-primary.active:hover .open>.dropdown-toggle.btn-primary:hover,.btn-primary .focus.focus .open>.dropdown-toggle.btn-primary.focus,.btn-primary .focus.focus .open>.dropdown-toggle.btn-primary:focus,.btn-primary .focus.focus .open>.dropdown-toggle.btn-primary:hover,.btn-primary .focus:focus .open>.dropdown-toggle.btn-primary.focus,.btn-primary .focus:focus .open>.dropdown-toggle.btn-primary:focus,.btn-primary .focus:focus .open>.dropdown-toggle.btn-primary:hover,.btn-primary .focus:hover .open>.dropdown-toggle.btn-primary.focus,.btn-primary .focus:hover .open>.dropdown-toggle.btn-primary:focus,.btn-primary .focus:hover .open>.dropdown-toggle.btn-primary:hover{
    background-color:#b6000c;
    border:1px solid #b6000c
}
.btn-primary:active:focus,.btn-primary:active:hover{
    background-color:#b6000c;
    border:1px solid #b6000c
}
.btn-primary .active:not(:disabled):not(.disabled),.btn-primary:active:not(:disabled):not(.disabled){
    background-color:#b6000c;
    border-color:#b6000c;
    color:#fff
}
.btn-primary .active:focus:not(:disabled):not(.disabled),.btn-primary:active:focus:not(:disabled):not(.disabled){
    box-shadow:unset
}
.btn-primary .show>.btn-primary.dropdown-toggle{
    background-color:#b6000c;
    border-color:#b6000c;
    color:#fff
}
.btn-primary .show>.btn-primary.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-primary.disabled,.btn-primary:disabled{
    background-color:#ffcece;
    border-color:#ffcece;
    color:#fff
}
.btn-secondary.active:focus :not(:disabled):not(.disabled),.btn-secondary:active:focus :not(:disabled):not(.disabled){
    box-shadow:unset
}
.show>.btn-secondary.dropdown-toggle:focus{
    box-shadow:unset
}
.show>.btn-success.dropdown-toggle{
    background-color:#699834;
    border-color:#699834;
    color:#fff
}
.show>.btn-success.dropdown-toggle:focus{
    box-shadow:unset
}
.show>.btn-info.dropdown-toggle{
    background-color:#028ee1;
    border-color:#028ee1;
    color:#fff
}
.show>.btn-info.dropdown-toggle:focus{
    box-shadow:unset
}
.show>.btn-warning.dropdown-toggle{
    background-color:#e9ab2e;
    border-color:#e9ab2e;
    color:#fff
}
.show>.btn-warning.dropdown-toggle:focus{
    box-shadow:unset
}
.show>.btn-danger.dropdown-toggle{
    background-color:#e63333;
    border-color:#e63333;
    color:#fff
}
.show>.btn-danger.dropdown-toggle:focus{
    box-shadow:unset
}
.show>.btn-light.dropdown-toggle:focus,.show>.btn-dark.dropdown-toggle:focus{
    box-shadow:unset
}
.show>.btn-outline-primary.dropdown-toggle{
    background-color:#f43b48;
    border-color:#f43b48
}
.show>.btn-outline-primary.dropdown-toggle:focus{
    box-shadow:none
}
.show>.btn-outline-success.dropdown-toggle{
    background-color:#55ce63;
    border-color:#55ce63
}
.show>.btn-outline-success.dropdown-toggle:focus{
    box-shadow:none
}
.show>.btn-outline-info.dropdown-toggle{
    background-color:#009efb;
    border-color:#009efb
}
.show>.btn-outline-info.dropdown-toggle:focus{
    box-shadow:none
}
.show>.btn-outline-warning.dropdown-toggle{
    color:#212529;
    background-color:#ffbc34;
    border-color:#ffbc34
}
.show>.btn-outline-warning.dropdown-toggle:focus{
    box-shadow:none
}
.show>.btn-outline-danger.dropdown-toggle{
    color:#212529;
    background-color:#ffbc34;
    border-color:#ffbc34
}
.show>.btn-outline-danger.dropdown-toggle:focus{
    box-shadow:none
}
.btn-success{
    background-color:#55ce63;
    border:1px solid #55ce63
}
.btn-success:hover,.btn-success:focus .btn-success.active,.btn-success:active{
    background-color:#699834;
    border:1px solid #699834;
    color:#fff
}
.btn-success .open>.dropdown-toggle.btn-success{
    background-color:#699834;
    border:1px solid #699834;
    color:#fff
}
.btn-success .open>.dropdown-toggle.btn-success.focus,.btn-success .open>.dropdown-toggle.btn-success:hover,.btn-success .open>.dropdown-toggle.btn-success:focus{
    background-color:#699834;
    border:1px solid #699834
}
.btn-success.active:focus,.btn-success.active.focus,.btn-success.active:hover,.btn-success.focus,.btn-success:active:focus,.btn-success:active:hover{
    background-color:#699834;
    border:1px solid #699834
}
.btn-success.active:not(:disabled):not(.disabled),.btn-success:active:not(:disabled):not(.disabled){
    background-color:#699834;
    border-color:#699834;
    color:#fff
}
.btn-success.active:focus:not(:disabled):not(.disabled),.btn-success:active:focus:not(:disabled):not(.disabled){
    box-shadow:unset
}
.btn-success.disabled,.btn-success:disabled{
    background-color:#55ce63;
    border-color:#55ce63;
    color:#fff
}
.btn-info{
    background-color:#009efb;
    border:1px solid #009efb
}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active{
    background-color:#028ee1;
    border:1px solid #028ee1
}
.btn-info.active:focus,.btn-info.active.focus,.btn-info.active:hover,.btn-info.focus,.btn-info:active:focus,.btn-info:active:hover{
    background-color:#028ee1;
    border:1px solid #028ee1
}
.btn-info.active:not(:disabled):not(.disabled),.btn-info:active:not(:disabled):not(.disabled){
    background-color:#028ee1;
    border-color:#028ee1;
    color:#fff
}
.btn-info.active:not(:disabled):not(.disabled):focus,.btn-info:active:not(:disabled):not(.disabled):focus{
    box-shadow:unset
}
.btn-info.disabled,.btn-info:disabled{
    background-color:#009efb;
    border-color:#009efb;
    color:#fff
}
.btn-warning{
    background-color:#ffbc34;
    border:1px solid #ffbc34
}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active{
    background-color:#e9ab2e;
    border:1px solid #e9ab2e
}
.btn-warning.active:focus,.btn-warning.active.focus,.btn-warning.active:hover,.btn-warning.focus,.btn-warning:active:focus,.btn-warning:active:hover{
    background-color:#e9ab2e;
    border:1px solid #e9ab2e
}
.btn-warning.active:not(:disabled):not(.disabled),.btn-warning:active:not(:disabled):not(.disabled){
    background-color:#e9ab2e;
    border-color:#e9ab2e;
    color:#fff
}
.btn-warning.active:not(:disabled):not(.disabled):focus,.btn-warning:active:not(:disabled):not(.disabled):focus{
    box-shadow:unset
}
.btn-warning.disabled,.btn-warning:disabled{
    background-color:#ffbc34;
    border-color:#ffbc34;
    color:#fff
}
.btn-danger{
    background-color:#f62d51;
    border:1px solid #f62d51
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{
    background-color:#e63333;
    border:1px solid #e63333
}
.btn-danger.active:focus,.btn-danger.active.focus,.btn-danger.active:hover,.btn-danger.focus,.btn-danger:active:focus,.btn-danger:active:hover{
    background-color:#e63333;
    border:1px solid #e63333
}
.btn-danger.active:not(:disabled):not(.disabled),.btn-danger:active:not(:disabled):not(.disabled){
    background-color:#e63333;
    border-color:#e63333;
    color:#fff
}
.btn-danger.active:not(:disabled):not(.disabled):focus,.btn-danger:active:not(:disabled):not(.disabled):focus{
    box-shadow:unset
}
.btn-danger.disabled,.btn-danger:disabled{
    background-color:#f62d51;
    border-color:#f62d51;
    color:#fff
}
.open>.dropdown-toggle.btn-info{
    background-color:#028ee1;
    border:1px solid #028ee1
}
.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{
    background-color:#028ee1;
    border:1px solid #028ee1
}
.open>.dropdown-toggle.btn-warning{
    background-color:#e9ab2e;
    border:1px solid #e9ab2e
}
.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{
    background-color:#e9ab2e;
    border:1px solid #e9ab2e
}
.open>.dropdown-toggle.btn-danger{
    background-color:#e63333;
    border:1px solid #e63333
}
.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{
    background-color:#e63333;
    border:1px solid #e63333
}
.btn-light.active:focus:not(:disabled):not(.disabled),.btn-light:active:focus:not(:disabled):not(.disabled),.btn-dark.active:focus:not(:disabled):not(.disabled),.btn-dark:active:focus:not(:disabled):not(.disabled){
    box-shadow:unset
}
.btn-outline-primary{
    color:#f43b48;
    border-color:#f43b48
}
.btn-outline-primary:hover{
    background-color:#f43b48;
    border-color:#f43b48
}
.btn-outline-primary.focus,.btn-outline-primary:focus{
    box-shadow:none
}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{
    color:#f43b48;
    background-color:transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active{
    background-color:#f43b48;
    border-color:#f43b48
}
.btn-outline-success{
    color:#55ce63;
    border-color:#55ce63
}
.btn-outline-success:hover{
    background-color:#55ce63;
    border-color:#55ce63
}
.btn-outline-success.focus,.btn-outline-success:focus{
    box-shadow:none
}
.btn-outline-success.disabled,.btn-outline-success:disabled{
    color:#55ce63;
    background-color:transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active{
    background-color:#55ce63;
    border-color:#55ce63
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus{
    box-shadow:none
}
.btn-outline-info{
    color:#009efb;
    border-color:#009efb
}
.btn-outline-info:hover{
    color:#fff;
    background-color:#009efb;
    border-color:#009efb
}
.btn-outline-info.disabled,.btn-outline-info:disabled{
    background-color:transparent;
    color:#009efb
}
.btn-outline-info:focus,.btn-outline-info.focus{
    box-shadow:none
}
.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active{
    background-color:#009efb;
    border-color:#009efb
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus{
    box-shadow:none
}
.btn-outline-warning{
    color:#ffbc34;
    border-color:#ffbc34
}
.btn-outline-warning:hover{
    color:#fff;
    background-color:#ffbc34;
    border-color:#ffbc34
}
.btn-outline-warning.disabled,.btn-outline-warning:disabled{
    background-color:transparent;
    color:#ffbc34
}
.btn-outline-warning:focus,.btn-outline-warning.focus{
    box-shadow:none
}
.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active{
    background-color:#ffbc34;
    border-color:#ffbc34
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus{
    box-shadow:none
}
.btn-outline-danger{
    color:#f62d51;
    border-color:#f62d51
}
.btn-outline-danger:hover{
    color:#fff;
    background-color:#f62d51;
    border-color:#f62d51
}
.btn-outline-danger.disabled,.btn-outline-danger:disabled{
    background-color:transparent;
    color:#f62d51
}
.btn-outline-danger:focus,.btn-outline-danger.focus{
    box-shadow:none
}
.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active{
    background-color:#f62d51;
    border-color:#f62d51
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus{
    box-shadow:none
}
.btn-outline-light{
    color:#ababab;
    border-color:#e6e6e6
}
.btn-outline-light.disabled,.btn-outline-light:disabled{
    color:#ababab
}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span,.pagination>.active>span:hover,.pagination>.active>span:focus{
    background-color:#f43b48;
    border-color:#f43b48
}
.pagination>.active>a,.pagination>.active>span{
    color:#f43b48
}
.pagination>li>a,.pagination>li>span{
    color:#f43b48
}
.page-link:hover{
    color:#f43b48
}
.page-link:focus{
    box-shadow:unset
}
.page-item.active .page-link{
    background-color:#f43b48;
    border-color:#f43b48
}
.dropdown-menu{
    background-color:#fff;
    border:1px solid rgba(0,0,0,.1);
    box-shadow:inherit;
    font-size:14px;
    border-radius:3px;
    transform-origin:left top 0;
    -webkit-transform-origin:left top 0;
    -ms-transform-origin:left top 0
}
.card{
    border:1px solid #f0f0f0;
    margin-bottom:1.875rem
}
.dropdown-item.active,.dropdown-item:active{
    background-color:#f43b48
}
.navbar-nav__.open--.dropdown-menu{
    border:0;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.1);
    box-shadow:0 0 10px rgba(0,0,0,.1);
    background-color:#fff
}
.btn-light{
    border-color:#e6e6e6;
    color:#a6a6a6
}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{
    background-color:#0d6efd;
    text-shadow:unset
}
.bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color:#0d6efd
}
.bg-info-light{
    background-color:rgba(2,182,179,.12)!important;
    color:#1db9aa!important
}
.bg-primary-light{
    background-color:rgba(17,148,247,.12)!important;
    color:#2196f3!important
}
.bg-danger-light{
    background-color:rgba(242,17,54,.12)!important;
    color:#e63c3c!important
}
.bg-warning-light{
    background-color:rgba(255,152,0,.12)!important;
    color:#f39c12!important
}
.bg-success-light{
    background-color:rgba(15,183,107,.12)!important;
    color:#26af48!important
}
.bg-purple-light{
    background-color:rgba(197,128,255,.12)!important;
    color:#c580ff!important
}
.bg-default-light{
    background-color:rgba(40,52,71,.12)!important;
    color:#283447!important
}
.text-xs{
    font-size:12px!important
}
.text-sm{
    font-size:14px!important
}
.text-lg{
    font-size:20px!important
}
.text-xl{
    font-size:24px!important
}
.m-b-30{
    margin-bottom:30px!important
}
.m-l-5{
    margin-left:5px!important
}
.m-r-5{
    margin-right:5px!important
}
.m-b-15{
    margin-bottom:15px!important
}
.m-t-10{
    margin-top:10px!important
}
.m-b-20{
    margin-bottom:20px!important
}
.mb-30{
    margin-bottom:30px!important
}
.m-t-30{
    margin-top:30px!important
}
.breadcrumb{
    background-color:transparent;
    color:#6c757d;
    font-size:12px;
    font-weight:500;
    margin:0;
    padding:0
}
@media(max-width:575px){
    .breadcrumb{
        display:none
    }
}
.breadcrumb.active{
    color:#6c757d
}
.breadcrumb a{
    color:#333
}
.breadcrumb .breadcrumb-item a{
    color:#333;
}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    float:left;
    padding-right:.5rem;
    color:#6c757d;
    content:"/"
}
.comp-section{
    margin:0;
    padding:10px 0
}
.comp-section .btn{
    margin:0 0 5px
}
@media(max-width:575px){
    .comp-section .breadcrumb{
        display:flex
    }
}
.page-wrapper{
    left:0;
    position:relative;
    transition:all .2s ease-in-out;
    margin:0 0 0 230px;
    padding:60px 0 0
}
@media(max-width:992px){
    .page-wrapper{
        margin:0;
        padding:60px 0 0
    }
}
.page-wrapper .content{
    padding:30px
}
@media(max-width:575px){
    .page-wrapper .content{
        padding:15px
    }
}
.page-wrapper .content .page-header{
    margin-bottom:1.875rem
}
.page-wrapper .content .page-header .page-title{
    color:#1f1f1f;
    font-size:26px;
    font-weight:700;
    margin-bottom:5px
}
@media(max-width:575px){
    .page-wrapper .content .page-header .page-title{
        font-size:18px
    }
}
@media(max-width:991px){
    .filter-row{
        margin-bottom:15px
    }
}
.card{
    border:1px solid #ededed;
    margin-bottom:30px;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,.2);
    box-shadow:0 1px 1px rgba(0,0,0,.2)
}
.card .leave-inline-form{
    min-height:44px
}
.card .leave-inline-form .input-group-text{
    background-color:#f7f7f7;
    border-color:#e3e3e3
}
@media(max-width:575px){
    .card .leave-inline-form{
        display:block
    }
}
.card .card-title{
    color:#626262;
    font-size:20px;
    font-weight:500;
    margin-bottom:20px
}
.card .card-header{
    background:#fff
}
.form-check-inline .form-check-label{
    line-height:25px
}
.bg-inverse-primary{
    background-color:rgba(0, 123, 255,.12)!important;
    color:#007bff!important
}
.bg-inverse-secondary{
    background-color:rgba(108, 117, 125,.12)!important;
    color:#6c757d!important
}
.bg-inverse-danger{
    background-color:rgba(242,17,54,.12)!important;
    color:#e63c3c!important
}
.bg-inverse-success{
    background-color:rgba(15,183,107,.12)!important;
    color:#26af48!important
}
.bg-inverse-info{
    background-color:rgba(2,182,179,.12)!important;
    color:#1db9aa!important
}
.bg-inverse-warning{
    background-color:rgba(255,152,0,.12)!important;
    color:#f39c12!important
}
.progress-xs{
    height:4px
}
.progress .progress-bar{
    background-color:#25628f
}
.onoffswitch-inner{
    display:block;
    margin-left:-100%;
    width:200%;
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease
}
.onoffswitch-switch{
    background:#fff;
    display:block;
    height:20px;
    margin:5px;
    width:20px;
    position:absolute;
    top:0;
    right:43px;
    bottom:0;
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    border-radius:20px
}
.block{
    display:block!important
}
.text-muted{
    color:#8e8e8e!important
}
.form-group{
    margin-bottom:1rem
}
input[type=file].form-control{
    height:36px
}
.form-text{
    color:#999;
    font-size:12px;
    margin:7px 0
}
.form-control{
    border-color:#e3e3e3;
    box-shadow:none;
    font-size:15px;
    height:44px
}
.form-control.search-message{
    height:38px;
    margin-left:5px;
    width:180px;
    border-radius:4px
}
.cal-icon{
    position:relative;
    width:100%
}
.cal-icon:after{
    color:#979797;
    content:"\f073";
    display:block;
    font-family:fontawesome;
    font-size:15px;
    margin:auto;
    position:absolute;
    top:10px;
    right:15px
}
.material-icons{
    font-family:material icons;
    font-weight:400;
    font-style:normal;
    font-size:24px;
    display:inline-block;
    line-height:1;
    text-transform:none;
    letter-spacing:normal;
    word-wrap:normal;
    white-space:nowrap;
    direction:ltr;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    -moz-osx-font-smoothing:grayscale;
    font-feature-settings:"liga"
}
.form-focus{
    height:44px;
    position:relative
}
.form-focus.select-focus .focus-label{
    opacity:1;
    font-weight:300;
    top:-20px;
    font-size:12px;
    z-index:1
}
.form-focus .cal-icon:after{
    top:15px
}
.form-focus .focus-label{
    font-size:16px;
    font-weight:400;
    opacity:.4;
    pointer-events:none;
    z-index:1;
    color:#888;
    margin-bottom:0;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    position:absolute;
    top:-12px;
    left:12px;
    transform-origin:left top;
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform:translate3d(0,22px,0) scale(1);
    -webkit-transform:translate3d(0,22px,0) scale(1);
    -ms-transform:translate3d(0,22px,0) scale(1)
}
.form-focus .form-control{
    height:44px;
    padding:21px 12px 6px
}
.form-focus .form-control:focus{
    border-color:#f43b48
}
.form-focus.focused .focus-label{
    opacity:1;
    font-weight:300;
    top:-20px;
    font-size:12px;
    z-index:1
}
.onoffswitch{
    margin-left:auto;
    position:relative;
    width:73px;
    -webkit-user-select:none
}
.onoffswitch .onoffswitch-checkbox{
    display:none
}
.onoffswitch .onoffswitch-inner:after{
    content:"OFF";
    padding-right:14px!important;
    background-color:#ccc;
    color:#fff;
    text-align:right;
    display:block;
    float:left;
    font-size:16px;
    height:30px;
    line-height:32px;
    padding:0;
    width:50%
}
.onoffswitch .onoffswitch-inner:before{
    background-color:#55ce63;
    color:#fff;
    content:"ON";
    padding-left:14px
}
.onoffswitch .onoffswitch-inner:after{
    box-sizing:border-box;
    color:#fff;
    display:block;
    float:left;
    font-size:16px;
    height:30px;
    line-height:32px;
    padding:0;
    width:50%
}
.onoffswitch .onoffswitch-inner:before{
    box-sizing:border-box;
    color:#fff;
    display:block;
    float:left;
    font-size:16px;
    height:30px;
    line-height:32px;
    padding:0;
    width:50%
}
.onoffswitch .onoffswitch-label{
    display:block;
    overflow:hidden;
    cursor:pointer;
    margin-bottom:0;
    border-radius:20px
}
.onoffswitch .onoffswitch-checkbox .onoffswitch-inner{
    display:block;
    margin-left:-100%;
    width:200%;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label{
    display:block;
    overflow:hidden;
    cursor:pointer;
    margin-bottom:0;
    border-radius:20px
}
.onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{
    margin-left:0
}
.onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner:before{
    background-color:#55ce63;
    color:#fff;
    content:"ON";
    padding-left:14px
}
.onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{
    right:0
}
.status-toggle{
    float:right
}
.status-toggle .check{
    display:block;
    height:0;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    position:absolute;
    margin:0;
    padding:0
}
.status-toggle .check:checked+.checktoggle{
    background-color:#55ce63
}
.status-toggle .check:checked+.checktoggle:after{
    left:100%;
    transform:translate(calc(-100% - 5px),-50%)
}
.status-toggle .checktoggle{
    background-color:#e0001a;
    cursor:pointer;
    display:block;
    font-size:0;
    height:24px;
    margin-bottom:0;
    position:relative;
    width:48px;
    border-radius:12px
}
.status-toggle .checktoggle:after{
    content:" ";
    display:block;
    width:16px;
    height:16px;
    background-color:#fff;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    transform:translate(5px,-50%);
    -webkit-transform:translate(5px,-50%);
    -ms-transform:translate(5px,-50%);
    position:absolute;
    top:50%;
    left:0;
    border-radius:50%
}
.header{
    background:#FA6121;
    background:linear-gradient(to right,#FA6121 0%,#123E93 100%);
    border-bottom:1px solid transparent;
    height:60px;
    z-index:1002;
    position:fixed;
    top:0;
    right:0;
    left:0;
    -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2)
}
.header .header-left{
    float:left;
    height:60px;
    position:relative;
    /* text-align:center; */
    width:230px;
    z-index:1;
    padding:0 20px;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.header .header-left .logo{
    display:inline-block;
    line-height:60px
}
@media(max-width:991px){
    .header .header-left{
        position:absolute;
        width:100%
    }
}
@media(min-width:991px){
    .header #toggle_btn{
        color:#999;
        float:left;
        font-size:26px;
        line-height:70px;
        padding:0 10px
    }
    .header #toggle_btn .bar-icon{
        display:inline-block;
        width:21px
    }
    .header #toggle_btn .bar-icon span{
        background-color:#fff;
        display:block;
        float:left;
        height:2px;
        width:21px;
        margin:0 0 5px;
        border-radius:50px
    }
    .header #toggle_btn .bar-icon span:nth-child(2){
        width:15px
    }
}
.header .page-title-box{
    float:left;
    height:60px;
    margin-bottom:0;
    padding:17px 20px;
    border-radius:0
}
@media(max-width:991px){
    .header .page-title-box{
        display:none
    }
}
.header .page-title-box h3{
    color:#fff;
    font-size:20px;
    font-weight:400;
    margin:0
}
.header .mobile_btn{
    display:none;
    float:left
}
@media(max-width:991px){
    .header .mobile_btn{
        color:#fff;
        font-size:24px;
        height:60px;
        line-height:60px;
        width:60px;
        z-index:10;
        padding:0 20px;
        position:absolute;
        top:0;
        left:70px;
        display:block
    }
}
.header .responsive-search{
    display:none;
    color:#fff;
    font-size:20px;
    height:60px;
    line-height:60px;
    padding:0 15px
}
@media(max-width:991px){
    .header .responsive-search{
        display:block
    }
}
.header .top-nav-search form{
    margin-top:10px;
    position:relative;
    width:230px
}
@media(max-width:991px){
    .header .top-nav-search form{
        display:none
    }
}
.header .top-nav-search form .form-control{
    background-color:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.15);
    color:#fff;
    height:40px;
    padding:10px 50px 10px 15px;
    border-radius:50px
}
.header .top-nav-search form .form-control::-webkit-input-placeholder{
    color:rgba(255,255,255,.7)
}
.header .top-nav-search form .btn{
    background-color:transparent;
    border-color:transparent;
    color:rgba(255,255,255,.7);
    min-height:40px;
    position:absolute;
    top:0;
    right:0;
    padding:7px 15px
}
@media(max-width:991px){
    .header .top-nav-search.active form{
        display:block;
        position:absolute;
        left:0
    }
    .header .top-nav-search.active form .form-control{
        background-color:#fff;
        border-color:#e3e3e3;
        color:#333
    }
    .header .top-nav-search.active form .btn{
        background-color:transparent;
        border-color:transparent;
        color:#999;
        min-height:40px;
        position:absolute;
        top:0;
        right:0;
        padding:7px 15px
    }
}
.header .user-menu{
    float:right;
    margin:0;
    position:relative;
    z-index:99
}
@media(max-width:575px){
    /* .header .user-menu{
        display:none
    } */
}
.header .user-menu .dropdown-toggle::after{
    border:0
}
.header .user-menu.nav>li>a{
    color:#fff;
    font-size:15px;
    line-height:60px;
    height:60px;
    padding:0 15px
}
.header .user-menu.nav>li>a .badge{
    color:#fff;
    font-weight:700;
    background-color:#7460ee;
    position:absolute;
    top:6px;
    right:3px
}
.header .user-menu.nav>li>a i{
    font-size:20px;
    line-height:60px
}
.header .user-menu.nav>li.flag-nav a img{
    width:20px;
    height:20px;
    margin-right:5px
}
.header .user-menu.nav>li.flag-nav a .dropdown-menu{
    max-height:150px;
    min-width:120px;
    overflow-y:auto
}
.header .user-menu.nav>li.flag-nav a .dropdown-menu .dropdown-item{
    padding:5px 15px
}
.header .user-menu.nav>li.flag-nav .dropdown-menu{
    max-height:150px;
    min-width:120px;
    overflow-y:auto
}
.header .user-menu.nav>li.flag-nav .dropdown-menu .dropdown-item{
    color:#171717;
    padding:5px 15px
}
@media(max-width:991px){
    .header .has-arrow .dropdown-toggle>span:nth-child(2){
        display:none
    }
    .header .has-arrow .dropdown-toggle:after{
        display:none!important
    }
}
.header .has-arrow .dropdown-toggle[aria-expanded=true]:after{
    transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg)
}
.header .has-arrow .dropdown-toggle:after{
    border-top:0;
    border-left:0;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
    content:"";
    display:inline-block;
    pointer-events:none;
    width:8px;
    height:8px;
    vertical-align:2px;
    transform-origin:66% 66%;
    -webkit-transform-origin:66% 66%;
    -ms-transform-origin:66% 66%;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg)
}
.header .user-img{
    display:inline-block;
    position:relative
}
.header .user-img img{
    width:30px;
    border-radius:50%
}
.header .user-img .status{
    border:2px solid #fff;
    height:10px;
    width:10px;
    background-color:#55ce63;
    margin:0;
    position:absolute;
    right:0;
    bottom:12px;
    border-radius:50%;
    display:inline-block
}
.header .mobile-user-menu{
    color:#fff;
    display:none;
    float:right;
    font-size:24px;
    height:60px;
    line-height:60px;
    text-align:right;
    width:60px;
    z-index:10;
    padding:0 20px;
    position:absolute;
    top:0;
    right:0
}
@media(max-width:575px){
    .header .mobile-user-menu{
        display:block
    }
}
.header .mobile-user-menu a{
    color:#fff;
    padding:0
}
.header .mobile-user-menu a::after{
    display:none
}
.header .mobile-user-menu .dropdown-menu{
    padding:0
}
.header .mobile-user-menu .dropdown-menu a{
    color:#333;
    border-bottom:1px solid #d5d5d5;
    line-height:40px;
    padding:0 10px
}
@media(min-width:992px){
    .mini-sidebar .header-left{
        width:60px;
        padding:0 5px
    }
    .mini-sidebar .header-left .logo img{
        height:auto;
        max-height:30px;
        width:auto
    }
    .mini-sidebar .menu-arrow{
        display:none!important
    }
    .mini-sidebar .chat-user{
        display:none!important
    }
    .mini-sidebar .badge{
        /* display:none!important */
    }
    .mini-sidebar.expand-menu .menu-arrow{
        display:block!important
    }
    .mini-sidebar.expand-menu .chat-user{
        display:block!important
    }
    .mini-sidebar.expand-menu .badge{
        display:block!important
    }
    .mini-sidebar .noti-dot:before{
        display:none
    }
}
.sidebar{
    background-color:#34444c;
    border-right:1px solid transparent;
    margin-top:0;
    position:fixed;
    top:60px;
    bottom:0;
    left:0;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    width:230px;
    z-index:1001
}
@media(max-width:992px){
    .sidebar{
        margin-left:-225px;
        width:225px;
        -webkit-transition:all .4s ease;
        -ms-transition:all .4s ease;
        transition:all .4s ease;
        z-index:1041
    }
}
.sidebar .sidebar-inner{
    height:100%;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.sidebar .sidebar-menu{
    padding:10px 0
}
.sidebar .sidebar-menu ul{
    font-size:15px;
    position:relative
}
.sidebar .sidebar-menu ul li{
    position:relative
}
.sidebar .sidebar-menu ul li.submenu .noti-dot:before{
    content:"";
    width:5px;
    height:5px;
    border:5px solid #f43b48;
    background-color:#f43b48;
    z-index:10;
    position:absolute;
    top:15px;
    right:37px;
    border-radius:30px
}
.sidebar .sidebar-menu ul li.submenu .submenu a span{
    margin-left:0
}
.sidebar .sidebar-menu ul li.menu-title{
    color:#ebebeb;
    font-size:14px;
    opacity:1;
    padding:5px 15px;
    white-space:nowrap
}
.sidebar .sidebar-menu ul li.menu-title a{
    color:#f43b48;
    display:inline-block;
    margin-left:auto;
    padding:0
}
.sidebar .sidebar-menu ul li.menu-title a i{
    font-size:16px
}
.sidebar .sidebar-menu ul li a{
    justify-content:flex-start;
    position:relative;
    font-size:15px;
    color:#b7c0cd;
    height:auto;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    padding:8px 15px
}
.sidebar .sidebar-menu ul li a:hover{
    color:#fff
}
.sidebar .sidebar-menu ul li a span{
    display:inline-block;
    margin-left:15px;
    white-space:nowrap;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.sidebar .sidebar-menu ul li a span.chat-user{
    margin-left:0;
    overflow:hidden;
    text-overflow:ellipsis
}
.sidebar .sidebar-menu ul li a .menu-arrow{
    display:inline-block;
    font-family:fontawesome;
    text-rendering:auto;
    line-height:40px;
    font-size:18px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height:18px;
    top:11px;
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    position:absolute;
    right:15px
}
.sidebar .sidebar-menu ul li a .menu-arrow::before{
    content:"\f105"
}
.sidebar .sidebar-menu ul li a i{
    display:inline-block;
    font-size:24px;
    line-height:24px;
    text-align:left;
    vertical-align:middle;
    width:20px;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.sidebar .sidebar-menu ul li a i.mail-label{
    font-size:16px;
    margin-right:5px
}
.sidebar .sidebar-menu ul li a.subdrop .menu-arrow{
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg)
}
.sidebar .sidebar-menu ul li a .chat-avatar-sm{
    display:inline-block;
    float:left;
    margin-left:0!important;
    margin-right:10px;
    position:relative;
    width:24px
}
.sidebar .sidebar-menu ul li a .chat-avatar-sm.user-img .status{
    bottom:0;
    right:-3px
}
.sidebar .sidebar-menu ul li a .chat-avatar-sm.user-img .status{
    border:2px solid #fff;
    height:10px;
    margin:0;
    width:10px;
    border-radius:50px;
    position:absolute;
    right:0;
    bottom:0
}
.sidebar .sidebar-menu ul li a .chat-avatar-sm.user-img .status.online{
    background-color:#55ce63
}
.sidebar .sidebar-menu ul li a .chat-avatar-sm.user-img .status.offline{
    background-color:#f62d51
}
.sidebar .sidebar-menu ul li a span{
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    display:inline-block;
    margin-left:15px;
    white-space:nowrap
}
.sidebar .sidebar-menu ul li a span.badge{
    margin-left:auto
}
.sidebar .sidebar-menu ul li.active a{
    color:#fff;
    background-color:rgba(0,0,0,.2)
}
.sidebar .sidebar-menu ul ul{
    display:none
}
.sidebar .sidebar-menu ul ul a{
    display:block;
    font-size:14px;
    position:relative;
    padding:9px 10px 9px 50px
}
.sidebar .sidebar-menu ul ul a.active{
    color:#f43b48;
    text-decoration:underline
}
.slide-nav .sidebar{
    margin-left:0
}
.sidebar-overlay{
    display:none;
    z-index:90;
    height:100%;
    width:100%;
    z-index:1040;
    position:fixed;
    top:60px;
    left:0;
    background-color:rgba(0,0,0,.6)
}
.sidebar-overlay.opened{
    display:block
}
@media(min-width:992px){
    .mini-sidebar .sidebar{
        width:60px
    }
    .mini-sidebar .sidebar .menu-title{
        visibility:hidden;
        white-space:nowrap
    }
    .mini-sidebar .sidebar .sidebar-menu>ul>li>a i{
        font-size:30px;
        width:30px
    }
    .mini-sidebar.expand-menu .sidebar{
        width:230px
    }
    .mini-sidebar.expand-menu .sidebar .menu-title{
        visibility:hidden;
        white-space:nowrap
    }
    .mini-sidebar.expand-menu .sidebar .sidebar-menu>ul>li>a i{
        font-size:30px;
        width:30px
    }
    .mini-sidebar.expand-menu .sidebar .sidebar-menu>ul>li.menu-title{
        visibility:visible
    }
}
@media(min-width:991px){
    .mini-sidebar .page-wrapper{
        margin-left:60px
    }
}
.select2-results__option{
    padding:6px 15px
}
.select2-container .select2-selection--single{
    border:1px solid #dcdcdc;
    height:44px
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-right:30px;
    padding-left:15px
}
.select2-dropdown{
    z-index:1055
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:44px;
    right:7px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#dcdcdc transparent transparent;
    border-style:solid;
    border-width:6px 6px 0;
    height:0;
    margin-left:-10px;
    margin-top:-2px;
    width:0;
    position:absolute;
    top:50%;
    left:50%
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#272b41;
    font-size:15px;
    font-weight:400;
    line-height:44px
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #dcdcdc;
    border-width:0 6px 6px
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#f43b48
}
.select2-container--default .select2-selection--multiple{
    border:1px solid #dcdcdc;
    min-height:46px
}
.select2-dropdown{
    border-color:#dcdcdc
}
.form-focus .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#676767;
    font-size:14px;
    font-weight:400;
    line-height:38px
}
.form-focus .select2-container .select2-selection--single .select2-selection__rendered{
    padding-right:30px;
    padding-left:12px;
    padding-top:10px
}
.nav-tabs{
    border-bottom:1px solid #dedfe0
}
.nav-tabs.nav-tabs-bottom li{
    margin-bottom:-1px
}
.nav-tabs .nav-link{
    margin-bottom:-1px;
    background:0 0;
    border:1px solid transparent;
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem
}
.nav-tabs li a{
    color:#888
}
.nav-tabs li a.active{
    border-bottom-width:2px;
    border-color:transparent;
    border-bottom-color:#f43b48;
    background-color:transparent;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.content-full{
    height:100%;
    position:relative;
    width:100%
}
.content-full .display-table{
    display:table;
    table-layout:fixed;
    border-spacing:0;
    width:100%;
    height:100%
}
.content-full .display-table .table-row{
    display:table-row;
    height:100%
}
.content-full .display-table .table-row .table-body{
    position:relative;
    height:100%;
    width:100%
}
.content-full .display-table .table-row .table-body .table-content{
    bottom:0;
    left:0;
    overflow:auto;
    position:absolute;
    top:0;
    right:0
}
.content-full .display-table .table-row .table-body .table-content .chat-profile-img{
    padding:30px;
    position:relative;
    text-align:center
}
.content-full .display-table .table-row .table-body .table-content .chat-profile-img .edit-profile-img{
    height:120px;
    margin:0 auto;
    position:relative;
    width:120px;
    cursor:pointer
}
.content-full .display-table .table-row .table-body .table-content .chat-profile-img .edit-profile-img img{
    height:auto;
    margin:0;
    width:120px;
    border-radius:50%
}
.content-full .display-table .table-row .table-body .table-content .chat-profile-img .edit-profile-img .change-img{
    background-color:rgba(0,0,0,.3);
    color:#fff;
    display:none;
    height:100%;
    line-height:120px;
    width:100%;
    border-radius:50%;
    position:absolute;
    top:0;
    left:0
}
.content-full .display-table .table-row .table-body .table-content .chat-profile-img .edit-profile-img .edit-btn{
    height:36px;
    width:36px;
    border-radius:40px;
    position:absolute;
    top:15px;
    right:15px
}
.content-full .display-table .table-row .table-body .table-content .chat-profile-img .user-name{
    color:#333
}
.content-full .display-table .table-row .table-body .table-content .chat-profile-info{
    padding:15px
}
.content-full .display-table .table-row .table-body .table-content .chat-profile-info .user-det-list{
    list-style:none;
    padding:0
}
.content-full .display-table .table-row .table-body .table-content .chat-profile-info .user-det-list li{
    padding:6px 15px
}
.nav-tabs .nav-tabs-solid{
    background-color:#fafafa;
    border:0
}
.nav-tabs .nav-tabs-solid .active{
    background-color:#f43b48;
    border-color:#f43b48;
    color:#fff
}
.nav-tabs .nav-link:hover{
    background-color:#eee;
    border-color:transparent;
    color:#333
}
.nav-tabs.nav-tabs-top li a.active{
    border-top-color:#f43b48;
    border-width:2px 0 0;
    border-radius:0
}
.nav-tabs.nav-tabs-bottom li a.active{
    border-bottom-color:#f43b48;
    border-width:0 0 2px;
    background:0 0;
    border-radius:0
}
.nav-tabs.nav-tabs-solid{
    background-color:#fafafa;
    border:0
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded li a.active{
    background-color:#f43b48;
    border-color:#f43b48;
    color:#fff;
    border-radius:50px
}
.nav-tabs.nav-tabs-solid li a.active{
    background-color:#f43b48;
    border-color:#f43b48;
    color:#fff;
    border-radius:0
}
.page-menu .nav-tabs li a{
    font-size:16px
}
@media(max-width:768px){
    .nav-tabs{
        border-bottom:0;
        position:relative;
        background-color:#fff;
        border:1px solid #ddd;
        padding:5px 0;
        border-radius:3px
    }
}
.custom-modal .modal-content{
    border:0;
    border-radius:10px
}
.custom-modal .modal-content .close{
    background-color:#a0a0a0;
    border:0;
    color:#fff;
    font-size:13px;
    height:20px;
    line-height:20px;
    opacity:1;
    width:20px;
    z-index:99;
    margin:0;
    padding:0;
    border-radius:50%;
    position:absolute;
    top:10px;
    right:10px
}
.custom-modal .modal-content .modal-header{
    border:0;
    padding:30px 30px 0
}
.custom-modal .modal-content .modal-header .modal-title{
    font-size:22px
}
.custom-modal .modal-content .modal-header .close{
    background-color:#a0a0a0;
    border:0;
    color:#fff;
    font-size:13px;
    height:20px;
    line-height:20px;
    opacity:1;
    width:20px;
    z-index:99;
    margin:0;
    padding:0;
    position:absolute;
    top:10px;
    right:10px;
    border-radius:50%
}
.custom-modal .modal-content .modal-body{
    padding:30px
}
.custom-modal .modal-content .modal-body .attach-files ul li{
    display:inline-block;
    margin-right:10px;
    position:relative
}
.custom-modal .modal-content .modal-body .attach-files ul li img{
    width:50px
}
.custom-modal .modal-content .modal-body .attach-files ul li .file-remove{
    color:#fb1612;
    position:absolute;
    top:-7px;
    right:-6px
}
.custom-modal .modal-content .modal-body .status-toggle{
    float:left
}
.custom-modal .modal-content .modal-body .form-group{
    margin-bottom:1rem;
    float:left;
    width:100%
}
.custom-modal .modal-content .modal-body .form-group.col-sm-4{
    width:33.3%
}
.custom-modal .modal-content .modal-body .form-group.col-sm-6{
    width:50%
}
.custom-modal .modal-content .modal-body .add-group-btn .btn-primary{
    margin-top:15px
}
.custom-modal .modal-content .modal-body .chat-user-list .media{
    border-bottom:1px solid #eaeaea;
    border-radius:inherit;
    background-color:#fff;
    padding:10px
}
.custom-modal .modal-content .modal-body .chat-user-list .media .user-name{
    color:#333
}
.custom-modal .modal-content .modal-body .chat-user-list .media .designation{
    color:#9e9e9e;
    font-size:12px
}
.custom-modal .modal-content .modal-body .chat-user-list .media .online-date{
    color:#9e9e9e;
    font-size:12px
}
.custom-modal .modal-content .modal-body .chat-user-list .media:hover{
    background-color:#f7f7f7
}
.submit-section{
    text-align:center;
    margin-top:40px;
    float:left;
    width:100%
}
@media(max-width:575px){
    .submit-section{
        margin-top:20px
    }
}
.submit-section .submit-btn{
    font-size:18px;
    font-weight:600;
    min-width:200px;
    border-radius:50px;
    padding:10px 20px
}
@media(max-width:575px){
    .submit-section .submit-btn{
        margin:10px 0 0;
        font-size:14px
    }
}
.task-follower-list{
    margin-top:15px
}
.task-follower-list span{
    position:relative
}
.task-follower-list span i{
    cursor:pointer;
    color:#fb1612;
    position:absolute;
    top:-5px;
    right:5px
}
.task-board-color .board-color-list{
    height:45px
}
@media(max-width:991px){
    .task-board-color .board-color-list{
        margin-bottom:40px
    }
}
.task-board-color .board-color-list .board-control{
    position:relative;
    min-height:1.5rem;
    cursor:pointer;
    width:36px;
    height:36px;
    margin:0 10px 10px 0;
}
.task-board-color .board-color-list .board-control:last-child{
    margin:0 0 10px 0;
}    
.task-board-color .board-color-list .board-control .board-indicator{
    width:36px;
    height:36px
}
.task-board-color .board-control-input{
    position:absolute;
    z-index:-1;
    opacity:0
}
.task-board-color .board-control-input:checked~.board-indicator:before{
    content:"\f00c";
    display:block;
    width:16px;
    height:16px;
    color:#fff;
    border:none;
    font-family:FontAwesome;
    text-align:center;
    line-height:16px;
    border-radius:2px;
    position:relative;
    top:10px;
    left:10px
}
.task-board-color .board-primary .board-indicator{
    background:#ff9b44
}
.task-board-color .board-success .board-indicator{
    background:#4caf50
}
.task-board-color .board-info .board-indicator{
    background:#42a5f5
}
.task-board-color .board-purple .board-indicator{
    background:#7460ee
}
.task-board-color .board-warning .board-indicator{
    background:#ffb300
}
.task-board-color .board-danger .board-indicator{
    background:#ef5350
}
.leave-duallist{
    background-color:#f9f9f9;
    border:1px solid #e3e3e3;
    display:block;
    padding:15px
}
.leave-duallist select.form-control[multiple]{
    height:200px;
    padding:7px
}
.leave-duallist select.form-control[multiple] option{
    border-radius:3px;
    padding:7px 12px
}
.form-header{
    text-align:center;
    margin-bottom:30px
}
.continue-btn,.cancel-btn{
    background-color:#fff;
    border:1px solid #f43b48;
    color:#f43b48!important;
    display:block;
    font-size:18px;
    font-weight:600;
    text-align:center;
    border-radius:50px;
    padding:10px 20px
}
.continue-btn:hover,.cancel-btn:hover{
    color:#fff!important
}
.table{
    padding:0;
    background:#fff
}
.table .table>:not(:first-child){
    border-top:0
}
.table th{
    white-space:nowrap;
    border-top:1px solid #e2e5e8;
    padding:1rem .75rem
}
.table td{
    border-top:1px solid #e2e5e8;
    white-space:nowrap;
    vertical-align:middle;
    padding:.5rem
}
.table td a{
    color:#333
}
.table td .pro-avatar{
    height:1.65rem;
    margin-right:5px;
    width:auto;
    border-radius:.25rem
}
.table td h2{
    display:inline-block;
    font-size:14px;
    font-weight:400;
    margin:0;
    padding:0;
    vertical-align:middle
}
.table td h2 a{
    color:#333
}
.table td a{
    color:#333
}
.table>:not(:first-child){
    border-top:0
}
.user-add-shedule-list h2 a{
    padding:10px;
    display:inline-block
}
.user-add-shedule-list h2 a span{
    color:#888;
    display:block;
    font-size:12px;
    margin-top:3px
}
.user-add-shedule-list a{
    border:1px dashed #aaa;
    color:#aaa;
    border-radius:5px;
    display:inline-block;
    padding:10px
}
.table-bordered td{
    border:1px solid #dee2e6
}
.table-bordered th{
    border:1px solid #dee2e6
}
.filter-row .btn{
    min-height:44px;
    text-transform:uppercase;
    padding:9px
}
.card-table .card-header{
    background-color:#fff;
    border-bottom:1px solid #ddd;
    padding:15px
}
.card-table .card-body{
    padding:0
}
.card-table .card-footer{
    background-color:#fff;
    text-align:center
}
.card-table .card-footer a{
    color:#333
}
.dropdown-action .dropdown-toggle::after{
    border:0
}
.action-icon{
    color:#777;
    font-size:18px;
    display:inline-block
}
.table-inbox td{
    padding:.5rem
}
.table-inbox .starred.fa-star{
    color:#ffd200
}
.unread .name,.unread .subject,.unread .maildate{
    color:#000;
    font-weight:600
}
.table-striped tbody tr:nth-of-type(2n+1){
    background-color:#f5f5f5
}
.custom-table tr.holiday-completed{
    color:#aaa
}
.custom-table td{
    padding:10px 20px
}
.leave-table .l-name{
    width:200px
}
.leave-table .l-days{
    width:140px
}
.review-section{
    margin:0 0 30px
}
.review-section .review-header{
    background-color:#fff;
    border:1px solid #cfcfcf;
    text-align:center;
    margin:0;
    padding:15px
}
.review-section .review-header h3{
    font-size:1.4rem;
    margin-bottom:3px
}
.form-control-sm.form-control{
    height:30px;
    appearance:auto;
    border-radius:0
}
.activity-box{
    position:relative
}
.activity-box .activity-list{
    list-style:none;
    position:relative
}
.activity-box .activity-list::before{
    content:"";
    width:2px;
    background:#ddd;
    position:absolute;
    top:8px;
    bottom:0;
    left:23px
}
.activity-box .activity-list li{
    background-color:#fff;
    position:relative;
    border:1px solid #ededed;
    -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    margin:0 0 10px;
    padding:10px
}
.activity-box .activity-list li::before{
    background:#ddd;
    bottom:0;
    content:"";
    width:2px;
    position:absolute;
    top:12px;
    left:22px
}
.activity-box .activity-list li .activity-user{
    height:32px;
    width:32px;
    margin:0;
    padding:0;
    position:absolute;
    top:12px;
    left:8px
}
.activity-box .activity-list li .activity-user .avatar{
    height:32px;
    line-height:32px;
    width:32px;
    margin:0
}
.activity-box .activity-list li .activity-content{
    background-color:#fff;
    position:relative;
    margin:0 0 0 40px;
    padding:0
}
.activity-box .activity-list li .activity-content .timeline-content{
    color:#9e9e9e
}
.activity-box .activity-list li .activity-content .timeline-content a{
    color:#616161
}
.activity-box .activity-list li .time{
    color:#bdbdbd;
    display:block;
    font-size:13px
}
.punch-det{
    background-color:#f9f9f9;
    border:1px solid #e3e3e3;
    border-radius:4px;
    margin:0 0 20px;
    padding:10px 15px
}
.punch-det h6{
    line-height:20px;
    margin:0
}
.punch-det p{
    color:#727272;
    font-size:14px;
    margin:0
}
.punch-info{
    margin:0 0 20px
}
.punch-info .punch-hours{
    background-color:#f9f9f9;
    border:5px solid #e3e3e3;
    font-size:18px;
    height:120px;
    width:120px;
    margin:0 auto;
    border-radius:50%
}
.punch-btn-section{
    text-align:center;
    margin:0 0 20px
}
.punch-btn-section .punch-btn{
    font-size:18px;
    font-weight:600;
    max-width:100%;
    padding:8px 40px;
    border-radius:50px
}
.punch-btn-section .stats-box{
    background-color:#f9f9f9;
    border:1px solid #e3e3e3;
    margin:0 0 15px;
    padding:5px
}
.punch-btn-section .stats-box p{
    font-size:12px;
    margin:0
}
.punch-btn-section .stats-box h6{
    margin:0
}
.recent-activity .res-activity-list{
    height:328px;
    list-style-type:none;
    overflow-y:auto;
    position:relative;
    margin:0;
    padding:0 0 0 30px
}
.recent-activity .res-activity-list:after{
    content:"";
    border:1px solid #e5e5e5;
    position:absolute;
    top:0;
    bottom:0;
    left:4px
}
.recent-activity .res-activity-list li{
    margin:0 0 15px;
    position:relative
}
.recent-activity .res-activity-list li:before{
    content:"";
    width:10px;
    height:10px;
    border:2px solid #f43b48;
    z-index:2;
    background:#fff;
    border-radius:100%;
    margin:0 0 0 15px;
    position:absolute;
    top:0;
    left:-45px
}
.recent-activity p{
    font-size:13px;
    margin:0
}
.recent-activity .res-activity-time{
    color:#bbb;
    font-size:12px
}
.att-statistics .progress{
    height:4px
}
.att-statistics .stats-info{
    background-color:#fff;
    /* border:1px solid #e5e5e5; */
    border: none !important;
    text-align:center;
    border-radius:4px;
    margin:0 0 5px;
    padding:15px
}
.att-statistics .stats-info p{
    font-size:12px;
    margin:0 0 5px
}
.chat-contents{
    display:table-row;
    height:100%
}
.chat-contents .chat-content-wrap{
    height:100%;
    position:relative;
    width:100%
}
.chat-contents .chat-content-wrap .chats{
    padding:30px 15px
}
.chat-contents .chat-content-wrap .chats .chat-body{
    padding:0 10px 0 48px
}
.chat-contents .chat-content-wrap .chats .chat-bubble{
    display:block;
    width:100%;
    float:left;
    margin-bottom:10px
}
.chat-contents .chat-content-wrap .chats .chat-bubble:first-child .chat-content{
    border-top-right-radius:20px!important
}
.chat-contents .chat-content-wrap .chats .chat-bubble:last-child .chat-content{
    border-bottom-right-radius:20px!important
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-content .chat-time{
    color:rgba(0,0,0,.5);
    display:block;
    font-size:12px
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-content .attach-list{
    color:#a3a3a3;
    line-height:24px;
    list-style:none;
    margin:0;
    padding:5px 0 0
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-content .attach-list .task-attach-img{
    margin:0 0 20px
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-content .chat-img-group p{
    margin:0 0 20px
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-content p{
    margin:0
}
.chat-contents .chat-content-wrap .chats .chat-bubble:hover .chat-action-btns{
    display:block
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-action-btns{
    display:none
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-action-btns ul{
    list-style:none;
    margin:15px 15px 0;
    padding:0
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-action-btns ul li{
    display:inline-block;
    margin-left:5px;
    font-size:18px
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-action-btns ul li a{
    color:#8c8c8c
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach{
    position:relative;
    float:right;
    border-radius:4px;
    margin:0 0 12px 12px
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder{
    background:rgba(69,81,97,.6);
    border-radius:4px;
    color:#fff;
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    padding:13px
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder .chat-img-name{
    font-size:12px;
    font-weight:700;
    line-height:16px
}
.chat-contents .chat-content-wrap .chats .chat-bubble .chat-img-attach .chat-placeholder .chat-file-desc{
    font-size:11px
}
.chat-contents .chat-content-wrap .chats .chat-right .chat-body{
    padding:0 10px 0 48px
}
.chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-content{
    background-color:#f2f2f2;
    border:1px solid #e3e3e3;
    clear:both;
    color:#727272;
    display:block;
    float:right;
    max-width:60%;
    position:relative;
    margin:0;
    padding:8px 15px;
    border-radius:20px 2px 2px 20px
}
.chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-content .chat-time{
    text-align:right
}
.chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-content.img-content{
    background-color:transparent;
    border:0;
    color:#76838f;
    padding:0;
    text-align:right
}
.chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-time{
    text-align:right
}
.chat-contents .chat-content-wrap .chats .chat-right .chat-body .chat-action-btns{
    float:right
}
.chat-contents .chat-content-wrap .chats .chat-left{
    width:100%;
    float:left
}
.chat-contents .chat-content-wrap .chats .chat-left .chat-avatar{
    float:left
}
.chat-contents .chat-content-wrap .chats .chat-left .chat-avatar .avatar{
    line-height:30px;
    height:30px;
    width:30px
}
.chat-contents .chat-content-wrap .chats .chat-left .chat-body{
    margin:0;
    padding:0 20px 0 0;
    display:block;
    overflow:hidden
}
.chat-contents .chat-content-wrap .chats .chat-left .chat-content{
    background-color:#fff;
    border:1px solid #eaeaea;
    color:#888;
    float:left;
    position:relative;
    max-width:60%;
    padding:8px 15px;
    border-radius:2px 20px 20px 2px
}
@media(max-width:575px){
    .chat-contents .chat-content-wrap .chats .chat-left .chat-content{
        max-width:80%
    }
}
.chat-contents .chat-content-wrap .chats .chat-left .chat-bubble:first-child .chat-content{
    border-top-left-radius:20px
}
.chat-contents .chat-content-wrap .chats .chat-left .chat-bubble:last-child .chat-content{
    border-bottom-left-radius:20px
}
.chat-contents .chat-content-wrap .chats .chat-left .chat-img-attach{
    float:left;
    margin:0 12px 12px 0
}
.chat-sidebar .chat-line .chat-date{
    background-color:#fff;
    top:10px
}
.chat-line{
    border-bottom:1px solid #eaeaea;
    position:relative;
    text-align:center;
    width:100%;
    margin:7px 0 20px
}
.chat-line .chat-date{
    background-color:#f7f7f7;
    color:#727272;
    font-size:12px;
    padding:0 11px;
    position:relative;
    top:7px;
    left:-15px
}
.chat-main-row{
    overflow:auto;
    padding-bottom:inherit;
    padding-top:inherit;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.chat-main-row .chat-main-wrapper{
    display:table;
    height:100%;
    table-layout:fixed;
    width:100%
}
.chat-main-row .chat-main-wrapper .message-view{
    display:table-cell;
    height:100%;
    float:none;
    position:static;
    vertical-align:top;
    width:75%;
    padding:0
}
@media(max-width:991px){
    .chat-main-row .chat-main-wrapper .message-view{
        width:100%
    }
}
.chat-main-row .chat-main-wrapper .chat-sidebar{
    background-color:#fff;
    border-left:1px solid #eaeaea;
    width:300px!important
}
.chat-sidebar .chat-contents{
    background-color:#fff
}
.chat-sidebar .chat-contents .chats{
    padding:15px 15px 30px
}
.chat-sidebar .chat-contents .chats .chat-left{
    margin:0 0 20px
}
.chat-sidebar .chat-contents .chats .chat-left .chat-avatar{
    float:left
}
.chat-sidebar .chat-contents .chats .chat-left .chat-avatar .avatar{
    width:30px;
    height:30px;
    line-height:30px
}
.chat-sidebar .chat-contents .chats .chat-left .chat-body{
    margin:0 0 0 50px;
    padding:0
}
.chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble{
    display:block;
    width:100%;
    float:left;
    margin:0 0 10px
}
.chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content{
    border:0;
    padding:0;
    background-color:transparent;
    max-width:100%;
    border-radius:0!important
}
.chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .task-chat-user{
    color:#333;
    font-size:13px
}
.chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .chat-time{
    color:#888;
    display:inline-block;
    font-size:11px
}
.chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .call-details{
    margin:10px 0 0
}
.chat-sidebar .chat-contents .chats .chat-left .chat-body .chat-bubble .chat-content .call-details .call-info{
    margin-left:10px;
    width:100%
}
.video-window .fixed-header{
    padding:0!important;
    border:0
}
.video-window .fixed-header .nav li a{
    padding:18px 15px
}
.chat-profile-img{
    padding:30px;
    position:relative;
    text-align:center
}
.chat-profile-img .edit-profile-img{
    height:120px;
    margin:0 auto;
    position:relative;
    width:120px;
    cursor:pointer
}
.chat-profile-img .edit-profile-img img{
    height:auto;
    margin:0;
    width:120px;
    border-radius:50%
}
.chat-profile-img .edit-profile-img .change-img{
    background-color:rgba(0,0,0,.3);
    color:#fff;
    display:none;
    height:100%;
    line-height:120px;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    border-radius:50%
}
.chat-profile-img .edit-profile-img:hover .change-img{
    display:block!important
}
.chat-profile-img .edit-btn{
    height:36px;
    width:36px;
    position:absolute;
    top:15px;
    right:15px;
    border-radius:40px
}
.files-list{
    list-style:none;
    padding-left:0
}
.files-list>li{
    border-bottom:1px solid #eaeaea;
    margin:2px 0 0;
    padding:10px;
    border-radius:inherit
}
.files-list>li .files-cont{
    position:relative
}
.files-list>li .files-cont .file-type{
    height:48px;
    position:absolute;
    width:48px
}
.files-list>li .files-cont .file-type .files-icon{
    background-color:#f5f5f5;
    border:1px solid #ddd;
    display:inline-block;
    height:38px;
    line-height:38px;
    text-align:center;
    width:38px;
    border-radius:4px
}
.files-list>li .files-cont .file-type .files-icon i{
    color:#777;
    font-size:20px
}
.files-list>li .files-cont .files-info{
    padding:0 30px 0 50px
}
.files-list>li .files-cont .files-info .text-ellipsis{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.files-list>li .files-cont .files-info .file-author a{
    color:#f43b48;
    font-size:12px;
    text-decoration:underline
}
.files-list>li .files-cont .files-info .file-author .file-date{
    color:#888;
    font-size:12px
}
.files-list>li .files-cont .files-action{
    display:none;
    height:30px;
    list-style:none;
    padding-left:0;
    text-align:right;
    width:30px;
    position:absolute;
    top:0;
    right:0
}
.files-list>li .files-cont .files-action a{
    color:#777
}
.files-list>li:hover .files-action{
    display:block
}
.search-box{
    margin-top:5px
}
@media(max-width:991px){
    .search-box{
        display:none
    }
}
.search-box .input-group{
    background-color:#f7f7f7;
    border:1px solid #e3e3e3;
    border-radius:50px
}
.search-box .input-group .form-control{
    background:0 0;
    border:none
}
.search-box .input-group .btn{
    background-color:transparent
}
.upload-drop-zone{
    background-color:#fff;
    border:2px dashed #e3e3e3;
    color:#ccc;
    height:200px;
    line-height:200px;
    margin-bottom:20px;
    text-align:center
}
.upload-drop-zone .upload-text{
    font-size:24px;
    margin-left:10px
}
.upload-list .file-size{
    color:#888
}
.upload-list .file-list{
    background-color:#fff;
    border-top:1px solid #e3e3e3;
    padding:10px 0
}
.upload-list .file-list:first-child{
    border-top:none
}
.upload-list .upload-wrap{
    position:relative;
    margin:0 0 5px;
    padding:0 20px 0 0
}
.upload-list .file-name{
    padding-right:15px;
    overflow:hidden;
    max-width:100%;
    text-overflow:ellipsis;
    display:inline-block;
    vertical-align:top;
    white-space:nowrap;
    color:#888;
    margin:0 5px 0 0;
    vertical-align:middle
}
.upload-list .file-close{
    border:none;
    background:0 0;
    color:#ccc;
    position:absolute;
    top:2px;
    right:0
}
.upload-list .progress{
    margin-bottom:5px
}
.upload-list .upload-process{
    font-size:10px;
    color:#888
}
.voice-call-avatar{
    flex:2
}
.voice-call-avatar .call-avatar{
    width:150px;
    height:150px;
    border:1px solid rgba(0,0,0,.1);
    background-color:#fff;
    margin:3px;
    padding:3px;
    border-radius:100%
}
.voice-call-avatar .call-avatar .username{
    font-size:18px;
    text-transform:uppercase
}
.voice-call-avatar .call-avatar .call-timing-count{
    padding:5px
}
@media(max-width:768px){
    .voice-call-avatar .call-avatar{
        width:120px;
        height:120px
    }
}
.call-users{
    z-index:99;
    position:absolute;
    right:20px;
    bottom:20px
}
.call-users ul li{
    float:left;
    width:80px;
    margin-left:10px
}
.call-users ul li img{
    background-color:#fff;
    border:1px solid rgba(0,0,0,.1);
    border-radius:6px;
    padding:2px
}
.call-users ul li .call-mute{
    width:80px;
    height:80px;
    background-color:rgba(0,0,0,.5);
    text-align:center;
    line-height:80px;
    font-size:30px;
    color:#fff;
    display:none;
    border:3px solid transparent;
    border-radius:6px;
    position:absolute;
    top:0
}
.call-users ul li a:hover .call-mute{
    display:block
}
.call-icons{
    text-align:center;
    position:relative
}
.call-icons .call-items{
    display:inline-block;
    border-radius:5px
}
.call-icons .call-items .call-item{
    display:inline-block;
    text-align:center;
    margin-right:5px
}
.call-icons .call-items .call-item a{
    color:#777;
    border:1px solid #ddd;
    width:50px;
    height:50px;
    line-height:50px;
    display:inline-block;
    font-size:20px;
    border-radius:50px
}
.call-icons .end-call{
    position:absolute;
    top:7px;
    right:0
}
@media(max-width:575px){
    .call-icons .end-call{
        margin-top:10px;
        position:inherit
    }
}
.call-icons .end-call a{
    background-color:#f06060;
    color:#fff;
    display:inline-block;
    line-height:10px;
    text-transform:uppercase;
    padding:8px 25px;
    border-radius:50px
}
.chat-sidebar .chats{
    padding:15px 15px 30px
}
.chat-sidebar .chat-left .chat-avatar{
    float:left
}
.chat-sidebar .chat-left .chat-avatar .avatar{
    width:30px;
    height:30px;
    line-height:30px
}
.chat-sidebar .chat-left .chat-body{
    margin:0 0 0 50px;
    padding:0
}
.user-video{
    overflow:auto;
    z-index:10;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.user-video img{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:100%;
    display:block;
    margin:0 auto
}
.my-video{
    z-index:99;
    position:absolute;
    right:20px;
    bottom:20px
}
.my-video ul li{
    float:left;
    width:120px;
    margin-right:10px
}
@media(max-width:575px){
    .my-video ul li{
        width:80px
    }
}
.my-video ul li img{
    border:3px solid #fff;
    border-radius:6px
}
.call-box{
    display:block;
    background:#f43b48;
    background:linear-gradient(to right,#f43b48 0%,#453a94 100%);
    position:sticky;
    top:0;
    z-index:99;
    overflow-y:auto;
    overflow-x:hidden
}
.call-box.incoming-box .call-end,.call-box.incoming-box .call-start{
    margin:0 10px!important
}
.call-box .call-avatar{
    height:150px;
    max-width:150px;
    min-width:150px;
    position:relative;
    width:100%;
    border-radius:100%
}
.call-box .call-wrapper{
    height:calc(100vh - 60px);
    text-align:center
}
.call-box .call-wrapper .call-user{
    margin-bottom:50px
}
.call-box .call-wrapper .call-user h4{
    color:#fff
}
.call-box .call-wrapper .call-user .call-box .call-wrapper .call-user span{
    display:block;
    color:#fff;
    font-weight:500;
    text-align:center
}
.call-box .call-wrapper .call-avatar{
    cursor:pointer;
    animation:ripple 2s infinite;
    margin:0 0 50px;
    border-radius:50%
}
.call-box .call-wrapper .call-items .call-item{
    background-color:rgba(255,255,255,.2);
    border:1px solid transparent;
    color:#fff;
    line-height:0;
    margin:0 5px;
    padding:15px;
    border-radius:100%
}
@media(max-width:575px){
    .call-box .call-wrapper .call-items .call-item{
        padding:10px
    }
}
.call-box .call-wrapper .call-items .call-item.call-start{
    background:#55ce63;
    border:1px solid #55ce63;
    color:#fff;
    line-height:0;
    margin:30px 20px 0;
    padding:20px;
    border-radius:100%
}
@media(max-width:575px){
    .call-box .call-wrapper .call-items .call-item.call-start{
        padding:10px
    }
}
.call-box .call-wrapper .call-items .call-item:first-child{
    margin-top:-30px
}
.call-box .call-wrapper .call-items .call-item.call-end{
    background:#f06060;
    border:1px solid #f06060;
    color:#fff;
    line-height:0;
    margin:30px 20px 0;
    padding:20px;
    border-radius:100%
}
@media(max-width:575px){
    .call-box .call-wrapper .call-items .call-item.call-end{
        margin:0 10px;
        padding:10px
    }
}
.call-box .call-wrapper .call-items .call-item:last-child{
    margin-top:-30px
}
.leave-delete-btn{
    font-weight:500;
    min-height:30px;
    margin:0 0 0 10px;
    padding:2px 15px
}
@-webkit-keyframes ripple{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(0,0,0,.1)
    }
    100%{
        -webkit-box-shadow:0 0 0 50px transparent
    }
}
@keyframes ripple{
    0%{
        -moz-box-shadow:0 0 0 0 rgba(0,0,0,.1);
        box-shadow:0 0 0 0 rgba(0,0,0,.1)
    }
    100%{
        -moz-box-shadow:0 0 0 50px transparent;
        box-shadow:0 0 0 50px transparent
    }
}
.fc-button{
    background:#f1f1f1;
    border:none;
    color:#797979;
    text-transform:capitalize;
    box-shadow:none;
    height:auto;
    border-radius:3px;
    margin:0 3px!important;
    padding:6px 12px
}
.fc-state-down,.fc-state-active,.fc-state-disabled{
    background-color:#f43b48!important;
    color:#fff!important;
    text-shadow:none!important
}
.fc-toolbar h2{
    font-size:18px;
    font-weight:600;
    line-height:30px;
    text-transform:uppercase
}
th.fc-widget-header{
    background:#eee;
    font-size:14px;
    line-height:20px;
    text-transform:uppercase;
    border-color:#f3f3f3;
    padding:10px 0
}
.fc-event{
    border:none;
    cursor:move;
    font-size:13px;
    text-align:center;
    border-radius:2px;
    margin:1px 7px;
    padding:5px
}
.contact-box{
    display:inline-table;
    height:100%;
    position:relative;
    width:100%;
    padding:30px 15px
}
.contact-list{
    list-style:none;
    width:96%;
    margin:0;
    padding:0
}
.contact-list>li{
    background-color:#fff;
    border-bottom:1px solid #eaeaea;
    border-radius:inherit;
    padding:10px
}
.contact-list>li .contact-cont{
    position:relative
}
.contact-list>li .contact-cont .user-img{
    display:inline-block;
    position:relative
}
.contact-list>li .contact-cont .user-img .status{
    background-color:#263238;
    display:inline-block;
    border:2px solid #fff;
    height:10px;
    margin:0;
    width:10px;
    border-radius:50%;
    position:absolute;
    right:0;
    bottom:0
}
.contact-list>li .contact-cont .contact-info{
    padding:0 30px 0 50px
}
.contact-list>li .contact-cont .contact-info .text-ellipsis{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.contact-list>li .contact-cont .contact-info .contact-date{
    color:#888;
    font-size:12px
}
.contact-list>li .contact-cont .contact-action{
    height:30px;
    list-style:none;
    padding-left:0;
    text-align:right;
    width:30px;
    position:absolute;
    top:10px;
    right:0
}
.contact-list>li .contact-cont .contact-action .action-icon{
    color:#777;
    font-size:18px;
    display:inline-block
}
.contact-alphapets{
    background-color:#fff;
    border-left:1px solid #ddd;
    height:100%;
    overflow:hidden;
    padding-bottom:114px;
    width:50px;
    position:fixed;
    top:114px;
    right:0;
    bottom:0
}
.contact-alphapets .alphapets-inner{
    height:100%;
    overflow:auto
}
.contact-alphapets .alphapets-inner a{
    display:block;
    text-align:center;
    padding:2px;
    color:#333
}
@media(max-width:991px){
    .top-action-left .btn-group{
        margin-bottom:15px
    }
}
.comp-section{
    margin:0 0 30px;
    padding:30px 0
}
.comp-section .section-title{
    font-size:18px;
    text-decoration:underline;
    text-transform:uppercase;
    margin:0 0 20px
}
.progress-example .progress{
    margin-bottom:1.5rem
}
.progress-example .progress .progress-lg{
    height:18px
}
.tab-content{
    padding-top:20px
}
.page-title{
    color:#1f1f1f;
    font-size:26px;
    font-weight:500;
    margin-bottom:5px
}
.notification-list .status-toggle{
    float:right
}
.notification-list .status-toggle .check{
    display:block;
    width:0;
    height:0;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    position:absolute;
    margin:0;
    padding:0
}
.notification-list .status-toggle .check:checked+.checktoggle{
    background-color:#55ce63
}
.notification-list .status-toggle .check:checked+.checktoggle:after{
    left:100%;
    transform:translate(calc(-100% - 5px),-50%);
    -webkit-transform:translate(calc(-100% - 5px),-50%);
    -ms-transform:translate(calc(-100% - 5px),-50%)
}
.notification-list .status-toggle .checktoggle{
    background-color:#e0001a;
    cursor:pointer;
    display:block;
    font-size:0;
    height:24px;
    margin-bottom:0;
    position:relative;
    width:48px;
    border-radius:12px
}
.notification-list .status-toggle .checktoggle:after{
    content:" ";
    display:block;
    width:16px;
    height:16px;
    background-color:#fff;
    position:absolute;
    top:50%;
    left:0;
    border-radius:50%;
    transform:translate(5px,-50%);
    -webkit-transform:translate(5px,-50%);
    -ms-transform:translate(5px,-50%);
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
textarea.form-control{
    resize:vertical;
    height:auto
}
.switch{
    cursor:pointer;
    position:relative
}
.switch input{
    position:absolute;
    opacity:0;
    filter:alpha(opacity=0)
}
.switch input:checked+span{
    background-color:#55ce63
}
.switch input:checked+span:after{
    left:31px
}
.switch span{
    position:relative;
    width:60px;
    height:30px;
    background-color:#fff;
    border:1px solid #eee;
    border-color:rgba(0,0,0,.1);
    display:inline-block;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    border-radius:30px
}
.switch span:after{
    content:"";
    background-color:#fff;
    width:26px;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.25);
    -moz-box-shadow:1px 1px 3px rgba(0,0,0,.25);
    box-shadow:1px 1px 3px rgba(0,0,0,.25);
    position:absolute;
    top:1px;
    bottom:1px;
    border-radius:30px;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.mailview-header{
    border-bottom:1px solid #ddd;
    margin:0 0 20px;
    padding:0 0 15px
}
.mailview-header .mail-view-title{
    font-weight:500;
    font-size:24px;
    margin:0
}
.mailview-header .mail-view-action{
    float:right
}
.sender-info .sender-img{
    float:left;
    margin-right:10px;
    width:40px
}
.sender-info .sender-name{
    display:block
}
.sender-info .mail-sent-time{
    float:right
}
.attachments li{
    border:1px solid #eee;
    float:left;
    width:200px;
    margin:0 0 10px 10px
}
.attachments li .attach-file{
    color:#777;
    font-size:70px;
    text-align:center;
    min-height:153px;
    padding:10px
}
.attachments li .attach-file i{
    line-height:133px
}
.attachments li .attach-info{
    background-color:#f4f4f4;
    padding:10px
}
.attachments li .attach-info .attach-filename{
    color:#777;
    font-weight:700
}
.mailview-footer{
    border-top:1px solid #ddd;
    margin:20px 0 0;
    padding:15px 0 0
}
@media(max-width:575px){
    .mailview-footer .left-action{
        text-align:center;
        margin-bottom:15px
    }
}
.mailview-footer .right-action{
    text-align:right
}
@media(max-width:575px){
    .mailview-footer .right-action{
        text-align:center
    }
}
.error-page{
    background-color:rgba(244,59,72,.2);
    color:#1f1f1f
}
.error-page .main-wrapper{
    flex-wrap:wrap;
    width:100%;
    height:100vh
}
.error-page .main-wrapper .error-box{
    max-width:480px;
    text-align:center;
    width:100%;
    margin:0 auto;
    padding:40px 0
}
.error-page .main-wrapper .error-box h1{
    color:#f43b48;
    font-size:10em
}
.error-page .main-wrapper .error-box p{
    margin-bottom:30px
}
.error-page .main-wrapper .error-box .btn-custom{
    background:#f43b48;
    background:linear-gradient(to right,#f43b48 0%,#453a94 100%);
    color:#fff
}
.error-page .main-wrapper .error-box .btn{
    font-size:18px;
    font-weight:600;
    min-width:200px;
    padding:10px 20px;
    border-radius:50px
}
.dash-widget .card-body{
    flex-flow:wrap
}
.dash-widget .card-body .dash-widget-icon{
    background-color:rgba(244,59,72,.2);
    color:#f43b48;
    font-size:30px;
    height:60px;
    line-height:60px;
    margin-right:10px;
    text-align:center;
    width:60px;
    border-radius:100%
}
.dash-widget .card-body .dash-widget-info{
    text-align:right;
    width:calc(100% - 70px)
}
.dash-widget .card-body .dash-widget-info h3{
    font-size:30px;
    font-weight:600;
    margin-bottom:8px
}
.dash-widget .card-body .dash-widget-info span{
    font-size:16px
}
.dash-statistics .stats-list{
    height:auto
}
.dash-statistics .stats-info{
    margin-bottom:5px;
    background-color:#fff;
    border:1px solid #e5e5e5;
    text-align:center;
    padding:15px;
    border-radius:4px
}
.dash-statistics .stats-info p{
    font-size:12px;
    margin-bottom:5px
}
.dash-statistics .progress{
    height:4px
}
.punch-status .stats-box{
    margin-bottom:0
}
.stats-box{
    background-color:#f9f9f9;
    border:1px solid #e3e3e3;
    margin:0 0 15px;
    padding:5px
}
.stats-box p{
    margin:0;
    font-size:12px
}
.leave-info-box{
    border:1px solid #e5e5e5;
    margin:0 0 15px;
    padding:15px
}
.welcome-box{
    background-color:#fff;
    border-bottom:1px solid #ededed;
    position:relative;
    margin:-30px -30px 30px;
    padding:20px
}
.welcome-box .welcome-img{
    margin-right:15px
}
.welcome-box .welcome-img img{
    width:60px;
    border-radius:8px
}
.welcome-box .welcome-det h3{
    margin-bottom:10px
}
.welcome-box .welcome-det p{
    color:#777;
    font-size:14px;
    margin-bottom:0
}
.dash-section{
    margin-bottom:30px
}
.dash-section .dash-sec-wrap{
    display:flex;
    justify-content: space-between;
}
.dash-section .dash-sec-title{
    font-size:18px;
    font-weight:700;
    margin-bottom:20px;
    text-transform:uppercase
}
.dash-section .dash-info-list .dash-card{
    background-color:#fff;
    border:1px solid #eaeaea;
    color:#575757;
    flex-grow:1;
    height:auto;
    border-radius:8px;
    padding:15px
}
.dash-section .dash-info-list .dash-card-container{
    flex-direction:row;
    flex-grow:1
}
.dash-section .dash-info-list .dash-card-container .dash-card-icon{
    flex-direction:row;
    font-size:26px;
    padding-right:15px
}
.dash-section .dash-info-list .dash-card-container .dash-card-icon i{
    width:30px
}
.dash-section .dash-info-list .dash-card-container .dash-card-content{
    flex-direction:row
}
.dash-section .dash-info-list .dash-card-container .dash-card-content p{
    font-size:16px;
    margin-bottom:0
}
@media(max-width:768px){
    .dash-section .dash-info-list .dash-card-container .dash-card-content p{
        font-size:16px
    }
}
.dash-section .dash-info-list .dash-card-container .dash-card-avatars{
    flex-grow:1;
    padding:0 0 0 15px
}
.dash-section .dash-info-list .dash-card-container .dash-card-avatars .e-avatar{
    background-color:#fff;
    border:3px solid #e2e5e8;
    height:45px;
    position:relative;
    width:45px;
    margin-left:-20px;
    border-radius:50%
}
.dash-section .dash-info-list .dash-card-container .dash-card-avatars .e-avatar:first-of-type{
    margin-left:0!important
}
.dash-section .dash-info-list .dash-card-container .dash-card-avatars .e-avatar img{
    border-radius:50%;
    width:100%
}
.dash-section .dash-info-list+.dash-info-list{
    margin-top:15px
}
.time-list{
    flex-grow:1;
    margin-bottom:20px
}
.time-list .dash-stats-list{
    flex-flow:column wrap;
    flex-grow:1;
    padding:0 15px
}
.time-list .dash-stats-list h4{
    color:#1f1f1f;
    font-size:21px;
    font-weight:700;
    line-height:1.5;
    margin-bottom:0
}
.time-list .dash-stats-list p{
    color:#777;
    font-size:13px;
    font-weight:600;
    line-height:1.5;
    margin-bottom:0;
    text-transform:uppercase
}
.time-list .dash-stats-list+.dash-stats-list{
    border-left:1px solid #eaeaea
}
.request-btn{
    text-align:center
}
.dash-sidebar h5{
    color:inherit;
    font-size:13px;
    font-weight:700;
    line-height:1.5;
    margin-bottom:15px;
    text-transform:uppercase
}
.load-more a{
    background-color:#fff;
    border:1px solid #eaeaea;
    display:inline-block;
    font-size:14px;
    padding:5px 15px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.05);
    box-shadow:0 1px 2px rgba(0,0,0,.05);
    border-radius:3px
}
.file-wrap{
    border:1px solid #e0e3e4;
    position:relative
}
.file-wrap.file-sidebar-toggle .file-sidebar{
    display:none
}
@media(max-width:991px){
    .file-wrap.file-sidebar-toggle .file-sidebar{
        left:0;
        display:block
    }
}
.file-wrap.file-sidebar-toggle .file-cont-wrap{
    margin:0
}
.file-wrap .file-sidebar{
    border-right:1px solid #e0e3e4;
    z-index:5;
    width:300px;
    position:absolute;
    left:0;
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease
}
@media(max-width:991px){
    .file-wrap .file-sidebar{
        position:absolute;
        left:-331px
    }
}
.file-wrap .file-sidebar .file-header{
    background-color:#fff;
    border-bottom:1px solid #e0e3e4;
    color:#979797;
    height:72px;
    padding:0 15px
}
.file-wrap .file-sidebar .file-header span{
    font-size:20px;
    font-weight:600;
    text-transform:capitalize
}
.file-wrap .file-sidebar .file-header .file-side-close{
    display:none;
    background-color:#eee;
    border:1px solid #e3e3e3;
    border-radius:24px;
    color:#bbb;
    font-size:14px;
    line-height:24px;
    min-height:26px;
    text-align:center;
    width:26px;
    position:absolute;
    right:15px
}
@media(max-width:991px){
    .file-wrap .file-sidebar .file-header .file-side-close{
        display:block
    }
}
.file-wrap .file-sidebar .file-search{
    background-color:#f5f5f6;
    border-bottom:1px solid #e5e5e5;
    padding:10px 15px;
    width:100%
}
.file-wrap .file-sidebar .file-search .input-group{
    width:100%
}
.file-wrap .file-sidebar .file-search .input-group .form-control{
    background-color:#fff;
    border-radius:50px;
    padding-left:36px
}
.file-wrap .file-sidebar .file-search .input-group .input-group-prepend{
    color:#666;
    pointer-events:none;
    z-index:4;
    position:absolute;
    top:0;
    bottom:0;
    left:15px
}
.file-wrap .file-sidebar .file-pro-list{
    background-color:#fff;
    padding:15px
}
.file-wrap .file-sidebar .file-pro-list .file-scroll{
    max-height:calc(100vh - 259px);
    min-height:497px;
    overflow-y:auto
}
.file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu{
    display:inline-block;
    margin:0 0 10px;
    padding:0;
    width:100%
}
.file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu li{
    display:inline-block;
    width:100%
}
.file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu li.active,.file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu li:hover{
    background:rgba(33,33,33,.05)
}
.file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu li a{
    color:#333;
    display:inline-block;
    width:100%;
    text-transform:capitalize;
    padding:10px 15px;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.file-wrap .file-sidebar .file-pro-list .file-scroll .file-menu li+li{
    margin-top:2px
}
.file-wrap .file-sidebar .file-pro-list .file-scroll .show-more{
    text-align:center
}
.file-wrap .file-sidebar .file-pro-list .file-scroll .show-more a{
    position:relative;
    padding:0 20px 0 15px
}
.file-wrap .file-sidebar .file-pro-list .file-scroll .show-more a:before{
    content:"\f107";
    font-size:18px;
    line-height:inherit;
    font-family:fontawesome;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    position:absolute;
    top:50%;
    right:0
}
.file-cont-wrap{
    margin-left:300px;
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease
}
@media(max-width:991px){
    .file-cont-wrap{
        margin:0
    }
}
.file-cont-wrap .file-cont-inner{
    flex:0 0 100%;
    max-width:100%
}
.file-cont-wrap .file-cont-inner .file-cont-header{
    background:#fff;
    border-bottom:1px solid #e0e3e4;
    height:72px;
    padding:0 15px
}
.file-cont-wrap .file-cont-inner .file-cont-header .file-options a{
    color:#333
}
.file-cont-wrap .file-cont-inner .file-cont-header span{
    color:#333;
    font-size:20px;
    font-weight:600
}
.file-cont-wrap .file-cont-inner .file-cont-header .btn-file{
    display:inline-block;
    overflow:hidden;
    position:relative;
    vertical-align:middle
}
.file-cont-wrap .file-cont-inner .file-cont-header .btn-file input{
    cursor:pointer;
    direction:ltr;
    filter:alpha(opacity=0);
    font-size:23px;
    height:100%;
    margin:0;
    opacity:0;
    position:absolute;
    top:0;
    right:0;
    width:100%
}
.file-content{
    flex:0 0 100%;
    max-width:100%
}
.file-content .file-search{
    background-color:#f5f5f6;
    border-bottom:1px solid #e5e5e5;
    width:100%;
    padding:10px 15px
}
.file-content .file-search .input-group-prepend{
    bottom:0;
    color:#666;
    pointer-events:none;
    z-index:4;
    position:absolute;
    top:0;
    left:15px
}
.file-content .file-search .form-control{
    background-color:#fff;
    padding-left:36px;
    border-radius:50px
}
.file-content .file-body{
    background-color:#f5f5f6
}
.file-content .file-body .file-scroll{
    max-height:calc(100vh - 259px);
    min-height:497px;
    overflow-y:auto
}
.file-content .file-body .file-scroll .file-content-inner{
    padding:15px;
    width:100%
}
.file-content .file-body .file-scroll .file-content-inner .card-file{
    padding:10px;
    position:relative;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.file-content .file-body .file-scroll .file-content-inner .card-file .card-body{
    padding:15px 0 0
}
.file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file{
    position:absolute;
    top:10px;
    right:10px
}
.file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-link{
    color:#777;
    width:24px;
    height:24px
}
.file-content .file-body .file-scroll .file-content-inner .card-file .dropdown-file .dropdown-menu{
    border:1px solid rgba(0,0,0,.1);
    box-shadow:inherit;
    background-color:#fff;
    font-size:13px;
    transform-origin:left top 0;
    -webkit-transform-origin:left top 0;
    -ms-transform-origin:left top 0;
    border-radius:3px
}
.file-content .file-body .file-scroll .file-content-inner .card-file .card-file-thumb{
    background-color:#f5f5f5;
    color:#777;
    font-size:48px;
    height:120px
}
.file-content .file-body .file-scroll .file-content-inner .card-file h6{
    margin-bottom:0;
    font-size:14px
}
.file-content .file-body .file-scroll .file-content-inner .card-file h6 a{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:block;
    width:100%;
    color:#333
}
.file-content .file-body .file-scroll .file-content-inner .card-file span{
    font-size:12px;
    color:#888
}
.file-content .file-body .file-scroll .file-content-inner .card-footer{
    font-size:11px;
    color:#ababab;
    border-top-width:0;
    background-color:transparent;
    padding:10px 0 0
}
.file-content .file-body .file-scroll .file-content-inner .card-footer span{
    font-size:12px;
    color:#888
}
.account-page .main-wrapper{
    width:100%
}
.account-page .main-wrapper .account-content{
    padding:20px 0
}
.account-page .main-wrapper .account-content .account-logo{
    margin-bottom:30px;
    text-align:center
}
.account-page .main-wrapper .account-content .account-logo img{
    height:60px
}
.account-page .main-wrapper .account-content .account-box{
    background-color:#fff;
    border:1px solid #ededed;
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    margin:0 auto;
    overflow:hidden;
    width:480px;
    border-radius:4px
}
@media(max-width:991px){
    .account-page .main-wrapper .account-content .account-box{
        width:100%;
        margin:0 0 20px
    }
}
.account-page .main-wrapper .account-content .account-box .form-group{
    margin-bottom:25px
}
.account-page .main-wrapper .account-content .account-box label{
    color:#1f1f1f;
    font-size:16px;
    font-weight:400;
    margin-bottom:5px
}
.account-page .main-wrapper .account-content .account-box .form-control{
    background-color:#fbfbfb;
    border:1px solid #e3e3e3;
    height:46px;
    border-radius:4px
}
.account-page .main-wrapper .account-content .account-box #toggle-password{
    cursor:pointer;
    margin-right:1px;
    position:absolute;
    top:15px;
    right:10px
}
.account-page .main-wrapper .account-content .account-box .account-btn{
    background:#FA6121;
    background:linear-gradient(to right,#FA6121 0%,#123E93 100%);
    border:0;
    display:block;
    font-size:22px;
    font-weight: 700;
    width:100%;
    border-radius:4px;
    padding:10px 26px
}
.account-page .main-wrapper .account-content .account-box .account-wrapper{
    padding:30px
}
.account-page .main-wrapper .account-content .account-box .account-wrapper .account-footer{
    text-align:center
}
.account-page .main-wrapper .account-content .account-box .account-wrapper .account-title{
    font-size:26px;
    font-weight:700;
    margin-bottom:5px;
    text-align:center
}
.account-page .main-wrapper .account-content .account-box .account-wrapper .account-subtitle{
    color:#888;
    font-size:18px;
    text-align:center;
    margin:0 0 30px
}
.account-page .main-wrapper .account-content .account-box .account-wrapper .account-box .form-group{
    margin:0 0 25px
}
.account-page .main-wrapper .account-content .account-box .account-wrapper .account-box .form-group label{
    color:#1f1f1f;
    font-size:16px;
    font-weight:400;
    margin-bottom:5px
}
.account-page .main-wrapper .account-content .account-box .account-wrapper .account-box .form-group .form-control{
    background-color:#fbfbfb;
    border:1px solid #e3e3e3;
    height:46px;
    border-radius:4px
}
.account-page .main-wrapper .account-content .account-box .otp-wrap{
    margin-bottom:30px;
    text-align:center
}
.account-page .main-wrapper .account-content .account-box .otp-wrap .otp-input{
    background-color:#fff;
    border:1px solid #e3e3e3;
    display:inline-block;
    font-size:24px;
    font-weight:500;
    height:70px;
    line-height:29px;
    margin-right:15px;
    text-align:center;
    width:70px;
    border-radius:4px
}
@media(max-width:575px){
    .account-page .main-wrapper .account-content .account-box .otp-wrap .otp-input{
        height:50px;
        width:52px;
        margin:10px
    }
}
.account-page .main-wrapper .account-content .account-box .lock-user{
    margin-bottom:20px;
    text-align:center
}
.account-page .main-wrapper .account-content .account-box .lock-user img{
    margin-bottom:15px;
    width:100px
}
#loader-wrapper{
    background-color:#fff;
    height:100%;
    width:100%;
    z-index:9999;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0
}
#loader-wrapper #loader{
    background-position:center center;
    background-repeat:no-repeat;
    height:200px;
    margin:-100px 0 0 -100px;
    width:200px;
    position:absolute;
    top:50%;
    left:50%
}
#loader-wrapper #loader .loader-ellips{
    font-size:20px;
    position:relative;
    width:64px;
    margin:100px auto 0
}
#loader-wrapper #loader .loader-ellips .loader-ellips__dot{
    display:block;
    width:1em;
    height:1em;
    position:absolute;
    border-radius:.5em;
    animation-duration:.5s;
    animation-timing-function:ease;
    animation-iteration-count:infinite
}
#loader-wrapper #loader .loader-ellips .loader-ellips__dot:nth-child(1){
    background:#404040;
    animation-name:reveal;
    left:0
}
#loader-wrapper #loader .loader-ellips .loader-ellips__dot:nth-child(2){
    background:#f43b48;
    left:0;
    animation-name:slide
}
#loader-wrapper #loader .loader-ellips .loader-ellips__dot:nth-child(3){
    background:#404040;
    animation-name:slide;
    left:1.5em
}
#loader-wrapper #loader .loader-ellips .loader-ellips__dot:nth-child(4){
    background:#404040;
    animation-name:reveal;
    animation-direction:reverse;
    left:3em
}
@keyframes reveal{
    from{
        transform:scale(.001)
    }
    to{
        transform:scale(1)
    }
}
@keyframes slide{
    to{
        transform:translateX(1.5em)
    }
}
.faq-card .card{
    border-color:#ddd;
    border-radius:3px;
    box-shadow:none;
    margin-bottom:20px;
    overflow:hidden
}
.faq-card .card .card-header{
    background-color:#fff;
    position:relative;
    padding:20px
}
.faq-card .card .card-header h4{
    margin-bottom:0
}
.faq-card .card .card-header h4 a{
    color:#3e3e3e;
    display:block;
    font-size:20px;
    font-weight:400;
    padding-right:60px;
    position:relative
}
.faq-card .card .card-header h4 a:after{
    font-family:FontAwesome;
    font-size:19px;
    font-weight:400;
    position:absolute;
    right:0
}
.faq-card .card .card-header h4 a.collapsed:after{
    content:"\f067"
}
.faq-card .card .card-header h4 a:not(.collapsed):after{
    content:"\f068"
}
.view-icons{
    float:right;
    margin-right:10px
}
.view-icons .btn{
    background-color:#fff;
    border:1px solid #e3e3e3;
    color:#888;
    font-size:18px;
    min-width:40px;
    margin:0 5px 0 0;
    padding:4px
}
.view-icons .btn.active{
    color:#333
}
.add-btn{
    background-color:#f43b48;
    border:1px solid #f43b48;
    color:#fff;
    float:right;
    font-weight:500;
    min-width:140px;
    border-radius:50px
}
.add-btn i{
    margin-right:5px
}
.add-btn:hover{
    color:#fff
}
.avatar-dropdown .dropdown-toggle:after{
    display:none
}
.profile-widget{
    background-color:#fff;
    border:1px solid #ededed;
    margin-bottom:30px;
    padding:20px;
    text-align:center;
    position:relative;
    overflow:hidden;
    border-radius:4px;
    -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2)
}
.profile-widget .profile-img{
    cursor:pointer;
    height:80px;
    margin:0 auto;
    position:relative;
    width:80px
}
.profile-widget .profile-img .avatar{
    font-size:24px;
    height:80px;
    line-height:80px;
    margin:0;
    width:80px
}
.profile-widget .dropdown.profile-action{
    text-align:right;
    position:absolute;
    top:10px;
    right:10px
}
.profile-widget .dropdown.profile-action .action-icon{
    color:#777;
    font-size:18px;
    display:inline-block
}
.profile-widget .dropdown.profile-action .dropdown-toggle::after{
    display:none
}
.profile-widget .user-name{
    color:#333
}
.profile-widget .user-name a{
    color:#333
}
.stats-info{
    background-color:#fff;
    border:1px solid #e5e5e5;
    text-align:center;
    border-radius:4px;
    margin:0 0 20px;
    padding:15px
}
.stats-info h6{
    color:#1f1f1f;
    font-size:16px;
    font-weight:400;
    line-height:18px;
    margin-bottom:5px
}
.stats-info h4{
    font-size:24px;
    margin-bottom:0
}
.stats-info h4 span{
    color:#727272;
    font-size:12px
}
.leave-item{
    max-width:653px
}
.leave-item .leave-row{
    margin-bottom:15px
}
.leave-item .leave-row .leave-left{
    flex:1 1 auto
}
.leave-item .leave-row .leave-left .input-box{
    max-width:410px
}
.leave-item .leave-row .form-group{
    margin-bottom:0
}
.leave-item .leave-right{
    flex:0 0 200px;
    justify-content:end;
    margin-top:31px;
    min-height:44px;
    text-align:right
}
.leave-item .leave-right .btn+.btn{
    margin-left:10px
}
.leave-item .leave-right .leave-edit-btn{
    color:#216ef4;
    background-color:transparent;
    border:0;
    padding:0 6px;
    transition:unset
}
.leave-header{
    color:#2e3842;
    margin-bottom:20px
}
.leave-header .title{
    flex:1 1 auto
}
.leave-header .leave-action{
    flex:1 1 auto;
    text-align:right
}
.half-day{
    width:15px
}
.half-day .first-off{
    white-space:pre-wrap
}
.project-title{
    margin:0 0 5px
}
.project-title a{
    color:#333
}
.team-members{
    flex-wrap:wrap
}
.team-members img{
    width:100%
}
.team-members a{
    border:2px solid #fff;
    display:block;
    overflow:hidden;
    height:34px;
    width:34px;
    border-radius:100%
}
.team-members .all-users{
    background-color:#f83f37;
    color:#fff;
    font-size:10px;
    font-weight:700;
    line-height:30px;
    text-align:center
}
.profile-action{
    text-align:right;
    position:absolute;
    top:10px;
    right:5px
}
.board-view-header{
    /* margin:0 0 30px */
    margin-bottom:30px;
}
.board-view-header .pro-teams{
    text-align:center;
    /* margin:0 20px 15px 0 */
}
/* @media(max-width:991px){
    .board-view-header .pro-teams{
        display:none
    }
} */
.board-view-header .pro-teams .avatar-title{
    background-color:#ff9b44
}
.board-view-header .pro-teams .pro-team-members h4{
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 13px;
    /* margin:0 0 0 6px */
}
.board-view-header .pro-teams .pro-team-lead h4 .avatar-group .avatar{
    margin-right:0;
    position:relative;
    display:inline-block;
    width:34px;
    height:34px;
    background-color:transparent
}
.board-view-header .pro-teams .pro-team-lead h4 .avatar-group .avatar .border{
    border:3px solid #fff!important
}
.board-view-header .pro-teams .pro-team-members{
    margin-left:15px
}
.board-view-header .pro-teams .avatar-group .avatar{
    margin:0 -.75rem 0 0
}
.board-view-header .pro-progress-bar .progress{
    width:100%;
    height:15px;
    background-color:#e3e3e3;
    box-shadow:unset;
    margin:0 10px 0 0
}
.board-view-header .pro-progress-bar h4{
    margin-bottom:0;
    margin-right:10px;
    font-size:13px;
/*     text-transform:uppercase */
}
.kanban-cont{
    overflow:auto;
    padding:0 0 20px
}
.kanban-cont .kanban-list{
    align-self:flex-start;
    min-width:300px;
    width:300px;
    margin:0 30px 0 0
}
.kanban-cont .kanban-list.kanban-danger{
    background-color:#fef7f6
}
.kanban-cont .kanban-list.kanban-danger .kanban-header{
    background-color:#ef5350
}
.kanban-cont .kanban-list.kanban-danger .progress-bar{
    background-color:#ef5350
}
.kanban-cont .kanban-list .kanban-wrap{
    padding:20px
}
.kanban-cont .kanban-list .kanban-wrap .task-board-header{
    font-size:14px;
    font-weight:500;
    padding:15px 15px 5px
}
.kanban-cont .kanban-list .kanban-wrap .task-board-header a{
    color:#1f1f1f
}
.kanban-cont .kanban-list .kanban-wrap .task-board-body{
    font-size:13px;
    padding:0 15px 15px
}
.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info{
    font-size:12px
}
.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-info .progress{
    width:100%;
    margin:0 10px 0 0
}
.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer{
    font-size:12px;
    margin-top:10px;
    align-items:end
}
.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer .task-date{
    display:block
}
.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer .task-avatar{
    border-radius:50%;
    position:relative
}
.kanban-cont .kanban-list .kanban-wrap .task-board-body .kanban-footer .task-user-count{
    font-size:10px;
    font-weight:500;
    display:inline-block;
    margin-left:3px;
    position:relative;
    top:1px
}
.kanban-cont .kanban-list .kanban-wrap .card{
    background-color:#fff;
    border:1px solid #e3e3e3;
    border-radius:2px;
    box-shadow:unset;
    margin:0 0 12px
}
.kanban-cont .kanban-list .add-new-task{
    text-align:center;
    padding:0 20px 20px
}
.kanban-cont .kanban-list .add-new-task a{
    color:#333
}
.kanban-cont .kanban-list .kanban-header{
    padding:10px 20px
}
.kanban-cont .kanban-list .kanban-header .status-title{
    color:#fff;
    font-size:16px;
    font-weight:500
}
.kanban-cont .kanban-list .kanban-header .kanban-action>a{
    color:#777;
    background-color:rgba(255,255,255,.8);
    width:26px;
    height:26px;
    border-radius:50%
}
.kanban-cont .kanban-list.kanban-info{
    background-color:#e7f3fe
}
.kanban-cont .kanban-list.kanban-info .kanban-header{
    background-color:#42a5f5
}
.kanban-cont .kanban-list.kanban-info .progress-bar{
    background-color:#42a5f5
}
.kanban-cont .kanban-list.kanban-success{
    background-color:#edf7ee
}
.kanban-cont .kanban-list.kanban-success .kanban-header{
    background-color:#4caf50
}
.kanban-cont .kanban-list.kanban-success .progress-bar{
    background-color:#4caf50
}
.kanban-cont .kanban-list.kanban-warning{
    background-color:#fdfcf3
}
.kanban-cont .kanban-list.kanban-warning .kanban-header{
    background-color:#ffb300
}
.kanban-cont .kanban-list.kanban-warning .progress-bar{
    background-color:#ffb300
}
.kanban-cont .kanban-list.kanban-purple{
    background-color:#f1effd
}
.kanban-cont .kanban-list.kanban-purple .kanban-header{
    background-color:#7460ee
}
.kanban-cont .kanban-list.kanban-purple .progress-bar{
    background-color:#7460ee
}
.kanban-cont .kanban-list.kanban-primary{
    background-color:#fff5ec
}
.kanban-cont .kanban-list.kanban-primary .kanban-header{
    background-color:#ff9b44
}
.kanban-cont .kanban-list.kanban-primary .progress-bar{
    background-color:#ff9b44
}
.chat-main-row{
    overflow:auto;
    padding-bottom:inherit;
    padding-top:inherit;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.chat-main-row .chat-main-wrapper{
    display:table;
    height:100%;
    table-layout:fixed;
    width:100%
}
.chat-main-row .chat-main-wrapper .message-view{
    display:table-cell;
    height:100%;
    float:none;
    padding:0;
    position:static;
    vertical-align:top;
    width:75%
}
@media(max-width:991px){
    .chat-main-row .chat-main-wrapper .message-view.task-view{
        width:100%
    }
}
@media(max-width:991px){
    .chat-main-row .chat-main-wrapper .message-view.chat-profile-view{
        -webkit-transition:all .4s ease;
        -ms-transition:all .4s ease;
        transition:all .4s ease;
        z-index:1041;
        width:300px;
        display:table-cell;
        margin:60px -300px 0 0;
        padding:0 0 60px;
        position:fixed;
        top:0;
        right:0;
        transform:translateX(0px);
        -webkit-transform:translateX(0px);
        -ms-transform:translateX(0px)
    }
    .chat-main-row .chat-main-wrapper .message-view.chat-profile-view.opened{
        margin-right:0
    }
}
.chat-main-row .chat-main-wrapper .task-left-sidebar{
    width:58.3333%
}
@media(max-width:991px){
    .chat-main-row .chat-main-wrapper .task-left-sidebar{
        width:100%
    }
    .chat-main-row .chat-main-wrapper .task-left-sidebar.chat-sidebar{
        display:none
    }
}
.chat-main-row .chat-main-wrapper .task-right-sidebar{
    width:41.6667%
}
@media(max-width:991px){
    .chat-main-row .chat-main-wrapper .task-right-sidebar{
        z-index:1041;
        width:300px;
        display:table-cell;
        transform:translateX(0px);
        -webkit-transform:translateX(0px);
        -ms-transform:translateX(0px);
        margin:60px -300px 0;
        padding:0 0 60px;
        position:fixed;
        top:0;
        right:0;
        -webkit-transition:all .4s ease;
        -ms-transition:all .4s ease;
        transition:all .4s ease
    }
    .chat-main-row .chat-main-wrapper .task-right-sidebar.opened{
        margin-right:0
    }
}
.chat-main-row .chat-main-wrapper .chat-window{
    display:table;
    height:100%;
    table-layout:fixed;
    width:100%;
    background-color:#f7f7f7
}
.chat-main-row .chat-main-wrapper .chat-window .fixed-header{
    background-color:#fff;
    border-bottom:1px solid #eaeaea;
    padding:10px 15px
}
.chat-main-row .chat-main-wrapper .chat-window .fixed-header .user-details a{
    color:#555;
    text-transform:uppercase
}
.chat-main-row .chat-main-wrapper .chat-window .fixed-header .user-details .typing-text{
    color:#f43b48;
    font-size:12px;
    text-transform:lowercase
}
.chat-main-row .chat-main-wrapper .chat-window .fixed-header .user-details .last-seen{
    color:#888;
    display:block;
    font-size:12px
}
.chat-main-row .chat-main-wrapper .chat-window .fixed-header .navbar{
    border:0;
    margin:0;
    min-height:auto;
    padding:0
}
.chat-main-row .chat-main-wrapper .chat-window .fixed-header .navbar .profile-rightbar{
    display:none;
    color:#bbb;
    font-size:26px;
    margin-left:15px
}
@media(max-width:991px){
    .chat-main-row .chat-main-wrapper .chat-window .fixed-header .navbar .profile-rightbar{
        display:block
    }
}
.chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu{
    margin:1px 0 0
}
.chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu li a{
    color:#bbb;
    font-size:26px;
    line-height:32px;
    margin:0 0 0 15px;
    padding:0
}
.chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu li .dropdown-menu{
    left:auto;
    right:0;
    margin:0;
    padding:0 0 0 10px
}
.chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu li .dropdown-menu .dropdown-item{
    font-size:14px;
    color:#283447
}
.chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu li .dropdown-menu-right a{
    font-size:14px
}
.chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu .profile-rightbar{
    display:none
}
@media(max-width:991px){
    .chat-main-row .chat-main-wrapper .chat-window .fixed-header .custom-menu .profile-rightbar{
        display:block
    }
}
.task-wrapper{
    padding:20px;
    width:100%;
    margin:0 auto;
    box-sizing:border-box
}
.task-wrapper .task-list-body{
    max-height:500px;
    overflow:auto
}
.task-wrapper .task-list-body #task-list{
    border-bottom:1px solid #eaeaea
}
.task-wrapper .task-list-body #task-list li{
    margin:0;
    padding:0
}
.task-wrapper .task-list-body #task-list li.completed .task-container{
    background:#f9f9f9
}
.task-wrapper .task-list-body #task-list li.completed .task-container .complete-btn{
    background:#35ba67!important;
    border:1px solid #35ba67!important;
    color:#fff
}
.task-wrapper .task-list-body #task-list li .task-container{
    display:table;
    background:#fff;
    width:100%;
    border:1px solid #eaeaea;
    border-bottom:none;
    box-sizing:border-box;
    position:relative;
    padding:8px 15px;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.task-wrapper .task-list-body #task-list li .task-container .task-action-btn{
    display:table-cell;
    vertical-align:middle;
    text-align:right
}
.task-wrapper .task-list-body #task-list li .task-container .task-action-btn.task-check{
    text-align:left!important;
    width:40px
}
.task-wrapper .task-list-body #task-list li .task-container .task-action-btn .action-circle{
    background-color:#fff;
    border:1px solid #ccc;
    height:20px;
    width:20px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    border-radius:100%;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.task-wrapper .task-list-body #task-list li .task-container .task-action-btn .action-circle.large{
    height:24px;
    width:24px
}
.task-wrapper .task-list-body #task-list li .task-container .task-action-btn .action-circle.large .material-icons{
    font-size:16px;
    vertical-align:-4px
}
.task-wrapper .task-list-body #task-list li .task-container .task-label{
    display:table-cell;
    font-weight:400;
    vertical-align:middle;
    color:#333;
    word-break:break-all
}
.task-wrapper .task-list-body #task-list li .task-container .task-btn-right{
    display:none
}
.task-wrapper .task-list-body #task-list li .task-container .task-btn-right .action-circle.large{
    height:24px;
    width:24px
}
.task-wrapper .task-list-body #task-list li .task-container .task-btn-right .action-circle.large .material-icons{
    font-size:16px;
    vertical-align:-4px;
    color:#ccc
}
.task-wrapper .task-list-body #task-list li .task-container:hover .task-btn-right{
    display:block
}
.task-wrapper .task-list-body #task-list li.completed .task-container .task-label{
    color:#ccc
}
.task-wrapper .task-list-body #task-list li.completed .task-container .task-label.text-danger{
    color:#FFB2B2 !important;
}
.task-wrapper .task-list-footer{
    position:relative
}
.task-wrapper .task-list-footer .new-task-wrapper{
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    overflow:hidden;
    visibility:hidden
}
.task-wrapper .task-list-footer .new-task-wrapper .visible{
    max-height:300px;
    overflow:auto
}
.task-wrapper .task-list-footer .new-task-wrapper textarea{
    box-sizing:border-box;
    width:100%;
    border:1px solid #eaeaea;
    border-top:0;
    height:45px;
    resize:none;
    margin:0 0 20px;
    padding:10px 45px;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.task-wrapper .task-list-footer .new-task-wrapper .error-message{
    color:#dc3545;
    font-style:italic
}
.task-wrapper .task-list-footer .new-task-wrapper .add-new-task-btn{
    background:#fff;
    border:1px solid #ccc
}
.task-wrapper .task-list-footer .new-task-wrapper .btn{
    float:right;
    cursor:pointer;
    padding:6px 12px
}
.chat-content-wrap{
    height:100%;
    position:relative;
    width:100%
}
.chat-content-wrap .chat-wrap-inner{
    overflow:auto;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.chat-content-wrap .chat-wrap-inner .chats{
    padding:15px 15px 30px
}
.chat-content-wrap .chat-wrap-inner .task-header{
    font-size:14px;
    font-weight:500;
    padding:15px 15px 5px
}
.chat-content-wrap .chat-wrap-inner .task-header .assignee-info{
    border:1px solid transparent;
    flex:0 1 180px;
    position:relative;
    border-radius:10px;
    padding:5px 10px 5px 5px
}
.chat-content-wrap .chat-wrap-inner .task-header .assignee-info:hover{
    border-color:#e3e3e3
}
.chat-content-wrap .chat-wrap-inner .task-header .assignee-info:hover .remove-icon{
    visibility:visible
}
.chat-content-wrap .chat-wrap-inner .task-header .assignee-info a{
    color:#333
}
.chat-content-wrap .chat-wrap-inner .task-header .assignee-info .remove-icon{
    background-color:#e3e3e3;
    border-radius:50%;
    color:#333;
    cursor:pointer;
    height:20px;
    margin-right:10px;
    transform:translateY(-50%);
    visibility:hidden;
    width:20px;
    position:absolute;
    top:50%;
    right:0
}
.chat-content-wrap .chat-wrap-inner .task-header .assignee-info .task-head-title{
    color:#a6a6a6;
    font-size:12px
}
.chat-content-wrap .chat-wrap-inner .task-header .assignee-info .task-assignee{
    font-size:13px;
    max-width:120px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.chat-content-wrap .chat-wrap-inner .task-header .task-due-date{
    border:1px solid transparent;
    flex:0 0 160px;
    position:relative;
    margin:0 0 0 10px;
    padding:5px 10px 5px 5px;
    border-radius:10px
}
.chat-content-wrap .chat-wrap-inner .task-header .task-due-date:hover{
    border-color:#e3e3e3
}
.chat-content-wrap .chat-wrap-inner .task-header .task-due-date:hover .remove-icon{
    visibility:visible
}
.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon{
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:50%;
    color:#ccc;
    height:30px;
    line-height:30px;
    margin-right:10px;
    width:30px
}
.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .due-icon span i{
    font-size:18px;
    position:relative;
    top:4px
}
.chat-content-wrap .chat-wrap-inner .task-header .task-due-date a{
    color:#333
}
.chat-content-wrap .chat-wrap-inner .task-header .task-due-date .remove-icon{
    background-color:#e3e3e3;
    border-radius:50%;
    color:#333;
    cursor:pointer;
    height:20px;
    visibility:hidden;
    width:20px;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    position:absolute;
    top:50%;
    right:0;
    margin:0 10px 0 0
}
.chat-content-wrap .chat-wrap-inner .task-desc{
    align-items:flex-start;
    margin:5px 0 15px
}
.chat-content-wrap .chat-wrap-inner .task-desc .task-desc-icon{
    color:#ccc;
    margin:5px 0 15px
}
.chat-content-wrap .chat-wrap-inner .task-desc .task-textarea{
    width:100%
}
.chat-content-wrap .chat-wrap-inner .task-information{
    color:#a3a3a3;
    font-size:11px;
    line-height:17px;
    min-width:1px;
    margin-left:50px
}
.chat-content-wrap .chat-wrap-inner .task-information .task-info-line{
    overflow-wrap:normal
}
.chat-content-wrap .chat-wrap-inner .task-information .task-info-line .task-user{
    color:#888;
    font-weight:500
}
.chat-content-wrap .chat-wrap-inner .task-information .task-time{
    display:inline-block;
    padding-left:10px
}
.task-chat-contents{
    background-color:#fff
}
.task-chat-contents .chat.chat-left{
    margin:0 0 20px
}
.task-chat-contents .completed-task-msg{
    margin:0 0 30px 50px
}
.task-chat-contents .completed-task-msg .task-success{
    color:#55ce63;
    font-size:13px
}
.task-chat-contents .completed-task-msg .task-time{
    color:#a3a3a3;
    display:inline-block;
    font-size:11px
}
.chat-footer{
    background-color:#fff;
    border-top:1px solid #eaeaea;
    padding:15px
}
.chat-footer .call-duration{
    display:inline-block;
    font-size:30px;
    margin-top:4px;
    position:absolute;
    left:0
}
@media(max-width:575px){
    .chat-footer .call-duration{
        display:block;
        margin-top:0;
        margin-bottom:10px;
        position:inherit
    }
}
.chat-footer .task-followers{
    margin-top:15px
}
.chat-footer .task-followers .followers-title{
    margin:5px 10px 0 0
}
.chat-footer .task-followers .followers-title .avatar{
    width:30px;
    height:30px;
    line-height:30px
}
.chat-footer .task-followers .followers-add{
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:50%;
    color:#ccc;
    display:inline-block;
    font-size:20px;
    height:34px;
    line-height:34px;
    text-align:center;
    width:34px
}
.chat-footer .task-followers .followers-add i{
    line-height:28px
}
.chat-footer .message-bar{
    display:table;
    height:44px;
    position:relative;
    width:100%
}
.chat-footer .message-bar .message-inner{
    display:table-row;
    height:100%;
    width:100%;
    padding:0 8px
}
.chat-footer .message-bar .link{
    color:#777;
    display:table-cell;
    font-size:20px;
    position:relative;
    vertical-align:middle;
    width:30px
}
.chat-footer .message-bar .message-area{
    display:table-cell
}
.chat-footer .message-bar .message-area .input-group{
    position:relative;
    flex-wrap:wrap;
    align-items:stretch;
    width:100%
}
.chat-footer .message-bar .message-area .input-group .form-control{
    background-color:#fff;
    border:1px solid #eaeaea;
    box-shadow:none;
    color:#555;
    display:block;
    font-size:14px;
    height:44px;
    margin:0;
    padding:6px 12px;
    resize:none
}
.chat-footer .message-bar .message-area .btn{
    height:44px;
    width:50px
}
.chat-footer .btn-custom{
    background:#f43b48;
    background:linear-gradient(to right,#f43b48 0%,#0253cc 100%);
    color:#fff
}
.task-chat-view .chat-left .chat-content{
    border:0!important;
    padding:0!important
}
.task-chat-view .chat-left .chat-content p{
    font-size:13px;
    margin-bottom:0
}
.task-assign{
    float:left
}
.task-assign a{
    float:left
}
.task-assign .task-complete-btn{
    background-color:#fff;
    border:1px solid #ccc;
    color:#333;
    font-size:14px;
    padding:6px 10px;
    border-radius:5px
}
.search-result{
    margin:0 0 30px
}
.search-result u{
    color:#f43b48
}
.search-result p{
    color:#777;
    margin-bottom:0
}
.search-lists .nav-tabs.nav-tabs-solid{
    background-color:#fff;
    border:1px solid #e3e3e3
}
.main-search{
    margin:0 0 20px
}
.small-container{
    max-width:1100px;
    margin:auto;
    padding:30px
}
.small-container .inner-header{
    margin:0 0 30px
}
.small-container .inner-content .lead{
    font-size:20px;
    font-weight:300
}
.avatar-dropdown .page-link{
    border:0;
    width:25px;
    text-align:center;
    border-radius:0;
    padding:10px 5px
}
.avatar-dropdown .dropdown-menu{
    min-width:unset;
    width:100px;
    padding:0
}
.avatar-dropdown .avatar-group{
    min-height:88px;
    white-space:normal;
    padding:2px
}
.avatar-dropdown .avatar-group .avatar{
    margin:2px
}
.avatar-dropdown .avatar-group .avatar-xs+.avatar-xs{
    margin-left:-1.25rem
}
.avatar-dropdown .avatar-pagination{
    border-top:1px solid rgba(0,0,0,.1)
}
.roles-menu{
    margin:20px 0
}
@media(max-width:767px){
    .roles-menu{
        margin:15px 0
    }
}
.roles-menu ul{
    background-color:#fff;
    border:1px solid #e3e3e3
}
.roles-menu ul li{
    display:block;
    position:relative
}
.roles-menu ul li.active a{
    border-color:#f43b48;
    color:#f43b48
}
.roles-menu ul li a{
    border-left:3px solid transparent;
    color:#333;
    display:block;
    position:relative;
    padding:10px 15px
}
.roles-menu ul li a:hover{
    background-color:#eee;
    border-color:#f43b48
}
.roles-menu ul li a:hover .role-action{
    display:block
}
.roles-menu ul li .role-action{
    float:right;
    display:none
}
.roles-menu ul li .role-action .action-circle{
    background-color:#fff;
    border:1px solid #ccc;
    height:24px;
    width:24px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    border-radius:100%;
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease
}
.roles-menu ul li .role-action .action-circle .material-icons{
    font-size:16px;
    vertical-align:-4px;
    color:#ccc
}
.rating-list span{
    display:inline-block;
    margin-right:4px
}
.rating-list span a{
    background-color:#ccc;
    color:#333;
    width:50px;
    height:50px;
    font-size:18px;
    font-weight:600;
    margin-bottom:5px;
    border-radius:4px
}
.rating-list span.rating-normal{
    text-align:center
}
.rating-list span.rating-normal a{
    background-color:#ad0d20;
    color:#fff
}
.rating-list span.rating-bad a{
    background-color:#dccc00;
    color:#fff
}
.rating-list span.rating-good{
    text-align:right
}
.rating-list span.rating-good a{
    background-color:#00a100;
    color:#fff
}
.rating-list .rating-text{
    font-size:12px;
    max-width:157px;
    display:inline-block;
    margin-top:5px
}
.custom_radio{
    color:#555;
    display:inline-block;
    position:relative;
    font-size:14px;
    cursor:pointer;
    user-select:none;
    margin:0 0 10px;
    padding:0 0 0 30px
}
.custom_radio input{
    position:absolute;
    opacity:0
}
.custom_radio input:checked~.checkmark:after{
    opacity:1
}
.custom_radio .checkmark{
    height:20px;
    width:20px;
    background-color:#fff;
    border:1px solid #ccc;
    position:absolute;
    top:0;
    left:0;
    border-radius:50%
}
.custom_radio .checkmark:after{
    display:block;
    content:"";
    opacity:0;
    width:12px;
    height:12px;
    background:#ff9b44;
    position:absolute;
    top:3px;
    left:3px;
    border-radius:50%;
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease
}
@media(max-width:575px){
    .contact-cat{
        padding:0 70px 0 15px
    }
}
@media(max-width:575px){
    .contacts-list{
        padding:0 70px 0 15px
    }
    .contacts-list .contact-list{
        list-style:none;
        padding-left:0;
        margin:0;
        width:100%
    }
}
.job-list{
    background-color:#fff;
    border:1px solid #ededed;
    box-shadow:0 1px 1px 0 rgba(0,0,0,.2);
    display:block;
    margin-bottom:35px;
    position:relative;
    border-radius:4px;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.job-list .job-list-det{
    align-items:flex-start;
    padding:20px
}
.job-list .job-list-desc{
    flex:1 1 0
}
.job-list h3.job-list-title{
    color:#333;
    font-size:18px;
    font-weight:600;
    line-height:18px
}
.job-list h4.job-department{
    color:#777;
    font-size:14px;
    margin-bottom:0
}
.job-list .job-types{
    background-color:transparent;
    border:1px solid #f43b48;
    color:#f43b48;
    display:inline-block;
    text-align:center;
    border-radius:4px;
    padding:6px 12px
}
.job-list .job-types:hover{
    background:#f43b48;
    color:#fff
}
.job-list .job-list-footer{
    background-color:#f9f9f9;
    border-radius:0 0 4px 4px;
    position:relative;
    padding:20px
}
.job-list .job-list-footer ul li{
    color:#777;
    display:inline-block;
    margin-right:14px
}
.job-list .job-list-footer ul li i{
    color:#777;
    margin-right:3px;
    position:relative
}
.page-wrapper.job-wrapper{
    margin:0!important
}
.job-widget{
    background-color:#fff;
    border:1px solid #efefef;
    float:left;
    position:relative;
    width:100%;
    margin:0 0 30px;
    padding:30px
}
.job-widget h4{
    color:#585858;
    font-size:16px;
    font-weight:600;
    margin:0 0 20px
}
.job-widget .job-description p{
    color:#727272;
    line-height:28px
}
.job-widget .job-title{
    color:#585858;
    font-size:22px;
    font-weight:600;
    margin-bottom:5px
}
.job-widget .job-dept{
    color:#737882;
    display:block;
    font-size:16px;
    font-weight:500;
    margin-bottom:20px
}
.job-widget .job-post-det{
    display:inline-block;
    margin-bottom:5px;
    width:100%;
    color:#737882
}
.job-widget .job-post-det li{
    float:left;
    list-style:none;
    margin-right:20px
}
.job-widget .job-post-det li .text-blue{
    color:#009ce7
}
.square-list li{
    color:#727272;
    line-height:24px;
    list-style:none;
    margin:10px 0 0 20px;
    position:relative
}
.square-list li:before{
    font-family:fontawesome;
    margin:0;
    position:relative;
    color:#f43b48;
    float:left;
    margin-left:-20px;
    display:block;
    content:"\f0c8";
    font-size:8px
}
.job-btn{
    border:2px solid #f43b48;
    color:#f43b48;
    display:block;
    font-size:16px;
    font-weight:600;
    margin-bottom:20px;
    padding:15px;
    text-transform:uppercase;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    transition:all .2s ease
}
.job-btn:hover{
    background-color:#f43b48;
    color:#fff
}
.info-list{
    color:#888;
    padding-top:20px
}
.info-list span{
    color:#f43b48;
    float:left;
    font-size:20px;
    line-height:14px
}
.info-list h5{
    color:#585858;
    font-size:14px;
    font-weight:600;
    margin-bottom:5px;
    margin-left:40px;
    text-transform:uppercase
}
.info-list p{
    line-height:1.7;
    margin:0 0 0 40px
}
.info-list .app-ends{
    color:#46cd38;
    font-size:13px
}
button.close{
    background:0 0;
    border:0
}
.w-sidebar{
    background:#fff;
    padding:1rem;
    box-shadow:0 1px 1px rgba(0,0,0,.2)
}
.w-sidebar ul{
    padding:15px
}
.w-sidebar ul a{
    color:#333
}
@media(max-width:991px){
    .message-view .task-view{
        width:100%
    }
    .task-chat-view{
        display:none!important;
        -webkit-transition:all .2s ease;
        -ms-transition:all .2s ease;
        transition:all .2s ease;
        right:0;
        transform:translateX(0px);
        z-index:1041;
        width:300px!important;
        position:fixed!important;
        transition:all .4s ease 0s;
        margin-right:-300px;
        display:table-cell;
        top:0;
        padding-bottom:60px;
        margin-top:60px
    }
    .task-chat-view.opened{
        margin-right:0!important;
        display:block!important
    }
}
.profile-view{
    position:relative
}
.profile-view .profile-img-wrap{
    height:120px;
    width:120px;
    position:absolute
}
@media(max-width:575px){
    .profile-view .profile-img-wrap{
        position:relative;
        margin:0 auto
    }
}
.profile-view .profile-img-wrap img{
    border-radius:50%;
    height:120px;
    width:120px
}
.profile-view .profile-img{
    width:120px;
    height:120px
}
.profile-view .profile-basic{
    margin-left:140px;
    padding-right:50px
}
@media(max-width:575px){
    .profile-view .profile-basic{
        margin-left:0;
        padding-right:0
    }
}
.profile-view .profile-basic .profile-info-left{
    border-right:2px dashed #ccc
}
@media(max-width:575px){
    .profile-view .profile-basic .profile-info-left{
        text-align:center;
        padding:15px 0
    }
}
@media(max-width:768px){
    .profile-view .profile-basic .profile-info-left{
        border-right:none;
        border-bottom:2px dashed #ccc;
        margin:0 0 20px;
        padding:0 0 20px
    }
}
.profile-view .profile-basic .profile-info-left .user-name{
    color:#333
}
.profile-view .profile-basic .profile-info-left .staff-id{
    font-size:14px;
    font-weight:500;
    margin-top:5px
}
.profile-view .profile-basic .profile-info-left .staff-msg{
    margin-top:30px
}
.profile-view .profile-basic .profile-info-left .staff-msg .btn-custom{
    background:#f43b48;
    background:linear-gradient(to right,#f43b48 0%,#453a94 100%);
    color:#fff
}
.profile-view .pro-edit{
    position:absolute;
    top:0;
    right:0
}
.profile-action .dropdown-toggle:after{
    display:none
}
.edit-icon{
    background-color:#eee;
    border:1px solid #e3e3e3;
    color:#bbb;
    float:right;
    font-size:12px;
    line-height:24px;
    min-height:26px;
    text-align:center;
    width:26px;
    border-radius:24px
}
.personal-info li{
    margin-bottom:10px
}
.personal-info li .title{
    color:#333;
    float:left;
    font-weight:500;
    margin-right:30px;
    width:30%
}
@media(max-width:575px){
    .personal-info li .title{
        width:30%;
        margin:0
    }
}
.personal-info li .text{
    color:#888;
    display:block;
    overflow:hidden
}
.personal-info li .text .avatar-box{
    float:left;
    position:relative;
    top:-5px
}
.delete-icon{
    color:#f83f37;
    float:right;
    font-size:18px
}
.experience-box{
    position:relative
}
.experience-box .experience-list{
    position:relative
}
.experience-box .experience-list::before{
    background:#ddd;
    bottom:0;
    content:"";
    width:2px;
    position:absolute;
    top:8px;
    left:8px
}
.experience-box .experience-list li{
    position:relative
}
.experience-box .experience-list li .experience-user{
    background:#fff;
    height:10px;
    width:10px;
    margin:0;
    padding:0;
    position:absolute;
    top:4px;
    left:4px
}
.experience-box .experience-list li .experience-user .before-circle{
    background-color:#ddd;
    border-radius:50%;
    height:10px;
    width:10px
}
.experience-box .experience-list li .experience-content{
    background-color:#fff;
    margin:0 0 20px 40px;
    padding:0;
    position:relative
}
.experience-box .experience-list li .experience-content .timeline-content{
    color:#9e9e9e
}
.experience-box .experience-list li .experience-content .timeline-content a.name{
    color:#616161;
    font-weight:700
}
.experience-box .experience-list li .experience-content .time{
    color:#bdbdbd;
    display:block;
    font-size:12px;
    line-height:1.35
}
.submit-btn{
    font-size:18px;
    font-weight:600;
    min-width:200px;
    padding:10px 20px;
    border-radius:50px
}
.profile-img-wrap{
    height:120px;
    position:absolute;
    width:120px;
    background:#fff;
    overflow:hidden
}
@media(max-width:575px){
    .profile-img-wrap{
        position:relative;
        margin:0 auto
    }
}
.profile-img-wrap.edit-img{
    border-radius:50%;
    margin:0 auto 30px;
    position:relative
}
.profile-img-wrap img{
    border-radius:50%;
    height:120px;
    width:120px
}
.profile-img-wrap .fileupload{
    background:rgba(33,33,33,.5);
    border:none;
    padding:3px 10px;
    border-radius:0;
    position:absolute;
    right:0;
    bottom:0;
    left:0
}
.profile-img-wrap .fileupload .btn-text{
    color:#fff
}
.profile-img-wrap .fileupload .upload{
    cursor:pointer;
    filter:alpha(opacity=0);
    font-size:20px;
    opacity:0;
    margin:0;
    padding:5px;
    position:absolute;
    top:-3px;
    right:-3px
}
.payslip-title{
    text-align:center;
    text-decoration:underline;
    text-transform:uppercase;
    margin:0 0 20px
}
.inv-logo{
    height:auto;
    max-height:100px;
    width:auto;
    margin:0 0 20px
}
.invoice-details{
    float:right;
    text-align:right
}
.topics{
    background-color:#fff;
    border:1px solid #ededed;
    border-radius:4px;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,.2);
    box-shadow:0 1px 1px rgba(0,0,0,.2);
    margin:0 0 30px;
    padding:20px
}
.topics .topic-title{
    color:#333;
    margin:0 0 20px;
    padding:0 25px 0 0;
    position:relative
}
.topics .topic-title a{
    color:#333;
    font-size:20px;
    font-weight:500;
    text-decoration:none
}
.topics .topic-title a i{
    color:#f43b48;
    margin-right:5px
}
.topics .topic-title a span{
    color:#f43b48
}
.topics .topics-list{
    margin:0;
    padding:0
}
.topics .topics-list li{
    position:relative;
    list-style:none;
    line-height:2
}
.topics .topics-list li:before{
    font-family:FontAwesome;
    content:"\f016";
    color:#555;
    font-size:15px;
    position:absolute;
    top:0;
    left:0
}
.topics .topics-list li a{
    padding-left:25px;
    color:#555;
    font-size:14px;
    font-weight:400;
    text-decoration:none;
    outline:0
}
.equal-height-cards .card{
    height:100%
}
.equal-height-cards .pricing-box{
    text-align:center
}
.equal-height-cards .pricing-box ul{
    text-align:left
}
.equal-height-cards .pricing-box ul li{
    line-height:35px
}
.equal-height-cards .pricing-box ul li i{
    color:#26af48;
    margin-right:5px
}
.topnav-dropdown-header{
    border-bottom:1px solid #eee;
    text-align:center;
    font-size:12px;
    height:32px;
    line-height:32px;
    padding:0 12px
}
.topnav-dropdown-header .notification-title{
    color:#333;
    display:block;
    float:left;
    font-size:14px;
    font-weight:700;
}
.topnav-dropdown-header .clear-noti{
    color:#f83f37;
    float:right;
    font-size:11px;
    text-transform:uppercase
}
.notifications .noti-content{
    max-height:290px;
    width:350px;
    overflow-y:auto;
    position:relative
}
.notifications .notification-list li{
    margin-top:0;
    border-bottom:1px solid #f5f5f5
}
.notifications .notification-list li a{
    display:block;
    padding:12px;
    border-radius:2px
}
.notifications .notification-list li .noti-title{
    color:#333
}
.notifications .notification-list li .noti-details{
    color:#989c9e;
    margin:0
}
.notifications .notification-list li p.noti-time{
    margin:0
}
.notifications .notification-list li .notification-time{
    font-size:12px;
    line-height:1.35;
    color:#bdbdbd
}
.notifications .notification-list li .list-item{
    border:0;
    padding:0;
    position:relative
}
.notifications .notification-list li .list-item .list-left{
    height:48px;
    position:absolute;
    width:48px
}
.notifications .notification-list li .list-item .list-body{
    padding:0 0 0 50px
}
.notifications .notification-list li .list-item .list-body .message-author{
    color:#333;
    float:left;
    font-weight:500;
    width:175px;
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.notifications .notification-list li .list-item .list-body .message-time{
    color:#888;
    float:right;
    font-size:11px
}
.notifications .notification-list li .list-item .list-body .message-content{
    color:#333;
    font-size:13px;
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.topnav-dropdown-footer{
    border-top:1px solid #eee;
    font-size:12px;
    height:32px;
    line-height:32px;
    padding:0 12px
}
.topnav-dropdown-footer a{
    display:block;
    text-align:center;
    color:#333
}
.list-left{
    height:48px;
    position:absolute;
    width:48px
}
.list-body{
    padding:0 0 0 50px
}
.list-body .message-author{
    color:#333;
    float:left;
    font-weight:500;
    width:175px;
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.list-body .message-time{
    color:#888;
    float:right;
    font-size:11px
}
.list-body .message-content{
    color:#333;
    font-size:13px;
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

small.form-error {
    color: #df2926;
    font-size: 80%;
}

small {
    font-size: 80%;
}

.flash-message {
    position: fixed;
    bottom: 0;
    /* right: 0; */
    width: 100%;
    z-index: 9999;
    border-radius: 0 !important;
    text-align: center;
    margin-bottom: 0;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

.flash-message.alert-danger {
    background-color: #ee0e21;
    border-color: #ee0e21;
    color: #fff;
}

.flash-message.alert-success {
    background-color: #03c744;
    border-color: #03c744;
    color: #fff;
}
/* Animations to fade the snackbar in and out */

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

.circular-logo {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #FA6121;
    text-align: center;
}

.circular-logo span {
    font-size: 90px;
    line-height: 118px;
    font-weight: 500;
    color: #ffffff;
}

.circular-icon{
    display: inline-block;
    background-color:#eee;
    border:1px solid #e3e3e3;
    color:#FA6121;
    font-size:12px;
    line-height:24px;
    min-height:26px;
    text-align:center;
    width:26px;
    border-radius:24px
}
.primary-badge {
    display: inline-block;
    background-color:#0d6efd;
    border:1px solid #0d6efd;
    color:#ffffff;
    font-size:10px;
    text-align:center;
    border-radius:3px;
    padding: 1px 10px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.text-thin {
    font-weight: 100;
}

.fixed-card-height {
    height: 100px;
}

.card.project-md {
    height: 225px;
}
.card.project-sm {
    height: 175px;
}
.card.project h4 {
    font-weight: 700;
    color: #b7c0cd;
}
.card.bg-project-health {
    background-color: #333 !important;
}
.card.bg-project-progress {
    /* background-color: #123E93 !important; */
    background-color: #34444c !important;
}
.card.bg-project-info {
    background-color: #61658a !important;
}
.project-info li {
    margin-bottom: 10px;
}
.project-info li .title {
    color: #fff;
    float: left;
    font-weight: 500;
    margin-right: 30px;
    width: 35%;
}

.project-info li .text {
    color: #cfcfcf;
    display: block;
    overflow: hidden;
}  

.view-more {
    position: absolute;
    right: 22px;
    bottom: 15px;
    margin: 0;
}

.task-complete-btn {
    background-color: #03c744;
    border: 1px solid #03c744;
    color: #ffffff;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 50px;
}
.task-complete-btn:hover {
    background-color: #ffffff;
    border: 1px solid #03c744;
    color: #03c744;
}
.task-action-btn {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    color: #333333;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 50px;
}
.task-action-btn:hover {
    background-color: #e3e3e3;
    border: 1px solid #999999;
    color: #333333;
}

.complete-percent {
    font-size: 20px;
    font-weight: 600;
}

.task {
    margin-bottom: 15px;
}
.task .label {
    font-weight: 300;
    color: #797979;
    margin-bottom: 5px;
}
.task .text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 400;
}
.task .assignee {
    margin-right: 20px;
    margin-bottom: 10px;
}

.attachment-card {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    color: #333333;
    font-size: 20px;
    padding: 6px 14px;
    border-radius: 5px;
    margin: 0 10px 10px 0;
    max-width: 240px;
/*     max-width: 240px;
    max-height: 60px; */
    height: 60px;
}
.attachment-card.upload {
    display: block;
    font-size: 32px;
    width: 60px;
    height: 60px;
}
.attachment-preview {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.attachment-icon i {
    font-size: 36px;
    margin: 5px 10px 5px -4px;
}
.attachment-info {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    max-width: 168px;
}
.attachment-name {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}
.attachment-info small {
    overflow: hidden;
    text-overflow: ellipsis;
}

.left-title {
    float: left;
    font-weight: 500;
    margin-right: 30px;
}
.left-title.sm {
    width: 45px;
}
.left-title.md {
    width: 100px;
}
.left-title.lg {
    width: 170px;
}
.right-text {
    display: block;
    overflow: hidden;
}

/* Timeline */
#timeline-content {
    margin-top: 30px;
/*     text-align: center;
    background-color: #333333; */
}
.timeline {
    border-left: 4px solid #b1c8f9;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.9);
    margin: 20px auto;
    letter-spacing: 0.5px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 30px;
    list-style: none;
    text-align: left;
    max-width: 80%;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.timeline .event {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
    margin-bottom: 10px;
    position: relative;
}
.timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
.timeline .event:before,
.timeline .event:after {
    position: absolute;
    display: block;
    top: 0;
}
.timeline .event:before {
    left: -180px;
    top: 6px;
    color: rgba(0, 0, 0, 0.7);
    content: attr(data-date);
    text-align: right;
    font-weight: 400;
    font-size: 0.8em;
    min-width: 120px;
}
.timeline .event:after {
    box-shadow: 0 0 0 4px #b1c8f9;
    left: -38px;
    background: #313534;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    content: "";
    top: 11px;
}
.payslip ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.payslip li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px; /* Adjust spacing between items as needed */
}

.payslip .btn-success {
    /* Add any additional styling you need for the Download PDF button */
    background-color: #28a745;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;

}