/*responsivenes flutter*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 1024px) and (max-device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}

/**/
@media (min-width:1024px) and (max-width:1365px) and (orientation: portrait) {
    .flutter-app .documentsfile {
        width: 92%;
        min-width: 92%;
    }
}

/* breakpoints */
.logo img {
    width: 100px !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
    top: 5px;
    left: 0px;
}

.productnamelogo {
    color: #ffff !important;
    padding-left: 17px;
    vertical-align: middle;
    position: relative;
    top: 12px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: monospace;
}

.card.shadow {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1) !important;
}

.navbar .navbar-brand {
    padding: 0;
    position: relative;
    top: -3px;
    left: -5px;
    height: 50px;
    line-height: 30px;
    color: inherit;
    float: left;
    font-size: 18px;
}

.flutter-app .requestslist .tabhistory-panel {
    min-height: calc(100vh - 180px);
    max-height: calc(100vh - 180px);
}

.top-horizontal-menu-panel ul .menulist-top.active {
    background: #fff !important;
}

.top-horizontal-menu-panel ul .menulist-top {
    margin: 0 3px !important;
}

.navbar.navbar-transparent {
    -o-border-image: none;
    border-image: none;
    border-radius: 0;
    z-index: 99;
    transition: all 1s;
    height: auto;
    position: fixed;
    box-shadow: 0 2px rgb(0 0 0 / 5%), 0 1px 0 rgb(0 0 0 / 5%);
    border-color: #7b8ed9 !important;
    /* background: #7b8ed9 !important; */
    background: #fff !important;
}

.flutter-app .height-100 {
    background: #e4eff4;
}

.flutter-app .top-horizontal-menu-panel a {
    text-align: center;
    font-size: 11px;
    color: #fdfcfc;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 2;
}

.navbar {
    height: 40px;
    min-height: 40px;
}

.navbar.navbar-transparent {
    box-shadow: 0 2px rgb(0 0 0 / 5%), 0 1px 0 rgb(0 0 0 / 5%);
    border-color: #F9F8F8;
    background: #000;
}

.top-horizontal-menu-panel {
    height: 60px;
}

.top-horizontal-menu-panel ul .menulist-top {
    width: 145px;
    padding: 5px;
    border-radius: 2px;
}

.top-horizontal-menu-panel a {
    font-size: 12px;
    color: #fdfcfc;
    font-weight: 500;
}
.top-horizontal-menu-panel span{
    vertical-align: middle!important;
}
.top-horizontal-menu-panel a {
    text-align: center;
    font-size: 12px !important;
    color: #3e3e3e !important;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 2;
}

.top-horizontal-menu-panel a:hover span ,
    .top-horizontal-menu-panel a:hover i {
    color: #0d6efd !important;
}

.top-horizontal-menu-panel .menulist-top .material-icons,
.top-horizontal-menu-panel .menulist-top .fa,
.top-horizontal-menu-panel .menulist-top .material-symbols-outlined {
    color: #e4e4e4;
    font-size: 20px!important;
}

.prjectname {
    position: relative;
    z-index: 10;
}

/*------------------------------*/
.flutter-app .standard-form-layout .gridster-content-position {
    background: #ededed !important;
    padding: 15px 35px;
    padding-bottom: 30px;
}

.flutter-app .viewonly-forms .qm-designform nav ul li a,
.viewonly-forms .qm-designform .form-tab-scroll ul li a {
    background-color: rgb(233, 233, 233);
    border-radius: 20px 20px 0 0;
}

.flutter-app .gridster-main-section .panel-body {
    background: #eef0f2 !important;
}

.flutter-app .gridster-main-section .panel-heading {
    background-color: #fefefe;
    border-top: 1px solid rgb(192 192 192) !important;
    color: #3e3e3e;
    font-size: 13px;
    padding: 7px 10px;
    font-weight: 600;
    height: 42px;
    line-height: 2.2;
}

.flutter-app .landscreenheading {
    color: #fff;
    font-size: 35px;
    margin: 20px 0 0 0;
    font-weight: 400;
    text-shadow: 1px 1px #d2d2d2;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.flutter-app .label {
    border-radius: 12px;
    padding: 3px 12px;
    text-transform: uppercase;
    font-size: 10px;
}

.flutter-app .icon-wrapper .material-symbols-outlined {
    font-size: 30px;
}

.flutter-app .cardlistingdashboard h3 {
    font-size: 20px;
    font-weight: 600;
    color: #1f194c;
    margin: 1em 0;
    margin-bottom: 10px;
}

.flutter-app .cardlistingdashboard p {
    line-height: 1.6;
    letter-spacing: 0.03em;
    padding: 0;
    font-size: 13px;
    color: #9e9e9e;
}

.flutter-app .btn-openapp,
.btn-openapp:focus,
.flutter-app .btn-openapp:active,
.flutter-app .btn-openapp.active,
.flutter-app .btn-openapp:active:focus,
.flutter-app .btn-openapp:active:hover {
    background: #505459;
    color: #fff;
    box-shadow: none;
    font-size: 12px !important;
    padding: 10px 20px !important;
    position: relative;
    bottom: 0;
    right: inherit;
    text-align: center;
    font-weight: 600;
}

.flutter-app .taskpiehchart,
.flutter-app .taskbarhchart {
    height: 450px;
    display: flex;
}

.flutter-app .process-tab-section .process-people-tab-section .nav>li.active {
    cursor: pointer;
    padding: 5px;
    border-bottom: 2px solid #044e8f;
    /* color: #1e88e5 !important; */
    color: #044e8f !important;
}

.flutter-app .process-tab-section .process-people-tab-section .nav {
    height: 45px;
    background: #f9f9f9;
}

.flutter-app .myrequest-metrics-section .color-cancelled {
    color: #fc4b6c;
}

.flutter-app .for-workflow .metrixcard-01 .metrix-count {
    color: #1E88E5;
}

.flutter-app .setting-right .process-tab-section .process-people-tab-section .nav {
    height: 35px;
}

.flutter-app .setting-right .process-tab-section .process-people-tab-section .nav>li>a {
    padding: 2px 10px;
    top: 3px;
}

.flutter-app .for-workflow .metrixcard-02 .metrix-count {
    color: #7460ee;
}

.flutter-app .for-workflow .metrixcard-03 .metrix-count {
    color: #55ce63;
}

.flutter-app .for-workflow .metrixcard-04 .metrix-count {
    color: #FFB22B;
}

.flutter-app .for-workflow .metrixcard-05 .metrix-count {
    color: #90a4ae;
}

.flutter-app .myrequest-metrics-section .metric-bar {
    position: relative;
    bottom: 0;
    min-height: 3px;
    border-radius: 20px;
    margin: 10px 0 0 0;
}

.flutter-app .myrequest-metrics-section .initiated-bar {
    background: #7460ee;
}

.flutter-app .myrequest-metrics-section .inprogress-bar {
    background: #508ef5;
}

.flutter-app .myrequest-metrics-section .cancelled-bar {
    background: #fc4b6c;
}

.flutter-app .myrequest-metrics-section .restart-bar {
    background: #ffb22b;
}

.flutter-app .myrequest-metrics-section .closed-bar {
    background: #00bcd4;
}

.flutter-app .myrequest-metrics-section .color-initiated {
    color: #7460ee;
}

.flutter-app .myrequest-metrics-section .color-inprogress {
    color: #508ef5;
}

.flutter-app .myrequest-metrics-section .color-cancelled {
    color: #fc4b6c;
}

.flutter-app .myrequest-metrics-section .color-restart {
    color: #ffb22b;
}

.flutter-app .myrequest-metrics-section .color-closed {
    color: #00bcd4;
}

.flutter-app .smrheadingd {
    padding: 10px;
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: #3e3e3e;
    text-transform: uppercase;
}
#select-user .modal-header{
    height: 50px;
}
.flutter-app .static-table .table>thead>tr>th {
    padding: 15px 5px !important;
    vertical-align: top;
    font-size: 13px;
    color: #555555;
    font-weight: 500;
    text-transform: uppercase;
    /* background: #dee6e9; */
    background: #dee6e978;
    /* background: #f7f7f7; */
}
.btn-qm-primary:hover,
.btn-qm-primary.disabled:hover,
.btn-splitdrop:hover, 
 .pent-btn-sm-viewmorecrm:hover,

.flutter-app .btn.btn-success:hover,
.flutter-app .navbar .navbar-nav>li>a.btn.btn-success.active:hover,
.flutter-app .navbar .navbar-nav>li>a.btn.btn-success:active:hover,
.flutter-app .navbar .navbar-nav>li>a.btn.btn-success:hover,
.flutter-app .open>.btn.btn-success.dropdown-toggle:focus,

.btn.btn-success.active:hover,

.btn.btn-success:active:hover,

.btn.btn-success:hover,

.navbar .navbar-nav>li>a.btn.btn-success.active:hover,

.navbar .navbar-nav>li>a.btn.btn-success:active:hover,
.navbar .navbar-nav>li>a.btn.btn-success:hover,

.open>.btn.btn-success.dropdown-toggle:hover,
.flutter-app .pent-btn-primary,
.open>.navbar .navbar-nav>li>a.btn.btn-success.dropdown-toggle:hover,
.flutter-app .open>.btn.btn-success.dropdown-toggle:hover,
.table-btn-add:hover,
 .sortinput .btn-success:hover,
 .flutter-app .Pent-btn-success,
.flutter-app .sortinput .btn-success:hover,
.flutter-app .pent-btn-sm-viewmore:hover,
.flutter-app .open>.navbar .navbar-nav>li>a.btn.btn-success.dropdown-toggle:hover {
    background: #3c90c0 !important;
    border: 1px solid #3c90c0;
    color: #FFF !important;
}
.btn-qm-primary,
.btn-qm-primary.disabled,

.btn-splitdrop:active,
.btn-splitdrop,
.pent-btn-sm-viewmorecrm,
.pent-btn-sm-viewmorecrm:focus,
.flutter-app .btn.btn-success,
.btn.btn-success.active,
.flutter-app .btn.btn-success.active:focus,
.flutter-app .btn.btn-success:active,
.flutter-app .btn.btn-success:active:focus,
.flutter-app .btn.btn-success:focus,
.flutter-app .navbar .navbar-nav>li>a.btn.btn-success,
.flutter-app .navbar .navbar-nav>li>a.btn.btn-success.active,
.flutter-app .navbar .navbar-nav>li>a.btn.btn-success.active:focus,
.flutter-app .navbar .navbar-nav>li>a.btn.btn-success:active,
.flutter-app .navbar .navbar-nav>li>a.btn.btn-success:active:focus,
.flutter-app .navbar .navbar-nav>li>a.btn.btn-success:focus,
.flutter-app .open>.btn.btn-success.dropdown-toggle,
.flutter-app .open>.btn.btn-success.dropdown-toggle:focus,
.btn.btn-success,
.btn.btn-success.active,
.btn.btn-success.active:focus,
.btn.btn-success:active,
.btn.btn-success:active:focus,
.btn.btn-success:focus,
.navbar .navbar-nav>li>a.btn.btn-success,
.navbar .navbar-nav>li>a.btn.btn-success.active,
.navbar .navbar-nav>li>a.btn.btn-success.active:focus,
.navbar .navbar-nav>li>a.btn.btn-success:active,
.navbar .navbar-nav>li>a.btn.btn-success:active:focus,
.navbar .navbar-nav>li>a.btn.btn-success:focus,
.open>.btn.btn-success.dropdown-toggle,
.open>.btn.btn-success.dropdown-toggle:focus,
.open>.navbar .navbar-nav>li>a.btn.btn-success.dropdown-toggle,
.open>.navbar .navbar-nav>li>a.btn.btn-success.dropdown-toggle:focus,

.flutter-app .pent-btn-sm-viewmore,
.flutter-app .pent-btn-sm-viewmore:focus,
.flutter-app .table-btn-add,
.flutter-app .table-btn-add:focus,
.flutter-app .sortinput .btn-success:focus,
.table-btn-add,  .table-btn-add:focus, .sortinput .btn-success:focus, .sortinput .btn-success,

.flutter-app .sortinput .btn-success,
.flutter-app .open>.navbar .navbar-nav>li>a.btn.btn-success.dropdown-toggle,
.flutter-app .open>.navbar .navbar-nav>li>a.btn.btn-success.dropdown-toggle:focus{
    background: #fff !important;
    border: 1px solid #3c90c0!important;
    color: #3c90c0 !important;
}
#Activity .notification-time,
#notification .notification-time{
    color: #3e3e3e;
    font-size: 10px;
    padding: 2px 10px;
    font-weight: 600;
    background: #ededed;
    border-radius: 10px;
}
.flutter-app .add-entitybtn {
    padding: 8px 20px !important;
}

.openlead .metrix-count,
.unqualifiedlead .metrix-count,
.openlead .title,
.qualifiedlead .title,
.unqualifiedlead .title,
.qualifiedlead .metrix-count {
    color: #fff;
}

.flutter-app .openlead {
    background: #30a4fb;
}

.flutter-app .unqualifiedlead {
    background: #ff687e;
}

.flutter-app .qualifiedlead {
    background: #30e8a9;
}

.box-shadow {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1) !important;
}

.flutter-app .request-header {
    padding: 10px 10px;
    z-index: inherit;
    font-weight: normal;
    background: #f9f9f9;
    box-shadow: none;
    border-bottom: 1px solid #f9f9f9;
    border-radius: 0;
}

.flutter-app .large__mainmodalform .modal--outersection .body--contentarea.xs-body--contentarea,
.flutter-app .bg-theme-colr {
    background: #f2f7fa;
    height: calc(100vh - 0px) !important;
    display: block;
    overflow: hidden;
}

.flutter-app .text-hignpriority {
    background: #ffa29b;
    color: #fff !important;
    font-weight: 500 !important;
    padding: 2px 8px !important;
    margin-right: 3px;
    border-radius: 3px !important;
    position: relative;
    font-size: 11px !important;
}

.flutter-app .prioritysection .text-hignpriority {
    background: #ffa29b;
    color: #fff !important;
    font-weight: 500 !important;
    padding: 2px 8px !important;
    margin-right: 3px;
    border-radius: 3px !important;
    position: relative;
    font-size: 11px !important;
}

.flutter-app .text-lowpriorty {
    background: #FFC107;
    color: #fffefa !important;
    font-weight: 500 !important;
    padding: 4px 10px !important;
    margin-right: 3px;
    border-radius: 2px;
}

.flutter-app .prioritysection {
    position: relative;
    top: 25px;
    right: 0;
    left: 0;
    float: left;
    text-align: right;
    bottom: 0;
}

.flutter-app .drafttable .tasklistinggg .prioritysection,
.flutter-app .drafttable .tasklistinggg .membersection {
    top: 0 !important;
    left: 47px;
}

.flutter-app .accessdropdwon,
.flutter-app .accessdropdwon.active,
.flutter-app .accessdropdwon:hover {
    background-color: #fff !important;
    font-size: 12px !important;
    padding: 6px 10px !important;
    color: #3e3e3e !important;
    font-weight: 400 !important;
    border-radius: 5px;
    border: 1px solid #ccc;
    list-style: none;
    box-shadow: none;
    margin: 0;
    width: auto;
    height: 35px;
}

.flutter-app .process-icons i,
.flutter-app .taskcardicon i {
    font-size: 35px ;
    color: #607D8B !important;
    padding: 10px 0px;
}
#board .static-dashboard-task  .task-card-panel .card-stats:hover .subtasking,
.flutter-app #LIST .tablepanelscroll .panel-body tr tbody tr:hover .subtasking,
.flutter-app #PLANNEDTASK .tablepanelscroll tr:hover .subtasking {
    background: #789eb1;
    color: #ffff !important;
}
.table-responsive{
    border-radius: 6px;
}
.projectslisingcomp .table-responsive,
#PLANNEDTASK .table-responsive{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.flutter-app .static-dashboard-task .dashboard-task-content .card .at-rk {
    color: #fb9678;
    border-color: #d7dfe3;
}

.flutter-app .static-dashboard-task .dashboard-task-content .card .in-pg {
    color: #03a9f3;
    border-color: #d7dfe3;
}

.flutter-app .static-dashboard-task .dashboard-task-content .card .or-due {
    color: #e46a76;
    border-color: #d7dfe3;
}

.flutter-app .task-details-card-overview .task-title {
    font-size: 16px;
    color: #555555;
    font-weight: 600;
    padding: 0;
    line-height: 2.2;
}

.flutter-app .task-details-card-overview .task-description {
    font-size: 13px;
    color: #777777;
    font-weight: 500;
}
.projectlisttask .process-tab-section .process-people-tab-section .nav>li>a{
    font-size: 12px;
}

