/*Custom Start*/
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Leckerli+One&display=swap');

@font-face {
    font-family: 'merry_christmas_flakeregular';
    src: url('../font/merrychristmasflake-mjy9-webfont.woff2') format('woff2'),
        url('../font/merrychristmasflake-mjy9-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bulgattiregular';
    src: url('../font/bulgatti-xgmv-webfont.woff2') format('woff2'),
        url('../font/bulgatti-xgmv-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'merry_christmas_starregular';
    src: url('../font/merrychristmasstar-djnr-webfont.woff2') format('woff2'),
        url('../font/merrychristmasstar-djnr-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*Custom CSS*/
/* header.php */
.task_div_details1 {
    color: #000;
    background: rgba(204, 204, 204, 1.55);
    border: 2px solid #999;
    position: fixed;
    right: 3.8%;
    padding: 10px;
    box-shadow: 1px 1px 7px 2px rgba(221, 221, 221, 0.77);
    border-radius: 10px 10px 10px 10px;
    bottom: 0.5%;
}

.task_div_details1:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 17px solid rgba(204, 204, 204, 1.55);
    left: 99.5%;
    top: 88%;
}

.notification-icon {
    cursor: pointer;
    height: 38px;
    background: rgba(118, 121, 117, 0.99);
    font-size: 21px;
    border-radius: 8px;
    position: fixed;
    bottom: -0.1%;
    right: 0%;
    color: #ffffff;
    width: 40px;
    padding: 9px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    left: auto;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 9999;
}

.sidenav a {
    padding: 0px !important;
    text-decoration: none;
    margin: 0px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Popup Design */
.popupbox .b-modal,
.crop_popup .b-modal {
    background-color: rgba(0, 0, 0);
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.6;
    z-index: 9999;
    font: inherit;
}

#popup {
    position: fixed;
    z-index: 9999;
    opacity: 1;
    width: 660px;
    padding: 0px;
    display: block;
    max-height: 80vh;
    left: 50% !important;
    top: 10%;
    float: right;
    transform: translate(-50%);
    border: none;
    background-color: #fff;
    color: #111;
    overflow-y: auto;
}

@media screen and (max-width:660px) {
    #popup {
        width: auto;
    }
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 14px;
    }
}

input#myBtnStartDay {
    width: 100px;
}

input#myBtnEndDay {
    width: 100px;
}

input#myBtnStartLunch {
    width: 100px;
}

input#myBtnStartBreak {
    width: 100px;
}

#sidebar_sticky_nav {
    font-weight: normal;
    color: #111;
    text-shadow: none;
    text-align: center;
}

.project-detail-sidebar a:first-child {
    border: 1px solid #111;
}

.project-detail-sidebar {
    border: 1px solid #111;
    display: inline-block;
    border-radius: 3px;
    width: 266px;
    margin: 8px 0 0;
}

.project-detail-sidebar div {
    padding: 6px 10px;
}

.project-detail-sidebar a:hover {
    color: #111 !important;
}

.quick-btn {
    background: none;
    box-shadow: none;
}

.quick-btn:hover {
    background-color: transparent;
}

#start-endTask {
    border: 1px solid #222;
    margin: 0 auto;
    width: 266px;
    border-radius: 3px;
}

#sticky_menu_left .sidebar-ftr-detail {
    display: inline-block;
    width: 266px;
    border: 1px solid #222;
    margin: 10px 0;
    border-radius: 3px;
}

/* company_list.css */
.round {
    height: 250px;
    width: 22%;
    overflow-wrap: break-word;
    background: rgba(153, 153, 153, 0.28);
    color: #000;
    border: 1px solid #333;
    padding: 1% 0.9%;
    margin: 1.3%;
    border-radius: 4%;
    vertical-align: middle;
    display: inline-block;
}

.round:hover {
    background: rgba(221, 221, 221, 0.16);
}

.emp_list {
    height: 89px;
    overflow: auto;
    padding: 3px 0 5px 0;
}

.round hr {
    text-align: center;
    width: 98%;
}

.href_link {
    font-size: 17px;
    line-height: 22px;
    vertical-align: top;
    text-decoration: none;
}

.emp_label {
    display: inline;
    padding: 0.7%;
}

.single_line {
    width: 48%;
    display: inline-block;
}

.user_list_img {
    width: 40px;
    height: 40px;
    border: 2px solid #FFF;
    text-align: left;
    border-radius: 50%;
}

.project_logo {
    width: 70%;
    text-align: left;
}

.project_name {
    line-height: 1;
}

.proj_disc {
    color: #337ab7;
    padding: 4% 0.1%;
    font-size: 15px;
    text-align: left;
    line-height: 20px;
    height: 90px;
    overflow: auto;
}

.pricing-table .price-body {
    width: 80px !important;
    height: 80px !important;
}

.project-li {
    max-height: 350px !important;
    margin-top: 1px;
    border-right: 1px solid white;
}

.active {
    border-right: none !important;
}

.href_link,
.href_link:hover {
    text-decoration: none;
    color: #FFF;
}

.features-ul {
    width: 70%;
    height: 100px;
}

.price-body {
    background: white;
}

.single_line a {
    color: #FFF !important;
}

.footer-over-flow {
    max-height: 76px;
    overflow: auto;
}

.btn-group {
    top: 3px;
    right: 5px;
}

.pricing-table.dark .footer {
    min-height: 95px;
    background: transparent;
    border: 1px solid #ffffff7a;
    min-height: 105px;
    padding: 15px 0;
}

.info_lable {
    font-weight: bold;
    color: #161a98;
    padding: 10px;
}

.time-span {
    padding: 5px;
    display: inline-block;
}

.task-info-span {
    text-align: center;
    padding: 5px;
    display: inline-block;
    color: #a9a1a1;
    font-size: 12px;
    font-weight: bold;
}

.latest-update-div {
    margin: 0 12px;
}

.latest-update-span {
    padding: 10px 0px;
    color: #5a4f4f;
    text-decoration: underline;
}

.latest-update-a {
    padding: 10px;
    font-size: 18px;
    color: #a94442;
    text-decoration: none;
}

.img_div {
    float: left;
    width: 40px;
    overflow: hidden;
    height: 40px;
    display: inline-block;
}

.created_name {
    padding: 10px 0px;
    font-size: 14px;
    display: block;
    color: var(--primaryblue);
    font-weight: bold;
}

.date-span {
    display: inline-flex;
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
}

.comment-span {
    white-space: normal;
    display: inline;
    color: #333333;
    font-weight: 200;
}

.main-comment {
    padding: 10px;
}

.main-update-div {
    padding: 10px;
    display: block;
    border-bottom: 1px solid #ffeded;
    margin-bottom: 3px;
    float: left;
    padding: 0 10px;
    width: 100%;
    margin-top: 10px;
    min-height: 30px;
}

.latest-update-link {
    padding: 0px 10px;
    font-size: 14px;
    color: #a94442;
    text-decoration: none;
}

.image_uploaded {
    width: 22%;
}

.small_lables_cnt {
    color: #ada3a3;
    font-size: 10px;
}

button#completed_todo {
    margin-left: 7px;
}

input#uncomplete_todo {
    position: absolute;
    left: 33px;
    top: -3px;
}

.topicname_error {
    background-image: url('../img/validation.gif');
    background-repeat: no-repeat;
    margin-left: 7px;
}

.error_message {
    padding-left: 13px;
    color: #ee350b;
}

.change_shortname {
    width: 80px;
    margin-right: 7px;
}

.todoEdit {
    position: absolute;
    top: 1px;
    left: 32px;
}

.add-more-time {
    float: right;
    margin-bottom: 16px;
}

div#display_addTime_block span {
    font-size: 14px;
    float: left;
    width: 25%;
}

#display_addTime_block {
    width: 69%;
    float: right;
    margin-top: 5px;
}

.caret {
    margin-top: 0px;
}

span.required-field {
    color: red;
    font-size: 17px;
}

.tab-pane {
    margin-top: 15px;
}

.form-controll {
    display: block;
    width: 100%;
    /*height: 34px; */
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.summary {
    clear: both;
    font-size: 28px;
    background: #0065b2;
    padding: 12px 0 12px 0;
}

.user-name {
    clear: both;
    background: #4676fd;
    padding: 12px 0 12px 0;
}

.summary-container {
    width: 82%;
    margin: 0 auto;
}

.summary-date {
    float: right;
    font-size: 17px;
    padding-top: 17px;
    font-weight: 600;
}

.summary-text {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    padding-left: 16px;
    font-family: sans-serif;
}

.summary-username {
    color: #fff;
    font-family: sans-serif;
    font-weight: 600;
    font-size: 22px;
    padding-left: 16px;
}

.summary-table {
    width: 96%;
    font-size: 16px;
    margin-left: 20px;
    text-align: center;
    border-spacing: unset;
}

.inc-no-record {
    width: 100%;
    text-align: center;
    padding: 15px 0 15px 0;
    background: #fff;
    border: 1px #ccc;
    border-style: solid;
    color: red;
}

div#freelancer_setting_form {
    margin: 0 40px 0 40px;
    border: 1px solid #ccc;
    text-align: center;
}

.fuser-general-setting {
    font-size: 18px;
    color: #968e8e;
    border-bottom: 1px solid #ccc;
    margin: 3px 0 0 0;
}

.f-user-label {
    width: 100%;
    text-align: center;
    font-size: 18px;
}

.f-user-dashboard {
    font-size: 18px;
    color: #968e8e;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 3px 0 16px 0;
}

.start_end_day {
    padding-top: 12px;
}

.f-user-dashboard label {
    margin-left: 5px;
}

.fuser-access-setting {
    width: 31.5%;
    margin: 0 auto;
    text-align: left;
}

.ui-datepicker-prev {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(css/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405;
    opacity: 0.7;
}

.ui-datepicker-prev:hover {
    background: #fdf5ce url(css/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x !important;
    opacity: 1;
}

.ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker-next {
    border: 1px solid #fbcb09;
    background: #fdf5ce url(css/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405;
    opacity: 0.7;
}

.ui-datepicker-next:hover {
    background: #fdf5ce url(css/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x !important;
    opacity: 1;
}

.ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-icon {
    background-image: url('images/ui-icons_ef8c08_256x240.png') !important;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    top: 2px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px !important;
}

.add-inc-div {
    padding: 8px 15px;
    float: right;
}

.task_link_action .copy_link {
    color: #000;
}

label.postinf {
    margin-left: 25px;
    line-height: 1.5;
    font-weight: normal;
}

.Project_lists {
    position: absolute;
}

.edit_delete_thread.col-sm-2 {
    margin-top: 16px;
}

.stick_header #heder_stick {
    width: calc(100% - 133px) !important;
    margin: 62px 41px 0 92px;
}

.multi_bday {
    margin-top: 30px;
}

.inline_line {
    border: 1px solid #ccc;
    margin-top: 15px;
}

.birthday_anniversary .multi_bday .thumbnail {
    box-shadow: none;
    background: none;
    min-height: unset;
    border: none;
    width: 100%;
    padding: 0;
    display: flex;
    height: 100%;
    align-items: center;
}

.birthday_anniversary .multi_bday .thumbnail .caption {
    height: 340px;
    background: none;
    text-align: center;
    width: 50%;
    position: absolute;
    font-size: 30px;
    font-weight: 600;
    color: #262261;
    right: 0;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}

.multi_bday .thumbnail_img {
    width: 50%;
    float: left;
    height: auto;
    border-radius: 30px 30px;
    background-color: transparent;
    background-image: url(../img/img-bg.jpg);
    background-size: 100%;
    height: 390px;
}

.multi_bday .thumbnail_img img {
    width: 210px;
    height: 160px;
    object-fit: cover;
    border: none;
    background: #fff;
    padding: 3px;
    margin: 47px auto 0 68px;
    border-radius: 30px 30px;
}

.col-md-6.multi_bday {
    width: 100%;
    margin: auto;
    float: none;
    padding: 0px 0 40px;
}

.birthday_anniversary .multi_bday .thumbnail .caption span {
    display: block;
    color: #ef4036;
    font-size: 40px;
    letter-spacing: 0.5px;
    font-weight: bold;
}

#popup.birthday_anniversary {
    border-radius: 0;
    border: none;
    width: 760px;
    padding: 29px 25px;
    background-image: url('../img/img-bg-new.jpg');
}

.birthday_anniversary .thumbnail .caption {
    flex-wrap: wrap;
}

.birthday_anniversary .multi_bday .thumbnail .caption {
    font-family: 'Quicksand', sans-serif;
    font-family: 'Josefin Sans', sans-serif;
    height: 100%;
    position: unset;
    transform: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-shadow: none;
    color: #9c46f2;
}

.birthday_anniversary .multi_bday .thumbnail .caption span {
    display: block;
    float: left;
    font-family: 'Leckerli One', cursive;
    width: 100%;
    text-shadow: none;
    color: #e73c74;
    color: #ef4036;
}

#popup.birthday_anniversary .col-md-6.multi_bday:last-of-type {
    padding-bottom: 0;
}

#popup .button.b-close,
.button .bClose {
    background: none;
    margin-top: 15px;
    width: 25px;
    height: 25px;
    color: var(--primaryblue);
    border-radius: 50%;
    box-shadow: none;
    position: absolute;
    z-index: 99;
    padding: 2px 7px;
    text-align: center;
    display: block;
    line-height: 20px;
    font-size: 33px;
    font-weight: 500;
    right: 20px;
    top: 4px;
}

#popup.birthday_anniversary {
    box-shadow: none;
    border-radius: 15px;
    background: #f5f5f5;
}

.birthday_anniversary .multi_bday .thumbnail .caption {
    color: #000;
    font-weight: bold;
    text-shadow: 5px 2px 2px #ddd;
    font-size: 36px;
}

.col-md-6.multi_bday {
    padding: 0 0 8%;
}

#popup.birthday_anniversary {
    box-shadow: none;
    border-radius: 00;
    background: #ffffff;
    padding: 3% 3%;
    width: 900px;
    height: 505px;
}

.multi_bday .thumbnail_img img {
    width: 240px;
    height: 195px;
    margin: 60px auto 0 78px;
    border-radius: 35px;
    border: 0;
}

.birthday_anniversary .multi_bday .thumbnail .caption {
    color: #000;
    font-weight: bold;
    text-shadow: 5px 2px 2px #ddd;
    font-size: 36px;
}

.remind-emp .col-lg-12 {
    text-align: center;
    line-height: 21px;
}

.remind-emp .probation input.button-effect {
    margin: 0 5px !important;
}

.remind-emp .probation lable {
    margin: 0 5px !important;
}

.row.multi_bday.remind-emp {
    margin-bottom: 20px;
}

.remind-emp .col-lg-12 a {
    text-decoration: none !important;
    color: #262261 !important;
    font-weight: 600 !important;
}

.wickedpicker__controls__control--hours {
    color: #000;
}

.wickedpicker__controls__control--minutes {
    color: #000;
}

.wickedpicker__controls__control--meridiem {
    color: #000;
}

.wickedpicker__controls__control--seconds {
    color: #000;
}

div#display_addTime_block {
    width: 100%;
}

.display_addTime_field {
    display: inline-block;
    width: calc(100% - 200px);
    vertical-align: top;
}

#display_addTime_block span .form-control {
    width: calc(100% - 15px);
    display: inline-block;
}

#display_addTime_block span .date-input {
    width: calc(100% - 55px);
}

#display_addTime_block span .form-control.startTime {
    width: calc(100% - 95px);
}

#display_addTime_block span .form-control.endTime {
    width: calc(100% - 95px);
}

#display_addTime_block button#add_time {
    height: 34px;
    background: #0645a6;
    border-color: #0645a6;
}

#display_addTime_block button#add_time:hover {
    background: #1b5dc1;
    border-color: #1b5dc1;
}

#display_addTime_block button#cancel_log_time {
    height: 34px;
}

.selec-btn {
    float: left;
    position: relative;
}

.selec-btn .button-block {
    border-color: #a6a6a6;
    font-size: 16px;
    margin: 0 15px 0 0;
}

.selec-btn .caret {
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.setting_icon {
    font-size: 21px;
    float: right;
    color: black;
    margin-top: 6px;
}

.button.list_grid {
    float: right;
    background-color: #fff;
    color: black;
}

i.fa.fa-bars.list {
    padding-right: 0px;
}

i.fa.fa-th-large.list {
    padding-right: 0px;
}

img.user_list_img.empimage {
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
    border-color: black;
}

.circle {
    background: #ef4036;
    ;
    border-radius: 50%;
    width: 100px !important;
    height: 100px !important;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button {
    float: none !important;
}

img.pro_image {
    width: 34%;
}

.border-none {
    border: none !important;
}

.select_emp {
    text-align: left;
}

span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

ul.select2-selection__rendered.emp_dropbox {
    height: 35px;
}

.project_list_img {
    width: 27%;
}

.add-skill,
.show-skill {
    margin-top: 6px;
}

.skill-crud {
    display: inline-block;
}

.skill-crud {
    float: right;
}

#edit,
#delete {
    color: black;
}

.add-skill,
.show-skill {
    margin-top: 6px;
}

.skill-crud {
    display: inline-block;
}

.skill-crud {
    float: right;
}

#edit,
#delete {
    color: black;
    text-decoration: none;
    transition-delay: 150ms;
    padding: 3px;
}

#edit:hover,
#delete:hover {
    text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #0fa, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 102px #0fa, 0 0 151px #0fa;
}

#edit:hover {
    color: #FFFF00;
}

#delete:hover {
    color: #FF0000;
}

#edit:hover {
    color: #006400;
}

#delete:hover {
    color: #FF0000;
}

.select2-tbl {
    width: 100%;
}

.select2-td {
    width: 60;
}

.select2-tbl .select2-td {
    text-align: left;
}

.select-emp span.select2.select2-container.select2-container--default {
    float: right;
    padding: 3px 0px 0px 0px;
    width: 30% !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #000;
}

.select-emp .select2-container--default .select2-selection--single {
    height: 40px;
}

#client_list_table_wrapper:after {
    display: none !important;
}

.leave_list .dataTables_wrapper .dataTables_info {
    padding: 15px;
}

#client_list_table_wrapper #client_list_table_filter {
    margin-bottom: 0 !important;
}

#client_list_table_wrapper #client_list_table {
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: none !important;
    width: calc(100% + 60px) !important;
    box-sizing: border-box;
}

#client_list_table_wrapper #client_list_table .tooltips {
    display: inline-block;
    margin: 0 0 0 -15px;
    position: relative;
}

#client_list_table_wrapper #client_list_table>tbody>tr>td>span {
    display: inline-block;
    margin: 0 0 0 -15px;
}

#client_list_table_wrapper #client_list_table>tbody>tr>td>span:first-child,
#client_list_table_wrapper #client_list_table .tooltips:first-child {
    margin: 0;
}

#client_list_table_wrapper #client_list_table .tooltips .circle {
    display: block;
    width: 34px !important;
    height: 34px !important;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    border: 2px solid #fff;
}

#client_list_table_wrapper #client_list_table .project_list_img {
    width: 30px !important;
    height: 30px;
}

.client-list .dataTables_wrapper .dataTables_info,
.project-lists .proj_list .dataTables_info {
    padding: 15px;
    width: 50%;
}

.client-list div.dataTables_wrapper .dataTables_paginate,
.project-lists .proj_list .dataTables_paginate {
    padding: 15px;
    margin-bottom: 0px;
    width: 50%;
}

#project_list_table .project_action img,
#client_list_table_wrapper #client_list_table .leav_imge {
    width: auto;
    height: 20px;
}

#project_list_table .project_action img:hover,
#client_list_table_wrapper #client_list_table .leav_imge:hover {
    opacity: 0.7;
    cursor: pointer;
}

#project_list_table>tbody>tr>td:last-child,
#client_list_table>tbody>tr>td:last-child {
    color: #333333;
}

#project_list_table>tbody>tr>td:last-child a,
#client_list_table>tbody>tr>td:last-child a {
    display: inline-block;
    padding: 3px 3px;
}

#table.client-td {
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 25%);
    padding: 0;
}

#client_list_table_wrapper #client_list_table .dataTables_empty, .all_log_monthly  #example .dataTables_empty {
    text-align: center !important;
}

.create_client .projects_list_upd li.text-left:first-child {
    display: flex;
    flex-wrap: wrap;
}

.create_client .projects_list_upd li.text-left:first-child .help-block {
    order: 1;
    width: 100%;
    position: relative !important;
}

.create_client .projects_list_upd li {
    list-style: none;
    width: 100%;
    position: relative;
}

.create_client .projects_list_upd.has-error li.text-left:first-child .Project_lists {
    top: 30px;
    order: 2;
}

.create_client .projects_list_upd li.text-left:first-child label.postinf {
    order: 3;
}

#showskillPopup .employee-tables {
    max-height: 175px;
}

.client-list .search-project {
    margin-top: 60px;
}

.client-list .inner .collapse .row {
    margin: 0;
    background: #fff;
}

.client-list header {
    padding: 10px 0 0 0;
    margin: 0;
}

