/*
  Announcements banner responsive image fix
*/
.banner .f-banner{
    min-height: 285px;
    height: 285px;
}
.img-fluid{
    width: 100%;
    height: 100%;
}


/*
    Userpanel fix
*/
.user-panel {
    min-width: 220px;
    max-width: 250px;
}
.header-right .user-panel .user-name h5{
    min-width: 99px;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header-right .user-panel span.email-text{
    min-width: 99px;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
}
.header-right .user-panel .logout-text{
    margin-right: 20px;
}
.header-right .user-panel{
    cursor: default;
}
/*
    User quota page, save button fix
*/
.form-check-input:checked{
    background-color: #2092E2 !important;
    border-color: #2092E2 !important;
}
/*
    Sign Off Sheet comment button css fix
*/
.table-view .table-responsive h6 .comments {
    font-size: 17px;
    margin-left: 3px;
    color: #1f92e0;
}
.table-view .table-responsive h6 .comments:hover {
   color:#F66E0A;
}
.sign-off-sheet-comment-text{
    min-width: 50px;
    max-width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
}


/*Manage manual log or leaves status dots*/
.table-view .pending-dot {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    background-color: #444444;
}
.table-view .approved-dot {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    background-color: #069745;
}
.table-view .rejected-dot {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    background-color: #F66E0A;
}
.table-view .table-heading .status-info{
    font-size: 15px;
}
.status-info .pending-dot, .status-info .approved-dot, .status-info .rejected-dot{
    margin-left: 5px; 
    margin-right: 5px; 
}

.width-project-task-col{
    width: 200px;
}
.width-date-time-col{
    width: 85px;
}

/* Deleted screenshots - CSS Starts */
.deleted-screenshot-wrapper {
    background-color: #f2f2f2;
    color: #d2d2d2;
}
.deleted-screenshot-wrapper img {
    opacity: 0.4;
}
/* Deleted screenshots - CSS Ends */

/*Notification menu footer fixed, to show text at center*/
.notification-menu-footer-text{
    display: block;
    width: 165px;
    margin: 0 auto;
    color: #2092E2;
    font-weight: 700;
}

/*Notification menu scrollbar*/
#notification_menu_list{
    max-height: 500px;
    overflow-y: auto;
}
/* Works on Firefox */
#notification_menu_list {
    /*scrollbar-width: thin;
    scrollbar-color: transparent;*/
}
/* Works on Chrome, Edge, and Safari */
#notification_menu_list ::-webkit-scrollbar {
    width: 10px;
}

#notification_menu_list ::-webkit-scrollbar-track {
    background: transparent;
}

#notification_menu_list ::-webkit-scrollbar-thumb {
    background-color: #565656;
    border-radius: 20px;
}

.text-limit-counter{
    min-height: 20px;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: 700;
    color: #F66E0A;
}

/*Download Document Buttons*/
a.exel, a.word{
    cursor: pointer;
}

/*Datatable*/
.datatable-col-width-30{
    width: 30px;
}
.datatable-col-width-50{
    width: 50px;
}
.datatable-col-width-100{
    width: 100px;
}
.datatable-col-width-200{
    width: 200px;
}

/*Speedtest iframe fix*/
.speedtest-iframe {
    display: block !important;
}

/* Website font fix */
body{
    font-family: 'Roboto', sans-serif !important;
}

/* Screenshot Date Text */
.screenshot-date-text{
    color: #5C5C5C;
}

/*Thera export Image*/
.thera-export-image{
    width: 100%;
    background-color: white;
}