.flutter-app .task-create .card-body {
    padding: 0;
    border-radius: 2px;
    background: #f9fafc;
    box-shadow: none;
    min-height: calc(100vh - 160px);
    max-height: calc(100vh - 160px);
}

.mat-form-field {
    width: 100%;
}

.flutter-app .card-header .accessdropdwon,
.flutter-app .td-actions .accessdropdwon {
    border: none;
}
#Activity .task-create .messagebody.card-body {
    background: #f5f6f7;
    padding: 0 10px;
    min-height: calc(100vh - 135px);
    max-height: calc(100vh - 135px);

}
.infohover{
    vertical-align: text-top;
}
#new-discussion-modal .ql-editor{
    height: calc(100vh - 410px);
}
.bg-notify{
    background: #f4f8fb!important;
}
.request-notification-section .process-list-section.notificationdvi {
    min-height: calc(100vh - 325px);
    max-height: calc(100vh - 325px);
}
.flutter-app #myreviews .btn-viewmoew,
.flutter-app #Assignedreviews .btn-viewmoew,
.flutter-app #Activity .btn-viewmoew, .flutter-app #Activity .btn-viewmoew:hover, .flutter-app #Activity .btn-viewmoew:focus, .flutter-app #Activity .btn-viewmoew.active {
    background: transparent;
    border: 1px solid #da90e7;
    color: #9C27B0;
    padding: 3px 3px !important;
    box-shadow: none;
    text-transform: inherit;
    font-size: 11px !important;
    display: block;
    float: right;
    font-weight: bold;
    border-radius: 20px;
}
.flutter-app #myreviews .btn-viewmoew i,
.flutter-app #Assignedreviews .btn-viewmoew i,
.flutter-app #Activity .btn-viewmoew i{
    vertical-align: middle;
    font-weight: 700;
    line-height: 0.1;
}
#Activity  .task-create .content-body .frame .content .messages{
    min-height: calc(100vh - 287px);
    max-height: calc(100vh - 287px);
}
.flutter-app .taskpagelisting ul li.lisingallgrouplabel .addmore .countdiv:hover .spnTooltip {
    left: 0;
}
.flutter-app .requestslist #Activity .tabhistory-panel {
    min-height: calc(100vh - 140px);
    max-height: calc(100vh - 140px);
}
.setting-right #notesreview .task-create #notes .content-body .frame .content .messages,
#Activity .task-create #notes .onempty-chathistory {
    min-height: calc(100vh - 300px);
    max-height: calc(100vh - 300px);
}
.flutter-app .card-header .headeertitle .propage-title {
    height: 25px;
}

.flutter-app .task-create .sm-taskdetail .inputedit{
    resize: none;
}
.flutter-app .taskmain .taskdetails-secondarydiv,
.large__mainmodalform .page-section.process-tab-section ,
.flutter-app .taskmain .task-create .card-body{
    min-height: calc(100vh - 200px)!important;
    max-height: calc(100vh - 200px)!important;
}
.task-details-summary   .task-create #notes .onempty-chathistory,
 .taskmain  .task-create #documents .taskcontent-area,
 .taskmain  #reviewer .taskcontent-area{
    min-height: calc(100vh - 363px)!important;
    max-height: calc(100vh - 363px)!important;
}
.btnsuccess{
    background: #3cc090 !important;
    border:1px solid #3cc090!important;
    color: #fff !important;
    box-shadow: 0 2px 2px 0 rgb(40 190 189 / 14%), 0 3px 1px -2px rgb(40 190 189 / 20%), 0 1px 5px 0 rgb(40 190 189 / 12%) !important;
    transition: 0.2s ease-in;
}
/* .flutter-app .addtotasklabel ul li span.hidden-sm{
    color: #848484;
} */
.taskdetails-secondarydiv {
    /* background: #f9fafc; */
    overflow: auto;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
    min-height: calc(100vh - 160px);
    max-height: calc(100vh - 160px);
    padding: 10px 15px;
}

.flutter-app .addtotasklabel ul li {
    width: 100%;
    padding: 7px 10px;
    background-color: #ffffff;
    margin: 6px 0;
    border-radius: 2px;
    cursor: pointer;
    margin-top: 0;
    color: #3e3e3e;
    border: 1px solid #dae9ff;
}

.flutter-app .taskpagelisting ul li.labelli .addmore .countdiv:hover .spnTooltip {
    left: auto;
    right: 0;
}

.task-create #notes .onempty-chathistory {
    min-height: calc(100vh - 300px);
    max-height: calc(100vh - 300px);
}

tr.datarow:hover {
    background: transparent !important;
}
#budget-modal .taskcontent-area {
    min-height: calc(100vh - 60px)!important;
    max-height: calc(100vh - 60px)!important;
}
#milestone-modal .static-table .form-control,
#CALENDER .static-table .form-control,
.static-table .form-group .form-control,
#sharedcalender .static-table .form-group .form-control,
#customfileds-modal .static-table .form-control,
.static-table .form-group .form-control {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
}
#customfileds-modal .static-table .form-control{
    padding: 10px 10px !important;
    height: 40px;
}
#edit-projectdetails-popup .process-tab-section {
    min-height: calc(100vh - 230px);
}
#edit-projectdetails-popup .process-tab-section .process-people-tab-section .nav>li{
    width: 33%;
    text-align: center;
}
.user-configuration-metrix .matriceprokectbudget .userlength{
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 0;
    line-height: .8;
    color: #3e3e3e;
}
.user-configuration-metrix .matriceprokectbudget p {
    margin: 0;
    font-size: 11px;
    padding: 0 !important;
    line-height: 1.5;
}
.budgettypecontrol{height: 30px!important;}
#edit-projectdetails-popup .process-tab-section .choosecomponent--body{
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: calc(100vh - 300px);
    max-height: calc(100vh - 300px);
}
.fontsize20 {
    font-size: 22px !important;
    font-weight: 500;
}

.flutter-app .projectlisttask .card .table tr.datarow td {
    border-bottom: none !important;
    vertical-align: middle !important;
}

.flutter-app .labelli .label {
    padding: 5px 12px;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
}

.activity-selection ul li:hover a.text-danger,
.activity-selection ul li a.text-danger {
    color: #ff3547 !important;
}

.task-create #documents .taskcontent-area {
    min-height: calc(100vh - 270px);
    max-height: calc(100vh - 270px);
}

.flutter-app .labelli .hoverdiv {
    display: block;
}

.flutter-app .task-create .tag-description {
    bottom: auto;
    top: auto !important;
}

.listing-icons.taskcard-tag.taskdetail-label ul li a {
    padding: 0;
}

/*.listing-icons.taskdetail-label .tag-editbox ul{
    position: sticky;
}*/
.wauto {
    width: auto !important;
}

.mat-form-field-type-mat-date-range-input .mat-form-field-infix {
    width: auto;
    padding: 0;
    margin: 0;
    position: inherit;
    top: 0;
    border-top: none;
    border: none;
}

.flutter-app .addtotasklabel {
    padding: 10px 10px;
}

.flutter-app .inputedit {
    color: #333 !important;
    font-weight: 600 !important;
    margin: 0;
    font-size: 18px !important;
    border: none;
    margin-bottom: 0;
    padding: 0 10px;
    border-radius: 2px;
    width: 815px;
    height: auto;
    font-weight: 500 !important;
}

.flutter-app .xs-mdscreen-modal .modal-content .modal-header {
    min-height: 16.42857143px;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    color: #111;
    font-weight: bold;
}

.flutter-app .popup-modal-footer {
    padding: 15px;
    bottom: inherit;
    font-size: 12px;
    border-top: 1px solid #f9f9f9;
    position: relative;
    width: 100%;
    margin-top: 0;
    background-color: #e6e6e6;
    height: 60px;
    display: block;
}

.flutter-app .addtotasklabel ul li .material-symbols-outlined {
    font-size: 20px;
    color: #3F51B5;
}

.flutter-app .propage-title {
    color: #555555;
    font-weight: 500;
    margin: 0;
    font-size: 18px;
    padding: 16px;
}

.flutter-app .task-header-tag {
    line-height: 2;
    font-weight: 600;
    font-size: 15px;
    color: #555555;
}

.flutter-app .form-group .checkbox label,
.flutter-app .form-group .radio label,
.flutter-app .form-group label,
.flutter-app .form-group .label-on-left,
.flutter-app .form-group .label-on-right,
.flutter-app .form-group label.control-label,
.flutter-app label.control-label {
    font-size: 13px;
    line-height: 1.4;
    color: #3e3e3e !important;
    font-weight: 500;
}

.top-horizontal-menu-panel ul .menulist-top {
    /*        width: 140px!important;*/
}

.btn-cancel:hover,
.btn-cancel.active,
.btn-cancel {
    background: #fff;
    color: #777;
    border-radius: 3px;
    padding: 0 2px;
    box-shadow: 0 0 0 0 rgba(153, 153, 153, 1), 0 0 0 0 rgba(153, 153, 153, 1), 0 0 1px 0 rgba(153, 153, 153, 1);
}

.flutter-app .no-documentsfound .material-symbols-outlined {
    font-size: 50px;
    cursor: pointer;
    color: gray;
    background: #f1f2ff;
    padding: 5px 15px;
    margin-bottom: 10px;
    border-radius: 3px;
}

.flutter-app .page-breadcrumb {
    background: #ffffff;
    margin-bottom: 10px;
    padding: 9px 10px;
    z-index: 91;
    box-shadow: none;
    border: 1px solid #e2e8ea;
}

.flutter-app .settingmenu aside.sidebarmenu ul.sb_top_lv li.active,
.flutter-app .settingmenu aside.sidebarmenu ul.sb_top_lv li:hover {
    border-left: none;
    background: transparent;
}
 .flutter-app  .btn-viewmoew ,
 .flutter-app  .btn-viewmoew:hover,
 .flutter-app  .btn-viewmoew:focus,
    .flutter-app  .btn-viewmoew.active {
    background: transparent ;
    border: 1px solid #da90e7;
    color: #9C27B0;
    padding: 2px 8px !important;
    box-shadow: none;
    text-transform: inherit;
    font-size: 11px !important;
    display: block;
    float: right;
    font-weight: 600;
}
.levelcount{
    text-align: center;
    vertical-align: sub;
    font-size: 14px;
    padding: 10px 5px;
    line-height: 2;
}
.percentnumber{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #624f4f;
    font-weight: 600;
    top: -2px
}

.descdivtrack{
    display: inline-block;
    width: 100%;
}
#viewequest-popup #RNOTES .taskcontent-area,
#viewequest-popup #myreviews .taskcontent-area,
#viewequest-popup #Assignedreviews .taskcontent-area {
    background: #f9f9f9;
    min-height: calc(100vh - 196px);
    max-height: calc(100vh - 245px);
}
.flutter-app  .reviewerimag .addmore .countdiv:hover .spnTooltip{
    left: auto;
    right: 0;
    z-index: 9999;
}
.projecttemplateinfrmation{
    width: 50%;
    padding: 60px 0;
    margin: auto;

}
.porjectinfolist ul li{
    list-style: disc;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.porjectinfolist ul{
    margin: 0;
    padding-left: 25px;

}
.choosecomponent--body .righttemplateside{
    height: calc(100vh - 170px);
}
.tasksectionsmilesgtone{
    position: fixed;
    right: 0;
    width: inherit;
}
.add-project-from-template-popup .tablepanelscroll tbody {
    max-height: calc(100vh - 265px)!important;
    min-height: calc(100vh - 265px)!important;
}
#select-template .ums-listing-panel.modaltemplate{
    min-height: calc(100vh - 240px);
    max-height: calc(100vh - 240px);
}
.descriptionpara  quill-editor{
    width:100%;
}
.mat-tree {
    font-family: 'Poppins', sans-serif!important;
}
.userstemplated{
    position: relative;
    top: -4px;
    left: -15px;
}
.treeviewwscrll {
    max-height: calc(100vh - 190px);
    min-height: calc(100vh - 190px);
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}
.reviewerimag .countdiv img.userreviewrs{
    width: 25px;
}
.reviewerimag li.addmore{
    width: 25px!important;
    float: left!important;
}
#addreviewer  .usernametag{
    vertical-align: middle;
}
.mdc-text-field--filled {
    height: 35px !important;
}
.flutter-app  .user-card-content{
    box-shadow: 0px 5px 20px rgb(0 0 0 / 8%);
}
.details .user-card-content .user-thumbnail{
    width: 45px;
    top: 3px;
}
.details .user-card-content .image-user-responsive{
    min-height: 45px;
    max-height: 45px;
}
.datenum{
    font-size: 20px;

}
.datesection{
    text-align: center;
    background: #dbeeff;
    padding: 5px 8px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 600;
}
.tasknotification .notification-time {
    color: #8789d3;
    font-size: 10px;
    padding: 2px 10px;
    font-weight: 500;
    background: #f1feff;
    border-radius: 20px;
}
.activitybell {
    position: relative;
    background: #c8cefd;
    top: -3px;
    padding: 7px;
    font-size: 16px !important;
    border-radius: 25px;
    margin-right: 0px;
    height: 30px;
}
.statustagproj{
    border-radius: 20px !important;
    padding: 4px 20px !important;
    margin: 4px 0 !important;
    height: 25px;
    line-height: 3!important;
}
.flutter-app .pent-btn-sm-viewmore,
.flutter-app .pent-btn-sm-viewmore:hover,
.flutter-app .pent-btn-sm-viewmore:focus {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    margin: 0 !important;
}