.client-list .search-project .btn-group {
    justify-content: center;
}

.client-list .search-project .btn-group .search-project-left {
    width: 50%;
    display: flex;
}

.client-list .search-project .btn-group .search-project-right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.client-list .search-project .btn-group .search-project-right .button-effect {
    width: auto;
}

.client-list table#client_list_table .tooltips .tooltiptext {
    color: #fff;
    padding: 2px;
    display: block;
    width: auto !important;
    height: auto !important;
    position: absolute;
    right: 0px;
    top: 35px;
    background-color: #fff;
    box-shadow: 1px 3px 10px 1px rgb(0 0 0 / 80%);
    border-radius: 3px;
    z-index: 1;
    max-height: 115px;
    overflow: auto;
    min-width: 250px;
    max-width: 300px;
}

.client-list table#client_list_table .tooltips .tooltiptext ul {
    height: auto;
    padding: 2px 10px;
    text-align: left;
    margin-bottom: 0
}

.client-addlist form#create_client .form-group.project-selected .projects_list .checkbox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.client-addlist form#create_client .form-group.project-selected .projects_list .checkbox:first-child .help-block {
    order: 1;
    width: 100%;
    margin: 0 0 13px 0;
}

.client-addlist form#create_client .form-group.project-selected .projects_list .checkbox.has-error input {
    top: 30px;
    order: 2;
}

.client-addlist form#create_client .form-group.project-selected .projects_list .checkbox input {
    opacity: 1;
}

.client-addlist form#create_client .form-group.project-selected .projects_list .checkbox label::before,
.client-addlist form#create_client .form-group.project-selected .projects_list .checkbox label::after {
    width: 0;
    height: 0;
    border: 0;
}

.client-addlist form#create_client .form-group.project-selected .checkbox label {
    order: 3;
    padding-top: 0;
}

.project-lists.trash-pro-list#content ul#magic_project_lists {
    margin-top: 60px !important;
}

.completed-lists .search-project .btn-group {
    justify-content: space-between;
}

.completed-lists .search-project .btn-group .pro_list {
    padding-right: 10px;
}

#client_list_table_wrapper #client_list_table .client-name,
#client_list_table_wrapper #client_list_table td:nth-child(3),
.project-lists .proj_list .dataTables_wrapper td.project_name,
.project-lists .proj_list .dataTables_wrapper td.project_discription {
    min-width: 170px;
    max-width: 170px;
    white-space: normal;
    word-break: break-word;
    box-sizing: border-box;
    text-align: left;
}

.project-lists .proj_list .dataTables_wrapper td.project_displayName,
#client_list_table_wrapper #client_list_table .display-name,
#client_list_table_wrapper #client_list_table td:nth-child(4) {
    min-width: 250px;
    max-width: 250px;
    white-space: normal;
    word-break: break-word;
    box-sizing: border-box;
    text-align: left;
}

#client_list_table_wrapper #client_list_table td:last-child {
    min-width: 140px;
    max-width: 140px;
    white-space: normal;
}

.client-list .search-project-left .button-effect {
    height: 36px;
    border: 1px solid !important;
}

.client-list div#btn_filter {
    padding-left: 15px;
}

.project-lists .proj_list .table tbody tr>td.project_displayName .project_name {
    height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.breadcrumb {
    display: flex;
}

/* 02-01-2023 */
.client-list table#client_list_table .tooltips .tooltiptext {
    max-height: 52px;
}

.client-list table#client_list_table tr:last-child .tooltips .tooltiptext {
    top: auto;
    bottom: 100%;
}

.document-name {
    font-size: 13px;
}

.doc_name_error {
    font-size: 13px;
    margin: 0 0 15px;
    display: block;
    color: #a94442;
}

.employee_info .tab-content div#Documents .form-group {
    margin-bottom: 0;
}

.upload_doc_error-header {
    width: 50%;
}

.upload_doc_error {
    display: block;
    margin: 0 0 3px;
    font-size: 12px;
}

table#notification-table {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #000;
}

table#notification-table .title-error {
    font-size: 14px;
    font-weight: 700;
}

table#notification-table h6 {
    color: #555;
    font-size: 13px;
}

.add_increment .has-error .help-block {
    text-align: left;
}

.salary_slip_msg .alert {
    margin: 60px 0 -10px 0 !important;
}

.table-left-column {
    text-align: left !important;
}

.fixed-width {
    min-width: 200px;
    max-width: 200px;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    padding: 15px 15px;
    text-align: left !important;
    box-sizing: border-box;
}

.dataTables_info {
    padding: 15px;
    width: 50%;
}

div.dataTables_wrapper .dataTables_paginate {
    padding: 15px;
    margin-bottom: 0px;
    width: 50%;
}

div.dataTables_wrapper .dataTables_paginate {
    padding-top: 20px;
    margin-bottom: 20px;
}

.outer .leave-radio {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.outer .leave-radio label.control-label {
    width: auto;
    padding-right: 10px;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    line-height: 34px;
}



.custome .dates .control-label {
    color: grey;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    padding-top: 0;
    text-align: left;
    line-height: 17px;
    margin-bottom: 5px;
}

/*Custom END*/
/*NewCustom Start*/
body {
    background: #0645a614;
    font-family: 'Albert Sans'
}

.outer {
    background: transparent;
}

.container .new-common-head.bg-light.lter {
    background-color: transparent !important;
}

.head {
    background: none;
    border: none;
    position: absolute;
    width: 100%;
}

.head .main-bar h3 {
    color: #fff !important;
    font-size: 28px;
}

#footer,
.Footer {
    background: #262261;
    font-size: 22px;
}

ul#user_prof li a:hover {
    text-decoration: none;
}

ul#user_prof li:hover {
    border-bottom: 1px solid #163383;
    transition: 0.3s;
}

#footer p,
.Footer p {
    padding: 10px 0;
}

div#content {
    overflow: unset;
    position: relative;
    z-index: 0;
}

.new-common-head {
    background: transparent;
    box-shadow: none;
}

.task-newpage .btn.status span {
    font-size: 18px;
    color: #fff;
}

.task-newpage .btn.status {
    background: rgba(255, 255, 255, 0.2);
    height: 80px;
    border-radius: 0;
}

.task-newpage .task_info {
    background: transparent;
}

.task-newpage .box {
    border: none;
    margin-top: 0;
}

.task-newpage .text-center {
    padding: 0;
}

.task-newpage .btn.status:last-of-type {
    margin-right: 0;
}

.task-newpage .btn.status:first-of-type {
    margin-left: 0;
}

#status_data,
#project_data,
#user_data {
    color: #262261;
    font-size: 16px;
}

.orange-btn {
    margin-bottom: 0px;
}

.task_latest {
    display: inline-block;
    border-radius: 15px;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.05);
}

.task_latest #heder_stick {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 10px;
    border-bottom: 1px solid #9692d0;
}

#heder_stick .orange-btn {
    font-size: 16px;
    margin-left: 13px !important;
    margin-top: 0;
}

#heder_stick .orange-btn img {
    vertical-align: bottom;
    height: 16px;
}

#start_lunch_tag,
#end_lunch_tag {
    color: #fff;
    font-weight: 500;
    margin: 0 5px;
}

#start_time_tag,
#end_time_tag {
    color: #fff;
    font-weight: 500;
}

.table thead {
    color: var(--White);
    font-size: 16px;
    background: var(--primaryblue);
    font-weight: bold;
}

.table>tbody>tr>td:first-of-type {
    color: 262261;
}

.table>tbody>tr>td {
    color: #333;
}

.table>tbody>tr>td a {
    color: #262261;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: #fff;
}

#latest_task a {
    text-decoration: none;
    color: var(--primaryblue);
    text-transform: capitalize;
    font-weight: 600;
}

.custom-margin {
    margin: 0 10px !important;
}

table.table>thead>tr>th,
table.table>tbody>tr>th,
table.table>tfoot>tr>th,
table.table>thead>tr>td,
table.table>tbody>tr>td,
table.table>tfoot>tr>td {
    padding: 10px 15px;
    vertical-align: middle;
}

#latest_task {
    color: #ef4036;
    padding: 0;
}

.box header h5 {
    font-size: 18px;
    font-weight: 600;
    color: #262261;
}

.new-common-head .box header h5 {
    color: #262261;
    color: #262261;
    padding: 7px 0 0 10px;
}

#common-head {
    color: #262261;
    color: #262261;
}

.pdetail {
    line-height: 30px;
    color: #262261;
}

.coman-head {
    padding: 0px;
    margin-top: 0px;
    min-height: 0px !important;
}

.startDis_button,
.endDis_button,
.start_button,
.end_button {
    margin-top: 0;
}

.new-des {
    margin-top: -20px;
}

.nnew-btn {
    text-align: right;
}

.new-ic {
    margin-right: 10px;
}

.task_info button {
    margin-bottom: 20px;
}

.new-common-head .parent_pdetail {
    box-shadow: none;
    margin-bottom: 0;
}

.new-common-head .task_latest {
    margin-bottom: 30px;
}

.task_latest #heder_stick .button-block:hover {
    background: transparent;
    border-color: #a6a6a6;
}

.filter_h:hover:before {
    content: "";
    background: url(../img/filter-blue.png);
}

.refresh_h:hover:before {
    content: "";
    background: url(../img/refresh-blue.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.emp_name {
    border: none;
    color: #333;
}

.emp_name:before {
    color: black;
}

.emp_name:hover {
    background: none;
    color: unset;
}

#latest_task a:hover {
    color: #262261;
}

.status-color {
    color: #333;
}

.table>tbody>tr>td span.Approved {
    color: #65ae81;
}

.table>tbody>tr>td span.Pending {
    color: #dd9452;
}

.logo_project h3 {
    font-size: 20px;
    color: #262261;
    line-height: 1;
    margin: 10px 0 20px;
    text-align: center;
}

.table tr th {
    font-weight: normal;
}

.new-common-head .box header {
    border-bottom: 1px solid #666666;
}

.project_name_cont {
    margin-bottom: 15px;
}

.proj-bg {
    background: none;
}

.pro_title_top>h4 {
    color: #262261;
}

.new-change .box {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, .25);
}

.new-change .box header {
    border-radius: 0;
}

#assigned_project {
    height: 420px;
}

.new-common-head .box header .icons img {
    height: 30px;
}

.sidenav .user-activity-details .button-block:hover {
    background: #ef4036;
    color: #fff;
    border-color: #ef4036;
}

.sidenav .user-activity-details .button-block {
    color: #262161;
    font-size: 16px;
}

div.sidenav {
    background: #fff !important;
    padding-top: 0;
    height: 100vh;
}

body div.sidenav .closebtn {
    background: var(--primaryblue);
    right: 10px;
    top: 10px;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    line-height: 34px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.sidenav #start-endTask {
    border-color: #e2e3fb;
}

.sidenav .button-effect-sidebar {
    border-color: #e2e3fb;
    color: #262161;
    background: none;
}

.sidenav #sticky_menu_left .sidebar-ftr-detail {
    border-color: #e2e3fb;
}

.sidenav .project-detail-sidebar.no-task {
    border-color: #e2e3fb;
}

.sidenav #sidebar_sticky_nav label {
    color: var(--primaryblue);
    font-weight: 500;
    width: 110px;
    margin-top: 0px !important;
    vertical-align: top;
}

.sidenav #sidebar_sticky_nav .no-task label {
    width: 100%;
}

.sidenav #sidebar_sticky_nav {
    color: #262161;
}

.sidenav img.logo-sidebar {
    margin: 20px 0px 0 33px;
    height: 44px;
}

.sidenav .project-detail-sidebar a {
    color: #262261 !important;
    display: inline-block !important;
    width: calc(100% - 120px);
    vertical-align: top;
    margin-bottom: 5px;
}

.sidenav .project-detail-sidebar {
    border: 1px solid #e2e3fb;
}

.view_more_project a.button-effect.pull-right.btn_add_new_proj {
    background: none;
    border: 1px solid #272360;
    color: #262161;
}

.view_more_project a.button-effect.pull-right.btn_add_new_proj:hover {
    background: #ef4036;
    border-color: #ef4036;
    color: #fff;
}

.box .body.user-activity-details .button-block {
    border: 1px solid #262161;
    color: #262161;
}

.box .body.user-activity-details .button-block:hover {
    background: #262161;
    color: #fff;
}

#user_activity span.right {
    text-align: left;
    font-style: italic;
    font-size: 12px;
    color: #666;
}

.user-activity-block p:first-child {
    color: #000000b3;
}

.user-activity-block p a {
    color: #262261;
    font-weight: 600;
}

.project_name_cont .proj-bg.proj-brdr:hover {
    background: #262261;
}

#assigned_project .dboard_proj_title .fa {
    color: #262161;
}

.register-employee .employee_info {
    display: flex;
    margin-top: 60px
}

.register-employee .employee_detail {
    width: 315px;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, .25);
    padding: 30px 15px;
    background: linear-gradient(0deg, rgba(6, 69, 166, 1) 0%, rgba(255, 93, 83, 1) 80%);
    border-radius: 5px;
}

.register-employee ul.nav.nav-tabs li {
    width: 100%;
    margin-bottom: 10px;
}

.register-employee .nav-tabs li a {
    border-radius: 25px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    transition: 0.3s;
    padding-right: 0;
    margin-right: 0;
    display: flex;
    grid-gap: 10px;
}

.register-employee .nav-tabs>li.active>a,
.register-employee .nav-tabs>li.active>a:hover,
.register-employee .nav-tabs>li.active>a:focus {
    color: var(--primaryblue);
}

.register-employee .nav-tabs li a:hover {
    color: var(--primaryblue);
}

.register-employee .nav-tabs l i a:before {
    content: "";
    display: inline-block;
    height: 26px;
    background-repeat: no-repeat;
    width: 24px;
    vertical-align: middle;
    background-size: 100%;
    margin-right: 20px;
}

.register-employee .nav-tabs li#emp_edu_tab.active a:before,
.register-employee .nav-tabs li#emp_edu_tab a:hover:before {
    background-image: url(../img/education-icon.png);
}

.register-employee .nav-tabs li#emp_exp_tab.active a:before,
.register-employee .nav-tabs li#emp_exp_tab a:hover:before {
    background-image: url(../img/experience-icon.png);
}

.register-employee .nav-tabs li#emp_binfo_tab.active a:before,
.register-employee .nav-tabs li#emp_binfo_tab a:hover:before {
    background-image: url(../img/bank-icon.png);
}

.register-employee .nav-tabs li#emp_acc_tab.active a:before,
.register-employee .nav-tabs li#emp_acc_tab a:hover:before {
    background-image: url(../img/access-icon.png);
}

.register-employee .nav-tabs li#emp_proj_tab.active a:before,
.register-employee .nav-tabs li#emp_proj_tab a:hover:before {
    background-image: url(../img/project-list-icon.png);
}

.register-employee .nav-tabs li#emp_leave_tab.active a:before,
.register-employee .nav-tabs li#emp_leave_tab a:hover:before {
    background-image: url(../img/leave-orange.png);
}

.register-employee .nav-tabs li#emp_doc_tab.active a:before,
.register-employee .nav-tabs li#emp_doc_tab a:hover:before {
    background-image: url(../img/education-icon.png);
}

.register-employee .nav-tabs li#emp_cred_tab.active a:before,
.register-employee .nav-tabs li#emp_cred_tab a:hover:before {
    background-image: url(../img/access-icon.png);
}

.register-employee .nav-tabs li#emp_edu_tab a:before {
    background-image: url(../img/education_white.png);
}

.register-employee .nav-tabs li#emp_exp_tab a:before {
    background-image: url(../img/experience-white.png);
}

.register-employee .nav-tabs li#emp_binfo_tab a:before {
    background-image: url(../img/bank-white.png);
}

.register-employee .nav-tabs li#emp_acc_tab a:before {
    background-image: url(../img/access-white.png);
}

.register-employee .nav-tabs li#emp_proj_tab a:before {
    background-image: url(../img/project-list-white.png);
}

.register-employee .nav-tabs li#emp_leave_tab a:before {
    background-image: url(../img/leave-white.png);
}

.register-employee .nav-tabs li#emp_doc_tab a:before {
    background-image: url(../img/education_white.png);
}

.register-employee .nav-tabs li#emp_cred_tab a:before {
    background-image: url(../img/access-white.png);
}

.register-employee #form_register_emp {
    width: calc(100% - 345px);
    margin-left: 30px;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, .25);
    padding-top: 15px;
    position: relative;
    padding-bottom: 94px;
    background-color: #fff;
}

.emp_image,
.emp_image img {
    width: 200px;
    height: 200px;
    margin: auto;
    border-radius: 50%;
    background: #fff;
    text-align: center;
}

h2.empl_name {
    color: #000;
    text-align: center;
    text-transform: capitalize;
    margin: 25px 0 0;
    padding: 0;
    font-size: 20px;
}

.inner.bg-light.lter.register-employee {
    background: none !important;
    box-shadow: none;
}

.inner.bg-light.lter.register-employee .box {
    border: none;
}

.register-employee header {
    background: none;
    box-shadow: none;
    margin-top: 15px;
}

.emp_designation {
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin: 5px 0 30px;
}

.employee_info .form-horizontal .form-group {
    margin: 0;
    margin-bottom: 30px;
}

.employee_info .control-label {
    color: #a7a7a7;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    padding-top: 0;
    text-align: left;
    line-height: 17px;
    margin-top: 12px;
}

.edit_data .form-control {
    border: 0;
    border-bottom: 1px solid #a7a7a7;
    border-radius: 4px;
    box-shadow: none;
    padding: 6px 15px;
    color: #262261;
    font-size: 16px;
}

.edit_data .form-controll {
    border: 0;
    border-bottom: 1px solid #a7a7a7;
    border-radius: 0;
    padding: 6px 0;
}

.register-employee .nav-tabs {
    border-bottom: none;
}

.employee_info h3 {
    font-size: 32px;
    color: var(--primaryblue);
    text-align: center;
    margin-top: 0;
    border-bottom: 1px solid #a7a7a7;
    padding-bottom: 15px;
    margin-bottom: 30px;
    width: 100%;
}

#education,
#personal,
#experience,
#bankinfo,
#access_control,
#Projects {
    padding-top: 0;
    margin-top: 0;
}

.register-employee .new_update_btn {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.register-employee form .button-effect:hover,
.register-employee form .button-effect:focus {
    color: #262161;
}

.register-employee .box header {
    background: none;
}

.inner.bg-light.lter.coman-head {
    background-color: unset !important;
    background: none !important;
    box-shadow: none;
}

.box header .thread_name h5 {
    color: #262161;
}

.register-employee .form-control {
    color: #262161;
    height: auto;
}

.experience_detail .form-control {
    background: none;
}

input.uniform.projects_data {
    position: absolute;
    z-index: 4;
    opacity: 0;
    margin: 0;
}

input.uniform.projects_data:checked+span:after {
    content: "";
    background: none;
    z-index: 2;
    background-repeat: no-repeat;
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #262160;
    border-width: 0 1.8px 1.8px 0;
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 5px;
}

input.uniform.projects_data+span:before {
    background: #fff;
    z-index: 0;
    border-radius: 2px;
    vertical-align: bottom;
    margin-right: 5px;
    content: '';
    border: 1px solid #262160;
    width: 15px;
    height: 15px;
    display: inline-block;
    left: 1px;
    top: 6px;
}

input.uniform.projects_data+span {
    position: relative;
    margin: 0 0 10px;
    display: inline-block;
    vertical-align: top;
    color: #262160
}

input.employee_manual_time {
    position: absolute;
    z-index: 4;
    opacity: 0;
    margin: 0;
}

input.employee_manual_time:checked+span:after {
    content: "";
    background: none;
    z-index: 2;
    background-repeat: no-repeat;
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #262160;
    border-width: 0 1.8px 1.8px 0;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 5px;
}

input.employee_manual_time+span:before {
    background: #fff;
    z-index: 0;
    border-radius: 2px;
    vertical-align: bottom;
    margin-right: 5px;
    content: '';
    border: 1px solid #262160;
    width: 15px;
    height: 15px;
    display: inline-block;
    left: 1px;
    top: 6px;
}

input.employee_manual_time+span {
    position: relative;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

input[type="number"] {
    min-width: 50px;
}

text.highcharts-title {
    display: none;
}

#Projects .checkbox label span {
    width: calc(100% - 20px);
    float: left;
    line-height: 24px;
    color: #a6a6a6;
}

#Projects .checkbox input.uniform.project_data {
    position: unset;
    float: right;
}

#Projects .radio label,
.checkbox label {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
}

#Projects .checkbox .checker>label {
    padding-bottom: 10px;
    border-bottom: 1px solid #a7a7a7;
    margin-bottom: 20px;
    overflow: hidden;
    height: 27px;
}

/*Common css (2020-03-14)*/
#content .box header {
    /*background: none;*/
    box-shadow: none;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
}

#content .add-invoice-header {
    display: flow-root !important;
}
#content .add-invoice-header .add-invoice-div {
    display: flex;
}

