@charset "UTF-8";.task-container > .panel > .panel-body::-webkit-scrollbar { width: 15px; background:#D2D0CE; } .task-container > .panel > .panel-body::-webkit-scrollbar-track { background: transparent; } .task-container > .panel > .panel-body::-webkit-scrollbar-thumb { background: #0078D4; border-radius: 27px; } .task-container > .panel > .panel-body::-webkit-scrollbar-button:single-button{ background: #0078D4; } .task-container > .panel > .panel-body-webkit-scrollbar-thumb:hover { background: blue; } .task-container{ padding: 0px; } .task-container > .panel.panel-default{ padding-bottom:0; margin-bottom:0; } .task-container > .panel > .panel-heading, .task-container > .panel{ padding: 7px 5px; border: 0; background-color:transparent; } .task-container > .panel > .panel-body{ padding: 0; border: 0; background-color:transparent; max-height: 370px; overflow-y: auto; } .task-container .task-item { margin-bottom: 10px; margin-top: 10px; display: block; padding: 6px 12px; background-color:#FFFFFF; border-radius: 8px; } .task-container .task-item:first-child{ margin-top: 0; } .task-container .task-item:last-child{ margin-bottom: 0; } .task-nav>li.active>a, .task-container .task-nav>li.active>a:hover, .task-nav>li.active>a:focus, .task-nav>li>a:hover{ background-color: transparent !important; color: #0078D4 !important; } .task-nav>li+li{ margin-left: 16px; } .pivot{ gap: 10px; width: auto; height: 44px;border-bottom: 1px solid #FBFBFB; } .pivot > button{border-bottom:#FBFBFB; color: #242424; font-family: 'Segoe UI'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; padding: 5px 0 !important; border-width: 0px;font-size: 18px;Background-color:#FBFBFB;
} .pivot.active > button{ border-bottom: 1px solid #FBFBFB; margin:auto; font-weight: 600; color: #141414 !important;Background-color:#FBFBFB; } .no-listitem{ font-family: 'Segoe UI'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 24px; padding-left: 0 !important; } .glyphicon-chevron-right:before{ font-size:16px; } .glyphicon-chevron-left:before{ font-size:16px; } .carousel-inner{ text-align:center; } .carousel-indicators > li{ background-color:transparent; } .carousel-indicators .active{ background-color:white; } .carousel-control{ width:auto; } .announcement-block{ display: flex; justify-content: center; align-items: center; background: linear-gradient(180.33deg, #8DC8E8 -17.66%, #0078D4 29.38%, #2A446F 82.74%); /* background:linear-gradient(192.7deg, #FFA38B -4.33%, #8661C5 90.8%); */ box-shadow: inset 0px 1px 1.5px rgba(255, 255, 255, 0.25), inset 2px -2px 6px rgba(0, 0, 0, 0.1), inset 1px -1px 1px rgba(0, 0, 0, 0.1); backdrop-filter: blur(8px); border-radius: 10px; } .announcement-header{ font-family: 'Segoe UI'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; text-align: center; color: #FFFFFF; } .announcement-item{ font-family: 'Segoe UI'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; color: #FFFFFF; } .action-center{ background: #FBFBFB; /* Note: backdrop-filter has minimal browser support */ border-radius: 8px; } .action-left{ margin-left: 0 !important; } .action-right{ margin-right: 0 !important; } .announcement-img{ width: 96px; height: 97px; margin-left: auto; margin-right: auto; margin-top:48px; } @media (min-width: 320px) { .announcement-img{ margin-top:36px; } .my-tasks-block{ margin-top: 32px;margin-left: -10px !important; } } @media (min-width: 990px) { .announcement-img{ margin:48px 0 0 0; } .my-tasks-block{ margin: 0; } }
    .actionCenterModal{
        top: 30px;
        float: right;
    }

.modal-body action-center-modal-body action-center
{
Background-color:#FBFBFB !important;
}

    .action-center-modal-content {
        display: flex;
        gap: 12px;
        position: relative;
        width: 1120px;
        box-shadow: 0px 1.6px 3.6px rgba(0, 0, 0, 0.132), 0px 0.3px 0.9px rgba(0, 0, 0, 0.108);
        border-radius: 5px;
        margin-top: 0px !important;
       background-color:#FBFBFB !important;
    }

.action-center-modal-body {
  background-color: #FBFBFB !important;
 width: 100%;
        padding: 0px;
}

    .action-center-margin
    {
        margin-bottom:24px !important;
    }
    .tab-head>label{
    margin-top:0px !important;
    }
    .announcement-block{
       background: linear-gradient(180deg, #B185FF 0%, #474FFF 100%) !important;
    }
    .ck-content p {
      font-size: 9pt;
    }

@media (min-width: 330px), (max-width: 639px){
    .action-center-modal-content{

        width:370px;        
    }
    .actionCenterModal{
        top: 95px;
        float: none;
        margin-right: 10px;
    }
.modal-body action-center-modal-body action-center
{
Background-color:#FBFBFB !important;
}
    .modal-dialog{
        width:370px;
    }   
}

@media (max-width: 360px){
    .action-center-modal-content{
        width:360px !important;
        padding: 0px;
    }
    .modal-dialog{
        margin: 0px !important;
    } 
.modal-body action-center-modal-body action-center
{
Background-color:#FBFBFB !important;
}
    #actionCenter{
        font-size: 24px !important;
        margin-left: 40px;
        width: 320px !important;
    }
    .announcement-img {
        width: 58.2px !important;
        height: 63.67px !important;
    }
    div#openTasks {
        width: 315px;
        margin-right: 0px !important;
    }
    span.checkbox.task-item{
        width: 315px !important;
    }
    .action-center-modal-body{
Background-color:#FBFBFB !important;

        width: 360px !important;
    }
    div#panel-body {
        width: 315px;
    }
    #spnCloseModalDiv{
        padding: 15px;
        padding-left: 0px;
        padding-top: 33px;
    }
    div#panel-content {
        width: 315px;
        padding-right: 0px;
    }
    #myTask{
        margin-left: 10px;
    }
    .ck-content p {
      font-size: 9pt;
    }
    div#ActionCenterContainer {
        width: 360px !important;
    }
}

@media (min-width: 361px) and (max-width: 640px){
    #modalContainer{
        margin-right: 262px;
    }
    .action-center-modal-content{
        width: 615px !important;
        margin-right: 12px;
    }
    div#spnCloseModalDiv {
        padding: 15px;
        padding-left: 0px;
        padding-top: 30px;
    }
    h2#actionCenter {
        margin-left: 50px;
        width: 515px !important;
    }
    div#myTask {
        margin-left: 10px;
    }
.modal-body action-center-modal-body action-center
{
Background-color:#FBFBFB !important;
}
}

@media (min-width: 640px){
    .action-center-modal-content{
        width:1120px;
    }
    .actionCenterModal{
        top: 30px;
        float: right;
    }
     .modal-dialog{
        width: auto;
        margin: 0px !important;
    }
.modal-body action-center-modal-body action-center
{
Background-color:#FBFBFB !important;
}
}
    .notification-icon-img{    
        position: absolute;
        top: 0;
        right: 0;
        padding-top: 10px;
        height: auto;
        display: block;
    }