.flutter-app .pent-btn-sm-viewfilter,
.flutter-app .pent-btn-sm-viewfilter:hover,
.flutter-app .pent-btn-sm-viewfilter:focus {
    background: #0d6efd !important;
    color: #fff !important;
    border: 1px solid #0d6efd !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px 20px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.flutter-app .pent-btn-sm-clearfilter,
.flutter-app .pent-btn-sm-clearfilter:hover,
.flutter-app .pent-btn-sm-clearfilter:focus {
    background: #ffffff !important;
    color: #555555 !important;
    border: 1px solid #eee !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px 15px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    margin: 0 !important;
}


.flutter-app .configuration-listing-section .app-icon .fa,
.flutter-app .configuration-listing-section .app-icon .material-symbols-outlined,
.flutter-app .configuration-listing-section .app-icon .material-icons {
    font-size: 130px;
    position: absolute;
    right: 15px;
    opacity: 0.08;
    top: 5px;
}

.flutter-app .configuration-listing-section .widget-title {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
    color: #555555;
    padding: 0;
}

.flutter-app .configuration-listing-section small,
.small {
    text-align: center;
    color: #9e9c9c;
    font-size: 13px;
    font-weight: 400;
}

.flutter-app .settingmenu aside.sidebarmenu {
    position: fixed;
    left: 0;
    top: 108px;
    height: 100%;
    background: #fff;
    width: 80px;
    overflow: hidden;
    transition: all 0.5s;
    box-shadow: 0 0 0 1px #ececec;
    border-right: 1px solid #f7f7f7;
}

.flutter-app .settingmenu aside.sidebarmenu ul.sb_top_lv li {
    border-bottom:none;
}

.flutter-app .addnewprocessbtn,
.flutter-app .addnewprocessbtn:hover,
.flutter-app .addnewprocessbtn:focus {
    margin: 0 !important;
    padding: 8px 15px !important;
    box-shadow: none !important;
    width: 100% !important;
    background: #0d6efd  !important;
}

.flutter-app .process-info-overview-header {
    padding: 20px 15px;
    background: #00bcd4;
    min-height: 163px;
    border-radius: 4px 4px 0 0;
}

.flutter-app .table-btn-add,
.table-btn-add:hover,
.flutter-app .table-btn-add:focus,
.flutter-app .sortinput .btn-success:hover,
.flutter-app .sortinput .btn-success:focus,
.flutter-app .sortinput .btn-success {
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px 20px !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    margin: 0 !important;
    margin-left: 5px;
}
.template-guide{
    padding: 165px 50px !important;
    background: #fff;
    position: relative;
    top: 25px;
    border-radius: 3px;
}
.template-guidelist{
    padding: 160px 300px!important;
}
.notemplate{
    position: fixed;
    width: 50%;
    right: 0;
}
.temaplte-img img{
    padding: 0;
    /* background: #f3f7f9; */
    border-radius: 5px;
    width: 85px !important;
    height: auto;
    position: relative;
    top: 0 !important;
    left: -15px;
    margin-bottom: 0;
    right: 0 !important;

}
.templatelisting .user-card-content .user-thumbnail {
    top: 5px;
    width: 40px;
}
.user-thumbnail.templateuser  img{
    width: 30px;
    margin-right: 0;
}
.templatelisting .activity-selection .dropdown-menu {
    min-width: 270px!important;
}
.templatelisting .ums-listing-panel{
    min-height: calc(100vh - 235px);
    max-height: calc(100vh - 235px);
    /* background: #edebeba3; */
    padding: 0;
}
.templatenameheading{
    padding: 10px 0;
    padding-top: 0;
    /* background: #f3f2f2; */
    color: #8c95a7;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px dashed #e5e5e5;

}
.templatelisting .user-card-content .image-user-responsive {
    min-height: 40px;
    max-height: 40px;
}
.deleteiconconfirm{
    padding: 12px;
    display: inline-block;
    text-align: center;
    background: #ffd1d1;
    border-radius: 25px;
}
.deleteiconconfirmclone i{
    font-size: 30px;
    color: #3f78b5;
}
.deleteiconconfirmclone {
    padding: 12px;
    display: inline-block;
    text-align: center;
    background: #d1e9ff;
    border-radius: 25px;
}
.deleteiconconfirm i{
    font-size: 20px;
    color: #b53f3f;
}
.flutter-app .btn.btn-simple,
.flutter-app .btn.btn-default.btn-simple,
.flutter-app .navbar .navbar-nav>li>a.btn.btn-simple,
.flutter-app .navbar .navbar-nav>li>a.btn.btn-default.btn-simple {
    background-color: transparent;
    color: #000 ;
    /* color: #777777 ; */
    box-shadow: none;
    position: relative;
}

.accessdropdwon.selected,
.accessdropdwon:hover.selected {
    color: #7b8ed9 !important;
    border: 1px solid #7b8ed9 !important;
    background: #ecf3ff !important;
}

.flutter-app .calenderview .task-header-tag {
    line-height: 0;
    font-weight: 500;
    font-size: 14px;
}

.calenderview .static-dashboard-task .dashboard-task-content .content-scroll {
    min-height: calc(100vh - 170px);
    max-height: calc(100vh - 200px);
}

.flutter-app .btn--outline__success {
    background: #3abca7 !important;
    border: 1px solid #3abca7;
    color: #fff !important;
    padding: 3px 8px !important;
    box-shadow: none;
    text-transform: inherit;
    font-size: 12px !important;
    font-weight: 400;
}

.flutter-app .userdashboard-notication-section .process-name,
.choose--entity__listing .requestname {
    margin: 3px 0;
    text-transform: inherit;
    cursor: pointer;
    background: transparent !important;
    color: #555555;
    font-size: 14px;
    font-weight: 500;
}

.flutter-app .userdashboard-notication-section .task-date {
    color: #777;
    text-transform: inherit;
    font-size: 12px;
    font-weight: 500;
}

.flutter-app .myforms--listingpage .static-table .table>tbody>tr>td .btn-outlineforms,
.flutter-app .typetask .btn-outlineforms {
    background: transparent !important;
    border: 1px solid #14aaf5;
    color: #14aaf5 !important;
    padding: 4px 8px !important;
    box-shadow: none;
    text-transform: inherit;
    font-size: 11px !important;
    display: block;
    float: right;
    font-weight: 600;
}

.flutter-app .table-lg-standard .btn-status-success,
.flutter-app .table-lg-standard .btn-status-success:hover {
    padding: 4px 15px;
    margin: 0;
    font-size: 10px;
    font-weight: 500;
    border-radius: 20px;
    text-align: center;
    background-color: rgb(90 195 78 / 10%) !important;
    border: 1px solid rgb(90 195 78);
    color: #27c24c !important;
}
/* 
.flutter-app .pent-btn-primary {
    background-color: #0d6efd  !important;
    color: #fff !important;
} */

.flutter-app .Pent-btn-secondary {
    background-color: #4EBCD4 !important;
    color: #fff !important;
}



.flutter-app .Pent-btn-danger {
    background-color: #e57373 !important;
    color: #fff !important;
}

.flutter-app .Pent-btn-default {
    background-color: #DFDFDF !important;
    color: #9f9f9f !important;
}

.flutter-app .pent-btn-dark {
    background-color: #000 !important;
    color: #fff !important;
}

.flutter-app .pent-btn-light {
    background-color: #fff !important;
    color: #666 !important;
}

.flutter-app .Pent-btn-icon {
    background-color: #009688 !important;
    color: #fff !important;
}

.flutter-app .groupinfo-overview-section .pent-h4.group-name {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #3e3e3e;
    cursor: pointer;
    line-height: 2;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.flutter-app .leadlist .page-breadcrumb .text-intro,
.flutter-app .opportunitylist .page-breadcrumb .text-intro,
.flutter-app .accountlist .page-breadcrumb .text-intro {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #555555;
    line-height: 2.5;
    text-transform: uppercase;
}

.enterpriseloginpage {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.flutter-app .process-tab-section .myrequest-metrics-section ul li {
    opacity: 1;
}

.memberlist {
    position: relative;
    top: -3px;
}

.noborder {
    border: none !important;
}

#LIST .plannedtasklisting .static-table .label,
#PLANNEDTASK .static-table .labellist .label {
    padding: 2px 13px;
}

.plannedtasklisting .addedmemebers.listedmenmbers li {
    float: left;
}

.plannedtasklisting .static-table .label {
    margin-right: 3px;
}

.plannedtasklisting .static-table .table>tbody>tr>td {
    vertical-align: middle !important;
}

.addmore {
    padding: 6px 5px;
    background: #ebebf3;
    border-radius: 25px;
    vertical-align: middle;
    line-height: 2.8;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}

.addmore i {
    font-weight: bold;
    color: darkslategrey;
    font-size: 13px;
    vertical-align: middle;
}

.statu-progress {
    background: #dff0ff;
    padding: 3px 15px;
    border-radius: 20px;
}

.w40px {
    width: 40px !important;
}

.boardbtngroup {
    background-color: #fff !important;
    padding: 0px 5px;
    color: #3e3e3e !important;
    font-weight: 400 !important;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    list-style: none;
    box-shadow: none;
    margin: 0;
    width: auto;
    height: 20px;
    text-align: center;
}

.positionrelatve a .addmore {
    position: relative;
    top: -4px;
}
.taskactionbtns .choose-category ul li .category-color.active-catcolor {
    height: auto;
}
.colorselectcaps{
    display: none!important;
}
.taskactionbtns .choose-category ul li {
    width: 37px;
    height: 35px;
    margin: 0;
}
.propage-title:hover .project-clr-type .colorselectcaps{
    background: #bbd9c6d6;
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 2px;
}
.flutter-app #LIST .tablepanelscroll .panel-body tr tbody tr:hover .text-inprogress i,
.flutter-app #PLANNEDTASK .tablepanelscroll tr:hover .text-inprogress i{
    color: #1e88e5 ;
    background: #d4dfef;
}
.flutter-app #LIST .tablepanelscroll .panel-body tr tbody tr:hover .text-approved i,
.flutter-app #PLANNEDTASK .tablepanelscroll tr:hover .text-approved i{
    color: #009c5c ;
    background: #b4edd5;
}
.flutter-app #LIST .tablepanelscroll .panel-body tr tbody tr:hover .text-notstart i,
.flutter-app #PLANNEDTASK .tablepanelscroll tr:hover .text-notstart i{
    background: #cfcfcf;
    color: #000;
}
.flutter-app #LIST .tablepanelscroll .panel-body tr tbody tr:hover .text-overdue i,
.flutter-app #PLANNEDTASK .tablepanelscroll tr:hover .text-overdue i{   
        color: #e43d4e;
        background: #f6d6d4;
}
.flutter-app .stausrisk {
    background: inherit;
    font-size: 11px;
    /* text-transform: uppercase; */
    color: #3e3e3e;
    padding: 3px 10px;
    border-radius: 15px;
    color: #000;
    font-weight: 500;
}

.plannedtasklisting .static-table .form-group .form-control {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
}

.large__mainmodalform #flutter-detail-modal .task-details-card-actions i {
    color: #fff;
}

.flutter-app .projectlisttask .settingmenu aside.sidebarmenu {
    top: 50px;
    background: #fff;
    z-index: inherit;
}
.flutter-app .projectlisttask .settingmenu aside.sidebarmenu ul.sb_top_lv li span.project-clr-type{
    border: 1px solid #ddd;
}
.flutter-app .settingmenu.active+.setting-right {
    /*    z-index: 10;*/
    position: relative;
}

.perfect-scrollbar-on::-webkit-scrollbar-thumb,
.panel-scrollbar::-webkit-scrollbar-thumb,
#board .cdk-drag.cardshorzonlist .perfect-scrollbar-on::-webkit-scrollbar-thumb,
#board .cdk-drag.cardshorzonlist .panel-scrollbar::-webkit-scrollbar-thumb {
    background: #b1adad;
}

.flutter-app .projectlisttask .settingmenu aside.sidebarmenu ul.sb_top_lv li {
    border-bottom: none;
}

.flutter-app .projectlisttask .settingmenu aside.sidebarmenu ul.sb_top_lv li.active {
    /*    border-left: 1px solid #003993;*/
    border-left: none;
    background: #496ca3;
}

.flutter-app .projectlisttask .settingmenu aside.sidebarmenu ul.sb_top_lv li:hover {
    background: transparent;
}

.flutter-app .projectlist-header {
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0;
    color: #ffff;
}

.flutter-app .projectlist-header .addproject {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 2px 2px;
    top: 0;
    position: relative;
    font-size: 16px !important;
    right: 0;
    left: auto;
    float: right;
    text-align: right;
}

.flutter-app .project-clr-type {
    height: 25px;
    width: 25px;
    border: 1px solid #fff;
    display: inline-block;
    margin: 0;
    position: relative !important;
    top: 0 !important;
    cursor: pointer;
    border-radius: 12%;
    vertical-align: middle;
    color: #000;
    background: #fff;
    font-weight: 500;
    /*    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 13%);*/
    left: 0 !important;
}
.flutter-app #LIST .tablepanelscroll .panel-body tr:hover .tooltip{
    color: #666;
}
.flutter-app #LIST .tablepanelscroll .panel-body tr td table tbody tr:hover .tooltip,
.flutter-app .tablepanelscroll tr:hover .tooltip{
    font-weight: 500;
    color: #7b8ed9;
}
.flutter-app #board .cdk-drag.card-stats .listingprojecttask ul {
    display: inline-block;
}

.flutter-app .dropdown-menu.tag-description.projecttadkdrodpdowndiv {
    width: calc(100vw - 900px);
}

.flutter-app .projecttadkdrodpdowndiv .filterlabels li {
    float: left;
    display: inline-block;
}

.flutter-app .projecttadkdrodpdowndiv .filterlabels li {
    padding: 5px;
    padding-right: 10px;
}

.flutter-app .projecttadkdrodpdowndiv .editboxcolor ul.filterlabels {
    min-height: auto;
    margin-bottom: 15px;
}

.flutter-app .userimgtask img {
    width: 30px !important;
    margin-top: 2px;
}

.flutter-app .taglineseleced {
    padding: 10px 0;
}

.flutter-app .taglineseleced ul li {
    float: left;
    margin: 5px;
}

.flutter-app .taglineseleced ul {
    height: auto;
    min-height: auto !important;
    float: left;
    width: 100%;
}

.flutter-app .selectedtag {
    background: #eeeff0;
    padding: 2px 15px;
    border-radius: 20px;
    font-size: 12px;
    color: #8a2be2;
}

.flutter-app .projectlisttask .card .table tr:first-child td {
    border-bottom: 1px solid #ddd;
}

.flutter-app .projectlisttask .panel .panel-heading {
    padding: 5px 0;
    background: #f0f0f0;
    border: none;
}

.flutter-app .sectionheading {
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 14px;
    color: #555555;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 2;
}

.flutter-app .iconbtns {
    background-color: #fff !important;
    font-size: 12px !important;
    padding: 6px 5px !important;
    color: #3e3e3e !important;
    font-weight: 400 !important;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    list-style: none;
    box-shadow: none;
    margin: 0;
    width: auto;
    height: 30px;
    text-align: center;
}

.flutter-app .addmore.projectnames .countdiv:hover .projectnamehover {
    padding: 0px 10px;
    font-weight: 500;
    font-size: 12px;
    box-shadow: rgba(60, 64, 54, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 1px 2px 6px 2px;
    line-height: inherit;
}

.flutter-app .addmore.projectnames .countdiv:hover .spnTooltip {
    right: 0;
    left: 0;
}

.lineheightinhert {
    line-height: 1;
}

.flutter-app .configuration-listing-section .sidebarmenu {
    top: 108px !important;
}

.flutter-app .editsection .dropdown-menu {
    min-width: 185px;
}

.flutter-app .listing-icons.swap-icon .material-symbols-outlined {
    display: none;
}

.flutter-app .panel-heading:hover .listing-icons.swap-icon .material-symbols-outlined {
    display: block;
    font-size: 24px;
    color: #777777;
}

.flutter-app .drowowonscroll {
    overflow: auto;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    min-height: auto;
    max-height: calc(100vh - 410px);
}
.prolet{    line-height: 0;
    position: relative;
    top: -2px;}
.tasklabel-xs a {
    height: 6px;
    width: 50px !important;
}
.flutter-app .projectlisttask .settingmenu aside.sidebarmenu ul.sb_top_lv li span.favpro  {
    top: 2px;
    left: 48px !important;
    font-size: 12px;
    width: 20px;
    right: inherit;
    margin: 0;
}

.flutter-app .projectlisttask .settingmenu aside.sidebarmenu ul.sb_top_lv li span {
    top: 10px;
    font-weight: 400;
    font-size: 12px;
    right: 0;
}

.sidebar-navigation .headerpeojecyname .tooltip {
    top: 30px;
    position: absolute;
    margin-top: -26px;
    left: 20px !important;

}

.sidebar-navigation .headerpeojecyname:hover .tooltip {

    font-weight: 400;
    font-size: 12px;
    visibility: visible;
    transition: all 0.2s;
    display: inline-block;
    opacity: 1;
    letter-spacing: 0.5px;
    word-break: break-word;
    width: auto;
    padding: 8px 10px;
    border-radius: 3px;

    background: black;
    color: #ffff;

}
.flutter-app .mat-mdc-icon-button:disabled {
    display: none;
}
.request-notification-section .process-card-view .card-head {
    margin: 0;
    border-radius: 5px;
    padding: 15px;
}
.sidebar-navigation .headerpeojecyname .tooltip:before {
    content: "";
    display: block;
    position: absolute;
    left: -4px;
    top: 10px;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background-color: inherit;
}

.flutter-app .projectlisttask .settingmenu aside.sidebarmenu ul.sb_top_lv li {
    padding: 8px 25px;
}

.flutter-app .widthinpt {
    width: 325px !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    border: none;
    padding: 0 10px;
    text-transform: uppercase;
}

.flutter-app .swap-icon .material-symbols-outlined {
    font-size: 16px !important;
    vertical-align: middle;
    color: #777676;
    cursor: pointer;
    padding: 5px 1px;
    font-weight: 600;
}

.flutter-app .btnstatus {
    padding: 8px 15px;
    margin-right: 8px;
    border-radius: 5px;
    font-size: 13px;
    color: #3e3e3e;
    background: #ffffff;
    border: 1px solid #ccc;
    box-shadow: none;
}
.chnagedate-date .h-date {
    border: none;
    background: #f1f6ff;
    border-radius: 8px;
    margin: 0;
}
.addedmemebers li.chnagedate-date{
    padding: 5px 10px;
}
.chnagedate-date .datemain {
    font-size: 18px;
    line-height: 1;
}
.flutter-app .accessdropdwon.btn-select:hover,
.flutter-app .accessdropdwon.btn-select {
    background-color: #21c483 !important;
    border: 1px solid #21c483;
    color: #ffff !important;
    text-transform: capitalize;
}
#view-datemodal .writemsg-panel textarea {
    min-height: 85px;
    max-height: 85px;
}
#view-datemodal .writemsg-panel{
    background: #F6F8F9;
}
.flutter-app #view-datemodal .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input, 
.flutter-app  #view-datemodal .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
    height: auto;
    position: absolute;
    top: 0;
    left: -12px;
}
.flutter-app #view-datemodal .mat-mdc-icon-button.mat-mdc-button-base {
    top: 3px;
    right: 18px;
}
.flutter-app #view-datemodal .mat-mdc-form-field {
    height: 25px;
    display: block;
}
.flutter-app #view-datemodal .mat-mdc-form-field-infix{
    width: 95px;
}
.datelabel{
    font-weight: 500!important;
}
.datelabel .user-response{
    color: #455a64!important;
    font-weight: 500!important;
    font-size: 12px!important;
}
.datelogbg{
    background: #fbfbff !important;
    border-radius: 4px !important;
    border: 1px dashed #e5e2ff;
}
.datelogbg .descriptionpara p{
    color: #2f4f4f;
}
.dflexdivs{
    position: absolute;
    right: 5px;
}
.flutter-app #board .widthinpt {
    width: 200px !important;
    line-height: 1;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #555555 !important;
    background: transparent;
    border: none;
    padding: 0;
}
.flutter-app #board .static-dashboard-task .dashboard-task-content .content-scroll {
    min-height: calc(100vh - 240px);
    max-height: calc(100vh - 240px);
    overflow-y: hidden;
    overflow-x: hidden;
    margin-bottom: 5px;
}
#board .cdk-drop-list.col_container{
    min-height: calc(100vh - 185px);
    max-height: calc(100vh - 185px);
}