#content .box {
    border: none;
    margin: 0 auto;
}

/* #content #heder_stick{position: unset !important;} */
.my-task-page .box header {
    margin-top: 0;
    background: transparent;
    box-shadow: none;
    display: flex;
    align-items: center;
    padding: 3% 0 1%;
}

.box.leave_request {
    max-width: 514px;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background: #fff;
    border-radius: 5px;
}

.box.leave_request header {
    background: none;
    box-shadow: none;
}

.box.leave_request #requert_leave {
    background: none;
    border: none;
    padding: 0px 30px;
}

.box.leave_request header h5 {
    color: var(--primaryblue);
    width: 100%;
    text-align: center;
    padding: 18px 15px;
}

.box.leave_request .form-horizontal .control-label {
    margin-bottom: 10px;
    text-align: left;
    padding-top: 0;
    color: #a7a7a7;
    font-size: 15px;
    font-weight: 500;
}

.box.leave_request .form-horizontal .type_radio_label {
    color: #a7a7a7;
}

.box.leave_request .form-control {
    height: 40px;
    border: 1px solid #a7a7a7;
    box-shadow: none;
}

.box.leave_request .row {
    padding-bottom: 30px;
}

.box.leave_request #collapseOne textarea.form-control {
    height: 100px;
    margin: 0;
}

/* .text-area-col-sm-9{height: 36px !important;} */
.box.leave_request .button-effect {
    width: 185px;
    height: 50px;
    border-radius: 30px;
    font-size: 20px;
}

.box.leave_request #for_multi .inner_label {
    color: #a7a7a7;
    font-weight: 500;
}

.box.leave_request .to_text {
    margin-top: 18px;
    float: left;
}

.box.leave_request .time_from {
    width: calc(50% - 9px)
}

.box.leave_request .time_to {
    width: calc(50% - 9px)
}

.box.leave_request .row.select_leave_type {
    margin-bottom: 12px;
}

.select_box .form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #262161;
    font-size: 14px;
    font-weight: normal;
    background: none;
    border: none;
}

.select_box {
    border: 1px solid #a7a7a7;
    background: #fff url(images/down_arrow.png) no-repeat calc(100% - 15px);
    border-radius: 4px;
    background-size: 10px;
    height: 36px;
}

.leave_shows_bg {
    background: rgba(255, 255, 255, .2);
    text-align: center;
    padding: 18px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.leave_shows_bg label {
    font-size: 20px;
    display: block;
    font-weight: 400;
    color: #fff;
    margin: 0 0 14px;
}

.leave_shows_bg span {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.row.leave_shows {
    margin: 14px -10px 30px -10px;
}

.row.leave_shows>[class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
}

.leave_status #form_signup {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 20px 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    margin-bottom: 20px;
    margin-top: 30px;
}

.leave_status #form_signup input.form-control {
    border: 1px solid #a7a7a7;
    height: 36px;
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
}

.leave_status #form_signup select.form-control {
    height: 36px;
}

.leave_status #form_signup input.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #163383;
}

.leave_status #form_signup input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #163383;
}

.leave_status #form_signup input.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #163383;
}

.leave_status #form_signup input.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #163383;
}

.select_box.per_page {
    display: inline-block;
    width: calc(66% - 82px);
    margin-left: 10px;
    background-position: calc(100% - 10px);
    background-color: #fff;
}

table.dataTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.leave_status table.dataTable tbody>tr>td {
    text-align: center !important;
}

.leave_status table.dataTable thead>tr>th {
    text-align: center !important;
}

.leave_status .table-responsive {
    margin-bottom: 10px;
}

.leave_list .table-responsive {
    margin-top: 66px;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, .25);
}

#topic_parrent_top .topic_parrent span.topic_option .todoEdit {
    position: unset;
}

.end_log_form {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-top: 47px;
    margin-bottom: 30px;
}

.end_log_form .form-control.hasDatepicker {
    border: 1px solid #a7a7a7;
}

.end_log_form .form-control {
    height: 40px;
}

.end_log_form input.button-block {
    margin: 0;
    vertical-align: top;
    height: 40px;
    background: #ff5d53;
    color: #fff;
    width: 130px;
    max-width: 100%;
    border: none;
}

.end_log_form input.button-block:hover {
    background: #163383;
}

.end_log_form #form_signup .col-lg-2:nth-of-type(2) {
    padding-left: 0;
}

.end_log_form label.label-custom {
    color: #163383;
}

.leave_request_info {
    margin-top: 10px;
}

.end_of_day_log .table-responsive {
    margin-top: 20px;
}

input.form-control,
select.form-control {
    height: 36px;
    border: 1px solid #a7a7a7;
}

textarea.form-control {
    height: auto;
}

.lunch_log_form form#form_signup {
    background: #fff;
    border-radius: 0px;
    padding: 20px 15px;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

.lunch_log_form input.button-block {
    margin: 0;
    vertical-align: top;
    height: 40px;
    background: #ff5d53;
    color: #fff;
    width: 130px;
    max-width: 100%;
    border: none;
}

.lunch_log_form input.button-block:hover {
    background: #163383;
}

.lunch_log_form #form_signup .col-lg-2:nth-of-type(2) {
    padding-left: 0;
}

.lunch_log .table-responsive {
    margin-top: 20px;
}

.lunch_log_form {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-top: 47px;
    margin-bottom: 30px;
}

.lunch_log .table>tbody>tr>td {
    text-align: center !important;
}

.lunch_log .table>thead>tr>th {
    text-align: center !important;
}

.lunch_log .table>thead>tr>th:nth-child(2) {
    text-align: left !important;
}

.lunch_log .table>thead>tr>th:nth-child(3) {
    text-align: left !important;
}

.lunch_log .table>tbody>tr>td:nth-child(2) {
    text-align: left !important;
}

.lunch_log .table>tbody>tr>td:nth-child(3) {
    text-align: left !important;
}

.lunch_log_form label.label-custom {
    color: #163383;
}

.morning_log_form input.button-block {
    margin: 0;
    vertical-align: top;
    height: 40px;
    background: #ff5d53;
    color: #fff;
    width: 130px;
    max-width: 100%;
    border: none;
}

.morning_log_form input.button-block:hover {
    background: #163383;
}

.morning_log_form #form_signup .col-lg-2:nth-of-type(2) {
    padding-left: 0;
}

.morning_log_form {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-top: 47px;
    margin-bottom: 30px;
}

.morning_log .table-responsive {
    margin-top: 20px;
}

.morning_log table.dataTable tbody>tr>td:nth-child(2) {
    text-align: left;
}

.morning_log table.dataTable tbody>tr>td:nth-child(3) {
    text-align: left;
}

.morning_log table.dataTable thead>tr>th:nth-child(2) {
    text-align: left;
}

.morning_log table.dataTable thead>tr>th:nth-child(3) {
    text-align: left;
}

.morning_log_form label.label-custom {
    color: #163383;
}

.weekly_report #reportrange {
    padding: 9px 10px;
    height: 40px;
}

.weekly_report div#report {
    margin-top: 47px;
    margin-bottom: 30px;
}

.weekly_report .report_result {
    margin-top: 65px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.weekly_report .project_title {
    margin: 0px;
    background: var(--primaryblue);
    padding: 10px 15px;
}

.weekly_report .report_result_list {
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    margin-bottom: 30px;
}

.weekly_report table.table>thead>tr>th {
    background: #fff;
    color: #212121;
}

.weekly_report .report_result.admin_report_result {
    margin-top: 5px;
}

.weekly_report form#form_signup {
    background: #fff;
    border-radius: 0px;
    padding: 20px 15px;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

.weekly_report .arrow-block {
    margin-bottom: 0px;
    float: right;
}

.report_project_wise {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

#report .report_project_wise label {
    padding: 0;
    margin: 25px 0 4px;
    font-weight: 700;
    color: #000;
}

.report_date_wise #reportrange i.glyphicon {
    color: var(--primaryblue);
    font-size: 18px;
}

input:focus {
    outline: none;
}

.report_date_wise a.button-block {
    width: 45px;
    text-align: center;
}

.personal_information {
    display: flex;
    flex-wrap: wrap;
}

#personal .personal_information .control-label {
    margin-top: 0px;
}

#access_control .control-label {
    margin-top: 0px;
}

.employee_list .table>tbody>tr>td {
    text-align: center !important;
}

.employee_list .table>thead>tr>th {
    text-align: center !important;
}

.employee_list .table>thead>tr>th:nth-child(2) {
    text-align: left !important;
}

.employee_list .table>thead>tr>th:nth-child(3) {
    text-align: left !important;
}

.employee_list .table>tbody>tr>td:nth-child(2) {
    text-align: left !important;
}

.employee_list .table>tbody>tr>td:nth-child(3) {
    text-align: left !important;
}

.employee_info #personal .control-label {
    margin-top: 0;
    margin-bottom: 7px;
}

/* .control-label{align-self: center;} */
.filter_search_portion label.label-custom {
    color: #163383;
}

.common_dashed_form form {
    margin-top: 66px;
    border: 2px dashed #16338382;
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 3px;
    padding: 25px 10px 0;
    display: inline-block;
    width: 100%;
    background: var(--White);
}

.common_dashed_form form .form-control {
    border: 0;
    border-bottom: 1px solid #a7a7a7;
    border-radius: 0;
    box-shadow: none;
    padding: 6px 0;
    color: #262261;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.white_bg .lter {
    padding: 20px 0;
}

.white_bg form .control-label {
    text-align: left;
    color: grey;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    padding-top: 0;
    text-align: left;
    line-height: 17px;
    margin-bottom: 5px;
    width: 100%;
    min-height: 23px;
}

.white_bg form .form-control {
    border: 0;
    border-bottom: 1px solid #dcdaf2;
    background-color: #fff;
    box-shadow: none;
    padding: 6px 0px;
    color: #262261;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.w-100 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.w-50 {
    width: 50%;
    display: block;
    vertical-align: top;
}

.pl-0 {
    padding-left: 0px;
}

.white_bg .button-effect {
    border: 1px solid;
}

.filter_search_field.list_of_increment .btn {
    width: 150px;
}

.employee_edit_profile #Projects {
    padding: 0 15px;
}

.employee_edit_profile .dataTables_wrapper .dataTables_length label {
    color: #163383;
    font-weight: bold;
}

.employee_edit_profile .dataTables_wrapper .dataTables_length label {
    color: #163383;
    font-weight: bold;
}

.employee_edit_profile .dataTables_wrapper .dataTables_filter input {
    height: 40px;
    border: 1px solid #a7a7a7;
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 4px;
}

.dataTables_wrapper .dataTables_filter {
    padding: 15px;
    margin-bottom: 0;
}

.employee_edit_profile table.dataTable input[type="checkbox"] {
    margin-left: 0px;
    position: static;
}

.employee_edit_profile table.dataTable tr th,
.employee_edit_profile table.dataTable tr td {
    vertical-align: middle;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button.current,
div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #ef4036;
    border-color: #ef4036;
    color: #fff !important;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
div.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    background: var(--primaryblue);
    color: #fff !important;
    border-radius: 4px 0 0 4px;
    border-color: var(--primaryblue);
}

div.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    border-radius: 0px 4px 4px 0px;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
div.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
div.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-color: var(--primaryblue);
    color: black !important;
    background: transparent;
}

div.dataTables_wrapper .dataTables_paginate .ellipsis {
    display: none;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: none;
}

.employee_info .tab-content div.tab-pane {
    display: none;
}

.employee_info .tab-content div.tab-pane.active {
    display: flex;
    flex-wrap: wrap;
}

.employee_trash table.table>thead>tr>th:first-child {
    text-align: center !important;
}

.employee_trash table.table>thead>tr>th:nth-child(5) {
    text-align: center !important;
}

.employee_trash table.table>thead>tr>th:nth-child(6) {
    text-align: center !important;
}

.employee_trash table.table>thead>tr>th:nth-child(7) {
    text-align: center !important;
}

.employee_trash table.table>tbody>tr>td:first-child {
    text-align: center !important;
}

.employee_trash table.table>tbody>tr>td:nth-child(5) {
    text-align: left !important;
}

.employee_trash table.table>tbody>tr>td:nth-child(6) {
    text-align: center !important;
}

.employee_trash table.table>tbody>tr>td:nth-child(7) {
    text-align: center !important;
}

.all_log_user .form-horizontal .control-label {
    padding: 0px;
    text-align: left;
    margin-bottom: 5px;
    color: #163383;
}

.all_log_user .action-btn {
    display: none;
}

.all_log_user .filter_search_portion input.button-effect {
    margin-top: 19px;
}

.all_log_user .filter_search_portion .per_page_option {
    margin-top: 19px;
}

.all_log_user .table-responsive {
    margin-top: 47px;
}

.all_log_user .msg {
    margin-top: 18px;
}

.all_log_monthly .form-horizontal .control-label {
    padding: 0px;
    text-align: left;
    margin-bottom: 5px;
    color: #163383;
}

.all_log_monthly .filter_search_portion input.button-effect {
    margin-top: 19px;
}

.all_log_monthly .csvButton {
    margin: 0;
    vertical-align: top;
    height: 40px;
    background: #ff5d53;
    color: #fff;
    width: 130px;
    max-width: 100%;
    border: none;
    float: right;
}

.all_log_monthly .table-responsive {
    margin: 40px 0 15px;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 25%);
}

.all_log_monthly table.dataTable thead tr th {
    text-align: center;
}

.all_log_monthly table.dataTable thead tr th:first-child {
    text-align: left;
}

.project_report .comp_project_report {
    background: none;
    padding: 0px;
    border: none;
    border-radius: 0px;
}

.project_report .table-responsive {
    margin-top: 46px;
}

.project_total {
    float: right;
    width: 500px;
    margin-top: 30px;
}

.project_total table.table-bordered tbody th {
    font-weight: 700;
    color: #000;
}

.project_total table.table-bordered tbody td {
    font-weight: normal;
}

.project_total .table>tbody>tr:nth-child(even)>th {
    background: #f8f8fe;
}

.project_total table td label {
    margin: 0px;
}

.project_total table caption {
    font-weight: 700;
    color: #000;
    text-align: center;
    font-size: 16px;
    padding: 0 0 13px;
}

.project_report table.dataTable tbody>tr>td:nth-child(2) {
    text-align: left;
}

.project_report table.dataTable thead>tr>th:nth-child(2) {
    text-align: left;
}

.project_report table.dataTable tbody>tr>td:nth-child(3) {
    text-align: left;
}

.project_report table.dataTable thead>tr>th:nth-child(3) {
    text-align: left;
}

.salary_report .form-horizontal label {
    padding: 0px;
    text-align: left;
    margin-bottom: 5px;
    color: #163383;
}

.salary_report .filter_search_portion input.button-block {
    margin-top: 19px;
}

.salary_report .select_month_year {
    width: calc(50% - 10px);
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.salary_report .select_month_year+.select_month_year {
    margin-left: 5px;
}

.salary_report .salary_table {
    margin-top: 20px;
    margin-bottom: 20px;
}

.salary_report .salary_table .button-block {
    height: 40px;
    width: 70px;
    background: #ff5d53;
    border-color: #ff5d53;
    color: #fff;
    margin: 0 0 0 10px;
}

.salary_report .salary_table .button-block:hover {
    background: #163383;
    border-color: #163383;
}

.salary_report .label-custom {
    color: #163383;
}

.invoice_report .comp_project_report {
    background: none;
    padding: 0px;
    border: none;
    border-radius: 0px;
}

.invoice_report .project_invoice {
    background: #ffffffa1;
    padding: 20px 15px;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    border: none;
    border-radius: 3px;
    margin: 0;
}

.invoice_report .filter_search_portion input.button-block {
    width: calc(100% - 100px);
}

.invoice_report .filter_search_portion .button-block+.button-block {
    margin: 0;
    vertical-align: top;
    height: 40px;
    background: #163383;
    color: #fff;
    width: 95px;
    max-width: 100%;
    border: none;
    padding: 13px 10px;
    float: right;
}

.invoice_report .filter_search_portion .button-block+.button-block:hover {
    background: #ff5d53;
}

.invoice_report .select_box .form-control {
    padding-right: 30px;
}

.filter_search_portion .project_invoice [class*="col"] {
    padding: 0 7px;
}

.invoice_report .table-responsive {
    margin-top: 46px;
    overflow: unset;
}

.invoice_report table.table>thead>tr>th:nth-child(2),
.invoice_report table.table>thead>tr>th:nth-child(4),
.invoice_report table.table>thead>tr>th:nth-child(5) {
    text-align: center;
}

.invoice_report table.table>tbody>tr>td:nth-child(2),
.invoice_report table.table>tbody>tr>td:nth-child(4),
.invoice_report table.table>tbody>tr>td:nth-child(5) {
    text-align: center;
}

.box-norecords {
    color: black;
    padding: 15px 35px;
    font-weight: 700;
    background-color: #ffffffa1;
}

.table-responsive {
    background: white;
}

.daily_report .thread_title {
    color: #163383;
    margin: 40px 0 0;
    font-size: 16px;
}

.daily_report table.table.table-bordered {
    margin-bottom: 25px !important;
}

.daily_report #table {
    overflow: unset;
    background-color: transparent !important;
}

.daily_report #table tr td {
    background-color: white !important;
}

.setting_page_content {
    z-index: 1;
}

.setting_page_content form#form_days {
    background: var(--White);
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 0;
    border-radius: 5px;
}

.setting_page_content #status_table .form-control {
    border: 1px solid #a7a7a7;
    padding: 6px 15px;
    border-radius: 4px;
}

.setting_page_content #status_table tr td:nth-child(5) .form-control {
    padding: 6px 8px;
}

.setting_page_content #status_table input[type="button"].form-control {
    color: #fff;
    background-color: #262261;
    transition: all 0.2s ease 0.1s;
    padding: 9px 10px;
    line-height: 15px;
    font-size: 14px;
    font-weight: 400;
}

.setting_page_content #status_table input[type="button"].form-control:hover {
    background: var(--primaryblue);
}

.setting_page_content #status_table input[type="button"].form-control.btn-Active {
    background: #4CAF50;
}

.setting_page_content #status_table input[type="button"].form-control.btn-Deactive {
    background: #afafaf;
}

.setting_page_content #status_table td a:hover {
    text-decoration: none;
}

.setting_page_content #status_table input#save_all_Status {
    width: 150px;
    margin-left: 10px;
}

.setting_page_content #status_table tfoot tr td {
    padding: 20px;
    border-top: none;
    border-radius: 0 0 4px 4px;
    border-right: 1px solid #e2e3fb;
}

.festival_leave header .button-block {
    background: #fff;
    color: #000;
    float: right;
    margin: 0 10px 0 0;
    border-radius: 5px;
}

.setting_page #festival_table {
    width: 100%;
    border-collapse: separate;
    border: none;
}

.festival_leave .table-responsive thead tr th:first-child {
    border-radius: 4px 0 0 0;
}

.festival_leave .table-responsive thead tr th:last-child {
    border-radius: 0px 4px 0 0;
    border-right: 1px solid #e2e3fb;
}

.festival_leave .table thead {
    background: none;
    color: #fff;
}

.festival_leave .table-responsive .table {
    border-radius: 4px;
    border-collapse: separate;
    border: none;
}

.festival_leave .table-responsive thead tr th {
    background: var(--primaryblue);
}

.festival_leave .table>tbody>tr>td:last-of-type {
    border-left: none;
    border-right: 1px solid #e2e3fb;
}

.festival_leave .table>tbody>tr>td {
    border-bottom: none;
}

.festival_leave .table>tbody>tr:last-child td {
    border-bottom: 1px solid #e2e3fb;
}

.setting_page_content #festival_table .form-control {
    border: 1px solid #a7a7a7;
    padding: 6px 15px;
    border-radius: 4px;
}

.white_bg.setting_page form#form_festival .festival_table_detail .button-block {
    margin-top: 0px;
}

.setting_page_content #festival_table tfoot tr td {
    padding: 20px;
    border-radius: 0 0 4px 4px;
    border-right: 1px solid #e2e3fb;
}

.setting_page_content #festival_table tfoot tr td input:last-child {
    margin-left: 10px;
}

#content .form_level_one #level_table {
    width: 100%;
    border-collapse: separate;
    border: none;
}

.form_level_one #level_table {
    width: 100%;
    border-collapse: separate;
    border: none;
}

.form_level_one #level_table thead tr th {
    text-align: left;
    background: var(--primaryblue);
    border: 1px solid #e2e3fb;
    border-bottom: none;
    border-right: none;
}

.form_level_one #level_table thead tr th:first-child {
    border-radius: 4px 0 0 0;
}

.form_level_one #level_table thead tr th:last-child {
    border-radius: 0 4px 0 0;
}

.form_level_one #level_table thead {
    background: none;
    color: #fff;
}

.form_level_one #level_table tbody tr td:last-of-type {
    border-left: none;
    border-right: 1px solid #e2e3fb;
}

.form_level_one #level_table tbody tr td .form-control {
    border: 1px solid #a7a7a7;
    padding: 6px 15px;
    border-radius: 4px;
}

.form_level_one #level_table tbody tr td {
    border-bottom: none;
}

.form_level_one #level_table tfoot tr td input:last-child {
    margin-left: 10px;
}

#content #form_RefreshRateConfig .form-control {
    border: 1px solid #a7a7a7;
    padding: 6px 15px;
    border-radius: 4px;
}

#content .filter_search_portion form {
    background: #ffffffa1;
    padding: 20px 15px;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    border: none;
    border-radius: 3px;
    margin: 0;
}

#content .filter_search_portion #form_signup {
    background: #ffffffa1;
    padding: 20px 15px;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    border: none;
    border-radius: 3px;
    margin: 0;
}

.filter_search_portion .filter_search_portion_bg {
    background: #ffffffa1;
    padding: 20px 15px;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    border: none;
    border-radius: 3px;
}

.filter_search_portion input.button-block {
    width: 130px;
}

.filter_search_portion .table-responsive {
    margin-top: 50px;
}

.filter_search_portion {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-top: 30px;
    margin-bottom: 0px;
    padding: 5px 10px;
    border-radius: 3px;
    background: #ffffff47;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 25%);
}

.filter_search_field .table-responsive {
    margin-top: 20px;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, .25);
}

.filter_search_portion .btn {
    margin: 0;
    height: 40px;
    width: 130px;
}

div.per_page_option {
    margin-bottom: 0px;
}

.filter_search_field table.dataTable tbody>tr>td .button-block-table:hover {
    background: #ff5d53;
    border-color: #ff5d53;
}

.filter_search_field table.dataTable tbody>tr>td .button-block-table {
    padding: 6px 20px;
}

.filter_search_portion form [class*="col"] {
    padding: 0 7px;
}

.filter_search_portion #form_signup [class*="col"] {
    padding: 0 7px;
}

div.dataTables_wrapper .dataTables_length label {
    font-weight: 700;
    color: #163383;
    margin: 0;
    font-size: 0;
}

.all_log_monthly table.dataTable tbody tr td {
    text-align: center;
}

.all_log_monthly table.dataTable tbody tr td:first-child {
    text-align: left;
}

.filter_search_portion .multiple_select_project {
    height: 40px;
}

.select_time_zone form#form_RefreshRateConfig .form-group:last-child {
    margin-top: 95px;
}

.select_time_zone form#form_RefreshRateConfig {
    margin-bottom: 0;
}

.Footer {
    bottom: -48px;
    left: 0;
}

#completed_thread {
    margin-top: 10px;
}

body {
    margin-bottom: 0px;
}

body::before {
    height: 200px;
}

.action-select {
    display: flex;
    background: white;
    justify-content: flex-start;
    align-items: center;
    margin-top: 55px;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 25%);
    padding: 25px;
}

.select-dropdown {
    width: 16.6666667%;
}

.manage_desigantion .dataTables_wrapper .toolbar {
    width: 80%;
    display: flex;
    justify-content: flex-end;
}

.manage_desigantion .dataTables_wrapper .dataTables_length,
.my-task-page .dataTables_wrapper .dataTables_length {
    width: 30%;
    padding: 15px 20px;
}

.manage_desigantion .action-select input.button-effect {
    height: 40px;
}

.manage_desigantion .dataTables_wrapper .dataTables_filter {
    width: 70%;
    margin-bottom: 0px;
    padding: 15px 20px;
}

.manage_desigantion .dataTables_wrapper .dataTable td a input {
    width: 100%;
}

.manage_desigantion table.dataTable tbody>tr>td:nth-child(2) {
    text-align: center !important;
}

.manage_desigantion table.dataTable tbody>tr>td:nth-child(4) {
    text-align: left !important;
}

.all_log_user #table {
    overflow: hidden;
}

.all_log_user .table-responsive .dataTables_wrapper .dataTables_info,
.my-task-page .table-responsive .dataTables_wrapper .dataTables_info {
    width: 30%;
    padding: 20px 15px;
    display: flex;
    align-items: center;
}

.all_log_user .table-responsive .dataTables_wrapper .dataTables_paginate {
    width: 70%;
    padding: 20px 15px;
    margin-bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.all_log_user .table-responsive .dataTables_wrapper .dataTables_filter label {
    margin-bottom: 0;
}

.all_log_user .table-responsive .dataTables_wrapper .table {
    width: 1200px !important;
    display: block;
    overflow-y: auto;
}

.employee_trash table.table>tbody>tr>td:nth-child(3) {
    text-align: left
}

.employee_list .table>tbody>tr>td:nth-child(2) {
    text-align: center !important;
}

.employee_list .table>tbody>tr>td:nth-child(5) {
    text-align: left !important;
}

:is(.create-projects, .project-lists, .client-list, .my-task-page, .manage-filter, .daily_report, .setting_page, .company-create) header {
    margin-top: 0px;
}

.manage_desigantion .dataTables_wrapper .action-select {
    margin-top: 0px;
    width: 25%;
}

.manage_desigantion .dataTables_wrapper {
    display: flex;
    flex-wrap: wrap;
    background: white;
    align-items: center;
    margin-top: 20px;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 25%) !important;
}

.navbar header.navbar-header {
    margin-top: 0;
}

.employee_list .table>tbody>tr>td:nth-child(4) {
    text-align: left !important;
}

.manage_desigantion .dataTables_wrapper .toolbar .wrapper-inner {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.action-select .action-select-wrapper-inner {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.manage_desigantion .action-select button {
    height: 40px;
    width: 160px;
    max-width: 100%;
}

.leave_status .table-responsive,
.my-task-page .table-responsive {
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 25%);
    margin: 0 0 30px;
}

.leave_status .dataTables_wrapper .dataTables_paginate,
.my-task-page .dataTables_wrapper .dataTables_paginate {
    padding: 15px 20px;
    margin-bottom: 0px;
}

.my-task-page div#form_signup {
    margin: 40px 0 15px !important;
    padding: 10px;
    border: 0;
    background: #ffffff47;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 25%);
}

.all_log_monthly .dataTables_wrapper .dataTables_paginate {
    padding: 20px 15px;
    margin-bottom: 0;
}

.my-task-page #table {
    padding-top: 0 !important;
}

.task_thread_page .thread_name .thread_nam [class^="thread_title_"] {
    word-break: break-word;
}

@media (min-width: 1200px) {
    .container {
        width: 1230px;
    }
}

@media (max-width: 767px) {
    .box.leave_request #for_multi .col-sm-6:first-child {
        margin-bottom: 26px;
    }

    .box.leave_request .time_from {
        width: 100%;
    }

    .box.leave_request .time_to {
        width: 100%;
    }

    .box.leave_request .to_text {
        margin: 15px 0 10px;
        width: 100%;
        text-align: center;
    }
}

.todo_e_edit input {
    margin: 0 !important;
    color: var(--primaryblue);
    height: 35px;
    width: auto;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    border-radius: 6px;
    box-shadow: none;
    border: 1px solid #163383;
    padding: 0 10px;
    width: 40%;
}

.todo_e_edit .topic_title_class input.save {
    background: var(--primaryblue);
    border-color: var(--primaryblue);
    color: #fff;
    width: auto;
}

.todo_e_edit .topic_title_class input.cancel {
    color: white !important;
    width: auto;
    background: var(--primaryblue);
}

#topic_parrent_top select#assign_dropdown_status {
    margin-bottom: 10px;
    color: var(--primaryblue);
    height: 35px;
    width: auto;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    border-radius: 6px;
    box-shadow: none;
    border: 1px solid #163383;
    padding: 0 10px;
}

.leave_status table.dataTable thead>tr>th.sorting_disabled {
    background: none;
    text-transform: capitalize;
}

#topic_parrent_top .comment-span span.latest-update-span.date-span {
    display: inline-block;
    white-space: normal;
    padding: 0px;
    color: var(--primaryblue);
}

.todo_e_edit input#todo_short_name {
    width: 100px;
}

.to-do-create form#new_topic input.uniform {
    position: unset;
    margin: 0px 0 0 0;
}

.to-do-create form#new_topic .checker label {
    display: flex;
    align-items: center;
}

.to-do-create form#new_topic .checker label span {
    vertical-align: middle !important;
    margin-left: 10px;
}

.setting_scroll {
    height: 500px;
    overflow: auto;
}

.main-dashboard .user-track-details tbody tr td select {
    width: 150px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #262161;
    font-size: 14px;
    font-weight: normal;
    background: none;
    border: none;
    border: 1px solid #a7a7a7;
    background: #fff url(images/down_arrow.png) no-repeat calc(100% - 15px);
    border-radius: 4px;
    background-size: 10px;
    height: 40px;
}

.search-blog {
    z-index: 11;
}

form#form_days .col-sm-12.text-center.form-group {
    margin-top: 15px;
}

.form-group-header {
    display: flex;
}

.setting_page div#popup {
    border: 4px solid #163383;
}

.setting_page .col-lg-5.font-left,
.setting_page .col-lg-7.font-left {
    background: #ef4036 !important;
}

.sidenav .button-effect-sidebar.disabled {
    opacity: 0.4;
}

.freelancer-dash .button-block {
    background: #ef4036;
    border-radius: 5px;
    padding: 9px 15px;
    border: 1px solid #ef4036;
    display: inline-block;
    color: #fff;
}

.freelancer-dash .button-block:hover {
    background: #fff;
    color: #ef4036;
}

.freelancer-dash .button-effect {
    background: #ef4036;
    border-radius: 5px;
    padding: 9px 15px;
    border: 1px solid #ef4036;
    display: inline-block;
    color: #fff;
}

.freelancer-dash .button-effect:hover {
    background: #fff;
    color: #ef4036;
    border-color: #ef4036;
}

.freelancer-dash .box {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, .25);
}

.freelancer-dash div.box header .icons {
    padding: 15px;
}

.freelancer-dash .box header h5 {
    color: #163383;
}

.leave_status div#example_wrapper {
    clear: unset;
    margin-top: 70px;
}

.leave_status div#example_wrapper div#example_length {
    position: absolute;
    right: 15px;
    top: -50px;
    padding: 0;
    width: auto;
}

.leave_status #change_status {
    margin: 15px 0 15px 15px;
}

.leave_status .table-responsive div#example_info {
    padding: 15px 15px;
}

#popup>div.font-20 {
    background: #ef4036;
}

.view-taskdetail #heder_stick .col-sm-3 p.creat_p_a {
    display: flex;
    align-items: center;
}

.view-taskdetail p.creat_p_a span.edit-box {
    padding-left: 8px;
}

.view-taskdetail .due_date_edit.col-sm-10 input#due_date_update {
    font-weight: 500;
    background: #ffffff;
    border-color: var(--primaryblue) !important;
    border-radius: 6px;
    color: var(--primaryblue);
}

.leave_status table.dataTable tbody>tr>td:nth-child(3) {
    text-align: left !important;
}

.task-listpage .topic-link span input.set_shortname {
    height: 25px;
    background: #ffffff;
    border-radius: 3px;
    color: #ef4036;
    border: 1px solid #ef4036;
    width: auto;
    margin-right: 10px;
    display: inline-block;
}

.task-listpage .topic-link span input.save.btn {
    background: #ef4036;
    border-color: #ef4036;
    margin-left: 10px !important;
    height: 25px;
}

.task-listpage .topic-link span input.cancel {
    border-color: #ef4036;
    margin-left: 4px !important;
    height: 25px;
    color: #ef4036 !important;
}

.task-listpage .topic-link span input.save.btn:hover {
    color: #fff;
}

.task-listpage .topic-link span input.cancel:hover {
    background: #fff;
}

#popup1 {
    border-color: #262261 !important;
}

#popup1 input.button-effect {
    background: #262261;
    border: 1px solid #262261;
    font-weight: 500;
}

#popup1 input.button-effect:hover {
    border-color: #EF4035;
    color: #fff;
}

#popup1 span.button.b-close {
    background: #262261;
    margin: 0 0 10px 360px;
}

div#popup_time+div#popup .row.font-20 {
    font-size: 16px;
    font-weight: bold;
}

div#popup_time+div#popup .padding-top-20.font-17 {
    font-size: 14px;
    margin-top: 15px;
}

#popup1 .probation input.button-effect {
    color: #262261;
    border-color: #262261;
    background: #fff;
}

#popup1 .probation input.button-effect:hover {
    background: #262261;
    color: #fff;
}

div#access_control table .form-control {
    height: 17px;
    width: 17px;
    margin: 0 auto;
}

input[type="checkbox"]:focus {
    outline-offset: 0px;
}

input[type="checkbox"]:focus+span::before {
    border: 2px solid black;
}

div#access_control table .form-control:focus {
    box-shadow: none;
}

.freelancer-dash div#assigned_project {
    border-top: 1px solid #ddd;
}

.freelancer-dash .user-activity-details .activity_show_more {
    background: #fff;
}

.freelancer-dash header#heder_stick h5 {
    margin-top: 0;
}

.freelancer-dash header#heder_stick .multi-option .dropdown-toggle {
    background: transparent;
    border: 1px solid #212121;
    transition: all 0.2s ease 0.1s;
    border-radius: 3px;
    display: inline-block;
    border-color: #a6a6a6;
    font-family: poppinsmedium;
    color: #262261;
    font-size: 16px;
    margin: 0 15px 0 0;
    padding: 9px 10px;
}

.freelancer-dash header#heder_stick .multi-option {
    float: left;
    width: auto;
    padding-right: 0;
}

.freelancer-dash .filter-right {
    float: right;
    text-align: right;
}

.pdetail div#project_data,
.pdetail div#status_data,
.pdetail div#user_data {
    text-align: left;
    word-wrap: break-word;
}

.freelancer-dash .filter-right button.button-effect:hover {
    color: #163383;
    border-color: #163383;
}

.freelancer-dash .coman-head header {
    margin-bottom: 0px;
}

.freelancer-dash #content #heder_stick {
    margin-bottom: 0px;
}

.main-dashboard ul.dropdown-menu label.small input[type="checkbox"] {
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
}

.salary_report .salary_table .per_page_option {
    float: right;
    text-align: right;
}

.salary_report .salary_table .pull-right {
    float: left !important;
    text-align: left;
}

.salary_report .salary_table .pull-right a:nth-child(1) button.button-block {
    margin-left: 0;
}

.salary_report .salary_table .pull-right a {
    display: inline-block;
}

.project_scroll {
    overflow: auto;
    margin: 0 auto;
    display: block;
    float: left;
    width: 100%;
}

.employee_edit_profile #Projects div#example_wrapper div#example_length {
    display: inline-block;
    float: right;
}

.employee_edit_profile #Projects div#example_wrapper div#example_filter {
    float: left;
}

.search_dashboard .filter_search_portion .topic_parrent_header {
    background: #ffffffa1;
    padding: 20px 15px;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    border: none;
    border-radius: 3px;
    margin: 0;
}

.search_dashboard .filter_search_portion .topic_parrent_header span.search_result {
    color: #163383;
    font-weight: 600;
}

.search_dashboard .search_cnt_dashboard#topic_parrent_top {
    background: #ffffff !important;
    border: 2px dashed #16338382;
    margin-top: 25px;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 0;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, .25);
}

.search_dashboard .main-update-div.search_bar span.search_result_title {
    color: #ef4036;
    font-weight: 600;
}

header#heder_stick .col-sm-2 h4.name-assign {
    padding: 10px 10px;
}

#topic_parrent_top .topic_parrent .task_list .col-sm-12.topic-link span.status {
    display: inline-block;
    margin-top: 5px;
}

.latest_discussion .outer .inner.bg-light.lter {
    box-shadow: none;
    background: transparent !important;
}

.latest_discussion#content .outer .inner.bg-light.lter header#heder_stick {
    background: none;
    margin-top: 0;
}

.latest_discussion#content .outer .inner.bg-light.lter header#heder_stick i.fa.fa-edit {
    color: #fff;
}

.latest_discussion#content .outer .inner.bg-light.lter header#heder_stick i.fa.fa-edit::before {
    content: "\f044"
}

.latest_discussion div#topic_parrent_top {
    box-shadow: none;
    border: 2px dashed #16338382;
    margin-top: 25px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, .25);
}

.latest_discussion .outer {
    position: relative;
    z-index: 1;
}

.latest_discussion div#topic_parrent_top span.created_name {
    line-height: 20px;
}

.setting_page div#popup_time+div#popup {
    left: 50% !important;
    top: 30% !important;
}

.leave_status table#example td.leave-reason {
    min-width: 250px;
    max-width: 250px;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    padding: 15px 15px;
    text-align: left !important;
    box-sizing: border-box;
}

.leave_status table.dataTable thead th.leave-reason {
    width: 250px !important;
    box-sizing: border-box;
}

.leave_status table#example td.leave-type {
    text-align: left !important;
}

.leave_status table.dataTable.no-footer {
    border-bottom: none;
}

#heder_stick .col-sm-3 p.creat_p_a span#priprity_jquery {
    padding-left: 5px;
}

.employee_edit_profile #Projects div#example_filter label {
    color: #163383;
    font-weight: bold;
}

.employee_edit_profile #Projects div#example_filter label input {
    font-weight: normal;
    color: #000;
}

div#general_setting_form {
    width: 100%;
}

.white_bg.setting_page form#form_festival .button-block option {
    background: #fff;
    color: #000;
}

.setting_page div#popup .col-lg-7.font-left {
    text-align: left !important;
    padding-left: 60px !important;
}

.setting_page div#popup .col-lg-5.font-left {
    text-align: left !important;
    padding-left: 15px !important;
}

.setting_page div#popup .col-lg-6.font-left {
    text-align: left !important;
    padding-left: 15px !important;
}

div#popup_time.sidebar-start-task+div#popup {
    left: 50% !important;
    top: 30% !important;
    transform: translate(-50%);
    width: 30%;
}

div#popup_time.employee_list_trash+div#popup .col-lg-4.font-right {
    color: #163383;
    padding: 12px 0 0 0;
}

div#popup_time.employee_list_trash+div#popup .col-lg-6 {
    width: 33.33%;
}

div#popup_time.employee_list_trash+div#popup .button-effect:hover {
    background: #fff;
    color: #1d3987;
}

.checker {
    width: auto;
    display: inline-block;
}

.checkbox.anim-checkbox label {
    pointer-events: auto;
}

.view-taskdetail #heder_stick .due_date_edit {
    padding: 0px !important;
}

.has-success .form-control:focus {
    box-shadow: none;
}

.view-taskdetail #assign_dropdown {
    padding: 3px 10px;
}

.view-taskdetail header#heder_stick .text_name input.form-control,
.view-taskdetail header#heder_stick .text_name select#change_priority {
    border-color: #163383 !important;
    color: #163383;
    height: 37px;
}

.view-taskdetail header#heder_stick .text_name select#change_priority option {
    color: #163383;
}

body select:focus {
    box-shadow: none;
    outline: none;
}

.to-do-create #new_topic label.control-label,
.task-listpage #topic_parrent_top .topic_parrent form label,
.view-taskdetail form label.control-label,
.form_task_thread label.control-label {
    color: var(--primaryblue);
}

div#display_estimate_time div#popup span#b-close span {
    color: #fff;
}

.leave_status table.dataTable tbody>tr>td:nth-child(2) {
    text-align: left !important;
}

.add_increment .filter_search_portion .filter_search_portion_bg input#emp_serach {
    width: 200px;
    margin-left: 15px;
}

.add_increment table.table.table-bordered tbody tr td:nth-child(2) {
    text-align: left;
}

@media (max-width: 767px) {

    body.login::before,
    body.login::after {
        width: 0;
        height: 0;
    }
}

#project_data_list {
    width: 100% !important;
}

#project_data_list_length {
    float: right;
    text-align: right;
}

#project_data_list_filter {
    float: left;
    text-align: left;
}

#project_data_list_info {
    text-align: left;
}

#project_data_list_filter label {
    font-weight: bold;
    color: #163383;
}

#project_data_list_filter label input[type="search"] {
    font-weight: normal;
    color: #000;
}

.pro_list {
    font-size: 20px;
    color: var(--primaryblue);
    font-weight: bold;
    line-height: 45px;
}

.hm_list {
    margin-top: 7px;
    color: #262261;
    font-weight: bold;
    display: table-row;
    margin-left: 3px;
}

.total_pro {
    width: 50% !important;
    margin-left: 75%;
    margin-top: -21px !important;
    padding-bottom: 5px !important;
    margin-bottom: 29px !important;
}

.hm_list_flancer {
    margin-top: 32px;
    text-align: left;
    font-weight: bold;
    color: #052353;
}

.client-td tr td {
    text-align: left !important;
}

.refresh_rates .box {
    height: auto;
    overflow: auto;
}

.refresh_rates .box .form-group:last-child {
    margin: 0 auto 15px;
}

.refresh_rates .col-sm-4:nth-child(1) input.button-block {
    margin-top: 55px;
}

.refresh_rates .col-sm-4:nth-child(2) input.button-block {
    margin-top: 133px;
}