#board .sidebar-navigation ul li.wauto.userlistingboards:hover .tooltip {
    top: 50px !important;
    padding: 0;
    left: -30px !important;
}

#board .sidebar-navigation ul li.userlistingboards:hover .tooltip {
    top: 50px !important;
    padding: 0;
}

#board .card .card-content {
    text-align: left !important;
    float: left;
}

#board .sidebar-navigation ul li:hover .tooltip.labellist {
    top: 30px;
}

#board .sidebar-navigation ul li:nth-child(5) .tooltip.labellist {
    left: auto !important;
    right: 0;
}

#board .sidebar-navigation ul li .tooltip {
    width: auto;
}

#board .sidebar-navigation ul li:hover {
    background-color: transparent;
}

.flutter-app #board .static-dashboard-task .dashboard-task-content li.cdk-drag.cardshorzonlist:hover .content-scroll {
    overflow-y: scroll;
}

.w-fixedcard {
    width: 305px;
}

.flutter-app #board .static-dashboard-task .dashboard-task-content .card .task-card-header {
    padding: 5px;
    font-size: 13px;
    font-weight: normal;
    /* background: #daebf3; */
}

#LIST .tablepanelscroll {
    display: contents;
}

.settingmenu.active+.setting-right #board .col_container {
    min-width: calc(100vw - 30px) !important;
    max-width: calc(100vw - 30px) !important;
    margin-left: 10px;
}

.settingmenu.active+.setting-right #board .listingprojecttask-active {
    position: fixed;
    top: 180px;
    /* min-width: calc(100vw - 235px) !important;
    max-width: calc(100vw - 235px) !important; */
    min-width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
}

#board .listingprojecttask,
#LIST .tablepanelscroll {
    position: fixed;
    top: 180px;
    min-width: calc(100vw - 10px);
    max-width: calc(100vw - 10px);
}

.height29px {
    height: 30px !important;
}

.flutter-app #board .task-header-tag {
    font-size: 13px;
}

.flutter-app #board .static-dashboard-task .dashboard-task-content .task-card-header .badge {
    font-size: 18px;
}

.flutter-app #board .static-dashboard-task .task-card-header .td-actions .material-symbols-outlined {
    font-size: 18px;
    opacity: inherit;
    vertical-align: middle;
    position: relative;
    top: 0;
    color: #3e3e3e;
    right: auto;
}

.flutter-app #board .static-dashboard-task .task-card-header .td-actions .dropdown-menu {
    left: auto;
    right: 0;
}

.flutter-app #board .static-dashboard-task .task-card-header .td-actions .dropdown-menu li>a {
    padding: 10px 0px;
}

.flutter-app .documentsfile {
    display: inline-flex;
    float: left;
    width: 45%;
    margin-left: 15px;
    border: 1px solid #e8e5e5;
    border-radius: 4px;
    margin-bottom: 10px;
}
.projectbody{
    z-index: 999;
    display: block;
    position: relative;
}
.documentproject {
    float: right;
    right: 10px;
    width: 485px;
    min-height: calc(100vh - 130px);
    max-height: calc(100vh - 130px);
    background: #f3f3f3;
    padding: 10px;
}
.messagename{
    display: inline;
    width: 70% !important;
    position: absolute;
    top: 13px;
    height: 20px;
}
.tasklistscroll{
    display: block;
    min-height: auto;
    overflow: auto;
    max-height: calc(100vh - 520px)!important;
    overflow-y: scroll;
}
.documentproject .taskcontent-area {
    min-height: calc(100vh - 255px);
    max-height: calc(100vh - 255px);
}

.documentproject  .content-body{
    min-height: calc(100vh - 195px);
    max-height: calc(100vh - 195px);
}
#Documents .documentproject .fix-height {
    height: inherit;
    min-height: calc(100vh - 190px);
    max-height: calc(100vh - 190px);
}

.documentproject #Documents .documentproject .taskcontent-area {
    min-height: calc(100vh - 315px);
    max-height: calc(100vh - 315px);
}

.flutter-app #Documents .tabhistory-panel {
    min-height: calc(100vh - 150px);
    max-height: calc(100vh - 150px);
}

.leaddoc .fix-height,
#LIST .leaddoc .fix-height,
#board .leaddoc .fix-height {
    height: 535px !important;
    min-height: calc(100vh - 195px);
    max-height: calc(100vh - 195px);
}

.settingmenu.active+.setting-right #Documents .taskdocumentdiv {
    width: 66%;
}

.font15 {
    font-size: 15px !important;
}

.projectcreate-div {
    display: grid;
    padding: 70px 170px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: relative;
    border: 2px dashed #ddd;
    border-radius: 15px;
    margin: 50px auto;
    width: 70%;
    background: #ffffff;
}

.projectadddlder img {
    width: 100px;
}

.flutter-app .text-approved.stausrisk {
    color: #000 !important;
}

.projectcreate-div .projectdesc {
    font-size: 12px;
    color: #3e3e3e;
    margin-bottom: 20px;
}

.flutter-app .flutterdashboardscreen .choose-category ul li a .selected-btn {
    font-weight: 500;
    color: #fff;
    font-size: 9px;
}

.flutter-app .text-cancelled.stausrisk {
    color: #3e3e3e !important;
}

.marginauto {
    margin: auto;
}
.activitylisting .dateactivvity {
    left: 0;
    top: 5px;
}
.enddatedeta .mat-mdc-button-base{
    position: relative;
    top: -9px;
}
.dateactivvity {
    font-size: 12px;
    color: #777777;
    padding: 0;
    font-weight: 500;
    position: relative;
    left: 40px;
}
.righttemplateside .sectiondivbg {
    display: inline-block;
    width: 100%;
}
.add-project-from-template-popup .ums-listing-panel,
.addtask-fromtemplate-popup .ums-listing-panel{
    min-height: calc(100vh - 175px);
    max-height: calc(100vh - 175px);
}
.taskpagelisting ul.useractivity {
    margin: -5px 0;
    margin-left: -3px;
}
.righttemplateside{
    display: inline-block;
    /* background: #eeedf7; */
    background: #f4f8fb;
    width: 100%;
    height: calc(100vh - 0px);
    padding: 8px;
}
.tablepanelscroll tr.active{
    background: #e9ecef;
}
#collabrate-modal .writemsg-panel{
    padding: 10px;
}
.flutter-app  #board .card-header .widthinpt,
.flutter-app .sectionsrcolll .panel-group  .widthinpt{
    text-transform:  none;
}
.projectlist .templatelisting .tablepanelscroll tbody {
    max-height: calc(100vh - 185px);
    min-height: calc(100vh - 185px);
}
.category-edit.user-taskcalender.popup-modal.right.fade.in .popup-modal-dialog,
#category-link.user-taskcalender.popup-modal.right.fade.in .popup-modal-dialog,
#add-project-modal.user-taskcalender.popup-modal.right.fade.in .popup-modal-dialog,
#new-discussion-modal.user-taskcalender.popup-modal.right.fade.in .popup-modal-dialog,
#PROJECT-ACTIVITY.user-taskcalender.popup-modal.right.fade.in .popup-modal-dialog,
#addproject-template.user-taskcalender.popup-modal.right.fade.in .popup-modal-dialog,
#newdiscssiton-modal.user-taskcalender.popup-modal.right.fade.in .popup-modal-dialog {
    top: 98px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 46%);
    right: 0;
}
.activitydetails .taskdetails-secondarydiv{
    overflow-x: hidden!important;
}
#Activity  .addedmemebers.listedmenmbers li {
    width: 21px;
    margin-left: 20px;
}

#mytask-sharecalender.user-taskcalender.popup-modal.right.fade.in .popup-modal-dialog,
#sharedcalender.user-taskcalender.popup-modal.right.fade.in .popup-modal-dialog {
    right: 0;
    top: 50px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 46%);
}

.detailuser .material-symbols-outlined.clricon.text-success {
    font-size: 20px;
    font-weight: 800;
}

#sharedcalender .popup-modal-body {
    min-height: calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    overflow: hidden;
}

#mytask-sharecalender .popup-modal-body {
    min-height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
    overflow: hidden;
}

.addusershare {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    top: auto;
}

#sharedcalender .calendermodule .calenderdiv {
    min-height: calc(100vh - 50px);
    max-height: calc(100vh - 50px);
}

.demo-app .fc .fc-view-harness {
    height: calc(100vh - 50px) !important;
}

#mytask-sharecalender .ums-listing-panel {
    background: #f1f1f1;
}

/* #sharedcalender .ums-listing-panel {
    background: #f1f1f1;
} */
.assigneduserproj{
    min-width: 270px!important;
}

.calenderview .activity-selection .dropdown-menu {
    min-width: 310px;
}
#collaborators-popup .activity-selection .dropdown-menu{
min-width: 265px;
}
#sharedcalender .addusershare {
    background: #f5f6f7;
}

#mytask-sharecalender .ums-listing-panel,
#sharedcalender .ums-listing-panel {
    padding: 15px;
    min-height: calc(100vh - 110px);
    max-height: calc(100vh - 110px);
    overflow: auto;
}

#sharedcalender .guild-img img,
#calender .guild-img img,
.calenderview .guild-img img,
#CALENDER .guild-img img {
    width: 60px;
    margin-right: 0;
    padding: 0;
    margin-bottom: 10px;
}

.settingmenu  .no-list .guild-lines p {
    color: #f3f3f3;
}
.settingmenu  .no-list .guild-laypout,
#sharedcalender .guild-laypout,
.calenderview .guild-laypout,
#CALENDER .guild-laypout,
#calender .guild-laypout {
    background: transparent;
    width: 100%;
    border-radius: 4px;
    position: relative;
    display: inline-table;
    padding: 20px;
    margin: auto;
    top: 65px;
    text-align: center;
}

.tasknotification .addedmemebers.listedmenmbers li.addmore {
    width: 23px;
    line-height: 0;
}

#mytask-sharecalender .ums-listing-panel {
    padding: 15px;
    min-height: calc(100vh - 170px);
    max-height: calc(100vh - 170px);
    overflow: auto;
}

.guild-laypoutm.customfiled-guide {
    display: flex;
    padding: 100px 200px;
}

.customfiled-guide .guild-lines p {
    border-top: 1px solid #ebeaea;
    padding: 10px 0;
    margin: 0;
}

.task-create .mat-mdc-form-field {
    width: 100%;
}

.task-create .mat-mdc-icon-button.mat-mdc-button-base {
    width: 20px;
    padding: 0;
    height: 0;
    line-height: 0;
}

.daechanged {
    font-size: 12px;
    color: #777777;
    padding: 0 10px;
    font-weight: 500;
}

.task-create .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper,
.task-create .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding: 0;
    background: none;
    line-height: normal;
}

.task-create .mat-mdc-form-field-infix {
    min-height: 0;
}

.customfiled-guide .guild-img img {
    width: 135px;
    top: 55px;
    right: 20px;
    padding: 0;
    position: relative;
}

.flutter-app .mat-mdc-form-field {
    height: 55px;
    min-height: 0;
    display: inline;
}

.flutter-app .mat-mdc-form-field-infix {
    height: 28px !important;
}

#flutter-detail-modal .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper,
.flutter-app .taskmain .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    border: none;
}

#flutter-detail-modal .mat-date-range-input-container,
.flutter-app .taskmain .mat-date-range-input-container {
    top: 0;
    position: absolute;
}

#flutter-detail-modal .mat-mdc-icon-button.mat-mdc-button-base,
.flutter-app .taskmain .mat-mdc-icon-button.mat-mdc-button-base {
    width: 18px;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.flutter-app .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before,
.flutter-app .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: transparent;
}

.flutter-app .mdc-text-field--disabled.mdc-text-field--filled {
    padding-right: 0;
    border: 1px solid #e3e3e3;
    font-weight: 500 !important;
    color: #777777 !important;
    border-radius: 5px;
    font-size: 12px !important;
}

.flutter-app .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 5px;
    padding-bottom: 0;
}

.flutter-app .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 27px;
    padding-right: 0;
    border: none;
    font-weight: 500 !important;
    color: #777777 !important;
    border-radius: 5px;
    font-size: 12px !important;
    background: transparent;
    height: 35px;
}

.flutter-app .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    padding-right: 0;
    border: 1px solid #e3e3e3;
    font-weight: 500 !important;
    color: #777777 !important;
    border-radius: 5px;
    font-size: 12px !important;
    background: transparent;
    height: 35px;
}
#templateproject .addedmemebers.listedmenmbers li {
    width: 25px;
}
.flutter-app #viewequest-popup  .mat-mdc-icon-button.mat-mdc-button-base {
    padding: 0px 12px;
    height: 20px;
}
.flutter-app #viewequest-popup .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    
    top: 0;
}
.flutter-app #viewequest-popup .mat-mdc-form-field-icon-suffix {
    padding: 0 0 0 4px;
    position: absolute;
    right: 0;
    top: 3px;
}
.flutter-app #viewequest-popup  .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    padding-right: 0;
    border: none;
    font-weight: 500 !important;
    color: #777777 !important;
    border-radius: 5px;
    font-size: 12px !important;
    background: transparent;
    height: 27px;
    position: relative;
    top: -5px;
}
#taskdetail-modal .task-details-summary .task-create #notes .onempty-chathistory{
    min-height: calc(100vh - 386px) !important;
    max-height: calc(100vh - 386px) !important;
}
.flutter-app .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 2px;
    padding-bottom: 5px;
    display: flex;
}

.flutter-app .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
.flutter-app .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
    height: 23px;
    position: relative;
}

.flutter-app .mat-mdc-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%;
    height: 35px;
}
.tablepanelscroll tbody{
    overflow-x: hidden;
}
.flutter-app .mat-mdc-icon-button.mat-mdc-button-base {
    width: 35px;
    height: 35px;
    padding: 0px;
}
.flutter-app .taskpagelisting ul.useractivity li.lisingallgrouplabel .addmore .countdiv:hover .spnTooltip {
    left: -55px;
}

#Activity .tablepanelscroll tbody.messagelising{
    max-height: calc(100vh - 230px);
    min-height: calc(100vh - 230px);
}
.user-taskcalender.popup-modal.right .popup-modal-body,

#category-link.user-taskcalender.popup-modal.right .popup-modal-body,
#new-discussion-modal.user-taskcalender.popup-modal.right .popup-modal-body,
#add-project-modal.user-taskcalender.popup-modal.right .popup-modal-body,
#PROJECT-ACTIVITY.user-taskcalender.popup-modal.right .popup-modal-body,
.category-edit.user-taskcalender.popup-modal.right .popup-modal-body,
#addproject-template.user-taskcalender.popup-modal.right .popup-modal-body,
#newdiscssiton-modal.user-taskcalender.popup-modal.right .popup-modal-body {
    padding: 0;
    height: calc(100vh - 220px);
}
.dec-textxlines{
    background: #f6fbff;
    padding: 15px;
    border-radius: 3px;
}
#edit-projectdetails-popup.user-taskcalender.popup-modal .popup-modal-body{
    padding: 0;
    min-height: 320px;
    max-height: calc(100vh - 220px);
}
.panel-scrollbar.notificationdvi::-webkit-scrollbar {
    width: 5px;
}
#category-link.user-taskcalender.popup-modal,
#add-project-modal.user-taskcalender.popup-modal,
#new-discussion-modal.user-taskcalender.popup-modal,
#PROJECT-ACTIVITY.user-taskcalender.popup-modal,
.category-edit.user-taskcalender.popup-modal,
#addproject-template.user-taskcalender.popup-modal,
#newdiscssiton-modal.user-taskcalender.popup-modal {
    background: transparent;
    width: 30%;
    top: 98px;
    left: auto;
}
#category-link.user-taskcalender.popup-modal,
#add-project-modal.user-taskcalender.popup-modal,
#new-discussion-modal.user-taskcalender.popup-modal,
#mytask-sharecalender.user-taskcalender.popup-modal,