.end_of_day_log tr th {
    text-align: left !important;
}

.end_of_day_log tr td {
    text-align: left !important;
}

.pricing-table .pro_permission_error h3 {
    line-height: 40px;
}

.edit_task_div .control-label {
    padding: 5px 0 0 5px;
    color: #163383;
}

.comment .pad-top-bottum-10 .img_comt>i:last-child,
.comment .pad-top-bottum-10>i:last-child {
    white-space: normal;
    word-break: break-all;
    width: 100%;
    display: block;
    font-style: normal;
    font-size: 12px;
    color: var(--primaryblue);
    line-height: normal;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #2622611f, #ef403626);
}

.project-noassign .outer {
    position: relative;
    z-index: 1;
}

.project-noassign .outer .inner {
    background: #c6c6c64d !important;
    box-shadow: none;
    border: 2px dashed #16338382;
    margin-top: 25px;
    padding: 20px;
    margin-bottom: 25px;
}

.weekly_report .arrow-block .glyphicon {
    top: 3px;
}

.main-comment .img_comt .delete-media {
    font-size: 18px;
    left: 130px;
    top: 90px;
}

.comment .img_comt a.download-media i {
    color: green;
    font-size: 15px;
}

.client-list .client-td table a button {
    width: 100%;
}

.view-taskdetail div#listFileName>div,
.edit_task_div .listFileName1>div {
    font-size: 12px;
    margin: 5px 0;
    color: #ef4036;
    font-weight: 500;
}

.leave_status .table-responsive .col-sm-3:nth-child(1) {
    width: auto;
    padding-left: 0;
}

div#btn_filter {
    width: auto;
    padding: 0;
}

div#btn_filter .fil_button {
    padding: 0 10px !important;
    margin: 15px 0 0 !important;
}

.manage_desigantion .dataTables_wrapper .toolbar button {
    vertical-align: top;
    height: 40px;
    background: #ff5d53;
    color: #fff;
    width: 140px;
    max-width: 100%;
    border: none;
    border-radius: 4px;
}

.manage_desigantion .dataTables_wrapper .dataTables_info {
    width: 50%;
    padding: 15px 20px;
}

.manage_desigantion .dataTables_wrapper .dataTables_paginate {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
    padding: 15px 20px;
}

div#table_tb_paginate {
    float: right;
}

.employee_list .dataTables_wrapper {
    margin-top: 50px;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 25%)
}

.employee_list .dataTables_wrapper .dataTables_filter {
    width: 25%;
}

.employee_list .dataTables_wrapper .toolbar {
    width: 15%;
}

.dataTables_wrapper .dataTables_length {
    width: 35%;
    padding: 15px;
    margin-bottom: 0;
}

.employee_list div.dataTables_filter label {
    font-size: 15px;
    font-weight: 600;
}

.employee_list .dataTables_wrapper .dataTables_filter input {
    height: 36px;
    padding: 10px;
    font-size: 14px;
}

.dataTables_wrapper .dt-buttons div.dt-button-collection {
    width: unset;
    top: 50px !important;
}

.dataTables_wrapper .dt-buttons div.dt-button-collection {
    right: 15px !important;
    top: 100% !important;
    min-width: 75px;
    margin: -5px 0 0;
    left: auto !important;
    max-width: 75px;
}

.dt-buttons .dt-down-arrow {
    color: #fff !important;
}

.employee_list .dataTables_wrapper .toolbar button {
    vertical-align: top;
    height: 40px;
    background: #ff5d53;
    color: #fff;
    width: 140px;
    max-width: 100%;
    border: none;
}

.employee_list .dataTables_wrapper .dataTables_info {
    width: 50%;
    padding: 15px 20px;
}

.employee_list .dataTables_wrapper .dataTables_paginate {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    padding: 15px 20px;
    margin-bottom: 0px;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    border: 1px solid #a7a7a7;
    border-radius: 4px;
    height: 36px;
    padding: 10px;
    font-weight: 500;
    font-size: 14px;
}

.employee_trash .dataTables_wrapper .dataTables_filter {
    width: 70%;
    padding: 15px 20px;
}

.employee_trash .dataTables_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 25%);
}

.employee_trash .dataTables_wrapper .dataTables_length {
    width: 30%;
    padding: 15px 20px;
}

.employee_trash .dataTables_wrapper .dataTables_info {
    width: 50%;
    padding: 15px 20px;
}

.employee_trash .dataTables_wrapper .dataTables_paginate {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    padding: 15px 20px;
    margin-bottom: 0px;
}

.employee_trash .table-responsive {
    margin-top: 50px;
}

.employee_trash table.dataTable {
    width: 1205px !important;
}

a.project_name {
    font-size: 15px !important;
    color: #333 !important;
}

.employee_info h4 {
    font-size: 20px;
    color: var(--primaryblue);
    text-align: center;
    margin-top: 0;
    border-bottom: 1px solid #a7a7a7;
    padding-bottom: 15px;
    margin-bottom: 30px;
    width: 100%;
}

h2.empl_view_name {
    color: var(--primaryblue);
    text-align: center;
    text-transform: capitalize;
    margin: 25px 0 0;
    padding: 0;
    font-size: 20px;
}

.register-employee .employee_info .edit_data.project_list {
    column-count: 3;
    line-height: 25px;
}

.dataTables_wrapper .dt-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
}

.dataTables_wrapper .dt-buttons .dt-button {
    margin: 10px;
    vertical-align: top;
    height: 37px;
    background: #ef4036;
    color: #fff;
    width: 110px;
    max-width: 100%;
    border: none;
    font-size: 14px;
    border-radius: 6px;
}

.dataTables_wrapper .dt-buttons .dt-button {
    background: #fff;
    color: #000;
    padding: 0;
    height: auto;
    width: auto;
    margin: 0 0 10px;
    font-weight: 500;
}

.dataTables_wrapper .dt-buttons .dt-button:hover {
    background: #163383;
}

.pro_view_icon {
    font-size: 16px;
}

.pro_icon {
    width: auto;
    height: 20px;
}

table.leave_table>tbody>tr>td {
    text-align: left;
}

.task-listpage header#heder_stick {
    flex-wrap: wrap;
    margin-top: 0;
    padding: 20px 20px;
}

.my-task-page .dataTable th.task-title,
.my-task-page .dataTable td.task-url,
.notes-bill {
    min-width: 250px;
    max-width: 250px;
    padding: 15px 15px;
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: break-word;
}

.date-bill {
    min-width: 100px;
    max-width: 100px;
    word-wrap: break-word;
    word-break: break-word;
}

.no-bill {
    min-width: 30px;
    max-width: 30px;
    word-wrap: break-word;
    word-break: break-word;
}

.my-task-page .dataTable .task-url a {
    white-space: normal;
}

.select-hidden,
.select-options li[rel="hide"] {
    display: none;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #fff;
    width: 100%;
    height: 40px;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    padding: 8px 15px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding: 5px 10px;
    height: 40px;
    color: #163383;
    font-weight: 500;
    border: 1px solid #afb0b3;
    border-radius: 5px;
    width: 100%;
    line-height: 27px;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-color: #163383 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
}

.select-styled:active,
.select-styled.active,
.select-styled:focus {
    background-color: #ffffff;
    border: 1px solid #afb0b3 !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border-radius: 5px;
    color: #163383;
    border: 1px solid grey;
    max-height: 240px;
    overflow-y: auto;
    min-height: 0;
    min-width: 265px;
}

.select-options li {
    margin: 0;
    padding: 7px 10px;
    border-top: 1px solid #ffffff;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    display: block;
    white-space: normal;
}

.select-options li:hover,
.select-options li.is-selected {
    color: #fff;
    background: #1e90ff;
}

.invoice_report .dataTables_info {
    padding-left: 15px;
}

.invoice_report .Project-name,
.invoice_report .Thread-name {
    min-width: 250px;
    max-width: 250px;
    white-space: normal;
    word-break: break-all;
    box-sizing: border-box;
}

.invoice_report .Thread-name>* {
    display: block;
}

.invoice_report div.dataTables_wrapper .dataTables_paginate {
    padding-right: 15px;
}

.custom-popup {
    max-width: 1500px;
    overflow: auto;
    width: 100%;
    max-height: 220px;
}

.bill-textarea {
    padding: 5px;
    width: 100%;
    height: 50px
}

.custom-popup .fa {
    font-size: 19px;
}

.custom-popup .action-bill {
    display: flex;
}

.action-bill a {
    margin: 0 5px;
}

.action-bill a img:hover {
    opacity: 0.7;
}

.breadcrumb>li.item-left {
    width: 65px;
}

.breadcrumb>.item-center {
    width: calc(100% - 85px);
    display: flex;
    justify-content: flex-start;
    line-height: 18px;
}

.breadcrumb>a.fa {
    width: 20px;
    text-align: right;
}

.add-widget-btn {
    margin-right: 20px;
}

.widget-info {
    padding: 10px;
}

.task_popup_form {
    overflow: auto;
    height: 400px;
    width: 100%;
}

.widget-tooltip {
    position: absolute;
    background: var(--primaryblue);
    color: var(--White);
    border-radius: 10px;
    right: -34%;
    width: 118px;
    font-size: 12px;
    top: 55px;
    line-height: 15px;
    display: block;
}

/**------11-01-2024*/
.heading {
    background: var(--primaryblue);
    font-size: 20px;
    font-weight: 600;
    width: 85%;
    padding: 20px;
    position: relative;
    white-space: wrap;
    text-align: start;
    color: #FFF;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.heading::after {
    top: 0px;
    content: '';
    right: -25px;
    width: 60px;
    height: 100%;
    transform: skew(332deg);
    background: #262261;
    position: absolute;
}

.heading::before {
    content: ' \25CF \25CF \25CF';
}

.wrapper-popup-custom {
    padding: 25px;
}

.row.task-details .col-md-6 {
    text-align: center;
}

.skill-button {
    text-align: center;
}

#new_pop>#form_signup {
    height: 500px;
}

.wrapper-popup-custom #timestamp {
    margin-top: 25px;
}

.add-cred .wrapper-popup-custom .form-control {
    margin-top: 0px !important;
}

span.tasktitle {
    letter-spacing: 0;
    font-size: 13px;
}

.add-credentials .b-close {
    top: 11px !important;
    right: -70px !important;
}

.comment-class {
    max-height: 280px;
}

.margin-custom {
    margin: 0;
}

.task-custom-message {
    padding: 10px 20px;
    font-weight: 700;
    color: #333;
    text-transform: capitalize;
}

.flex-custom {
    display: flex;
    align-items: center;
}

.align-class-custom {
    margin: 0 5px;
}

.chk_isMail {
    margin: 0 !important;
}

.align-center-class {
    text-align: center;
}

.search-submit-btn input {
    margin: 0;
}

/**------11-01-2024*/
#topic_parrent_top .task_list .topic-list {
    padding-right: 100px;
}

.task-listpage #topic_parrent_top .topic_parrent .task_popup_form form {
    margin-top: 0;
}

#topic_parrent_top .col-sm-12.topic-link a {
    word-break: break-all;
}

.note-column {
    white-space: normal;
}

#topic_parrent_top .topic-list {
    padding-right: 100px;
}

span.latest-update-span.date-span {
    word-break: break-all;
}

.festival_table_detail {
    table-layout: fixed;
}

.festival_table_detail thead,
.festival_table_detail tfoot,
.festival_table_detail tbody,
.festival_table_detail th,
.festival_table_detail td {
    display: block;
    width: 100%;
}

.festival_table_detail tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.festival_table_detail tbody {
    max-height: 350px;
    position: relative;
}

.festival_table_detail tbody,
.festival_table_detail thead,
.festival_table_detail tfoot {
    overflow-y: scroll;
}

.festival_leave .setting_scroll {
    height: auto;
}

.festival_table_detail tr th,
.festival_table_detail tr td {
    width: 33.33%;
    white-space: normal;
}

.festival_table_detail thead::-webkit-scrollbar-thumb,
.festival_table_detail tfoot::-webkit-scrollbar-thumb,
.festival_table_detail thead::-webkit-scrollbar-track,
.festival_table_detail tfoot::-webkit-scrollbar-track {
    visibility: hidden !important;
    opacity: 0;
    background: transparent !important;
}

.festival_table_detail tfoot td {
    width: 100%;
}

.festival_table_detail tbody::-webkit-scrollbar-track {
    background: #ebe6e645 !important;
}

.bell-icon .fa .fa-bell {
    cursor: pointer;
}

#popup .new-close.button {
    margin: 0;
    line-height: 20px;
    color: #000;
    font-size: 33px;
    font-weight: 500;
    right: 12px;
    width: auto;
    border-radius: 0;
    padding: 0;
    height: auto;
    top: 10px;
}

div#popup.festival-popup {
    padding: 40px 15px;
}

#popup .new-close.button span {
    font-size: unset;
}

#popup .fw-600 {
    font-weight: 600;
}

#popup .p-15 {
    padding: 15px;
}

.loan_page .form-row .form-group label::after {
    content: '*';
    color: red;
    font-size: 17px;
    padding-left: 1px;
}

.loan_page .form-row .remaining_loan label::after {
    content: '';
    padding: 0;
    font-size: 0;
}

/*NewCustom End*/
/*Newcustom1 Start*/
.manage-filter .outer {
    position: relative;
    z-index: 1;
}

.manage-filter header {
    border: none;
    box-shadow: none;
    /* height: 120px; */
    display: flex;
    align-items: center;
    padding: 3% 0 55px;
    margin: 0 0 10px;
}

.manage-filter .box {
    border: none;
    margin: 0;
}

.manage-filter .inner.bg-light {
    padding: 0 0px;
    margin: 0;
}

.manage-filter #table th {
    padding: 10px 10px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
}

.manage-filter #table td {
    padding: 10px 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}

.manage-filter #table td a {
    text-decoration: unset;
}

.manage-filter #table td:last-child {
    color: #000;
}

.manage-filter .collapse .col-sm-12 {
    height: 560px;
}

.my-task-page div#form_signup .form-group {
    margin: 0;
    background: #ffffffa1;
    width: 100%;
    padding: 20px;
}

.my-task-page div#form_signup .margin-left-15 {
    margin: 0;
}

.my-task-page .box header .icons {
    padding: 0px;
}

.my-task-page .inner.bg-light {
    padding: 0 0px;
    margin: 0;
}

.my-task-page .outer {
    position: relative;
    z-index: 1;
}

.my-task-page .box {
    margin: 0;
    border: none;
}

.my-task-page .form-group>.col-sm-2:nth-child(1) {
    padding-left: 0;
}

.my-task-page div#form_signup select,
.my-task-page div#form_signup input {
    padding: 5px 10px;
    height: 40px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #afb0b3;
}

.my-task-page div#form_signup select#status {
    background: url(images/down_arrow.png) no-repeat calc(100% - 10px);
    border-radius: 4px;
    background-size: 10px;
    -webkit-appearance: none;
    background-color: #fff;
}

.my-task-page .select_box.per_page {
    border: none;
    width: calc(66% - 100px);
    background-color: #fff;
}

.my-task-page div#form_signup input::-webkit-input-placeholder,
.my-task-page div#form_signup input:-ms-input-placeholder,
.my-task-page div#form_signup input::placeholder {
    color: #163383;
}

.my-task-page div#form_signup input.button-block {
    width: 120px;
}

.my-task-page div#form_signup .per_page_option {
    color: #163383;
    padding-right: 0;
}

.my-task-page div#form_signup .per_page_option>div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.my-task-page div#form_signup .per_page_option>div label.col-sm-6.label-custom {
    position: unset;
    padding: 0;
    width: auto;
}

.paging {
    text-align: right !important;
}

.pagination li.active span {
    background: #ef4036;
    border-color: #ef4036;
}

.pagination li a {
    color: #ef4036;
}

.pagination li:last-child a {
    background: #163383;
    color: #fff;
}

.pagination li:last-child a:hover,
.pagination li:last-child a:active,
.pagination li:last-child a:focus {
    color: #fff;
}

.pagination li a:hover,
.pagination li a:active,
.pagination li a:focus {
    border-color: #dddd;
    color: #163383;
}

.pagination li.active span:hover,
.pagination li.active span:active,
.pagination li.active span:focus {
    background: #ef4036;
    border-color: #ef4036;
}

.pagination li:first-child a {
    background: #ef4036;
    border-color: #ef4036;
    color: #fff;
}

.pagination li:first-child a:hover,
.pagination li:first-child a:active,
.pagination li:first-child a:focus {
    background: #ef4036;
    border-color: #ef4036;
    color: #fff;
}

.my-task-page #table tr td:nth-child(1) {
    text-align: center !important;
    color: #0645a6;
    font-weight: normal;
}

.my-task-page #table tr td:nth-child(2) {
    text-align: left !important;
    white-space: initial;
    width: 300px;
}

.my-task-page #table tr td {
    text-align: center !important;
    color: #000;
}

.my-task-page #table th {
    text-align: center !important;
    background: #163383;
    padding: 10px 10px;
    font-weight: 500;
}

.my-task-page #table th:nth-child(2) {
    text-align: left !important;
}

.manage-filter .inner.bg-light .icons {
    padding-top: 0;
}

.project-lists .inner.bg-light {
    padding: 0 0px;
    margin: 0;
}

.search-project {
    display: flex;
    width: 100%;
    padding: 10px;
    background: #ffffff47;
    margin: 60px 0 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.project-lists header {
    padding: 15px 0 0;
}

.search-project .btn-group {
    background: #ffffffa1;
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.search-project input#search_project {
    width: 240px;
    height: 45px;
    border-color: #163383;
    display: inline-block;
    margin: 10px 0;
}

.search-project a input.button-effect {
    height: 45px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 6px;
}

.search-project input#search_project::-webkit-input-placeholder,
.search-project input#search_project:-ms-input-placeholder,
.search-project input#search_project::placeholder {
    color: #163383;
}

.project-lists header .tab-block {
    margin: 0px 0px 0px 20px;
}

.project-lists .collapse {
    padding-top: 20px;
}

.trash-pro-list i.fa.fa-list-alt {
    margin-top: 0;
}

.project-lists .collapse li.project-li {
    margin-right: 15px;
    width: 24%;
    max-height: unset !important;
    background: #ddd;
    border: none;
    color: #0645a6;
    font-size: 14px;
    font-weight: 600;
}

.client-list .box header .icons {
    padding: 13px 0 0 0px;
}

.client-list .box header h5 {
    margin: 15px 0 0 0;
}

.project-lists .collapse li.project-li:nth-child(4n+4) {
    margin-right: 0;
}

.project-lists .collapse li.project-li.active {
    box-shadow: none;
    transform: unset;
}

.project-lists .pricing-table>li.active.primary {
    background-image: none;
}

.project-lists#content .pricing-table h3 a,
.project-lists#content .pricing-table>li.active.primary h3 a {
    padding: 0;
    color: #000;
    font-size: 18px;
    text-transform: capitalize !important;
    line-height: 30px;
    margin: 3px auto;
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 29px;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 auto !important;
    text-align: center;
    font-weight: 500;
}

.project-lists#content .pricing-table>li .single_line a {
    color: #fff !important;
    font-size: 17px;
}

.project-lists#content .pricing-table>li.active.primary .single_line a {
    color: #fff !important;
}

input#myBtnStartBreak {
    padding: 10px 10px;
    text-align: center;
}

.project-lists#content .pricing-table>li {
    background: linear-gradient(10deg, rgba(6, 69, 166, 0.78) 40%, rgba(6, 69, 166, 0.48) 100%);
}

.project-lists#content .pricing-table>li.active.primary {
    background: linear-gradient(10deg, rgba(6, 69, 166, 0.78) 100%, rgba(6, 69, 166, 0.48) 40%);
}

.pricing-table .features ul li {
    color: #fff;
}

.project-lists .input-pro-list {
    left: 17px;
    position: absolute;
    top: 13px;
    z-index: 1111;
}

.project-lists .input-pro-list .complete-span::before {
    content: "";
    position: absolute;
    border: 1px solid #fff;
    width: 15px;
    height: 15px;
    left: 0;
}

#collapseOne .pricing-table .project-li .single_line .input-pro-list input[type="checkbox"] {
    position: relative;
    opacity: 0.1;
    left: 0;
    top: 0;
    z-index: 11111;
}

.project-lists .input-pro-list .complete-span::after {
    content: '';
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #ffffff;
    border-width: 0 1.7px 1.7px 0;
    display: inline-block;
    position: absolute;
    opacity: 0;
    top: 2px;
    left: 5px;
}

.project-lists .input-pro-list input:checked+.complete-span::after {
    opacity: 1;
}

.project-lists#content .pricing-table>li.active.primary .input-pro-list {
    z-index: 1111;
}

.project-lists#content .pricing-table>li.active.primary .input-pro-list .complete-span {
    position: absolute;
    left: 0;
    z-index: 1111;
}

.pricing-table h3 {
    text-transform: capitalize !important;
    padding: 0px 0 !important;
    line-height: 15px;
    margin: 3px auto;
    width: calc(100% - 45px);
}

.trash-pro-list::before {
    content: '';
    content: '';
    width: 100%;
    height: 250px;
    background: #ffff;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 200px;
    z-index: 1;
}

.trash-pro-list .outer {
    position: relative;
    z-index: 1;
}

.create-projects .inner {
    background-color: unset !important;
    background: none !important;
    box-shadow: none;
    padding: 20px 0;
}

.clientaddlist-popup form .form-group {
    width: 49%;
    display: inline-block;
    margin: 0 0 15px;
    height: 73px;
}

#content.client-addlist .container .inner {
    padding: 0;
    margin: 25px 0px;
}

.create-projects .tab-content .full-pro-list {
    width: 100%;
    display: block;
    height: auto;
    padding: 0 10px;
}

.create-projects .tab-content .form-group label {
    text-align: left;
    color: grey;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    padding-top: 0;
    text-align: left;
    line-height: 17px;
    margin-bottom: 5px;
    min-height: 23px;
}

.create-projects .tab-content .form-group input.form-control1 {
    border: 0;
    border-bottom: 1px solid #a7a7a7;
    border-radius: 3px;
    box-shadow: none;
    padding: 6px 6px;
    color: #262261;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.create-projects .tab-content .form-group.complete-pro-list .control-label {
    margin-bottom: 5px;
}

.create-projects .tab-content .assign-projects label::after,
.create-projects .tab-content .project_cred label::after {
    content: '';
    padding: 0;
    font-size: 0;
}

.create-projects .tab-content .assign-projects .col-lg-12 .checker label {
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
}

.create-projects .tab-content .assign-projects .col-lg-12 label input.uniform {
    left: 0;
    margin-left: 0;
    opacity: 0.1;
}

.create-projects .tab-content .assign-projects .col-lg-12 label span::before {
    content: '';
    border: 1px solid #262161;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
}

.create-projects .tab-content .assign-projects .col-lg-12 label span::after {
    content: '';
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #262161;
    border-width: 0 1.7px 1.7px 0;
    display: inline-block;
    position: absolute;
    opacity: 0;
    top: 9px;
    left: 5px;
}

.create-projects .tab-content .assign-projects .col-lg-12 label input:checked+span::after {
    opacity: 1;
}

#footer,
.Footer {
    background: #262261;
}

::selection {
    background-color: #0645a6;
}

.project-lists i.fa.fa-list-alt {
    margin-top: 12px;
}

.create-projects .outer {
    position: relative;
    z-index: 1;
    margin-top: 0px;
}

.create-projects .tab-content .form-group.complete-pro-list>div.col-lg-12 {
    text-align: left;
}

.client-addlist .outer {
    position: relative;
    z-index: 1;
    padding-top: 0;
}

.client-addlist form#create_client {
    width: 100%;
    background: var(--White) !important;
    border: 0 !important;
    box-shadow: none !important;
    max-width: 800px;
    margin: 0 auto;
}

.employee-register .checkbox {
    max-width: 1500px;
    overflow: auto;
    display: block;
    height: 500px;
    white-space: nowrap;
}

.client-addlist form#create_client .form-group label.control-label,
.clientaddlist-popup form .form-group label.control-label {
    text-align: left;
    color: grey;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    padding-top: 0;
    text-align: left;
    line-height: 17px;
    margin-bottom: 5px;
    min-height: 23px;
}

#createClient form#create_client .form-group label.control-label::after,
.client-addlist form#create_client .form-group label.control-label::after,
.company-create label.control-label::after {
    content: '*';
    color: red;
    font-size: 17px;
    padding-left: 1px;
}

.client-addlist form#create_client .form-group.project-selected {
    height: auto;
}

.client-addlist form#create_client .form-group .anim-checkbox label {
    text-align: left;
    padding-left: 22px;
}

.client-addlist form#create_client .form-group .anim-checkbox label::before {
    font-size: 20px;
    top: 0px;
    content: '';
    border: 1px solid #262160;
    width: 15px;
    height: 15px;
}

.client-addlist form#create_client .form-group .anim-checkbox label::after {
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #262160;
    border-width: 0 1.8px 1.8px 0;
    display: inline-block;
    position: absolute;
    opacity: 0;
    top: 2px;
    left: 5px;
    content: '';
}

.client-addlist form#create_client .anim-checkbox input:checked+label::after {
    opacity: 1;
}

.client-addlist form#create_client .form-group input.form-control,
.clientaddlist-popup form .form-group input.form-control,
.middle-content .form-control {
    border: 0;
    border-bottom: 1px solid #dcdaf2;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    padding: 6px 0px;
    color: #262261;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.client-addlist .add-pro-btn {
    float: right;
}

.client-addlist .add-pro-btn input#addProject {
    margin-top: 5px;
}

.clientaddlist-popup .title {
    text-align: center;
    padding: 0;
}

.clientaddlist-popup .title h4 {
    font-size: 28px;
    font-weight: normal;
    color: #ef4036;
    margin-bottom: 30px;
}

.clientaddlist-popup .modal-dialog.section {
    width: 800px;
}

.clientaddlist-popup form .form-group .assignProject {
    height: 100px;
}

.clientaddlist-popup form .form-group.full-assign {
    width: 100%;
    height: auto;
}

.clientaddlist-popup form .form-group.full-assign input.uniform {
    margin-left: 0;
    position: absolute;
    left: 8px;
    opacity: 0;
}

.clientaddlist-popup form .form-group.full-assign .checker>label {
    padding-left: 30px;
    position: relative;
}

.clientaddlist-popup form .form-group.full-assign .checker>label span::before {
    content: '';
    top: 0px;
    border: 1px solid #262160;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: 7px;
    top: 3px;
}

.clientaddlist-popup form .form-group.full-assign .checker>label span::after {
    content: '';
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #262160;
    border-width: 0 1.8px 1.8px 0;
    display: inline-block;
    position: absolute;
    opacity: 0;
    top: 5px;
    left: 12px;
}

.clientaddlist-popup form .form-group.full-assign input:checked+span::after {
    opacity: 1;
}

.client-list .outer {
    position: relative;
    z-index: 1;
}

.client-list .inner {
    padding: 0;
    margin: 3px 0;
}

.client-list .inner .collapse {
    margin-top: 25px;
    border: none;
}

.project-lists#content ul#magic_project_lists {
    margin: 28px 0;
}

.client-list .inner .box span#status_btn {
    margin: 10px 0 10px;
}

.client-list .inner .box span#status_btn .button-effect:hover {
    color: #fff;
}

.client-list td>a button {
    background: #0645a6;
    color: #fff;
    border-color: #0645a6;
}

.client-list td>a button:hover {
    background: #ef4036;
    border-color: #ef4036;
}

.create-projects .box {
    margin: 15px 0;
}

.client-addlist form#create_client .form-group.project-selected .checkbox {
    text-align: left;
    padding-left: 0;
}

.client-addlist form#create_client .form-group.project-selected .checkbox input {
    position: absolute;
    top: 3px;
    opacity: 0;
    margin-top: 0;
}

.client-addlist form#create_client .form-group.project-selected .checkbox label::before {
    content: '';
    border: 1px solid #262160;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 6px;
}

.client-addlist form#create_client .form-group.project-selected .checkbox label::after {
    content: '';
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #262160;
    border-width: 0 1.8px 1.8px 0;
    display: inline-block;
    position: absolute;
    opacity: 0;
    top: 8px;
    left: 6px;
    content: '';
}

.client-addlist form#create_client .form-group.project-selected .checkbox input:checked+label::after {
    opacity: 1;
}

#search {
    height: 27px;
}

body.login {
    background-size: cover;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    line-height: normal;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

/* .login .form-signin {background: #00000026; border: 1px solid #ef4036; width: 25%; margin: 0; max-width: 100%; padding: 10px;}  */
.login .form-signin .form-wrapper {
    padding: 50px 20px;
}

body.login img.login-logo {
    margin-bottom: 20px;
}

body.login p.text-muted {
    font-size: 15px;
    font-weight: bold;
    color: white;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body.login .tab-pane input.form-control {
    border: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border: 2px solid #e6e6e6;
    border-radius: 8px;
    box-shadow: none;
    color: white;
    font-size: 16px;
    background: transparent;
}

body.login .tab-pane input::placeholder {
    color: grey;
}

body.login .btn {
    font-size: 18px;
    font-weight: 500;
    background: #ef4036;
    border-color: #ef4036;
    border-radius: 20px;
    margin: 20px auto 20px;
    display: block;
    letter-spacing: 0;

}

body.login ul.list-inline li a {
    color: white;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    display: flex;
    align-items: center;
}

.mytask-view .col-lg-4.font-right {
    font-weight: bold;
    text-align: right;
}

.mytask-view .col-lg-8 b {
    color: #ef4036;
    font-weight: 500;
}

.filter-manageview .outer {
    position: relative;
    z-index: 1;
}

.filter-manageview .outer .inner {
    padding: 0;
    margin: 0;
}

.filter-manageview .outer .collapse>.row:nth-of-type(1) {
    padding: 10px;
    border: 0;
    background: #ffffff47;
    width: 100%;
    display: block;
    float: left;
    margin: 20px 0 40px 0px;
}

.filter-manageview .outer .title-bottom {
    background: #ffffffa1;
    width: 100%;
    padding: 20px;
    float: left;
}

.filter-manageview .title-bottom .thread_title_div {
    padding: 15px 0;
    font-size: 22px;
    color: #163383;
}

.filter-manageview .filter-content {
    margin-top: 30px;
    display: block;
    float: left;
    width: 100%;
}

.filter-manageview .filter-content ul.thread_title_ul {
    padding: 0;
    border: 1px solid #ddd;
}

.filter-manageview .thread-title-div li.selectedthread {
    background: #163383;
}

.filter-manageview .thread-title-div li.thread_title_li {
    border-bottom: 2px solid #ddd;
    margin-bottom: 0;
    line-height: 20px;
    font-weight: 500;
}

.filter-manageview .thread-title-div li.thread_title_li:hover {
    background: #163383;
}

.filter-manageview .div_thread_details {
    padding: 0;
}

.filter-manageview .div_thread_details>.row:nth-of-type(1) {
    background: #c6c6c64d;
    margin: 0;
    padding: 20px 0;
    border-radius: 5px;
    border: 1px solid #ef4036;
}

.filter-manageview .div_thread_details>.row:nth-of-type(1) .thread-detail {
    padding: 0 0 15px;
}

.filter-manageview .div_thread_details>.row:nth-of-type(1) .thread-detail .thread-de-lbl {
    font-weight: bold;
    text-align: right;
}

.filter-manageview .div_thread_details>.row:nth-of-type(1) .thread-detail .thread-de-val {
    color: #ef4036;
    font-weight: 500;
}

.filter-manageview .div_thread_details>.row:nth-of-type(1) span.status-lbl-8 {
    font-weight: bold;
    text-align: right;
}

.filter-manageview .div_thread_details>.row:nth-of-type(1) span.asnd-ttl {
    font-weight: bold;
    text-align: right;
}

.filter-manageview .assign-section .assign-section-sub ul.assign-section-ul {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
}

#content.filter-manageview .comment-section header {
    background: #163383;
    color: #fff;
}

#content.filter-manageview .comment-section header {
    background: #163383;
    color: #fff;
}

#content.filter-manageview .comment-section header h3 {
    font-weight: normal;
    line-height: normal;
    margin: 0;
}

.comment-section {
    margin: 20px -15px;
}

.filter-content .comment-details .cmt-hstry-ul .cmt-hstry-li .dev_name {
    width: 100%;
    left: 0;
    padding-left: 45px;
    padding: 3px 0 0px 45px;
    color: #000;
    margin: 0;
    bottom: auto;
    position: unset;
}

.filter-content .comment-details .cmt-hstry-ul .cmt-hstry-li .dev_name {
    padding: 7px 0px 20px 40px;
}

#topic_parrent_top {
    padding: 15px;
    display: block;
    float: left;
    width: 100%;
    background: #ffffff;
    border: 1px solid #1633834d;
    border-radius: 5px;
    position: relative;
    margin: 9px 0 30px;
}

#topic_parrent_top .thread-compalate {
    color: grey;
}

.filter-content .comment-details .cmt-hstry-ul .cmt-hstry-li .dev_comment {
    width: 100%;
    margin: 0;
    background: #eeeeee;
    color: #000;
}

.filter-content .comment-details .cmt-hstry-ul .cmt-hstry-li {
    padding: 0 15px 0 0;
    position: relative;
    margin-top: 15px;
}

.filter-content .comment-details .cmt-hstry-ul .cmt-hstry-li .dev_comment a {
    color: #ef4036;
}

.filter-content .comment-details .cmt-hstry-ul .cmt-hstry-li .comment_date {
    margin: 15px 0px;
    display: block;
    float: left;
    width: 100%;
}

.filter-content .comment-details .cmt-hstry-ul .cmt-hstry-li .comment_date span.cmnt_date,
.filter-content .div_thread_details .cmt-hstry-ul .cmt-hstry-li .comment_date span.cmnt_date {
    color: #ef4036;
    font-weight: 500;
    background: #fff;
    padding: 4px 8px;
    letter-spacing: 0.5px;
    border-radius: 50px;
    border: 1px solid #163383;
    margin: 3px 10px 0;
    display: inline-block;
    font-size: 13px;
}

.filter-content .comment-details .cmt-hstry-ul hr.cmt-hstry-hr {
    width: 100%;
    margin: 0 !important;
    display: block;
}

.filter-content .comment-details .cmt-hstry-ul li {
    display: block;
    float: left;
    width: 100%;
}

.filter-content .comment-details .cmt-hstry-ul .cmt-hstry-li img {
    position: absolute;
    left: 0px;
}

.view-taskdetail .outer {
    position: relative;
    z-index: 1;
}

.view-taskdetail .inner.bg-light.lter {
    background: #c6c6c64d !important;
    box-shadow: none;
    border: 2px dashed #16338382;
    margin-top: 25px;
    padding: 20px;
    margin-bottom: 25px;
}

.view-taskdetail .inner ol.breadcrumb,
.task-listpage ol.breadcrumb {
    padding: 15px 20px;
}

.view-taskdetail .inner ol.breadcrumb a,
.task-listpage ol.breadcrumb a {
    color: var(--primaryblue);
}

.view-taskdetail .inner ol.breadcrumb span,
.task-listpage ol.breadcrumb span {
    color: #000;
    font-weight: 500;
}

header#heder_stick h5.hides {
    margin: 0;
    padding: 0 10px 0 0;
}

#heder_stick .thread_nam input {
    opacity: 0.1;
    margin-top: 0px;
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 1111;
}

#heder_stick .thread_nam input+span::before {
    content: '';
    border: 1px solid #262160;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 1px;
}

#heder_stick .thread_nam input+span::after {
    content: '';
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #262160;
    border-width: 0 2.8px 2.8px 0;
    display: inline-block;
    position: absolute;
    opacity: 0;
    top: 3.5px;
    left: 6px;
}

#heder_stick .thread_nam input:checked+span::after {
    opacity: 1;
}

#heder_stick .col-sm-3 p.creat_p_a span {
    font-weight: 600;
    color: #000;
    padding-right: 5px;
}

#heder_stick .col-sm-3 p.creat_p_a {
    color: #163383;
    font-weight: 500;
}

#heder_stick select option {
    background: #fff;
    color: var(--primaryblue);
}

#heder_stick select#assign_dropdown_status option:hover {
    background: #ef4036;
}

header#heder_stick span.edit-box i::before {
    font-weight: 600;
    color: #163383;
    font-size: 19px;
}

header#heder_stick span.edit-box i.fa-trash-o::before {
    color: var(--primaryblue);
}

.button-block:focus {
    outline: unset;
}

.view-taskdetail div#popup_invoice .col-lg-12 .font-left {
    font-weight: bold;
    color: #000;
}

.view-taskdetail .col-lg-12 input {
    font-weight: normal;
    border: 0;
    border-bottom: 1px solid #a7a7a7;
    border-radius: 0;
    box-shadow: none;
    padding: 0px 0;
    color: #262261;
    font-size: 16px;
    height: 25px;
}

.view-taskdetail .button-thread {
    text-align: center;
    padding-bottom: 25px;
}

.view-taskdetail .button-thread button#estimate_times {
    margin: 15px 0 10px;
    background: #ef4036;
    color: #fff;
}

header#heder_stick a.status-thread {
    color: #163383;
    font-weight: bold;
}

header#heder_stick h4.name-assign {
    color: #163383;
    font-size: 14px;
    background: #e0e0e0;
    border-radius: 50px;
    padding: 5px 0px;
    margin-bottom: 0;
    font-weight: 600;
}

.view-taskdetail div#display_addTime_block select {
    border: 1px solid #a7a7a7;
    background: url(images/down_arrow.png) no-repeat calc(100% - 15px);
    border-radius: 4px;
    background-size: 10px;
    height: 40px;
    -webkit-appearance: unset;
    background-color: #fff;
    color: #262161;
    font-size: 14px;
    font-weight: normal;
}

.view-taskdetail .display_addTime_field input {
    border: 1px solid #a7a7a7;
    height: 40px;
    box-shadow: none;
    color: #163383;
    font-size: 14px;
    font-weight: 500;
}

.view-taskdetail .display_addTime_field input::placeholder {
    color: #163383;
}

.view-taskdetail div#display_addTime_block span {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

.view-taskdetail div#display_addTime_block button#add_time {
    background: #163383;
    border-color: #163383;
    height: 40px;
}

.view-taskdetail div#display_addTime_block button#add_time span {
    color: #fff;
}

.view-taskdetail div#display_addTime_block button#cancel_log_time {
    background: #ff5d53;
    border-color: #ff5d53;
    height: 40px;
}

.view-taskdetail div#display_addTime_block button#cancel_log_time span {
    color: #fff;
}

.comment .created_name {
    padding: 10px 0 0 15px;
    color: var(--primaryblue);
}

.comment .created_name:hover {
    text-decoration: none;
}

.comment .task_link_action i::before {
    color: var(--primaryblue);
    font-size: 15px;
    padding: 0 2px;
}

#topic_parrent span.task-info-span {
    color: #a9a1a1;
}

.comment a {
    color: var(--primaryblue);
}

.comment {
    color: #000;
    font-weight: 500;
    border: 0 0 1px #ccc;
}

.comment-textarea .checkbox input {
    margin: 0;
    position: absolute;
    left: 0;
    top: 7px;
    opacity: 0.1;
    width: 15px;
}

.comment-textarea .checkbox .checker label {
    padding-left: 30px;
    position: relative;
}


.comment-textarea .checkbox .checker label span::before {
    content: '';
    border: 1px solid #262160;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 6px;
}

.comment-textarea .checkbox .checker label span::after {
    content: '';
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #262160;
    border-width: 0 1.8px 1.8px 0;
    display: inline-block;
    position: absolute;
    opacity: 0;
    top: 8px;
    left: 6px;
}

.comment-textarea .checkbox .checker label input:checked+span::after {
    opacity: 1;
}

.comment-textarea .checkbox .checker label span {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.task-listpage .outer {
    position: relative;
    z-index: 1;
}

.task-listpage header#heder_stick h5 {
    color: #163383;
    margin: 0 30px 0 0;
    width: calc(100% - 335px);
}

.project-page-btn {
    width: 270px;
    display: flex;
    justify-content: flex-end;
}

#content #heder_stick .fa-edit::before {
    content: '';
    background-image: url('../img/edit-icon-blue.png');
    width: 33px;
    height: 30px;
    background-size: cover;
    display: inline-block;
}

.task-listpage header#heder_stick .icons {
    padding-top: 0;
}

#topic_parrent_top .topic_parrent {
    padding: 0;
}

#topic_parrent_top .topic_parrent .col-sm-12 {
    padding: 0;
}

#topic_parrent_top .topic_parrent .row {
    margin: 0;
}

.topic_parrent .main-update-div {
    padding: 0;
    border-bottom: 1px solid #1633834d;
}

#topic_parrent_top .topic_parrent a.latest-update-a {
    padding: 0;
}

.task-listpage #topic_parrent_top a.latest-update-link {
    color: #fff;
    margin: 10px 0;
    display: inline-block;
    font-weight: 600;
    background: var(--primaryblue);
    padding: 10px 20px;
    border-radius: 50px;
}

#topic_parrent_top .topic_title_class {
    margin-left: 0px;
    list-style: none;
}

#topic_parrent_top .topic_parrent span.topic_option {
    display: inline-block !important;
    width: auto;
    left: 8px !important;
    right: auto;
    top: 3px;
}

.topic-list {
    padding: 0.3% 0.6%;
}

#topic_parrent_top .topic_parrent span.topic_option i.fa {
    color: var(--primaryblue);
    font-size: 17px;
    margin: 0 0px 0 3px;
}

#topic_parrent_top .topic_parrent span.topic_option i.fa.fa-square-o {
    left: 45px;
}

#topic_parrent_top .comment-span {
    color: #000;
    font-weight: 500;
}