#PROJECT-ACTIVITY.user-taskcalender.popup-modal,
.category-edit.user-taskcalender.popup-modal,
#addproject-template.user-taskcalender.popup-modal,
#newdiscssiton-modal.user-taskcalender.popup-modal {
    background: transparent;
    width: 100%;
    top: 50px;
    left: auto;
}

#mytask-sharecalender .calenderview .headertag,
#sharedcalender .calenderview .headertag {
    line-height: 1;
    font-weight: 500;
    font-size: 13px;
    padding: 10px 16px;
}

#mytask-sharecalender .user-thumbnail img,
#sharedcalender .user-thumbnail img {
    margin-right: 0;
    width: 35px;
    top: 8px;
    position: relative;
    left: 0;
    right: 0;
}

.task-calendercompo .perfect-scrollbar-on::-webkit-scrollbar,
.task-calendercompo .panel-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #666;
}

#mytask-sharecalender .user-card-content,
#sharedcalender .user-card-content {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.flutter-app .documentsfile td {
    border-top: none;
}

.flutter-app .settingmenu aside.sidebarmenu ul.sb_top_lv li:first-child:hover {
    background-color: transparent;
}

.rightfooter {
    position: absolute !important;
    bottom: 0 !important;
}
.leffooterrr{
    top: auto;
    width: inherit;
    bottom: 0 !important;
    overflow: hidden;
    left: 0;
}
.flutter-app .documentsfile:hover {
    cursor: pointer;
    border-top: 0;
    border: 1px solid #9b9b9b;
}

.flutter-app .text-warning.stausrisk {
    background: #ffedd1;
    color: #3e3e3e !important;
}

.flutter-app .text-approved.stausrisk {
    background: #b4f4d9;
}

.flutter-app .text-inprogress.stausrisk {
    background: #b3d3ff;
}
.flutter-app .text-atrisk.stausrisk {
    background: #ffbda9;
}
.flutter-app .text-draft.stausrisk {
    background: #f8efa6;
}
.flutter-app .text-cancelled.stausrisk {
    background: #ffd1d1;
}

/* .flutter-app .text-deny {
    color: #ff9800;
} */

.flutter-app .text-deny.stausrisk {
    background: #ffdeb8;
}

/* .flutter-app .text-overdue {
    color: #e43d4e;
} */

.flutter-app .text-overdue.stausrisk {
    background: #f8b7b3;
}

/* .flutter-app .text-initiate {
    color: #666666;
} */

.flutter-app .text-initiate.stausrisk {
    background: #ededed;
}

/* .flutter-app .text-restart.stausrisk {
    color: #46c6e3 !important;
} */

.flutter-app p.tasknameline {
    margin: 0;
    height: auto;
    display: inline-block;
}

.flutter-app .text-notstart.stausrisk {
    background: #f7f6cf;
}

/* .text-notstart {
    color: #94857a;
} */

.flutter-app .listingprojecttask .hoverdiv ul {
    display: block !important;
}

.flutter-app .hoverdiv .user-name {
    font-size: 11px;
}

/* .flutter-app .text-restartt {
    color: #46c6e3 !important;
} */
.flutter-app .text-inprogress.stausrisk {
    color: #000 !important;
}

.flutter-app .text-restart.stausrisk {
    background: #d8f9ff;
}

.flutter-app .prjectname .status i {
    font-weight: 500;
    padding: 5px 3px;
    border-radius: 4px;
    font-size: 20px;
    border-radius: 4px;
    margin: 0;
}

.flutter-app .atriskstausbtn {
    background-color: #fa9800 !important;
    font-size: 12px;
    padding: 6px 20px;
    color: #fff;
    font-weight: 400;
    border-radius: 5px;
    border: 1px solid #ccc;
    list-style: none;
    box-shadow: none;
    margin: 0;
    width: auto;
    height: 35px;
}

.flutter-app .offtrackstatyusbtn {
    background-color: #f44336 !important;
    font-size: 12px;
    padding: 6px 20px;
    color: #fff;
    font-weight: 400;
    border-radius: 5px;
    border: 1px solid #ccc;
    list-style: none;
    box-shadow: none;
    margin: 0;
    width: auto;
    height: 35px;
}

.flutter-app .projectadd .passwd-visible,
.flutter-app .projectadd .passwd-visible:hover {
    right: 0;
    top: 1px;
    margin: 0px;
    height: 34px;
}

.settingmenu .no-list li.noborder span.user--name {
    line-height: 0;
    color: #fff;
    position: absolute;
    top: 25px;
    left: 50px;
}

.settingmenu .no-list li.noborder a.user--picture img {
    width: 28px;
    border-radius: 30px;
    position: relative;
    top: -4px;
}

.flutter-app .icondrodwon {
    top: 1px;
}

.statusboardtask .material-symbols-outlined {
    font-size: 15px;
    vertical-align: sub;
}

.flutter-app .plannedlisting .settingmenu aside.sidebarmenu.requestsidebar ul.sb_top_lv li {
    height: auto;
    display: block;
    text-align: center;
    padding: 10px 5px;
}

.flutter-app .statu-progress-nonactive {
    border: 1px solid #4eacff;
    padding: 1px 15px;
    border-radius: 20px;
    font-size: 10px;
}

.user-taskcalender .close-search.clearbtuuon:hover,
.user-taskcalender .close-search.clearbtuuon {
    top: 20px !important;
    right: 60px;
}

.listing-icons .activity-selection .dropdown-menu .material-symbols-outlined.clricon {
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    color: #52c952 !important;
}

.flutter-app .stausrisk-nonactive {
    border: 1px solid #ffb343;
    padding: 1px 15px;
    border-radius: 20px;
    font-size: 10px;
}

.flutter-app .stausovrdue-nonactive {
    border: 1px solid #ec7581;
    border-radius: 20px;
    padding: 1px 15px;
    font-size: 10px;
}

.flutter-app .stausapprove-nonactive {
    border: 1px solid #03d881;
    padding: 1px 15px;
    border-radius: 20px;
    font-size: 10px;
}

/*----------*/
.btn-group .btn-outline-primary {
    color: #1e88e5;
    background-color: transparent;
    background-image: none;
    border-color: #1e88e5;
    padding: 8px 15px !important;
    font-size: 11px;
    border: 1px solid;
    border-radius: 4px;
}

.btn-group .btn-outline-warning {
    color: #f28f1e;
    background-color: transparent;
    background-image: none;
    border-color: #f28f1e;
    padding: 8px 15px !important;
    font-size: 11px;
    border: 1px solid;
    border-radius: 4px;
}

.btn-group .btn-outline-success {
    color: #009c5c;
    background-color: transparent;
    background-image: none;
    border-color: #009c5c;
    padding: 8px 15px !important;
    font-size: 11px;
    border: 1px solid;
    border-radius: 4px;
}

.btn-group .btn-outline-danger {
    color: #e43d4e;
    background-color: transparent;
    background-image: none;
    border-color: #e43d4e;
    padding: 8px 15px !important;
    font-size: 11px;
    border: 1px solid;
    border-radius: 4px;
}

.btn-group .btn-outline-danger.active,
.btn-group .btn-outline-danger:focus,
.btn-group .btn-outline-danger:hover {
    outline: none !important;
    box-shadow: none;
    color: #fff;
    background-color: #dc3545 !important;
    border-color: #dc3545;
}

.btn-group .btn-outline-success.active,
.btn-group .btn-outline-success:focus,
.btn-group .btn-outline-success:hover {
    outline: none !important;
    box-shadow: none;
    color: #fff;
    background-color: #28a745 !important;
    border-color: #28a745;
}

.btn-group .btn-outline-warning.active,
.btn-group .btn-outline-warning:focus,
.btn-group .btn-outline-warning:hover {
    color: #fff;
    outline: none !important;
    box-shadow: none;
    background-color: #f28f1e !important;
    border-color: #f28f1e;
}

.btn-group .btn-outline-primary.active,
.btn-group .btn-outline-primary:focus,
.btn-group .btn-outline-primary:hover {
    outline: none !important;
    box-shadow: none;
    color: #fff;
    background-color: #007bff !important;
    border-color: #007bff;
}

.flutter-app .initialposition {
    position: initial !important;
}

.flutter-app .sidebarmenu.requestsidebar {
    top: 50px !important;
}

.flutter-app .settingmenu aside.sidebarmenu.requestsidebar ul.sb_top_lv li {
    padding: 15px 15px;
}

.setting-right .choose-category ul li .category-color {
    padding: 0;
}

.flutter-app .listingprojecttask {
    min-width: calc(100vw - 85px);
    max-width: calc(100vw - 85px);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.flutter-app .listingprojecttask ul {
    list-style: none;
    float: left;
    display: flex;
    padding: 0;
}

.flutter-app .listingprojecttask ul li.cardshorzonlist {
    width: 320px;
    float: left;
    margin: 0 5px;
}
#addreviewer .form-control.dateconterolreview{
    border: 1px solid #e3e3e3;
    font-weight: 500 !important;
    color: #777777 !important;
    border-radius: 5px;
    font-size: 12px !important;
}
.flutter-app #board .static-dashboard-task .dashboard-task-content .cardshorzonlist:last-child .card .task-card-header {
    background: transparent;
    margin-bottom: 5px;
    border-radius: 4px;
    cursor: pointer;
    border: 1.5px solid #d7dfe3;
}
.flutter-app .projectlisttask #addreviewer .card .table tr:first-child td{
    border-bottom: none;
}
.flutter-app .requestslist #board .tabhistory-panel {
    min-height: calc(100vh - 235px);
    max-height: calc(100vh - 235px);
    overflow: hidden;
}

.flutter-app .plannedtasklisting .tooltip {
    position: relative;
    font-size: inherit;
    opacity: 1;
    /* width: 100%; */
    /* display: inline-block; */
    vertical-align: super;
    text-transform: inherit;
    font-size: 13px;
}


.flutter-app .plannedtasklisting .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #434343;
    color: #ffff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 10px !important;
    position: absolute;
    z-index: 99;
    font-size: 12px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    text-transform: lowercase;
    font-weight: 300;

}

.flutter-app .tooltip {
    font-family: inherit;
}

.flutter-app .plannedtasklisting .tooltip:hover .tooltiptext {
    visibility: visible;
}

.flutter-app .plannedtasklisting .tooltip .tooltiptext {
    width: auto;
    top: 80%;
    left: 0;
    margin-left: 30px;
    padding: 8px;
    z-index: 9999;
}

.flutter-app .index9999 {
    z-index: 9999 !important;
}

.flutter-app p {
    word-break: break-word;
    white-space: normal;
}

.flutter-app .addmore .spnTooltip {
    z-index: 10;
    display: none;
    padding: 0;
    margin-top: 0px;
    margin-left: 0;
    width: 200px;
}

ul.taskselectionn {
    left: auto;
    right: 0;
    padding: 0;
}

.secondarymenulisting {
    left: -175px !important;
    right: 165px !important;
    width: 100px;
    top: 0px !important;
}

.flutter-app #details .activity-selection ul {
    width: 290px;
    right: -35px;
}

.flutter-app .addmore .countdiv:hover .spnTooltip {
    display: block;
    position: absolute;
    color: #111;
    background-color: transparent;
    right: 0;
    /*  left: 0;*/
}

.flutter-app .filterlabels .addmore .countdiv:hover .spnTooltip,
.flutter-app .card-footer .addmore .countdiv:hover .spnTooltip {
    left: 0;
}

.flutter-app #board .card-footer {
    border-top: none;
}

.flutter-app .inner-table {
    background: #ffffff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
}

.flutter-app .hoverdiv {
    padding: 10px;
    width: 220px;
    display: grid;
}

.flutter-app .task-card-panel .card .card-title {
    font-weight: 500;
}

.flutter-app .static-table .hoverdiv.labellist .label {
    margin: 3px 0;
    padding: 5px 10px;
}

.flutter-app .avataroverlaps ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.flutter-app .avataroverlaps li {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid white;
    display: inline-block;
    position: relative;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

.avataroverlaps li:nth-child(1) {
    background: blue;
}

.avataroverlaps li:nth-child(2) {
    background: green;
}

.avataroverlaps li:nth-child(3) {
    background: purple;
}

.avataroverlaps li:nth-child(4) {
    background: tomato;
}

.avataroverlaps li:nth-child(n + 2) {
    margin-left: -50px;
}

.avataroverlaps ul:hover li:nth-child(n + 2) {
    margin-left: -10px;
}

.flutter-app #board .cdk-drag.cardshorzonlist .card-footer .addedmemebers.listedmenmbers li.addmore {
    width: 25px !important;
}

.flutter-app #board .cdk-drag.cardshorzonlist .card-footer .addedmemebers .addmore {
    font-size: 10px;
    padding: 7px 7px;
}

.flutter-app .task-card-panel .card .tasknaming {
    margin-top: 0;
    font-size: 13px;
    text-align: left;
    color: #555555;
    font-weight: 500;
    display: inherit;
}

.flutter-app .userimagehoverdiv {
    width: 35px;
    top: 5px;
    position: relative;
}

.flutter-app .emaildiv p.emp-detail {
    line-height: .5;
    font-weight: 500;
    font-size: 11px;

}

.flutter-app .panelscrollsidebar {
    min-height: auto;
    max-height: calc(100vh - 100px);
    overflow: auto;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    padding: 0;
    list-style: none;
    width: 100%;
    display: inline-block;
}

.flutter-app #board .static-dashboard-task .dashboard-task-content .card-content .stats i {
    top: 0;
}

.flutter-app #LIST .panel-body .perfect-scrollbar-on::-webkit-scrollbar,
.panel-scrollbar::-webkit-scrollbar {
    width: 5px;
}

.flutter-app .task-card-panel .card .card-title span {
    margin-top: 0;
    font-size: 13px;
    text-align: left;
    color: #555555;
    font-weight: 500;
}

.flutter-app .moveicn .btn.btn-default.btn-simple i {
    display: none;
}

.flutter-app tr.cdk-drag:hover .moveicn .btn.btn-default.btn-simple i {
    display: block;
}

.flutter-app .swap-icon .movetaskrow,
.flutter-app .swap-icon .movesection {
    display: none;
}

.flutter-app .listintaskbg {
    background: transparent;
    width: 100%;
    margin: auto !important;
    text-align: center;
    border-radius: 4px;
    border: 1px dashed #ddd;
    padding: 10px;
}
.imgwistg{
    width: 20px!important;
    margin-right:5px;
}
.select--user--list .dropdown-menu.detailuser {
    display: block;
    position: absolute;
    bottom: 30px;
    top: unset;
    left: -252px !important;
    width: 335px;
}

.select--user--list .dropdown-menu.detailuser a {
    padding: 10px 15px;
}

.addmore.projectlisitnmanes .countdiv:hover .spnTooltip {
    right: 0;
    left: 0 !important;
    top: 20px;
}

.projectlisitnmanes .hoverdiv {
    padding: 0;
    top: 0px !important;
    /*    width: 150px;*/
    display: block;
    left: 0 !important;
}

.projectnamehover {
    background: #ffff;
    padding: 0 10px;
    left: 0px !important;
    border-radius: 3px;
    width: auto;
}

.perfect-scrollbar-on::-webkit-scrollbar,
.panel-scrollbar::-webkit-scrollbar,
#LIST tbody.sectionsrcolll.perfect-scrollbar-on::-webkit-scrollbar,
#LIST tbody.sectionsrcolll.panel-scrollbar::-webkit-scrollbar,
.flutter-app .boardataskcrd.perfect-scrollbar-on::-webkit-scrollbar,
.flutter-app .boardataskcrd.panel-scrollbar::-webkit-scrollbar {
    width: 5px;
    background: #d2d1d1;
}

.panel-scrollbar::-webkit-scrollbar,
.perfect-scrollbar-on::-webkit-scrollbar,
.flutter-app #board .perfect-scrollbar-on::-webkit-scrollbar,
.flutter-app #board .panel-scrollbar::-webkit-scrollbar {
    background: #d2d1d1;
}

.bodyscrollplanned {
    min-height: calc(100vh - 32vh) !important;
}
.projectsetting .dropdown-menu li>a{
    text-transform: initial;   
        padding: 10px 5px;
}
.flutter-app .panel-body .table tbody tr:hover .swap-icon .movetaskrow,
.flutter-app #templateproject .table tbody tr:hover .swap-icon .movesection,
.flutter-app .panel-heading:hover .swap-icon .movesection {
    display: inline-block;
}