#topic_parrent_top .task_list {
    padding: 15px 15px 40px;
    display: block;
    float: left;
    width: 100%;
    background: #eeeeee87;
    border: 1px solid #1633834d;
    border-radius: 5px;
    margin: 9px 0 30px;
}

#topic_parrent_top .task_list .col-lg-12 {
    padding: 0;
}

#topic_parrent_top .task_list .col-lg-12>input {
    position: absolute;
    left: 6px;
    top: 15px;
}

#topic_parrent_top .task_list .col-lg-12>select {
    margin-left: 30px;
    color: #ef4036;
    height: 40px;
    width: auto;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    border-color: #ef4036;
    border-radius: 6px;
    margin-bottom: 10px;
    display: block !important;
}

#topic_parrent_top .task_list .col-lg-12>select:hover {
    background: #ef4036;
    color: #fff;
}

#topic_parrent_top .task_list .col-lg-12>select option {
    background: #fff;
    color: #ef4036;
}

#topic_parrent_top .topic_parrent a {
    color: var(--primaryblue);
    font-weight: bold;
}

#topic_parrent_top .topic_parrent input {
    margin: 0;
    vertical-align: middle;
}

#topic_parrent_top .topic_parrent span.edit-box {
    display: block !important;
    color: #163383;
}

#topic_parrent_top .topic_parrent span.thread-compalate {
    color: grey;
}

span.invoiced-lable {
    color: #008000;
    font-weight: 600;
}

.load_more {
    background: var(--primaryblue);
    border: 1px solid var(--primaryblue);
    margin: 5px 0px;
    padding: 6px 7px;
    border-radius: 6px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}

#topic_parrent_top .topic_title_class input {
    padding: 4px 6px;
    margin-right: 6px;
    height: 26px;
    line-height: 10px;
    color: #163383;
    font-weight: 500;
}

#topic_parrent_top .topic_title_class input.btn-success {
    color: #fff;
    background: var(--primaryblue);
    border-color: var(--primaryblue);
}

#topic_parrent_top .topic_title_class input.cancel {
    color: var(--primaryblue) !important;
}

#topic_parrent_top .topic_title_class input.cancel:hover {
    color: #fff !important;
    background: var(--primaryblue);
}

.to-do-create .outer,
.to-do-search .outer {
    position: relative;
    z-index: 1;
}

.to-do-create .outer .inner {
    background: #c6c6c64d !important;
    box-shadow: none;
    border: 2px dashed #16338382;
    margin-top: 25px;
    padding: 20px;
    margin-bottom: 25px;
}

.to-do-create .inner ol.breadcrumb {
    padding: 15px 20px;
}

.to-do-create .inner ol.breadcrumb a {
    color: var(--primaryblue);
}

.to-do-create .inner header span.a_todo h5 {
    color: #163383;
    margin-top: 0;
}

.to-do-create .inner header span.a_todo h5 span {
    display: block;
    padding-right: 10px;
    font-variant: initial;
    font-weight: 500;
    color: var(--primaryblue);
}

.to-do-create header#heder_stick {
    margin-top: 0;
    padding: 20px 20px;
}

.to-do-create #heder_stick select#filter {
    color: var(--primaryblue);
    /* height: 35px; */
    width: auto;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    border-color: var(--primaryblue);
    border-radius: 6px;
}

.to-do-create #heder_stick .icons {
    padding: 0;
}

.to-do-create header#heder_stick i.fa {
    color: var(--primaryblue);
    font-size: 20px;
    margin: 0;
}

#content.to-do-create header#heder_stick .right_edit_header i::before {
    content: "\f044";
    background-image: none;
    font-size: 20px;
    height: auto;
}

#topic_parrent_top span.edit-thread {
    margin-left: 0;
}

#topic_parrent_top span.edit-thread input {
    margin: 0;
    vertical-align: middle;
}

#topic_parrent_top span.edit-thread a {
    color: #163383;
    font-weight: 600;
}

.to-do-create header#heder_stick form {
    display: flex;
    align-self: center;
}

#topic_parrent_top span.edit-box.display-none {
    display: block !important;
    left: -22px;
    color: #163383;
    text-align: right;
}
.task-listpage #topic_parrent_top span.edit-box.display-none {
    display: flex !important;
    justify-content: end;
}
.topic-link .edit-thread .fa.comp_task_arrow {
    padding-right: 4px;
}

.thread-compalate .fa.comp_task_arrow {
    padding-right: 4px;
}

.topic-link .edit-thread span.edit-thread-span.comp_task {
    padding-left: 4px;
}

#topic_parrent_top .col-sm-12.topic-link {
    padding-left: 30px;
}

#topic_parrent_top form .checkbox .checker label {
    padding-left: 25px;
}

#topic_parrent_top form .checkbox .checker label span::before {
    content: '';
    border: 1px solid #262161;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 4px;
}

#topic_parrent_top form .checkbox .checker label span::after {
    content: '';
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #262161;
    border-width: 0 1.7px 1.7px 0;
    display: inline-block;
    position: absolute;
    opacity: 0;
    top: 6px;
    left: 5px;
}

#topic_parrent_top form .checkbox .checker label input:checked+span::after {
    opacity: 1;
}

#topic_parrent_top form .checkbox .checker label input {
    position: absolute;
    left: 0;
    top: 4px;
    opacity: 0.1;
}

.task-listpage #topic_parrent_top .topic_parrent form {
    padding: 15px;
    background: #fff;
    margin-top: 20px;
}

.task-listpage #topic_parrent_top .topic_parrent form .button-effect {
    font-size: 14px;
    font-weight: 500;
    background: #ef4036;
    border-color: #ef4036;
    border-radius: 6px;
}

.to-do-search .container .inner.bg-light {
    background-color: #c6c6c633 !important;
    box-shadow: none;
    border: 2px dashed #16338382;
    margin-top: 25px;
    padding: 20px;
    margin-bottom: 25px;
}

.to-do-search .container .inner.bg-light .col-sm-12 {
    color: #000;
}

.to-do-search .container .inner.bg-light .col-sm-12 a {
    color: #163383;
    font-weight: 500;
}

.task_info>.col-md-12.text-center button {
    width: 23.2%;
    flex: unset;
    margin: 10px 20px 10px 0;
    background: linear-gradient(90deg, rgba(6, 69, 166, 0.14) 50%, rgba(255, 93, 83, 0.35) 100%);
    transition: all 0.5s;
}

.task_info>.col-md-12.text-center button:nth-child(4n+4) {
    margin-right: 0;
}

.task_info>.col-md-12.text-center button span {
    color: #163383;
}

.main-dashboard::before {
    width: 100%;
    height: 250px;
    background: #ffff;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 200px;
    z-index: 1;
    content: '';
}

.main-dashboard .outer {
    position: relative;
    z-index: 1;
}

.task_info>.col-md-12.text-center button:hover,
.task_info>.col-md-12.text-center button:focus,
.task_info>.col-md-12.text-center button:active {
    background: #163383;
}

.task_info>.col-md-12.text-center button:hover span,
.task_info>.col-md-12.text-center button:focus span,
.task_info>.col-md-12.text-center button:active span {
    color: #fff;
}

.main-dashboard header i.fa.fa-list-alt {
    color: #163383;
}

.main-dashboard .row {
    margin-bottom: 20px;
    margin-top: 10px;
}

.view-taskdetail .outer .hasWickedpicker {
    position: relative;
    z-index: 0;
}

header#heder_stick a#unassing {
    color: #163383;
    font-weight: bold;
}

.main-dashboard .row:nth-child(4) header {
    border-radius: 0;
}

.company-create .outer {
    position: relative;
    z-index: 1;
}

.company-create label.control-label {
    color: grey;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    padding-top: 0;
    line-height: normal;
    min-height: 23px;
}

.company-create input.form-control:focus {
    box-shadow: none;
}

.create-projects .tab-content .form-group.has-error .has-error span {
    text-align: left;
}

.form-signin img {
    max-width: 100%;
}

@media (max-width: 767px) {

    body.login::before,
    body.login::after {
        width: 0;
        height: 0;
    }

    .login .form-signin {
        width: 80%;
    }
}

.dataTables_wrapper .dt-buttons .dt-button:hover,
.dataTables_wrapper .dt-buttons .dt-button:active {
    box-shadow: none !important;
    color: #ef4036;
    background: #fff !important;
    border: 0;
    text-shadow: none;
    outline: none;
}

.dt-button-collection>div {
    width: auto;
    text-align: center;
    padding: 0 10px;
}

#content div.dt-button-background {
    background: transparent;
    z-index: 0;
    width: 0;
    height: 0;
}

.dataTables_wrapper .dt-buttons {
    position: relative;
    text-align: left;
}

#content .dataTables_wrapper .dt-buttons .buttons-collection {
    border: 1px solid rgba(0, 0, 0, 0.4);
    padding: 6px 10px;
    min-width: 75px;
    text-transform: uppercase;
    color: #163383;
    background: transparent;
    height: 36px;
    font-weight: 600;
    margin: 15px 15px 15px auto;
}

div.dataTables_length select {
    height: 36px;
    border: 1px solid #a7a7a7;
    border-radius: 4px;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
}

div.dataTables_filter label {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}

.dataTables_wrapper .dt-buttons .buttons-collection:hover {
    border: 1px solid rgba(0, 0, 0, 0.4);
}

.dataTables_wrapper .buttons-collection .dt-down-arrow {
    display: none;
}

.salary_report .dataTables_wrapper .dt-buttons .dt-button {
    background: transparent;
}

.dataTables_wrapper .dt-buttons .dt-button span:focus-visible {
    outline: unset;
}

.to-do-create .add-task-todo {
    display: none;
}

#topic_parrent_top .task_list .view-more {
    float: right;
}

#topic_parrent_top .task_list .add-task {
    position: absolute;
    right: 0;
    top: 0;
}

.topic_parrent .add-task {
    position: absolute;
    right: 15px;
    top: 15px;
}

.completed-task,
#completed-task {
    border-top: 2px dashed #16338382;
    margin-top: 40px !important;
    padding-top: 20px;
}

#topic_parrent_top span.edit-box.display-none i {
    margin-left: 3px !important;
}

.task_list .mce-edit-area {
    width: calc(100% - 1px);
}

.topic_parrent #popup.new-add-task {
    padding: 0;
    max-width: 900px;
    width: 100% !important;
}

.title-main .close-right {
    width: 20%;
}

.new-add-task .form_task_thread {
    padding: 23px 30px;
}

.estimations {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 0 20px;
    grid-gap: 20px;
}

.estimations .col-sm-6 {
    padding: 0;
    width: 100%;
    float: none;
}

.estimations::before,
.estimations::after {
    display: none;
}

.task_popup_form .control-label {
    padding-bottom: 12px;
    padding-top: 0;
    display: block;
    text-align: left;
}

.padding-left-unset {
    padding-left: 0;
}

.employee_edit_profile,
.employee_edit_profile .outer,
.employee_edit_profile .inner {
    min-height: unset !important;
}

.image-uploades input[type="file"] {
    appearance: none;
    opacity: 0;
    height: 100%;
}

.image-uploades div.choose-img {
    width: 120px !important;
    height: 120px;
    background: rgba(199, 199, 199, 0.1);
    border: 2px dashed #A7A7A7;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

div.choose-img .choose-title {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    color: #C7C7C7;
}

.task_popup_form .image-section>div {
    width: 110px !important;
    height: 110px;
    background: rgba(199, 199, 199, 0.1);
    border-radius: 4px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin: 0 15px 15px 0;
    font-size: 11px;
    text-align: center;
}

.task_popup_form .image-section>div #btn {
    border: 0;
    background: #f5f5f5;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    width: auto;
    padding: 0px 2px;
}

.task_popup_form .image-section>div #btn::before {
    content: '×';
    font-size: 20px;
    color: grey;
}

.task_popup_form .padding-right-unset {
    padding-right: 0;
}

#topic_parrent_top .topic_parrent .task_popup_form .emp_dropbox li input,
.emp_dropbox li input.select2-search__field {
    margin-top: 7px !important;
    padding: 0px 12px !important;
}

.task-listpage #topic_parrent_top .topic_parrent .task_popup_form form {
    border: 0;
    background: transparent;
}

#topic_parrent_top .topic_parrent .task_popup_form .emp_dropbox,
.task_popup_form .emp_dropbox {
    height: 32px !important;
}

.bell-notification .fa-bell {
    margin-right: 10px;
    cursor: pointer;
}

.bell-notification .my-notification {
    left: auto;
    right: 0;
    height: 100vh;
    overflow: auto;
}

body.notifyclass {
    overflow: hidden;
}

.bell-notification .my-notification div#sticky_menu_left {
    position: unset;
}

.side-top-div {
    margin-bottom: 20px;
}

.my-notification table td,
.my-notification table th {
    white-space: normal;
}

.my-notification table td a:hover {
    color: #163383;
}

.salary-lists-li {
    margin: 0 0 10px;
    list-style: none;
}

.salary-lists-li::before {
    content: '>';
    font-size: 15px;
    font-weight: bold;
    color: #ff5d53;
    margin-right: 6px;
}

.salary-list {
    padding: 0 0 0 15px;
}

.refresh_rates .col-sm-4:nth-child(1) input.button-block.remove-setting {
    margin-top: 0;
}

/*Newcustom1 End*/
/*CommonCSS Start*/
.type_radio_label {
    width: 150px;
}

.select_time_tofrom {
    width: 100px;
    margin-top: 5px;
}

@keyframes blinker {
    80% {
        opacity: 0;
        background: inherit;
        color: white;
    }
}

.task_div_details .form-control {
    margin-top: 10px;
    height: 100px !important;

}

.task_div_details .btn-primary {
    width: 150px;
    margin-top: 10px;
}

.task_div_details input.form-control,
.task_div_details select.form-control {
    margin-top: 10px;
    height: 40px !important;
}

.task-detail1 {
    padding: 10px;
    text-align: left;
}

.task-detail2 {
    padding: 10px 0px 0px 10px;
}

.disabled_taskicon {
    text-decoration: none !important;
    color: #797979 !important;
    background-color: #d8d8d8 !important;
    background: transparent !important;
}

.commenterrbox {
    border-color: #F00;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 rgba(233, 102, 102, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(233, 102, 102, 0.6)
}

.quick-btn span {
    padding-top: 6px;
}

.ui-datepicker-month,
.ui-datepicker-year {
    color: #1c94c4 !important;
    width: 49%;
}

;

.permission-error {
    width: 100%;
    text-align: center;
    height: 30px;
    padding: 2%;
    background-color: rgba(255, 17, 17, 0.18);
    line-height: 0px;
    color: rgb(217, 79, 79);
    border: 1px solid rgba(255, 17, 34, 0.37);
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
}

.body.genral_info_details {
    background: #fff;
    padding: 8px 0 0 14px;
    box-shadow: 0 0 1px #ccc;
}

.sticky-dropdown.skip-link.skip-nav.skip-active.active {
    position: fixed;
    top: 60px;
    z-index: 999;
}

.skip-nav .icon:before {
    display: inline-block;
    font-family: "material-design";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "";
}

#heder_stick .button-effect {
    margin-left: 2px !important;
    height: 40px
}

.pro_permission_error {
    background: #fff;
}

.pro_permission_error h3 {
    font-size: 28px;
    height: 63px;
    padding-top: 31px !important;
}

.btn-group.pull-right {
    display: inline-flex;
}

input#search_project {
    margin: 0 16px 0 0;
}

div#topic_parrent_img {
    text-align: center;
}

img.priority-img {
    width: 24px;
    margin: -6px 0 0 -13px;
}

span.priority-label {
    font-size: 12px;
}

.phighest {
    color: #d04437;
    font-size: 15px;
}

.phigh {
    color: #f05c75;
    font-size: 15px;
}

.pmedium {
    color: #f79232;
    font-size: 15px;
}

.plow {
    color: #707070;
    font-size: 15px;
}

.plowest {
    color: #999999;
    font-size: 15px;
}

a.button-effect.pull-right.btn_add_new_proj {
    margin-right: 16px;
}

.button-effect-sidebar {
    background: #eeeeee;
    border: 1px solid #212121;
    border-radius: 3px;
    color: #fff;
    margin: 10px 0;
    padding: 9px 15px;
    transition: all .2s ease .1s;
    display: inline-block;
    color: #000;
}

span.status {
    padding: 3px;
    border-radius: 6px;
    background-color: #00ff40;
    font-size: 11px;
}

.button-effect-sidebar:hover {
    border: 1px solid var(--primaryblue);
    background: transparent;
    color: var(--primaryblue);
    text-decoration: none;
}

.project-detail-sidebar a {
    display: inline-block !important;
    color: #111 !important;
}

.project-detail-sidebar.no-task {
    padding: 10px 0;
}

div#sticky_menu_left {
    max-width: 300px !important;
    text-align: center;
}

h5.dtl-priority {
    margin: 0 0 0 -18px !important;
}

#heder_stick .edit-box {
    top: 0;
}

element.style {}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

img.user_image {
    vertical-align: middle;
    margin: 4px 21px 0;
    border-radius: 5px;
}

div#display_estimate_time {
    float: right;
    padding-bottom: 12px;
}

.display_estimate_time {
    float: right;
    padding-bottom: 13px;
}

.col-sm-3.user_profile_image_task {
    padding-right: 0;
    text-align: right;
    margin-top: 4px;
}

#heder_stick .col-sm-11 .col-sm-3 .col-sm-3 img.user_image {
    margin: 0;
}

#heder_stick .col-sm-11 .col-sm-3 .col-sm-9 {
    padding-left: 4px;
}

.perf_indicator .col-sm-12 .col-sm-4.perf_box {
    height: 100px;
}

.perf_indicator .body.user-activity-details .col-sm-12 {
    margin: 19px 0;
}

.perf_box .perf_inner {
    border: 2px solid;
    padding: 14px 4px;
    height: 107%;
}

.body.user-activity-details.col-sm-12 {
    min-height: 417px;
}

p.leave_of {
    margin-top: 10px;
}

.body.user-activity-details.col-sm-12 .col-sm-4.perf_box .perf_inner .font_change {
    font-weight: bold;
}

span.pull-right.right_edit_header {
    font-size: 20px;
    padding: 6px 2px;
    cursor: pointer;
}

.col-lg-offset-2.col-lg-8.projects_list_upd {
    column-count: 2;
}

.form-control.employee_manual_time {
    width: 14px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
}

/*2019-10-09*/

.todo_e_edit {
    display: block;
    width: calc(100% - 350px);
    padding-left: 9px;
}

.todo_e_edit .form-control {
    margin: 16px 6px;
    display: inline-block;
    width: calc(42% - 30px);
}

.todo_e_edit .topic_title_class .btn {
    line-height: normal;
    vertical-align: top;
    height: 34px;
    margin-top: 16px;
    padding: 0 15px;
}

/*2019-10-10*/
.task_info {
    margin-bottom: 30px;
}

.task_info button {
    font-size: 20px;
    font-weight: normal;
    color: #333;
    position: relative;
    display: inline-block;
    text-align: center;
    height: 100px;
    padding: 9px 12px;
    border-radius: 6px;
    margin: 15px 1% 15px;
    vertical-align: top;
    overflow: hidden;
    border: none;
    width: 22%;
    background: #f5efe6;
}

#heder_stick {
    margin-top: 20px;
}

.task_info button span.task_list {
    text-align: center;
    display: inline-block;
    margin: 15px 0 0;
    color: #006;
}

.task_info button:hover {
    text-decoration: none;
}

.task_info button span {
    position: relative;
    display: block;
    color: #333;
}

.task_info button.open_task {
    border-color: #17a2b8;
    color: #17a2b8;
}

.task_info button.assigned_task {
    border-color: #007acc;
    color: #007acc;
}

.task_info button.bugs_task {
    border-color: #e74d5c;
    color: #e74d5c;
}

.task_info button.completed_task {
    border-color: #3c9650;
    color: #3c9650;
}

.task_info button:focus {
    outline: none;
}

.task_info button:before {
    content: "";
    width: 0%;
    height: 0%;
    opacity: 0;
    line-height: 40px;
    border-radius: 50%;
    background: #BFC0C0;
    position: absolute;
    transition: all .5s ease-Out;
    top: 20px;
    left: 70px;
    display: none;
}

.task_info button:hover:before {
    width: 200%;
    height: 500%;
    opacity: 1;
    top: -70px;
    left: -70px;
}

.task_info button.open_task:hover:before {
    background: #17a2b8;
}

.task_info button.assigned_task:hover:before {
    background: #007acc;
}

.task_info button.bugs_task:hover:before {
    background: #e74d5c;
}

.task_info button.completed_task:hover:before {
    background: #3c9650;
}

.task_info {
    margin: 0px;
    background: #fff;
}

/*START 11-10-2019*/
.task_info>.col-md-12.text-center {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    justify-content: center;
}

.task_info>.col-md-12.text-center button {
    flex: 1;
}

.task_info button span {
    font-size: 14px;
    font-weight: 500;
}

.task_info button span.task_list {
    font-size: 20px;
}