.flutter-app .tag-listing-card .notxttag .hoverdiv {
    width: auto;
}

.flutter-app #board .card-footer .addmore .countdiv:hover .spnTooltip.addplusavt {
    left: -45px;
}

.flutter-app #board .addmore li.notxttag:hover .spnTooltip {
    right: auto;
    left: 0;
    width: auto;
}

#board .taskcard-tag .tag-listing-card li.notxttag {
    position: relative;
}

.flutter-app #board .addmore li:nth-child(5).notxttag:hover .spnTooltip {
    right: 0;
    left: auto;
}

#board .taskcard-tag .tag-listing-card {
    display: block;
}

.flutter-app .widthimgxs {
    width: 25px !important;
    height: auto;
    margin: 0 5px;
}

.setting-right #GLOBEL .large__mainmodalform .modal {
    padding-left: 0 !important;
}

.setting-right .large__mainmodalform .modal-dialog {
    margin-top: 0;
}

.flutter-app .dashboard-task-content .cdk-drop-list .side-content {
    background: transparent;
}

.flutter-app .static-dashboard-task .task-card-panel .vertical-stepper {
    top: 10px;
    position: relative;
    min-height: calc(100vh - 305px);
    max-height: calc(100vh - 305px);
    border-radius: 3px;
}

.flutter-app .dashboard-task-content .card-content .cdk-drop-list.task-card-panel {
    margin-top: 0 !important;
    min-height: calc(100vh - 245px);
    max-height: calc(100vh - 250px);
    overflow-y: hidden !important;
    width: 305px;
}

.flutter-app .dashboard-task-content .column:hover .card-content .cdk-drop-list.task-card-panel {
    overflow-y: scroll !important;
}

.main ::-webkit-scrollbar {
    width: 5px;
    height: 6px;
}

/*.tablepanelscroll tbody.cdk-drop-list {
    overflow: hidden;
    max-height: inherit;
}*/
/*.flutter-app  .panel-body  .cdk-drop-list tr.cdk-drag   td {
    border-top: 1px solid #ddd;
    border-bottom: none !important;
}*/
/*.flutter-app .projectlisttask .card .table tr:last-child td{
    border-bottom: none !important;
}*/
.flutter-app .border-none {
    border-bottom: none;
}

.flutter-app .w35users {
    width: 40px !important;
}

.flutter-app .crlgray {
    color: #9b9999;
}

.flutter-app .projectsave {
    width: 26px;
    margin-left: 5px;
    position: relative;
    top: -3px;
    cursor: pointer;
}

.flutter-app .letterproject {
    line-height: 2;
    border: 1px solid;
    border-radius: 3px;
    height: 24px;
}

.flutter-app .border-000 {
    border: 1px solid #000 !important;
}

/*.flutter-app   .listingprojecttask .boardataskcrd ul{
    display: inline-block!important;
}*/
.flutter-app #GLOBEL .process-tab-section {
    border: none;
    box-shadow: none;
}

.flutter-app #board .card-content.cr-pt .category .stausrisk,
.flutter-app #board .card-content.cr-pt .category .statu-progress {
    padding: 3px 8px;
    font-size: 10px;
}

.flutter-app #board .accessdropdwon.drodwnlisting,
.flutter-app #board .accessdropdwon.drodwnlisting.active,
.flutter-app #board .accessdropdwon.drodwnlisting:hover,

.flutter-app #calender .accessdropdwon.drodwnlisting,
.flutter-app #calender .accessdropdwon.drodwnlisting.active,
.flutter-app #calender .accessdropdwon.drodwnlisting:hover,

.flutter-app #Activity .accessdropdwon.drodwnlisting,
.flutter-app #Activity .accessdropdwon.drodwnlisting.active,
.flutter-app #Activity .accessdropdwon.drodwnlisting:hover,

.flutter-app #LIST .accessdropdwon.drodwnlisting,
.flutter-app #LIST .accessdropdwon.drodwnlisting.active,
.flutter-app #LIST .accessdropdwon.drodwnlisting:hover {
    padding: 4px 10px !important;
    height: 28px;
}
.flutter-app #Activity  .table>tbody>tr.active>td{
    background-color: #e6ebff;
}
.flutter-app #Activity  .static-table .table>tbody>tr>td {
    padding: 7px 5px !important;
}
#Activity .tablepanelscroll tr.active,
.flutter-app .tablepanelscroll tr:hover {
        background: #ebeff1;
}
#add-review-comments .frame .content .messages {
    min-height: calc(100vh - 366px);
    max-height: calc(100vh - 366px);
}
#add-review-comments .page-section.process-tab-section{
    min-height: calc(100vh - 181px) !important;
    max-height: calc(100vh - 181px) !important;
}
#add-review-comments .choosecomponent--body{
    overflow: auto;
    min-height: calc(100vh - 230px);
    max-height: calc(100vh - 195px);
}
#add-review-comments .background-dev {
    height: auto;
}
.calenderview .sidebar-navigation ul li .tooltip {
    width: auto;
    margin-top: 0;
}
.frame .content .messages{
    padding: 10px!important;
}
.flutter-app .panel-body .cdk-drag .prjectname {
    position: relative;
    top: -5px;
}

.flutter-app .projectlisttask #Activity .card .table tr:first-child td {
    border-bottom: none;
}

.flutter-app .icon-alert i {
    font-size: 25px;
    border-radius: 6px;
    padding: 2px;
    background: aliceblue;
    padding: 8px 8px;
    border-radius: 30px;
}

.flutter-app .notifi-header {
    font-weight: 500;
    font-size: 13px;
    color: #505459;
    line-height: normal;
    vertical-align: -webkit-baseline-middle;
}

.flutter-app .addmore.squarelanel .countdiv:hover .spnTooltip {
    top: 30px;
}

/**/

.sidebar-navigation ul li .tooltip {
    display: inline-block;
    position: absolute;
    /*  background-color: #313443;*/
    padding: 8px 10px;
    border-radius: 3px;
    margin-top: -26px;
    left: 90px;
    opacity: 0;
    visibility: hidden;
    font-size: 13px;
    letter-spacing: 0.5px;
    word-break: break-word;
    width: 150px;
}
.leaddoc .chatscreen, #notes .chatscreen, .leaddoc #documents .content-body{
    background-color: #fff!important;
}
#Activity .all-discussicon {
    position: relative;
    background: #fff;
    top: 0;
    left: 0;
    padding: 7px;
    font-size: 20px !important;
    border-radius: 25px;
    margin-right: 0px;
    height: 35px;
    border: 1px solid #0183c3;
    color: #0183c3;
}
.all-discussicon{
    position: absolute;
    background: #fff;
    top: 0px;
    padding: 7px;
    font-size: 13px !important;
    border-radius: 25px;
    margin-right: 0px;
    height: 28px;
    left: -3px;
    border: 1px solid;
}
.headeertitle .all-discussicon,
    .headeertitle .statusproject{
    top: 15px!important;
}
.usermessge{
    position: relative;
    left: -23px;
    top: 2px;
}
.activitylisting.col-md-3 .minidivmessage,
    .activitylisting.col-sm-3 .minidivmessage{
    max-height: 100px;
    height: auto;
    width: 225px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
#Activity  .statusproject  {
    position: relative;
    background: #fff;
    top: 0;
    padding: 7px;
    font-size: 20px !important;
    border-radius: 25px;
    margin-right: 0px;
    height: 35px;
    left: 0;   
}
.statusdiuss{
    border: 1px solid #f37637;
    color: #f37637;
}
.activityicon  .statusproject {
    position: relative;
    top: 5px;
    background: #fff;
    padding: 7px;
    font-size: 20px !important;
    border-radius: 25px;
    margin-right: 0px;
    height: 35px;
    left: 0;
    border: 1px solid;
}
.notifiationion .statusproject {
    position: relative;
    top: 5px;
    background: #fff;
    padding: 7px;
    font-size: 20px !important;
    border-radius: 25px;
    margin-right: 0px;
    height: 35px;
    left: 0;
    border: 1px solid;
    color: #6b6daf;
}
.statusproject{
    position: absolute;
    top: 0px;
    padding: 7px;
    font-size: 16px !important;
    border-radius: 25px;
    margin-right: 0px;
    height: 28px;
    right: -3px;
}
.propage-title .tasknamewithtooltip .tooltip {
    display: inline-block;
    position: absolute;
    background-color: #313443;
    padding: 8px 10px;
    border-radius: 3px;
    margin-top: -26px;
    left: 30px !important;
    opacity: 0;
    visibility: hidden;
    font-size: 13px;
    letter-spacing: 0.5px;
    word-break: break-word;
    width: auto;
    top: 50px;
    color: #fff;
    font-size: 11px;
}
.flutter-app  .tooltip .tooltiptext::before,
.sidebar-navigation ul li .tooltip:before,
.tasknamewithtooltip .tooltip:before {
    content: "";
    display: block;
    position: absolute;
    left: -4px;
    top: 10px;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    background-color: inherit;
}

.sidebar-navigation ul li:hover {
    background-color: #22252e;
}

#board #viewequest-popup .task-create .content-body .frame .content .messages,
#LIST #viewequest-popup .task-create .content-body .frame .content .messages,
#LIST .task-create .content-body .frame .content .messages,
#board .task-create .content-body .frame .content .messages {
    min-height: calc(100vh - 382px);
    max-height: calc(100vh - 382px);
}

.task-create .content-body .frame .content .messages,
#LIST #viewequest-popup .content-body .frame .content .messages,
#board #viewequest-popup.content-body .frame .content .messages {
    min-height: calc(100vh - 382px);
    max-height: calc(100vh - 382px);
}

#flutter-detail-modal .task-create .content-body .frame .content .messages{
    min-height: calc(100vh - 382px);
    max-height: calc(100vh - 382px);
}

.task-details-summary .task-create #notes .onempty-chathistory{
    min-height: calc(100vh - 337px);
    max-height: calc(100vh - 337px);
}
 #viewequest-popup .task-create .content-body .frame .content .messages,
#viewequest-popup #notes .onempty-chathistory {
    min-height: calc(100vh - 314px);
    max-height: calc(100vh - 314px);
}
#viewequest-popup #reviews .taskcontent-area,
    #viewequest-popup #documents .taskcontent-area {
    min-height: calc(100vh - 195px);
    max-height: calc(100vh - 195px);
}
#flutter-detail-modal #notes .onempty-chathistory {
    min-height: calc(100vh - 315px);
    max-height: calc(100vh - 315px);
}
#LIST .task-create #notes .onempty-chathistory,
#board .task-create #notes .onempty-chathistory {
    min-height: calc(100vh - 382px);
    max-height: calc(100vh - 382px);
}

#LIST #viewequest-popup .leaddoc .fix-height,
#LIST #flutter-detail-modal .leaddoc .fix-height,
#board #flutter-detail-modal .leaddoc .fix-height,
#board #viewequest-popup .leaddoc .fix-height {
    min-height: calc(100vh - 195px);
    max-height: calc(100vh - 210px);
}

/*#taskdetail-modal .leaddoc .fix-height{
      min-height: calc(100vh - 195px);
    max-height: calc(100vh - 195px);
}*/
.task-details-summary .leaddoc .fix-height,
#board .task-details-summary .leaddoc .fix-height #flutter-detail-modal .leaddoc .fix-height,
#viewequest-popup .leaddoc .fix-height {
    height: 535px !important;
    min-height: calc(100vh - 207px);
    max-height: calc(100vh - 210px);
}

.processtasklisting .taskmain .task-details-summary.taskquestionnaire-pagesection {
    min-height: calc(100vh - 0px);
    max-height: calc(100vh - 0px);
}

.sidebar-navigation ul li:hover .tooltip,
.propage-title:hover .tasknamewithtooltip .tooltip {
    visibility: visible;
    opacity: 1;
}

/**/
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

.dashboarddevelop h1 {
    font-weight: 600;
    margin: 15px 0;
}

.dashboarddevelop p {
    font-size: 14px;
    color: #505459;
    padding: 0;
    font-weight: 400;
}


.wrapper.dashboarddevelop {
    width: 100%;
    min-height: 100%;
    height: auto;
    display: table;
}
.messagecionimg{
    padding: 15px 0 ;
}
.dashboarddevelop .content {
    width: 50%;
    margin: auto;
    margin-top: 65px;
    text-align: center;
    height: 550px;
    /* background: #f6f7f8; */
    padding-top: 100px;
    border-radius: 8px;

}
#flutter-detail-modal
.mdc-text-field--filled {
    height: 15px !important;
}
.dashboarddevelop .item {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    padding: 8px;
    line-height: 2;
}
.calendermodule .addmore {
    padding: 6px 2px;
    background: #ebebf3;
    border-radius: 25px;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
    width: 30px;
    display: block;
    height: auto;
    font-size: 10px;
    line-height: normal;
    text-align: center;
}
#sharedcalender .calendermodule .calendershare{
    padding-right: 0 !important;
}
#sharedcalender .user-card-content.active{
    border-left: 3px solid #0d6efd!important;
}
.btn-caldender .fc .fc-popover{
    display: inline-table;
}
.userloginmesg{
    font-size: 20px;
}
.alcards .cards-grid{
    margin: auto;
    text-align: center;
    display: table!important;
}
.settingsection.panel-scrollbar{
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: calc(100vh - 50px);
    max-height: calc(100vh - 100px);
}
.right-section-fixed.panel-scrollbar,
.rightdivsion.panel-scrollbar{
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
}
.manageuser-listingpage .tablepanelscroll tbody {
    max-height: calc(100vh - 270px);
    min-height: calc(100vh - 270px)!important;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow{
    height: auto;
}
@media only screen and (min-width: 800px) {
    .dashboarddevelop h1 {
        font-size: 28px;
        margin-top: 0;
        letter-spacing: 0px;
        color: #000;
        margin-bottom: 10px;
    }

    .dashboarddevelop p {
        font-size: 13px;
        color: #726680;
        padding: 0;
        font-weight: 300;
    }
}

@media only screen and (max-width: 320px) {
    .dashboarddevelop h1 {
        font-size: 2em;
    }

    .dashboarddevelop p {
        font-size: 1.2em;
    }
}

/*drag css*/
#board :host {
    white-space: nowrap;
}

.cdk-overlay-container {
    z-index: 9999 !important;
}

.cdk-overlay-container .mat-calendar-table thead tr {
    background: transparent !important;
    height: auto !important;
}

.fieldhigh {
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

#board .col_container {
    /*    height: 500px;*/
    width: 100%;
    margin: 0 auto;
    overflow-x: scroll;
    overflow-y: hidden;
    min-width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
}

#board .column_wrapper {
    display: inline-block;
    height: 90%;
    overflow: hidden;
    margin: 0 10px;
    padding: 5px;
}

#board .column {
    display: inline-block;
    vertical-align: top;
    min-height: calc(100vh - 170px);
    max-height: calc(100vh - 170px);
}

#board .column_header {
    color: red;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: blue;
}

#board .card_container {
    overflow: auto;
    display: block;
    height: auto;
    white-space: normal;
    /*  max-height: 94%;*/
    padding: 3px;
}

/*.card {
  display: inline-block;
  width: 100%;
  background-color: white;
  min-height: 20px;
  margin: 5px 0px;
  cursor: pointer;
}*/
#board .cdk-drag-preview {
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14),
        0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

#board .cdk-drag-placeholder {
    opacity: .3;
}

/* Animate items as they're being sorted. */
#board .cdk-drop-list-dragging .cdk-drag {
    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
    z-index: 2000;
    height: auto;
}

.taskmain .container-fluid.bg-theme-colr {
    padding-top: 50px;
}

.taskmain .task-details-summary .card-content {
    padding-top: 70px;
}

/* Animate an item that has been dropped. */
#board .cdk-drag-animating {
    transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);
}

.flutter-app .task-create {
    width: 95%;
}

.flutter-app .task-details-summary .task-contentgridster {
    height: calc(100vh - 185px);
    min-height: calc(100vh - 185px);
    max-height: calc(100vh - 185px);
}

.taskmain .card.taskdetail-menulist {
    z-index: 10;
    position: fixed;
    top: 50px;
}

#taskdetail-modal .taskmain .card.taskdetail-menulist {
    top: auto;
}

.user-taskcalender.popup-modal.left .popup-modal-dialog,
.user-taskcalender.popup-modal.right .popup-modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.user-taskcalender.popup-modal.left .popup-modal-content,
.user-taskcalender.popup-modal.right .popup-modal-content {
    height: 100%;
    overflow-y: hidden;
}

.user-taskcalender.popup-modal.left .popup-modal-body,
.user-taskcalender.popup-modal.right .popup-modal-body {
    padding: 0;
}