/*2019-1-19*/
.btn.status.active {
    background: #ef7272;
    text-decoration: none;
    color: #2b91af;
}

.btn.status.active span {
    color: #fff;
}

.btn.status:focus {
    outline: none;
}

.leave-box {
    width: 100%;
    overflow: auto;
    height: 430px;
    padding: 10px 0px;
}

.leave-balance {
    background: none;
    border: 1px solid #272360;
    color: #262161;
    border: 1px solid #212121;
    border-radius: 3px;
    padding: 5px 0px;
    transition: all 0.2s ease 0.1s;
    display: inline-block;
}

.change-btn {
    margin-top: 15px;
    background: none;
    border: 1px solid #272360;
    color: #262161;
    margin-right: 16px;
    border: 1px solid #212121;
    border-radius: 3px;
    padding: 9px 9px;
    transition: all 0.2s ease 0.1s;
    display: inline-block;
}

.main-dashboard header i.fa.fa-tags {
    color: #163383;
}

.list_of_increment .dataTables_length {
    padding: 15px 0 15px 15px;
}

.list_of_increment .dataTables_filter,
.list_of_increment .dataTables_info {
    padding: 15px 15px 0;
}

.list_of_increment td:last-child {
    max-width: 100px;
    min-width: 90px;
    box-sizing: border-box;
}

.list_of_increment .dataTables_paginate {
    padding-right: 15px;
}

.doc_upload_btn {
    margin: 0 !important;
}

.uploaded_doc_name {
    text-align: left;
}

.register-employee .alert {
    margin-top: 30px !important;
    margin-bottom: 10px;
}

.disable-click {
    pointer-events: none;
}

span.project_title_class {
    color: #163383;
    font-weight: 600;
    font-size: 18px;
}

.employee-record {
    padding: 15px 0 15px 15px;
    margin: 0 auto;
    display: inline-block;
    float: right;
}

.employee-active-deactive,
.employee-active-open,
.employee-active-not-join,
.employee-active-in-progress,
.employee-active-active {
    color: #000;
    background: transparent;
    height: 36px;
    font-weight: 500;
    padding: 10px 10px 10px 20px;
    border-radius: 5px;
    display: inline-block;
    margin: 0;
    position: relative;
}

.employee-active-deactive>span::before,
.employee-active-open>span::before,
.employee-active-not-join>span::before,
.employee-active-in-progress>span::before,
.employee-active-active>span::before {
    content: '';
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    background-color: #ff8b71;
    left: 0;
    top: 46%;
    transform: translate(0%, -50%);
    border-radius: 50%;
    border: 1px solid #00000059;
}

.employee-active-active>span::before {
    background-color: #17bb17;
}

.employee-active-open>span::before {
    background-color: #e2e3fb;
}

.employee-active-not-join>span::before {
    background-color: #74A3FE;
}

.employee-active-in-progress>span::before {
    background-color: #eef04e;
}

.employee-active-deactive {
    margin-left: 10px;
}

span.search_date_style {
    vertical-align: middle;
    color: #a5a0a0;
}

.loader-custom {
    width: 100%;
    height: 100%;
    background-color: rgba(204, 204, 204, 0.25);
    display: block;
    position: absolute;
    z-index: 9999;
    top: 0px;
}

.loader-custom img {
    top: 50%;
    width: 70px;
    text-align: center;
    left: 47%;
    z-index: 9999;
}

.widgets-modal .loader-custom {
    background-color: rgba(204, 204, 204, 0.5);

}

.widgets-modal .loader-custom img {
    width: 15%;
    left: 45%;
}

.widgetbox-custom .loader-custom img,
.task-latest-widget .loader-custom img {
    top: 50%;
    width: 30px;
    text-align: center;
    left: 44%;
    z-index: 9999;
}

.task-latest-widget .loader-custom img {
    left: 47%;
}

.widgetbox-custom .loader-custom {
    z-index: 99999;
}

.leave-view .leave-view-eye {
    font-size: 16px;
    color: #262261;
    cursor: pointer;
}

.view_more_project.select-emp.top-ten-selector.leave-view {
    display: flex;
    align-items: center;
    min-width: 95px;
    grid-gap: 10px;
}

.employee_list .table>tbody>tr>td.experience-note-chnage {
    display: flex;
    gap: 10px;
    align-items: center;
}

.employee-list-page span.select2-selection.select2-selection--multiple {
    min-height: 36px;
}

.employee-list-page span#select2-skill_filter-container {
    line-height: inherit;
}

.employee-list-page .select2-container--default .select2-search--inline .select2-search__field {
    padding: 4px 10px;
}

.client-addlist form#create_client .form-group label.without_require_label::after,
.form_task_thread label.without_require_label::after,
#company_form .form-group label.without_require_label::after,
#createClient form#create_client .form-group label.without_require_label::after {
    content: '';
    padding: 0;
    font-size: 0;
}

#company_form .has-error .help-block {
    text-align: left;
}

a.custom-toggle {
    margin-top: 0px;
}

.mad-mark label::after {
    content: '*';
    color: red;
    font-size: 17px;
    padding-left: 1px;
}

.has-error .help-block {
    text-align: left;
}

.checkbox.anim-checkbox label {
    color: black;
}

.form-group.project-selected.col-lg-6 {
    width: 100%;
}

.checkbox.has-error {
    display: flex;
    padding-top: 30px;
    min-height: 50px;
}

span#projects\[\]-error {
    position: absolute;
    text-decoration: underline;
    top: 3px;
    font-size: 14px;
    font-weight: 600;
}

.select-box .multiselect-dropdown {
    width: 170px;
}

@media screen and (max-width:700px) {
    .select-box {
        width: 100%;
        text-align: center;
    }
}

.task_filter {
    width: 50%;
}

@media screen and (max-width:375px) {
    .task-details {
        padding: 0 !important;
    }
}

.select-box {
    padding: 0 10px;
}

.projectselect label {
    white-space: nowrap;
    margin: 0;
    width: calc(100% - 22px);
}

.form_new_project {
    display: flex;
    flex-wrap: wrap;
}

.row.task-details {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--primaryblue);
    padding: 7px 15px;
}

.summary-title {
    width: 50%;
    text-align: left;
    font-size: 17px;
}

.summary-time {
    width: 50%;
    font-weight: 500;
    text-align: right;
}

.total-time {
    font-weight: 900;
    font-size: 16px;
}

.reset-password {
    text-align: center;
}

span.created_name a {
    color: var(--primaryblue);
}

.view_more_project .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 5px;
}

.upcoming-salary-header h5 {
    width: calc(100% - 120px);
}

.upcoming-salary-header .icons {
    width: 50px;
}

.reset_upcoming_salary_widget {
    width: 70px;
}

.reset_upcoming_salary_widget .circle-btn-radius {
    padding: 4px;
    width: 35px;
    height: 35px;
}

.leave_setting header .icons i,
.festival_leave header .icons i,
.smtp_administration header .icons i,
.form_level_one header .icons i,
.refresh_rates .box header .icons i {
    font-size: 34px;
    color: #ffffff;
}

#popup1 {
    position: fixed;
    z-index: 9999;
    opacity: 1;
    display: block;
    box-shadow: 0 0 25px 15px #999;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    width: 450px;
    color: #111;
    padding: 15px 25px 0;
    border: 2px solid #222;
}

#table_salary td:nth-child(1),
#table_salary td:nth-child(2) {
    text-align: left !important;
}

#table_salary td:nth-last-child(5) {
    text-align: center !important;
}

#table_salary td:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(5)) {
    text-align: right !important;
}

#table_salary th {
    text-align: center !important;
}

.center-align-th {
    text-align: center !important;
}

#clients_list .select2-container .selection span.select2-selection.select2-selection--single,
#projects_list .select2-container .selection span.select2-selection.select2-selection--single,
#employee_list .select2-container .selection span.select2-selection.select2-selection--single {
    height: auto;
}

#mesage-refreshrate .alert.alert-success,
#mesage-timezone .alert.alert-success,
#mesage-comp-time .alert.alert-success,
#mesage-smtp .alert.alert-success,
#mesage-leave .alert.alert-success,
#mesage-custom .alert.alert-success,
#level_msg .alert.alert-success,
#salary_formula_msg .alert.alert-success,
#fest_leave_msg .alert.alert-success {
    margin-top: 0px !important;
}

.topic_parrent .loader-custom,
.topic_parrent_top .loader-custom {
    display: flex;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
}

.topic_parrent .loader-custom>img,
.topic_parrent_top .loader-custom>img {
    position: unset !important;
    width: 50px;
}

.custom-msg-popup {
    background: white;
    border-radius: 8px;
    font-weight: 500;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 500px;
}

.error-msg-popup {
    color: #ff0000;
}

.success-msg-popup {
    color: #008000b0;
}

span.select2.select2-container.select2-container--default.assign_box,
span.select2.select2-container.select2-container--default.status_box {
    width: 176px !important;
}

span.select2.select2-container.select2-container--default.status_box .select2-selection--single,
span.select2.select2-container.select2-container--default.assign_box .select2-selection--single {
    height: 39px !important;
    padding-top: 5px !important;
}

#upcomming-salary .view_more_project.select-emp.top-ten-selector.leave-view {
    width: 60px;
    text-align: right;
    min-width: 0px;
}

#upcomming-salary .view_more_project.select-emp.top-ten-selector.leave-view i#view-client {
    font-size: 20px;
}

#upcomming-salary .view_more_project.select-emp.top-ten-selector.leave-view i#view-client.circle-btn-radius {
    border-radius: 50%;
    margin: 0;
    background: #262261;
    border: 1px solid #262261;
    color: #fff;
    padding: 4px;
    height: 35px;
    transition: all 0.2s ease 0.1s;
    display: inline-block;
}

.task-view-icon i {
    font-size: 16px;
    align-items: center;
    display: flex;
    color: #000;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: #262261;
}

.leav_imge {
    font-size: 16px;
    color: #262261;
}

.wrapper-popup-button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.wrapper-popup-margin {
    margin-bottom: 25px;
}

.left-align {
    margin-bottom: 20px;
}

.dataTable td:last-child a:hover,
.dataTable td:last-child a:focus {
    text-decoration: none;
}

.control-label i {
    padding-right: 5px;
}

.col-md-33 {
    width: 33.33%;
}

.text-danger {
    margin: 5px 0 0 5px;
    display: block;
}

.invoice-upload-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.common_dashed_form .invoice-upload-container form .form-control {
    margin-bottom: 10px;
}

.invoice-upload-container .btn-download-sample:hover {
    background-color: #218838;
}

.invoice-upload-container .upload-form {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 600px;
}

.invoice-upload-container .download-sample {
    display: flex;
    margin-bottom: 12px;
}

.invoice-upload-container .form-label {
    font-size: 16px;
    font-weight: 600;
    color: #262261;
    display: block;
    margin-bottom: 15px;
}

.invoice-upload-container .form-control {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

.invoice-upload-container .btn-submit {
    background-color: #262261;
    color: white;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.3s ease;
}

.invoice-upload-container .btn-submit:hover {
    background-color: #1f1f4d;
}

.form-row .form-group-new select,
.form-row .form-group-new input,
.form-row .form-group-new textarea {
    border-bottom: 1px solid #dcdaf2;
}

.col-md-33 {
    width: 33.33%;
}

.text-danger {
    margin: 5px 0 0 5px;
    display: block;
}

.create_client .projects_list.has-error,
.create_client .projects_list_upd.has-error {
    border-color: #A94442 !important;
}

.info-box {
    background: #eaeafd;
    margin-top: 10px;
    font-weight: 600;
    display: flex;
    align-items: flex-start;
    background-color: #e1f5fe;
    border: 1px solid #90caf9;
    border-radius: 5px;
    padding: 15px;
    font-size: 0.9em;
    line-height: 1.4;
    color: #262261;
}

.auth-button {
    margin-top: 15px;
    background-color: #3c91e6;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 10px;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
    transition: background 0.3s;
}

.auth-button:hover {
    background-color: #ef4036;
}

.use-auth-box {
    display: flex;
    align-items: center;
    background-color: #f8f8f8;
    padding: 15px;
    border-radius: 10px;
    margin: 10px 0;
    cursor: pointer;
    transition: box-shadow 0.3s;
}

.use-auth-box:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.use-auth-box img {
    width: 20px;
    margin-right: 10px;
}

.use-auth-box span {
    font-weight: 600;
    font-size: 15px;
    color: #0D1B3E;
}

#otpOnlyField {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.auth-setup-container {
    max-width: 500px;
    margin: 50px auto;
    padding: 20px 30px;
    text-align: center;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    color: #333;
    border: 2px dashed #262261;
}

.authenticator_setup .wrapper-popup-custom {
    padding: 0 !important;
}

.auth-setup-container .logo {
    width: 180px;
    margin-bottom: 25px;
}

.auth-setup-container h2 {
    color: #262261;
    font-size: 26px;
    margin-bottom: 0;
}

.auth-setup-container img.qr-img {
    margin: 0;
    width: 130px;
    height: 130px;
}

.auth-setup-container p {
    font-size: 16px;
    margin: 20px 0;
}

.auth-setup-container h3 {
    background-color: #262261;
    padding: 12px 20px;
    display: inline-block;
    border-radius: 8px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    word-break: break-all;
    font-size: 16px;
}

.auth-setup-container form {
    margin-top: 30px;
}

.auth-setup-container input[type="text"] {
    padding: 10px 15px;
    width: 80%;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 16px;
    margin-bottom: 15px;
}

.auth-setup-container button {
    background-color: #262261;
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.auth-setup-container button:hover {
    background-color: #ef4036;
}

@media (max-width: 600px) {
    .auth-setup-container {
        padding: 30px 20px;
    }

    .auth-setup-container input[type="text"] {
        width: 100%;
    }
}

.login .form-signin {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.login .form-wrapper {
    padding: 40px 30px;
    max-width: 420px;
    width: 100%;
}

.notification-bar {
    top: 0;
    position: sticky;
    background-color: #262261;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    z-index: 9999;
}

.notification-bar a {
    color: #fff;
    text-decoration: underline;
}


/* All form common css 26-06-2025 */
.box .new-header-form {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    grid-column-gap: 5px;
}

.box .new-header-form h5 {
    padding: 0;
}

#content .box .new-header-with-button {
    max-width: 800px;
    justify-content: space-between;
    margin: 0 auto;
    padding: 15px 0px;
}

.box header:after,
.box header:before {
    display: none;
}

.new-header-inner-left {
    display: flex;
    align-items: center;
    gap: 5px;
}

.box .middle-content {
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto;
    border: none;
}

.aims-form .select2-container.select2 {
    border: 0;
    border-bottom: 1px solid #dcdaf2;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    color: #262261;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.aims-form .select2-container--default .select2-selection--single {
    border: 0;
}

.aims-form .select2-container.select2 .select2-selection__rendered {
    color: #262261;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
}

.aims-form .select2-container.select2 .select2-selection__arrow b,
.aims-form .select2-container.select2-container--open.select2 .select2-selection__arrow b {
    content: "";
    display: inline-block;
    right: 0;
    position: absolute;
    top: 10px;
    width: 7px;
    height: 7px;
    border: 0;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #262261;
    transform: rotate(45deg);
}

.aims-form .assign-projects .select2-container--default .select2-selection--multiple {
    border: 0;
}

.aims-form .has-error .assign-projects .select2-container--default .select2-selection--multiple {
    border: 0;
    border-bottom: 1px solid #a94856 !important;
    border-radius: 0;
}

.aims-form form .form-control input:focus,
.aims-form form .form-control textarea:focus,
.aims-form form .form-control select:focus {
    border: 1px solid #dcdaf2;
    box-shadow: none;
}

.middle-content .form-row,
.aims-form .form-group div.has-error {
    display: flex;
    flex-wrap: wrap;
    justify-self: center;
}

.select-employee div.has-error,
.requert-leave .has-error,
.aims-form .form-group span.has-error,
.middle-content .form-row {
    width: 100%;
}

.aims-form .form-group .has-error .select2.select2-container {
    order: 1;
}

.aims-form .form-group .has-error .help-block {
    order: 2;
    display: block;
    width: 100%;
}

.aims-form .has-error .form-control:focus {
    box-shadow: none;
}

.requert-leave .type_radio_label {
    color: #000;
}

.aims-form form textarea {
    height: 36px;
}

.form-signup {
    background-color: #fff;
    padding: 30px 10px;
}

.address-create textarea {
    min-height: 125px;
}

.country-create {
    margin-top: 10px;
}

.phone-number .iti.iti--allow-dropdown.iti--separate-dial-code.has-error {
    height: auto !important;
}

.phone-number .iti.iti--allow-dropdown.iti--separate-dial-code.has-error .iti__flag-container {
    height: 36px;
}

.aims-form textarea {
    width: 100% !important;
}

.aims-error-msg {
    max-width: 800px;
    margin: 0 auto;
    display: block;
}

/* All form common css 26-06-2025 */

/* company setting  */

.lter.aims-setting-section {
    background-color: #fff;
    border-radius: 10px;
    max-width: 800px;
    margin: 0 auto;
    float: none;
    padding: 30px 20px;

}

.aims-setting-section header .icons i svg {
    width: 22px;
}

.setting-success:empty {
    display: none;
}

.load-free-setting {
    padding-top: 20px;
}

.setting_page .section .icons {
    display: flex;
    align-items: center;
    grid-column-gap: 8px;
    flex: 1;
}

#content.setting_page .section {
    display: flex;
    align-items: center;
    border-radius: 0;
    margin: 0;
    border-bottom: 1px solid #262261;
    padding: 10px 0;
}

.setting_page .section h5 {
    font-size: 16px;
    padding: 0;
}

.setting_page .section a {
    display: flex;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    color: #262261;
}

.setting_page .section a:hover {
    text-decoration: none;
}

.setting_page svg,
.setting_page h5 {
    color: #262261 !important;
}

.setting_page .section-box {
    border: none !important;
}

.setting_page .section-box header+div {
    display: none;
}

.box .new-header-form {
    display: flex;
    align-items: center;
    justify-self: center;
    background-color: transparent;
    grid-column-gap: 5px;
}

.box .new-header-form h5 {
    padding: 0;
}

.leave-setting-section form::before {
    display: none;
}

.leave-setting-section form>.form-group {
    width: calc(50% - 20px);
    margin: 0;
    padding: 0;
    float: none;
}

.leave-setting-section form>.form-group>* {
    padding: 0;
}

.leave-setting-section form>.form-group.col-sm-12 {
    width: 100%;
}

.leave-table {
    max-height: 350px;
    overflow: auto;
}

.setting_page.white_bg form .form-control {
    border-radius: 0;
}

.festival_leave .table>tbody>tr>td:first-of-type {
    border-left: 1px solid #ddd;
}

#level_table>tbody>tr>td:first-of-type {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#level_table.table-bordered td:last-child {
    border-right: 1px solid #ddd;
}

.task-latest-setting {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.task-latest-left {
    width: 80%;
}

.task-latest-right {
    width: 20%;
    padding-left: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-10 {
    margin-bottom: 10px;
}

.leave-setting .form-row {
    gap: 20px;
}

.leave-setting .form-row>.form-group {
    padding: 0;
    width: calc(50% - 10px);
    margin: 0;
}

.leave-setting .form-row>.col-sm-12 {
    width: 100%;
}

#form_smtpConfig {
    width: 100%;
}

.setting_page .button-effect {
    line-height: 15px;
}

#wrap {
    flex-wrap: wrap;
}

#popup .button-thread {
    margin-bottom: 20px;
}

.salary_report .box .collapse {
    width: 100%;
    display: block;
}

.load-free-leave>.load-free-leave {
    margin: 0;
}

#mesage-status>.alert {
    margin-top: 0 !important;
}

#content .sticky-wrapper > header {
    flex-wrap: unset;
}
#select_task{
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-evenly;
    margin-bottom: 15px;
}
#Final_log_form .select2-container .select2-selection--single {
    height: 36px !important;
}
#Final_log_form .select2-container--default .select2-selection--single .select2-selection__rendered, .daily_report .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 34px !important;
}
#popup .task_div_details .select2-selection__rendered{
    display: flex;
    align-items:center;
}
#popup .task_div_details  .select2-selection--single{
    height: 40px;
}
#task_detail{
    width: 356px;
    margin: 0px 25px 12px;
}
input.remove-arrow::-webkit-inner-spin-button,
input.remove-arrow::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.remove-arrow {
  -moz-appearance: textfield;
}
#backToLogin{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: white;
    cursor: pointer;
    padding: 12px 0px 10px;
    display: block;
    text-align: center;
}
#popup1.probation-popup-scroll {
    max-height: 550px;
    overflow-y: auto;
    scrollbar-width: none;
}
#invoices_list_table_wrapper .partpaid-invoice>span::before {
    background-color: #5aa3e8;
}
#invoices_list_table_wrapper .cancelled-invoice>span::before {
    background-color: #e53935;
}
#invoices_list_table_wrapper .unpaid-invoice{
    margin-left: 0px;
}