.user-taskcalender.popup-modal.right.fade .popup-modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.user-taskcalender .calenderview .static-dashboard-task .dashboard-task-content .content-scroll {
    min-height: calc(100vh - 125px);
    max-height: calc(100vh - 200px);
}

.user-taskcalender.popup-modal.right.fade.in .popup-modal-dialog {
    right: 0;
    top: 0;
}

.headeruser img {
    width: 30px !important;
}

.headeruser .emp-detail ul li a.usermail {
    font-size: 11px !important;
    color: #3e3e3e;
    line-height: 0.5;
    text-transform: none;
    font-size: 12px;
    font-weight: 400;
}

.headeruser .emp-detail {
    line-height: .5;
}

.taskelements {
    cursor: not-allowed !important;
    opacity: .7;
    background: #9b818124;
}

.calenderview.calendermodule .static-dashboard-task .dashboard-task-content .content-scroll {
    min-height: calc(100vh - 180px);
    max-height: calc(100vh - 180px);
    overflow-x: hidden;
}

.btn-caldender .fc-button-primary.active {
    color: #fff;
    background-color: #f67280;
    border-color: #f67280;
}

.btn-caldender .fc-button-primary {
    color: #ffff;
    background-color: #f67280;
    border: 1px solid #f67280;
}
.d-inlineblock{
    display: inline-block!important;
}
.btn-caldender .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
}

.btn-caldender .fc-toolbar>*> :not(:first-child) {
    margin-left: 0.75em;
}

.btn-caldender .fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.btn-caldender .fc-button-group>.fc-button:not(:first-child) {
    margin-left: -1px;
}

.btn-caldender .fc-button .material-symbols-outlined {
    vertical-align: middle;
    font-size: 1.5em;
}

.btn-caldender .material-symbols-outlined {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
}

.flutter-app .settingmenu aside.sidebarmenu .sb_top_lv li.searbox {
    display: none !important;
}

.flutter-app .settingmenu.active aside.sidebarmenu .sb_top_lv li.searbox {
    display: block !important;
}

#CALENDER .mat-form-field-infix {
    display: inline-flex !important;
}

#CALENDER .cal-month-view .cal-header .cal-cell {
    padding: 10px 0;
    border-radius: 3px;
}

#CALENDER .mat-mdc-icon-button.mat-mdc-button-base {
    width: 35px;
    height: 45px;
    padding: 5px 12px;
    margin-left: 5px;
}

#CALENDER .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
#CALENDER .mat-form-field-subscript-wrapper {
    display: none;
}

#CALENDER .mat-form-field-label {
    top: 10px;
    padding: 0 8px;
}

.calendermodule .calenderdiv {
    overflow: auto;
    overflow-y: scroll;
    min-height: calc(100vh - 120px);
    ;
    max-height: calc(100vh - 120px);
    ;
}

#calender .calendermodule .calenderdiv {
    min-height: calc(100vh - 180px);
    max-height: calc(100vh - 180px);
}

.calendermodule .demo-app .fc-toolbar-title {
    color: #555555;
    font-weight: 500;
    margin: 0;
    font-size: 18px;
}

.calendermodule .demo-app .fc .fc-button-primary:hover,
.calendermodule .demo-app .fc .fc-button-primary:disabled {
    background-color: #f67280;
    border-color: #f67280;
}

.calendermodule .demo-app .fc .fc-button-primary:not(:disabled).fc-button-active,
.calendermodule .demo-app .fc .fc-button-primary:not(:disabled):active {
    background-color: #ffffff;
    border-color: #f67280;
    color: #f67280;
}

.calendermodule .demo-app .fc th {
    vertical-align: middle;
}

.settingmenu.active+.setting-right #calender .task-calender {
    min-width: calc(100% - 10px);
    max-width: calc(100% - 10px);
}

.customeditfields ul {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
}

.customeditfields ul li {
    float: left;
    padding: 8px 0px;
}

.customeditfields li .status i {
    color: #fff;
    padding: 0;
    padding-left: 5px;
    position: relative;
    right: 0;
    left: 5px;
    top: -1px;
}

.notificationdiv .mail-notify {
    right: 15px;
    font-size: 18px !important;
}

.notificationdiv .guild-lines p {
    font-weight: 400;
    font-size: 11px;
    color: #33475b;
    line-height: inherit;
    margin-bottom: 0;
}

.notificationdiv .guild-lines {
    padding: 5px 0;
}

.tag-custom i {
    color: #fff;
    padding: 0 8px;
    position: absolute;
    right: -13px;
    left: auto;
    top: 5px;
    font-size: 18px;
    font-weight: 600;
}

.notificationdiv .fix-height {
    height: calc(100vh - 218px);
}

.documentproject.notificationdiv .taskcontent-area {
    min-height: calc(100vh - 218px);
    max-height: calc(100vh - 218px);
}

.documentproject.notificationdiv {
    width: 30%;
}

.tag-custom {
    background: #ffc3b2;
    color: #4c4c4c;
    font-weight: 500;
    padding: 5px 15px;
    margin-right: 3px;
    border-radius: 6px;
    padding-right: 25px;
    position: relative;
    font-size: 12px;
}

.btn-customadd {
    position: absolute !important;
    right: 10px;
    top: 0;
    padding: 8px 13px !important;
}

#customfileds-modal .material-symbols-outlined.text-success,
#customfileds-modal .material-symbols-outlined.text-danger {
    font-size: 20px;
    font-weight: 500;
}

.calenderdiv .fc .fc-daygrid-body,
.calenderdiv .fc .fc-scrollgrid-section,
.calenderdiv .fc .fc-scrollgrid-section table,
.calenderdiv .fc .fc-scrollgrid-section>td {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100% !important;
}

.calenderview .taskcard-tag .tag-listing-card li.notxttag {
    height: 15px;
    width: 50px;
}

.calenderview .userlistingboards {
    height: 30px;
}

#sharedcalender.popup-modal .popup-modal-dialog {
    top: 0;
    margin-top: 0;
}

.sharebtn,
.sharebtn:hover,
.sharebtn:focus,
.sharebtn:active {
    background: #3fbf8b !important;
    color: #FFF !important;
    padding: 8px 20px !important;
    border-radius: 18px !important;
    position: relative;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 1.5;
    box-shadow: none !important;
}

.guild-laypout {
    display: flex;
    padding: 10px;
}

.guild-img img {
    width: 75px;
    padding: 10px;
    height: auto;
    padding-right: 15px;
}

.guild-lines h3 {
    font-weight: 600;
    font-size: 18px;
    color: #33475b;
    line-height: normal;
    margin: 8px 0;
}

.guild-img {
    position: relative;
    top: 20px;
}

.guild-lines {
    padding: 20px 0;
}

.guild-lines p {
    font-weight: 400;
    font-size: 13px;
    color: #33475b;
    line-height: inherit;
}

.sharetask-div {
    position: fixed;
    top: 40px;
    height: calc(100vh - 0px);
    width: 30%;
    background: #fff;
    right: 0;
}

.btn--adpro {
    height: 35px;
}
.projectlist .tablepanelscroll tbody {
    max-height: calc(100vh - 270px);
    min-height: calc(100vh - 270px);
}
.flutter-app .progress {
    background-color: #d8d8d8;
    border-radius: 10px;
    position: relative;
    margin: 0 auto;
    height: 15px;
    width: 100%;
}

.inactiveprojecvts {
    padding: 2px;
    background: #f74a4a;
    margin: 0 3px;
    border-radius: 20px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}

.activeprojecvts {
    padding: 2px;
    background: #4ecb4e;
    margin: 0 3px;
    border-radius: 20px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}


.projectslisingcomp .settingmenu.active aside.sidebarmenu {
    width: 80px;
}

.projectslisingcomp .settingmenu.active+.setting-right {
    margin-left: 80px;
}
.flutter-app .projectlisttask .settingmenu aside.sidebarmenu ul.sb_top_lv li span.w170{
    padding-left: 20px;
}
.flutter-app .settingmenu.active .favpro {
    width: 20px;
    margin-left: 5px;
    position: relative;
    top: -3px;
    cursor: pointer;
    display: inline-block;
    right: 3px;
    position: absolute;
    left: auto !important;
}
#templateproject .tablepanelscroll tbody {
    max-height: calc(100vh - 225px);
}
.w170{
    width: 170px;
}
#notification .guild-lines {
    padding: 5px 0;
    display: inline-block;
}
.flutter-app .progress-done {
    background: linear-gradient(to left, #F2709C, #FF9472);
    box-shadow: 0 3px 3px -5px #F2709C, 0 2px 5px #F2709C;
    border-radius: 20px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 55px;
    opacity: 1;
    transition: 1s ease 0.3s;
    font-size: x-small;
}

.flutter-app .task-create .card-header .accessdropdwon.drodwnlisting {
    border: 1px solid #ccc;
    height: 30px;
}

.flutter-app .mat-form-field-label-wrapper {
    display: none;
}

.flutter-app .mat-mdc-icon-button svg {
    vertical-align: bottom;
    height: var(--mdc-icon-button-icon-size, 16px) !important;
}

.mat-date-range-input-inner[disabled] {
    color: rgb(32 31 31 / 94%);
}

.notificationdiv .daylinedivider span {
    width: 125px;
}

.border-divider {
    border-bottom: 1px dashed #dddada;
    border-top: none !important;
}

#customfileds-modal .taskcontent-area {
    min-height: calc(100vh - 200px);
    max-height: calc(100vh - 200px);
}

#GLOBEL .sharebtn,
#GLOBEL .sharebtn:hover,
#GLOBEL .sharebtn:focus,
#GLOBEL .sharebtn:active {
    padding: 5px 20px !important;
}
.userControlbox {
    display: grid !important;
    grid-template-columns: 45% 25% 25%;
    gap: 8px;
}
.userControlButton {
    height: 33px;;
}
.collaboratorCard {
    display: flex;
    justify-content: space-between;
}
.spiltbtn .btn {
    background-color: #2196F3;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    outline: none;
height: fit-content;
  }
.panellist{
    left: -135px!important;
}
.processtemplatetask{
    list-style: none;
    padding: 11px 0;
    margin: 0;
    width: 60%;
    float: right;
    position: relative;
    left: 30px;
}
 .btn-splitdrop:hover,
 .btn-splitdrop:active,
    .btn-splitdrop{
        /* background-color: #0d6efd; */
        font-size: 12px ;
        padding: 7px 10px !important;
        color: #fff ;
        font-weight: 400 ;
        border-radius: 0px 4px 4px 0px!important;
        /* border: 1px solid #0d6efd; */
        list-style: none;
        box-shadow: none;
        margin: 0;
        line-height: 1.6 !important;
        width: auto;
        height: auto;
 } 
 .childtaskcomponent{
    /* background: #ededed !important; */
    width: 96.5% !important;
    margin-left: 10px !important;
    border-left: 3px solid #bdd9e5 !important;
    margin-top: 5px !important;
 }

 .subtasking{
    background: #f1f1f1;
    padding: 2px 10px !important;
    border-radius: 13px;
    color: #000 !important;
    font-size: 11px;
 }
 .bigicon{
    font-size: 22px !important;
    position: relative;
    left: -20px;
    top: 13px;
 }
.spiltbtn  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    z-index: 1;
  }
  
 .spiltbtn .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
.spiltbtn  .dropdown-content a:hover {background-color: #ddd}
  
 .spiltbtn .dropdown:hover .dropdown-content {
    display: block;
  }
  
 .spiltbtn .btn:hover, .dropdown:hover .btn {
    background-color: #0b7dda;
  }

 .childtasklist .addedmemebers.listedmenmbers li {
    width: 25px;
    top: -5px;
}

#flutter-detail-modal #reviewer .taskcontent-area ,
#flutter-detail-modal #documents .taskcontent-area ,
    #flutter-detail-modal #SUBTASKS .taskcontent-area {
    min-height: calc(100vh - 196px);
    max-height: calc(100vh - 196px);
}
  .parenttask{
    background: #14a51a;
    color: #fff;
    padding: 0px 4px;
    border-radius: 20px;
    text-align: center;
    margin: auto;
    font-size: 9px;
    position: absolute;
    bottom: -4px;
    left: -5px;
  }
  .childtask{
    background: #e19507;
    color: #fff;
    padding: 0px 3px;
    border-radius: 20px;
    text-align: center;
    margin: auto;
    font-size: 7px;
    position: absolute;
    top: 13px;
    left: -1px;
    font-weight: 400;
  }
 .status.stausrisk  .material-symbols-outlined {
    font-size: 14px;
}
  #board .childtask,
    #PLANNEDTASK .childtask{
    background: #e19507;
    color: #fff;
    padding: 0px 3px;
    border-radius: 20px;
    text-align: center;
    margin: auto;
    font-size: 9px;
    position: absolute;
    top: 10px;
    left: -5px;
    height: 12px;
    line-height: normal;
    bottom: inherit;
    font-weight: 400;
  }
 #board .addedmemebers.listedmenmbers li{
    width: 20px;
  }
  #board  .static-dashboard-task .dashboard-task-content .task-card-panel .card-footer .stats{
    font-size: 11px;
  }
  .taskerrorlisting ul {
    padding: 0;
    padding-left: 15px;
    margin: 0;
  }
  .taskerrorlisting ul li{
margin-bottom: 10px;
    list-style: circle;
  }
.arrowswp .material-symbols-outlined{
    font-size: 16px !important;
    vertical-align: middle;
    color: #777676;
    cursor: pointer;
    padding: 5px 1px;
    font-weight: 600;
}
.grouptaskfilter .selectcolor .tag-description {
    left: 160px!important;
    right: inherit!important;
    top: 0px!important;
}
.add-and-search{
    list-style: none;
    margin: 0;
    padding: 0;
}
span.mdc-button,
span.mdc-button__label{
    border: none;
    border-radius: 3px;
    position: relative;
    padding: 5px 15px!important;
    margin: 10px 1px;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1);
    background: #7b8ed9;
    color: #fff!important;
    float: right;
    position: relative;
    right: 0;
    left: auto;
}
.positionrelatve{
    position: relative;
}
.mainbody-container.taskmain {
    position: relative;
    width: 100%;
    display: inline-block;
    min-height: calc(100vh - 10px);
    max-height: calc(100vh - 10px);
}
#teams-modal .main-content-section{
margin-top: 0;
}
#teams-modal .createrequest-popup .card-content {
    background-color: transparent;
}
.userslisings .user-card-content .user-thumbnail{
    width: 40px;
    left: 8px!important;
}
.userslisings .user-card-content .user-details {
    margin-left: 45px;
}
.reasiignusers  .dropdown-menu.tag-description {
    width: auto;
    min-width: 460px;
    max-width: inherit;
}
.select-user .user-card-content .user-thumbnail {
    left: 15px !important;
    top: 14px !important;
}
.template-guidedetails {
    position: relative;
    top: 25px;
    padding: 50px;
    background: #fff;
    height: calc(100vh - 200px);

}
.userslisings{
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: calc(100% - 200px);
    max-height: calc(100% - 200px);
}
.reasiignusers  .user-card-content .user-name.strikeoff{
    text-decoration: line-through;
}
.devider{
    border-top:1px solid #f0f0f0;
}
.large__mainmodalform #teams-modal .page-section.process-tab-section {
    min-height: calc(100vh - 80px);
}
.leftscroll{
    overflow: auto;
    overflow-y: scroll !important;
    min-height: calc(100vh - 160px) !important;
    max-height: calc(100vh - 160px);
}
.deviderbottom{
    border-bottom: 1px solid #ccc!important;
}
.large__mainmodalform #teams-modal .modal--outersection{
    width: 95%!important;
    min-width: 95%!important;
    max-width: 95%!important;
}
/* tooltip */
.infopophover .tooltip {
    position: relative;
    opacity: 1;
    display: inline-flex;
    z-index: 1;
  }
  .infopophover  .tooltip__item {
    position: absolute;
    min-width: 295px;
    padding: 15px;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
    color: #484848;
    border: 1px solid #cecece;
    border-radius: 3px;
    font-weight: 500;
    box-shadow: 0 2px 1px #bcbcbc;
    z-index: 9;
  }
  .infopophover .tooltip__item:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
  }
  .infopophover  .tooltip__initiator {
    cursor: pointer;
    position: relative;
    top: -5px;
  }
  .infopophover .tooltip[data-direction=left] .tooltip__initiator:hover ~ .tooltip__item {
    transform: translate3d(0, -50%, 0);
    visibility: visible;
    opacity: 1;
    border: 1px solid #ccc;
    box-shadow: none;
  }
  .infopophover .tooltip[data-direction=left] .tooltip__item {
    top: 50%;
    left: calc(100% + 1em);
    transform: translate3d(15px, -50%, 0);
  }
  .infopophover .tooltip[data-direction=left] .tooltip__item:after {
    top: 3%;
    left: -0.3em;
    transform: translate3d(0, -50%, 0);
    border-width: 0.5em 0 0.5em 0.5em;
    border-color: transparent transparent transparent white;
    -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
    filter: drop-shadow(2px 1px 0px #bcbcbc);
    rotate: 180deg;

  }
  .completerev{
    width: 17px;
    height: 17px;
    display: inline-block;
    border: 2px solid #98d4bb;
    border-radius: 3px;
    background: #98d4bb;
  }
  .pendingrev{
    width: 17px;
    height: 17px;
    display: inline-block;
    border: 2px solid #f4c812;
    border-radius: 3px;
    background: #f4c812;
  }
  .notstartrev{
    width: 17px;
    height: 17px;
    display: inline-block;
    border: 2px solid #dad5d6;
    border-radius: 3px;
    background: #dad5d6;
  }
  .returned {
    width: 17px;
    height: 17px;
    display: inline-block;
    border: 2px solid #f9968b;
    border-radius: 3px;
    background: #f9968b;
}
  .infopophover .infohover {
    font-size: 17px;
    color: #21606b;
  }
 .reviewbox{
    gap: .3rem;
    display: inline-flex;
 }
.tablepanelscroll .infopophover .tooltip__initiator {
    top: -4px;
}
.tablepanelscroll .infopophover .tooltip[data-direction=left] .tooltip__item {
    top: 50px;
    left: calc(100% + 6px);
}
.tablepanelscroll  .infopophover .tooltip__item{
    min-width: 150px;
    padding: 10px;
    font-size: 11px;
}
.tasktemplatelisting{
    height: calc(100vh - 110px);
    padding: 130px 0px;
}
.tablepanelscroll th .reviewbox {
    gap: .3rem;
    display: inline-grid;
}
.tablepanelscroll th .reviestatus{
    display: inline-block;
    padding: 3px 0;
}
.reviewimg,
.tablepanelscroll .reviewbox .reviestatus img{
width: 20px!important;
vertical-align: middle;
}
.tablepanelscroll th  .infopophover .tooltip{
    font-size: 0;
    z-index: 1;
}
.contact-area {
    border-bottom: 1px solid #353C46;
}
.warningicon{
    color: #fb9678;
    font-size: 30px;
    background: #ffe8df;
    padding: 10px 10px;
    border-radius: 40px;
}
.flutterdashboardscreen .cmrbody .cards-grid{
display: block!important;
}
.flutterdashboardscreen  .cmrbody .card{
    float: none;
    display: inline-block;
}
.flutterdashboardscreen .dashboardheighfixed{
overflow: auto;
overflow-x: hidden;
overflow-y: scroll;
min-height: auto;
max-height: calc(100vh - 60px);
}
 .navbar.flutter-header .navbar-brand {
    top: 5px;
    left: 6px;
}
.contact-area .contact-content p {
    font-size: 15px;
    margin: 30px 0 60px;
    position: relative;
}
.pent-modal-width-34 #add_user-form .popup-modal-content .content-area {
    min-height: 450px;
    max-height: 450px;
}

.contact-area .contact-content h6 {
    color: #8b9199;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}

.contact-area .contact-content span {
    color: #353c47;
    margin: 0 10px;
}

.contact-area .contact-social {
    margin-top: 30px;
}

.contact-area .contact-social > ul {
    display: inline-flex;
}

.contact-area .contact-social ul li a {
    border: 1px solid #8b9199;
    color: #8b9199;
    display: inline-block;
    height: 40px;
    margin: 0 10px;
    padding-top: 7px;
    transition: all 0.4s ease 0s;
    width: 40px;
}

.contact-area .contact-social ul li a:hover {
    border: 1px solid #FAB702;
    color: #FAB702;
}

.contact-area .contact-content img {
    max-width: 210px;
}
.dashboardheighfixed{
    height: calc(100vh - 127px);
}
section.contact-area ,
footer {
    background: #1A1E25;
    color: #868c96;
}
.tasktemplatelisting .guild-laypoutm.customfiled-guide{
    padding: 140px 315px;
}
 footer p {
    padding:  0;
    text-align: center;
    margin: 0;
}

 footer img {
    width: 100px;
}
.settingsection .settingmenu aside.sidebarmenu ul.sb_top_lv li span{
    position: initial!important;
}
.settingsection .settingmenu aside.sidebarmenu ul.sb_top_lv li{
text-align: center;
padding: 10px 0px;
}
.projectslisingcomp .setting-right {
    margin-left: 230px;
}
.projectslisingcomp .settingmenu aside.sidebarmenu{
    width: 230px;
}

.timeline.ereviewlevel {
    width: 100%;
    height: auto;
    /* background: #ECF1F524; */
    mix-blend-mode: normal;
    backdrop-filter: blur(15px);
    overflow: hidden;
    position: absolute;
    top: 0;
    margin-left: 0;
    /* box-shadow: 0px 20px 53px -30px rgba(95, 102, 173, 0.566816); */
    border-radius: 10px;
  }
  .timeline.ereviewlevel h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: #FFFFFF;
    margin-left: 66px;
    margin-top: 40px;
  }
  .timeline.ereviewlevel label {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    /* identical to box height */
    margin-left: 66px;
    margin-top: 10px;
    color: #FFFFFF;
  }
  .timeline.ereviewlevel .box {
    width: 100%;
    height: auto;
    /* background: #fbfcfd; */
    margin-top: 70px;
  }
  .timeline.ereviewlevel .box .container {
    width: 100%;
    height: auto;
    display: flex;
  }
  .timeline.ereviewlevel .box .container .lines {
    margin-left: 15px;
    margin-top: -45px;
  }
  .timeline.ereviewlevel .box .container .lines .dot {
    width: 30px;
    height: 30px;
    background: #20aaea;
    border-radius: 25px;
    color: #fff;
    padding: 5px 5px;
    text-align: center;
    font-weight: 500;
  }
  .timeline.ereviewlevel .box .container .lines .line {
    height: 103px;
    width: 2px;
    background: #D1D6E6;
    margin-left: 14px;
  }
  .timeline.ereviewlevel .box .container .cards {
    margin-left: 12px;
    transform: translateY(-50px);
  }
 #reviewer .taskcontent-area {
    min-height: 560px;
    max-height: 560px;
  }
  .timeline.ereviewlevel .box .container .cards .card {
    width: calc(100vw -  74vw);
    height: auto;
    padding-top: 10px;
    background: #FFFFFF;
    box-shadow: 0 2px 2px 0 #eeeeee40;
    border-radius: 10px;
    box-shadow: 0px 16px 15px -10px rgba(105, 96, 215, 0.0944602);
    margin-bottom: 25px;
    padding-bottom: 10px;
  }
  .timeline.ereviewlevel .box .container .cards .card.mid {
    height: 71px;
  }
  .timeline.ereviewlevel .box .container .cards .card h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    margin-left: 25px;
    margin-bottom: 5px;
    color: #2B2862;
  }
  .timeline.ereviewlevel .box .container .cards .card p.descreview {

    font-size: 13px;
    line-height: 22px;
    color: #2B2862;
    margin-left: 25px;
  }
  .timeline.ereviewlevel .box .bottom {
    width: 100%;
    height: 107px;
    background: #fff;
    box-shadow: 0 0 2px #eeeeee50;
    padding-top: 45px;
  }
  .timeline.ereviewlevel .box .bottom .btn {
    width: 249px;
    height: 62px;
    background: #FFFFFF40;
    mix-blend-mode: normal;
    cursor: pointer;
    border: 1px solid #8260D780;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #2B2862;
    margin-left: 53px;
    transition: 0.3s;
    background: #2B2862;
    color: #fff;
    border-color: #2B2862;
  }
  .timeline.ereviewlevel .box .bottom .btn:hover {
    transform: scale(1.03);
  }
  .timeline.ereviewlevel:before,
  .timeline.ereviewlevel::after{
    display:none;
  }
  .timeline.ereviewlevel .box .container:last-child  .lines .line{
    display: none;
  }
  /* comment */
  
.review-comments .block {
    background: #fff;
    width: 100%;
    padding: 1rem;
    background: #ffffff;
    border-radius: 8px;
    display: block;
    padding: 0;
  }

  .review-comments
  .block-header .title .tag {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    background: #f7f7f7;
    color: #1c1c1c;
    text-align: center;
    padding: 0 4px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    border: 1px solid #e8e8e8;
    border-radius: 96px;
  }
  .btn.btn-outline-low{
    color: rgb(230 209 122);
    background-color: transparent;
    background-image: none;
    border-color: rgb(230 209 122);
    padding: 8px 15px !important;
    font-size: 11px;
    border: 1px solid;
    border-radius: 4px;
  }
  .reviewdiv{
    min-height: calc(-200px + 100vh);
    max-height: calc(-200px + 100vh);
  }
  .btn-group .btn-outline-low.active, .btn-group .btn-outline-low:focus, .btn-group .btn-outline-low:hover {
    color: #fff;
    outline: none !important;
    box-shadow: none;
    background-color: rgb(230 209 122)!important;
    border-color: rgb(230 209 122);
}
  .btn-group .btn-outline-critical {
    color: #f2591e;
    background-color: transparent;
    background-image: none;
    border-color: #f2591e;
    padding: 8px 15px !important;
    font-size: 11px;
    border: 1px solid;
    border-radius: 4px;
}
  .btn-group .btn-outline-critical.active, .btn-group .btn-outline-critical:focus, .btn-group .btn-outline-critical:hover {
    color: #fff;
    outline: none !important;
    box-shadow: none;
    background-color: #f2591e !important;
    border-color: #f2591e;
}
  #RNOTES .taskcontent-area,
  #myreviews .taskcontent-area,
    #Assignedreviews .taskcontent-area{
    /* background: #f9f9f9; */
    min-height: calc(100vh - 245px);
    max-height: calc(100vh - 245px);
  }
  .review-comments .btn.react:hover{
    z-index: 1;
    transform: translateY(-.5rem);
  }
  .review-comments .comment.active {
    border: 1px solid #a5d4fa;
    background: #f1f4f6;
}
  .docbadge{
    font-size: 9px;
    background: #e19507;
    color: #fff;
    padding: 0px 3px;
    border-radius: 20px;
    text-align: center;
    margin: auto;
    position: absolute;
    top: -4px;
    right: -7px;
    font-weight: 600;
    border: 1px solid #ccc;
  }
  .review-comments .comment {
    display: grid    ;
        gap: 4px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
        border-bottom: none;
        background: #fff;
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 13px;
        cursor: pointer;
  }
  .review-comments .comment .user-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .review-comments .comment .user-banner .user {
    gap: 8px;
    align-items: center;
    display: flex;
  }
  .review-comments .comment .user-banner .user .avatar {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    position: relative;
    border-radius: 100px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
  }
  .review-comments .comment .user-banner .user .avatar img {
    max-width: 100%;
    border-radius: 50%;
    width: 2.5rem;
    height: auto;
    border: none;
  }
  .review-comments .comment .user-banner .user .avatar .stat {
    display: flex;
    position: absolute;
    right: -2px;
    bottom: -2px;
    display: block;
    width: 12px;
    height: 12px;
    z-index: 9;
    border: 2px solid #ffffff;
    border-radius: 100px;
  }
  .review-comments .comment .user-banner .user .avatar .stat.green {
    background: #00ba34;
  }
  .review-comments .comment .user-banner .user .avatar .stat.grey {
    background: #969696;
  }
  .review-comments  .comment .footer {
    gap: 12px;
    display: inline-block ;
    align-items: center;
  }

  .review-comments .comment .footer .reactions {
    display: inline-flex   ;
        align-items: center;
        gap: 10px;
  }
  .review-comments .comment .footer .divider {
    height: 15px;
    width: 1.8px;
    background: #d3d3d3;
  }
 
  .review-comments .comment + .comment {
    padding-top: 12px;
  }
  .review-comments .comment.reply .user-banner,
  .review-comments .comment.reply .content,
  .review-comments .comment.reply .footer {
    margin-left: 32px;
  }
  
  .review-comments .group-radio {
    position: relative;
    display: flex;
    user-select: none;
    align-items: stretch;
  }
  .review-comments .group-radio .button-radio {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06);
  }
  .review-comments .group-radio .button-radio label {
    cursor: pointer;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    height: 28px;
    align-items: center;
    line-height: 28px;
    transition: 0.2s ease;
  }
  .reviewfotter{
    position: absolute!important;
    bottom: 0;
    top: calc(100vh - 220px);
    left: 0;
    display: block;
  }
  .review-comments .group-radio .button-radio:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
  }
  .review-comments .group-radio .button-radio:last-child {
    border-top-right-radius: 8px;
    border-right: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-bottom-right-radius: 8px;
  }
  .review-comments .group-radio .button-radio input[type=radio] {
    display: none;
  }
  .group-radio .button-radio input[type=radio]:checked + label {
    background: #f7f7f7;
  }
  .review-comments  .group-radio .divider {
    width: 1px;
    background: #e8e8e8;
  }
  
  .review-comments h5 {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    color: #1c1c1c;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
  }
  
  .review-comments .btn {
    appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    display: flex;
    font: inherit;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #1c1c1c;
    transition: 0.2s ease;
    outline: none;
    margin: 0;
  }
  .review-comments .btn i {
    color: #969696;
    font-size: 18px;
    transition: 0.15s ease-in-out;
  }
  .review-comments .btn.primary {
    min-width: 64px;
    padding: 8px 12px;
    height: 40px;
    color: #fff;
    display: inline-flex;
    background: #0085ff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 1px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
  }
  .review-comments .btn.primary:hover {
    background: #339dff;
  }
  .review-comments .btn:hover i {
    opacity: 0.7;
  }
  .review-comments .btn img {
    width: 25px;
    height: auto;
  }
  .bg-nonepadding .sectiondivbg{
    padding: 0!important;
  }
  .background-dev{
    background-color: #f5f6f7;
    height: calc(100vh - 200px);
  }
  .review-comments .btn.react {
    box-shadow: none;
    width: 10px;
    position: relative;
    right: 12px;
}

  .review-comments .btn.react:hover {
    background-color: #eee;
  }
  .review-comments  .btn.dropdown {
    display: flex;
    cursor: pointer;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 26px;
    height: 26px;
  }
  .review-comments .btn.dropdown:hover {
    background-color: #eee;
  }
  
  .review-comments p {
    font-size: 12px;
    line-height: 1.8;
    margin: 0;
    color: #607d8b;
  }
  .review-comments p a.tagged-user {
    display: inline-flex;
    padding: 2px 8px;
    background: #e5f3ff;
    border-radius: 256px;
    color: #0085ff;
  }
  
  .review-comments .is-mute {
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    color: #969696;
  }
  
  .review-comments a {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #1c1c1c;
    text-decoration: none;
    transition: opacity 0.15s ease-in-out;
  }
  .review-comments  a:hover {
    opacity: 0.7;
  }
  .flxgap{
    gap: 7px;
  }
  .review-comments  h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #1c1c1c;
  }
  

  .flutter-app   .card-body.reviewnotesdev{
    min-height: calc(100vh - 190px);
    max-height: calc(100vh - 190px);
  }
  .review-comments .load {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .review-comments .load span {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #969696;
  }
  .review-comments .load span i {
    margin-right: 6px;
  }
  
  .review-comments  .group-button {
    display: flex;
    gap: 16px;
  }
  .reccuringstate{
    color: #67757c;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    margin-top: 5px;
  }
  .weekdays ul{
    list-style: none;
    gap: 10px;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 8px;
    float: left;
    width: 100%;
    position: relative;
  }
  .weekdays{
    display: block;
    width: 100%;
  }
  .weekdays ul li{
    border: 1px solid #77aecd;
    padding: 5px 0;
    color: #67757c;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    width: 35px;
    height: 32px;
    cursor: pointer;
    border-radius: 2px;
    float: left;
    gap: 10px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .weekdays ul li.selection{
    background: #77aecd;
    color: #fff;
  }
  .recuretasking input[type=radio]
  {
    width: 20px;
    height: 16px;
    margin: 1px 0;
  }
  .leblrecc{
    font-size: 13px;
    color: #607d8b !important;
    padding: 0;
    font-weight: 500;
  }
.activitydetails #notes  .ql-snow.ql-toolbar button, 
.activitydetails #notes .ql-snow .ql-toolbar button {
    height: 20px;
    width: 20px;
}