@font-face {
    font-family: 'roboto_regular';
    src: url('../assets/dist/font/roboto_regular/roboto_regular.eot');
    src: url('../assets/dist/font/roboto_regular/roboto_regular.eot?#iefix') format('embedded-opentype'), url('../assets/dist/font/roboto_regular/roboto_regular.svg#roboto_regular') format('svg'), url('../assets/dist/font/roboto_regular/roboto_regular.ttf') format('truetype'), url('../assets/dist/font/roboto_regular/roboto_regular.woff') format('woff'), url('../assets/dist/font/roboto_regular/roboto_regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-bold';
    src: url('../assets/dist/font/roboto_bold/roboto_bold.eot');
    src: url('../assets/dist/font/roboto_bold/roboto_bold.eot?#iefix') format('embedded-opentype'), url('../assets/dist/font/roboto_bold/roboto_bold.svg#roboto_bold') format('svg'), url('../assets/dist/font/roboto_bold/roboto_bold.ttf') format('truetype'), url('../assets/dist/font/roboto_bold/roboto_bold.woff') format('woff'), url('../assets/dist/font/roboto_bold/roboto_bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_italic';
    src: url('../assets/dist/font/roboto_italic/roboto_italic.eot');
    src: url('../assets/dist/font/roboto_italic/roboto_italic.eot?#iefix') format('embedded-opentype'), url('../assets/dist/font/roboto_italic/roboto_italic.svg#roboto_italic') format('svg'), url('../assets/dist/font/roboto_italic/roboto_italic.ttf') format('truetype'), url('../assets/dist/font/roboto_italic/roboto_italic.woff') format('woff'), url('../assets/dist/font/roboto_italic/roboto_italic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_light';
    src: url('../assets/dist/font/roboto_light/roboto_light.eot');
    src: url('../assets/dist/font/roboto_light/roboto_light.eot?#iefix') format('embedded-opentype'), url('../assets/dist/font/roboto_light/roboto_light.svg#roboto_light') format('svg'), url('../assets/dist/font/roboto_light/roboto_light.ttf') format('truetype'), url('../assets/dist/font/roboto_light/roboto_light.woff') format('woff'), url('../assets/dist/font/roboto_light/roboto_light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensed_bold';
    src: url('../assets/dist/font/roboto_condensed_bold/roboto_condensed_bold.eot');
    src: url('../assets/dist/font/roboto_condensed_bold/roboto_condensed_bold.eot?#iefix') format('embedded-opentype'), url('../assets/dist/font/roboto_condensed_bold/roboto_condensed_bold.svg#roboto_condensed_bold') format('svg'), url('../assets/dist/font/roboto_condensed_bold/roboto_condensed_bold.ttf') format('truetype'), url('../assets/dist/font/roboto_condensed_bold/roboto_condensed_bold.woff') format('woff'), url('../assets/dist/font/roboto_condensed_bold/roboto_condensed_bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoslab-bold';
    src: url('../assets/dist/font/robotoslab-bold/robotoslab-bold.eot');
    src: url('../assets/dist/font/robotoslab-bold/robotoslab-bold.eot?#iefix') format('embedded-opentype'), url('../assets/dist/font/robotoslab-bold/robotoslab-bold.svg#robotoslab-bold') format('svg'), url('../assets/dist/font/robotoslab-bold/robotoslab-bold.ttf') format('truetype'), url('../assets/dist/font/robotoslab-bold/robotoslab-bold.woff') format('woff'), url('../assets/dist/font/robotoslab-bold/robotoslab-bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

body {
    color: #3c4043;
    font-family: 'roboto_regular';
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'roboto_regular';
}

.select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected="true"] {
    display: none !important;
}

.clsimg {
    max-width: 100%;
    object-fit: cover;
    height: auto;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

img {
    object-fit: cover;
}

.form-group img.preview_img {
    max-width: 100px;
    width: 100%;
    height: 100%;
}

label {
    font-weight: unset;
    font-family: 'roboto-bold';
}

.permission-checkbox label {
    font-family: 'roboto_regular';
}

label b,
label strong {
    font-weight: unset;
}

b,
strong {
    font-weight: unset;
    font-family: 'roboto-bold';
}

.gritter-item-wrapper.success {
    background: rgba(0, 166, 121, 0.9);
}

.gritter-item-wrapper.danger {
    background: rgba(221, 75, 71, 0.9);
}

div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label {
    font-family: 'roboto_regular';
}

div.dataTables_wrapper div.dataTables_info {
    white-space: break-spaces;
}

.error-page>.headline {
    width: 100%;
    text-align: center;
}

.error-page>.error-content {
    margin-left: 0;
    text-align: center;
}

#glob_loader {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999999;
    text-align: center;
}

#glob_loader div {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 200px;
    text-align: center;
}

#glob_loader div img {
    max-width: 100px;
    clear: both;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}

#glob_loader div span {
    color: #fff;
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 15px;
    letter-spacing: 2px;
}

.top5 {
    margin-top: 5px;
}

.top10 {
    margin-top: 10px;
}

.top15 {
    margin-top: 15px;
}

.top20 {
    margin-top: 20px;
}

.top25 {
    margin-top: 25px;
}

.top30 {
    margin-top: 30px;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.ml-2 {
    margin-left: 2% !important;
}

.ml-3 {
    margin-left: 3% !important;
}

.ml-4 {
    margin-left: 4% !important;
}

.ml-5 {
    margin-left: 5% !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.select2-container .select2-selection--single {
    height: 34px !important;
}

.input-textarea {
    height: 35px !important;
}

.select2-container .select2-selection--multiple {
    padding: 0px 7px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

.input-group .input-textarea {
    height: 34px !important;
}

.border-radius-0 {
    border-radius: 0px !important;
}

.dataTable tbody td {
    vertical-align: middle !important;
}

.dataTables_filter {
    text-align: right;
}

.paging_simple_numbers {
    text-align: right;
}

input[type="date"] {
    line-height: 20px !important;
}

.d-block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

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

.resize-vertical {
    resize: vertical !important;
}

.resize-vertical {
    resize: vertical !important;
}

.align-middle {
    vertical-align: middle !important;
}

.color-palette {
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.color-palette-set {
    margin-bottom: 15px;
}

.color-palette span {
    display: none;
    font-size: 12px;
}

.color-palette:hover span {
    display: block;
}

.color-palette-box h4 {
    position: absolute;
    top: 100%;
    left: 25px;
    margin-top: -40px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    display: block;
    z-index: 7;
}


/* DJ Vertical tab css start */

.vertical_tab_menu {
    display: inline-flex;
    width: 100%;
}

.vertical_tab_menu>ul.nav-tabs {
    display: flex;
    flex-direction: column;
    width: 180px;
}

.vertical_tab_menu .tab-content {
    width: calc(100% - 180px);
    padding: 25px 25px 15px;
}

.vertical_tab_menu .tab-content .tab-pane>.col-md-12 {
    padding-right: 0px;
    padding-left: 0px;
}

.vertical_tab_menu>.nav-tabs>li {
    border-left: 3px solid transparent;
    border-top: 0px;
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    margin-bottom: 0px;
}

.vertical_tab_menu>.nav-tabs>li.active {
    border-left-color: #085dad;
    border-right: 0px;
}

.vertical_tab_menu>.nav-tabs>li.active>a {
    border-right-color: transparent;
}

.vertical_tab_menu .add_btn {
    width: 100%;
    text-align: right;
    padding: 20px 0;
}

.nav-tabs-custom>.nav-tabs>li {
    margin-right: 0px;
}

.horizontal_tab_menu.nav-tabs-custom>.nav-tabs {
    display: flex;
}

.horizontal_tab_menu.nav-tabs-custom>.nav-tabs>li>a {
    height: 100%;
}

.green {
    color: green;
}

.red {
    color: red;
}

.red-border {
    border: 1px solid #f00 !important;
}

table thead tr,
table tfoot tr {
    background-color: #888888;
    color: white;
}

.bs-glyphicons {
    padding-left: 0;
    padding-bottom: 1px;
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden;
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    margin: 0 -1px -1px 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #ddd;
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
    /* Help out IE10+ with class names */
}

.bs-glyphicons li:hover {
    background-color: rgba(86, 61, 124, 0.1);
}

.add-btnr {
    width: 37px !important;
}

.remove-btnr {
    width: 37px !important;
    margin-top: 25px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.tab-dropdown {
    width: 100%;
    -webkit-appearance: none;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 5px;
}

.custom-select {
    position: relative;
}

.tab-dropdown option:hover {
    background-color: grey;
}

.add-f {
    float: right;
    margin-right: 0px;
}

.project-edit-tab.nav-tabs-custom .add-f {
    margin-right: 0px;
}

.modal-dialog .add-f {
    margin-right: 0;
}


/* .modal-dialog .remove-btnr {
    margin-left: 10px !important;
} */

.modal-md {
    width: calc(100% - 20px);
    max-width: 780px;
}

.modal-ed {
    width: calc(100% - 20px);
    max-width: 400px;
}

.education-add .remove {
    margin-top: 25px !important;
}

.textarea-dh {
    height: 34px !important;
}

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

table.dataTable {
    background-color: #fff;
    width: 100% !important;
}

.timelinebtns {
    float: right;
    padding-right: 15px;
    padding-top: 5px;
}

.width20 {
    width: 20%;
}

.width30 {
    width: 30%;
}

.width40 {
    width: 40%;
}

.width50 {
    width: 50%;
}

.width60 {
    width: 60%;
}

.width70 {
    width: 70%;
}

.width80 {
    width: 80%;
}

.width90 {
    width: 90%;
}

.width100 {
    width: 100%;
}

.filename_title {
    height: 45px;
}

.filename_icon {
    text-align: center;
    margin-top: 40px;
}

.filename_icon a {
    display: inline-block;
    font-size: 10px;
    margin-top: -50px;
    background-color: #fff;
    padding: 20px;
    border-radius: 50%;
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.05);
    position: relative;
}

.filename_icon a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.filename_icon p {
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-bottom: 0;
    word-break: break-all;
}

.btnfile {
    border-radius: 0;
}

.employeeicon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin: 0;
    border: 1px solid #085dad;
    object-fit: cover;
}

.employeeicon-s {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    margin: 0 10px 10px 0;
    border: 1px solid #085dad;
}

.box-solid-gray {
    background: #f4f4f4;
}

.box-solid-gray .with-border {
    border-bottom: 1px solid #fff;
}

.emaillist {
    padding: 15px;
    background: #daedff;
    margin-bottom: 2px;
    border-left: 2px solid #daedff;
    border-right: 10px solid #fff;
    color: #444;
    border-radius: 5px;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
    margin-bottom: 10px;
    font-size: 16px;
}

.emaillist span {
    font-size: 14px;
}

.emaillist span.date {
    float: right;
    font-size: 11px;
    color: #fff;
    background-color: #085dad;
    line-height: normal;
    padding: 3px 8px;
    border-radius: 20px;
    margin-top: -2px;
}

.emaillist span.clicks {
    margin-left: auto;
}

.emaillist .emaillist_bottom_txt {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}

.emaillist-border-0 .emaillist {
    border-right: 2px solid #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

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

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.right .modal-body {
    padding: 15px 15px 80px;
}

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

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #085dad;
    background-color: #085dad;
    color: #fff;
}

.modal-header button {
    color: #fff;
    opacity: 1;
}

.modal-header .fa-copy {
    cursor: pointer;
}

.modal-header button:hover {
    color: #fff;
}

table.basic_detail {
    border: 1px solid #e9ecef;
}

table.basic_detail.table-blue {
    border: 0;
}

table.basic_detail.table-blue thead th {
    font-weight: unset;
    font-family: 'roboto-bold';
}

table.basic_detail td {
    border-bottom: 1px solid #e9ecef;
    padding: 10px;
    color: #666;
}

.bold {
    /* font-weight: bold; */
    font-family: 'roboto-bold';
}

table.basic_detail td i {
    color: #00a65a;
}

.income-box {
    margin-bottom: 20px;
    color: #fff;
}

.income-box .income {
    background-color: #fff !important;
    color: #3c4043;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 30px;
}

.income-box .actual {
    background-color: #fff !important;
    color: #3c4043;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
}

.income-box .income span,
.income-box .actual span {
    display: block;
    font-size: 26px;
}


/* report_budget */

.report_budget .bg-green,
.report_budget .bg-red,
.report_budget .bg-yellow {
    background-color: transparent !important;
    color: grey !important;
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
}

.report_budget .bg-green strong,
.report_budget .bg-red strong,
.report_budget .bg-yellow strong {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: #00a65a;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.report_budget .bg-red strong {
    background-color: #dd4b39;
}

.report_budget .bg-red strong {
    background-color: #dd4b39;
}

.report_budget .bg-yellow strong {
    background-color: #f39c12;
}

.report_budget .top_budget .font-weight-bold {
    /* font-weight: bold; */
    font-family: 'roboto-bold';
}

.report_budget .top_budget {
    margin-top: 18px;
    padding-bottom: 30px;
    border-bottom: 1px solid #b0b0b0;
}

.report_budget .font-16 {
    font-size: 16px;
}

.report_budget .dark-blue {
    color: #0680c7;
}

.report_budget .progress {
    background-color: #d7d7d7;
    border-radius: 3px;
}

.report_budget .heading-member {
    margin-top: 25px;
    margin-bottom: 28px;
    font-size: 16px;
    /* font-weight: bold; */
    font-family: 'roboto-bold';
}

.report_budget .team_member a {
    display: inline-block;
    max-width: 100px;
    width: 100%;
}

.report_budget .team_member a img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center;
}

.report_budget .team_member {
    display: flex;
}

.report_budget .team_member span {
    display: block;
}

.report_budget .team_member .m-name {
    /* font-weight: bold; */
    font-family: 'roboto-bold';
}

.report_budget .team_member .m-position {
    font-size: 13px;
    color: grey;
}

.report_budget .m-box {
    display: inline-block;
    width: calc(100% - 100px);
    padding-left: 6px;
    padding-top: 6px;
}

.report_budget .hour_money span {
    color: #0680c7;
    font-size: 15px;
}

.report_budget .hour_money span.hour {
    color: grey;
}

.report_budget .team_member_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.report_budget .progress {
    margin-bottom: 0px;
}

.report_budget .team_member_box .progress,
.report_budget .team_member_box .hour_money {
    position: relative;
    top: -8px;
}

.report_budget .team_member_box {
    margin-bottom: 23px;
}


/* task_table */

.task_table .progress>div {
    font-size: 0px;
}

.task_table .progress {
    height: 6px;
    border-radius: 50px;
    background-color: #d7d7d7;
    margin-bottom: 10px;
}

.task_table .blank {
    color: #a8a8a8;
}

.font-w-bold {
    /* font-weight: bold; */
    font-family: 'roboto-bold';
}

.mb-6 {
    margin-bottom: 6px;
}

.pt-7 {
    padding-top: 7px;
}

.pb-7 {
    padding-bottom: 7px;
}

.pr-7 {
    padding-right: 7px;
}

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

.task_table tr:nth-child(2) td {
    background-color: #f6f9fc;
}

.task_table tr td:last-child {
    background-color: #f6f9fc;
}

.task_table tr:first-child td:last-child {
    background-color: transparent;
}

.task_table tr td {
    border: 1px solid #d3dbe4;
}

.task_table tr:first-child td {
    border: none;
}

.task_table .progress-bar-blue {
    background-color: #4fa9e2;
}

.task_table .progress-bar-yellow {
    background-color: #f9df1a;
}

.tast_header span {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

.tast_header {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.task_table .tast_header {
    position: relative;
}

.task-timesheet .tast_header {
    border-bottom: 1px solid #daedff;
    padding-bottom: 17px;
}

.task_table .right-time {
    position: absolute;
    left: 0px;
}

.task_table .btn-box {
    margin-top: 10px;
    margin-bottom: 25px;
}

.task_table .btn-box button {
    margin-right: 20px;
    display: inline-block;
}

.add-new-btn {
    background-color: #333;
    color: white;
}

.add-new-btn:hover {
    color: white;
}

.task_table .search-box {
    width: 100%;
    max-width: 200px;
    float: right;
}

.left-time-slot {
    position: absolute;
    right: 0px;
    top: 0px;
}

.task-caledar .tast_header {
    border-bottom: 1px solid #daedff;
    padding-bottom: 17px;
}

.task-caledar .tas_and_time {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.task-caledar .task_table tr td {
    border: none;
    background-color: #f4f6f8;
    border-radius: 4px;
}

.task-caledar .task_table tr:first-child td {
    background-color: transparent;
}

.task-caledar .task_table tr:not(:first-child) {
    font-size: 13px;
    color: grey;
}

.task-caledar .total-time label,
.task-caledar .total-time span {
    display: block;
}

.task-caledar .total-time {
    text-align: center;
    clear: both;
    border-top: 2px solid #daedff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.task-caledar .total-time label {
    margin-bottom: 2px;
}

.task-caledar .total-time span {
    font-size: 20px;
}

.task-timesheet .custom-select {
    position: relative;
    top: 2px;
    display: inline-block;
}

.task-timesheet table tr td:last-child {
    border-right: none;
}

.task-timesheet table tr td:first-child {
    border-left: none;
}

.task-timesheet .custom-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border: 1px solid grey;
    border-radius: 5px;
    padding: 5px 10px;
    padding-left: 15px;
}

.task-timesheet .custom-select:before {
    top: 12px;
    width: 7px;
    height: 7px;
}

.task-timesheet .custom-select:after {
    content: "\f007";
    position: absolute;
    top: 10px;
    left: 9px;
    width: 8px;
    height: 8px;
    font: normal normal normal 14px/1 FontAwesome;
}


/* new-details-section */

.task-caledar .hour_full_detai {
    background-color: white;
    padding: 10px 4px;
    border-radius: 4px;
    margin-top: 5px;
}

.task-caledar .hour_full_detai .word_labels span {
    font-size: 10px;
    padding: 3px 4px;
    background-color: grey;
    border-radius: 4px;
    color: white;
    display: inline-block;
}

.task-caledar .hour_full_detai .word_labels span.red_time {
    background-color: red;
}

.task-caledar .details_of_tab {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    margin-top: 5px;
}

.task-caledar .details_of_tab div {
    display: inline-block;
}

.task-caledar .details_of_tab .left_time {
    width: 30%;
}

.task-caledar .details_of_tab .right_details {
    width: 70%;
}

.task-caledar .details_of_tab .right_details p {
    margin: 0px;
}


/* new-details-section */


/**m_css**/

.management-system h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 90px;
    padding-bottom: 66px;
}

.white-panel h2 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.forgot-link {
    padding-top: 0;
}

.submit-btn {
    padding-top: 10px;
}

.pmp_login_page {
    height: 100%;
}

.forgot-info-box {
    top: 15%;
}

.login-fp-panel {
    height: 260px;
}

.white-panel {
    height: 340px;
    top: -38px;
}

.bottom-img {
    width: 100%;
    z-index: -1;
}

.laptop {
    max-width: 349px;
    width: 100%;
    left: 81px;
}

.bottom-image {
    bottom: -56px;
}

.login-show,
.forgot-show {
    padding-bottom: 30px;
}

.white-panel .checkbox label {
    display: block;
    position: relative;
    padding-left: 25px;
    color: #a0a0a0;
}

.white-panel .c-checkbox label input[type="checkbox"] {
    position: relative;
    z-index: 1;
    opacity: 0;
}

.white-panel .c-checkbox label span {
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #d3dffd;
    border-radius: 3px;
}

.white-panel .c-checkbox label span:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 10px;
    border: solid #5a87ff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
    top: 1px;
    left: 4px;
}

.white-panel .c-checkbox input:checked~span:before {
    display: block;
}

.white-panel .c-checkbox input:checked~span {
    border-color: #5a87ff;
}


/**m_css_end**/

@media (min-width: 768px) {
    .bs-glyphicons li {
        width: 12.5%;
    }
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>div>h3 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 10px 0;
    color: #666666;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>div>.progress {
    padding: 0;
    margin: 0;
}

.whitebg {
    background-color: #fff;
}

.viewimg {
    text-align: center;
    position: relative;
    /* margin-bottom: 10px; */
}

.viewimg img {
    margin-bottom: 0px;
}

.viewimg>span {
    display: block;
    width: 100%;
}

.viewimg>span>span {
    background: rgba(255, 255, 255, 0.7);
    padding: 1px 10px;
    border-radius: 5px;
}

.top_budget {
    border-bottom: 1px solid #028102;
}

.budgetbtn {
    margin: 20px 0 30px 0;
    text-align: center;
}

.budgetbtn span {
    padding: 10px;
    margin-right: 10px;
}

#header-milestones .header-milestone {
    width: 480px !important;
    border-top: 0;
}

#header-milestones #task-refresh {
    display: inline;
}

#header-milestones ul.menu {
    max-height: 400px !important;
}

.clock-in-row .div-milestone-type label {
    float: left;
    margin: 0px 10px 0 0;
    font-size: 13px;
    color: #666;
    font-weight: normal;
}

.clock-in-row .div-milestone-type input {
    float: left;
    margin: 3px 3px 0 0;
}

.clock-in-row {
    padding: 10px 15px;
    border-bottom: 1px solid #f4f4f4;
}

.clock-in-row:hover {
    background: #f4f4f4;
}

.clock-in-row.active {
    background: #f4f4f4;
}

.clock-in-row h3 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 5px 0;
    float: left;
}

.clock-in-row .clockin-actions {
    display: inline-block;
    text-align: right;
}

.clock-in-row .clockin-actions .clockin-action-single {
    display: inline-block;
    margin-left: 15px;
}

.clock-in-row .clockin-actions .clockin-action-single:last-child {
    margin-right: 0px;
}

.clock-in-row .clockin-actions .clockin-action-single input {
    margin: 0;
    vertical-align: text-top;
}

.clock-in-row .clockin-actions .clockin-action-single label {
    margin: 0;
    font-weight: normal;
    font-size: 12px;
}

.clock-in-row .clockin-actions .hour {
    margin-left: 15px;
    text-align: right;
    display: block;
}

.clock-in-row .clock-in-top-box .left-title .milestones-name,
.clock-in-row .clock-in-top-box .clockin-actions .hour {
    color: #8a8a8a;
}

.clock-in-row .clock-in-top-box {
    display: flex;
    justify-content: space-between;
}

.clock-in-row .clock-in-top-box .left-title {
    display: flex;
    flex-direction: column;
    max-width: 340px;
    width: 100%;
}

.clock-in-row .clock-in-top-box h3,
.clock-in-row .clock-in-top-box .milestones-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.clock-in-row .progress {
    position: relative;
    background-color: #daedff;
    padding: 0;
    margin: 0;
    border-radius: 15px;
}

.clock-in-row .progress-bar {
    position: absolute;
    left: 0;
    background-color: #86c4ff;
    max-width: 100%;
}

.clock-in-row .disp-progress {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    z-index: 1;
    height: 100%;
}

.clock-in-row .clockInNotes {
    margin: 5px 0 0px 0;
}

.clock-in-row .clockInNotes textarea.form-control {
    resize: vertical;
}

.clock-in-row .div-milestone-type {
    float: left;
    width: 100%;
}

li.overlay {
    position: absolute !important;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9;
}

li.overlay i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    z-index: 99;
    color: #fff;
    font-size: 30px;
}

.orange_btm_border {
    border-bottom: 3px solid #f39c12;
    margin-bottom: 20px;
}

.green_btm_border {
    border-bottom: 3px solid #00a65a;
    margin-bottom: 20px;
}

.cls-full-leave {
    background-color: rgba(255, 0, 0, 0.7) !important;
    color: #fff !important;
}

.cls-half-leave {
    background-color: rgba(255, 153, 153, 0.6) !important;
}

@media (min-width: 991px) {
    .white-panel h2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .login-fp-panel .forgot {
        width: 100%;
    }

    .forgot-link {
        padding-left: 0;
        padding-top: 10px;
    }
}


/*d-new-style*/


/*left-main-menu*/

.content-wrapper {
    margin-left: 250px;
}

.main-sidebar-new {
    font-family: 'roboto_regular';
    width: 250px;
}

.main-sidebar-new .sidebar-menu>li>.treeview-menu {
    padding: 15px;
}

.main-sidebar-new .sidebar-menu .treeview-menu>li>a {
    padding: 10px 5px 10px 15px;
}

.main-sidebar-new .sidebar-menu>li.header {
    font-size: 15px;
    font-family: 'roboto_regular';
    letter-spacing: 0.5px;
}

.main-sidebar-new .treeview-menu .treeview-menu {
    padding-bottom: 10px;
}

.main-sidebar-new .user-panel>.info>p {
    font-weight: normal;
    letter-spacing: 0.5px;
    color: #fff;
}

.main-sidebar-new .user-panel>.image>img {
    max-width: 45px;
    height: 45px !important;
    width: 45px;
    object-fit: cover;
    object-position: center;
}

.sidebar-collapse .main-sidebar-new .user-panel>.image>img {
    max-width: 35px;
    height: 35px !important;
    width: 35px;
    object-fit: cover;
    object-position: center;
}


/*left-main-menu-end*/


/*top-main-menu*/

.main-header-new .logo {
    width: 250px;
}

.main-header {
    background-color: #fff;
    position: fixed;
    width: 100%;
}

.main-header-new .navbar {
    margin-left: 0;
}

.sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 0;
}

.main-header .sidebar-toggle {
    padding: 15px 25px;
}

.main-header-new .navbar {
    display: flex;
    justify-content: space-between;
}

.main-header .navbar .sidebar-toggle-new {
    margin-right: auto;
    margin-left: 0;
}

.main-header-new .navbar .top-notification {
    margin: 0 auto;
    align-self: center;
    font-size: 16px;
}

.main-header .navbar-custom-menu {
    margin-left: auto;
}


/*top-main-menu-end*/

.content-header .breadcrumb {
    position: relative;
    top: auto;
    right: auto;
}

.addicon {
    list-style: none;
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 0;
}

.addicon li {
    display: inline-block;
    margin: 0 0 0 7px;
}

.addicon li a {
    display: inline-block;
    padding: 0;
}

.addicon li a span.glyphicon {
    background-color: #085dad;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
}

.addicon li a span.glyphicon.fa-unlock {
    transform: translateY(-2px);
    font-size: 13px;
    padding: 9px;
}

.glyphicon {
    top: 0;
}

.content-wrapper {
    font-family: 'roboto_regular';
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border-radius: 2px;
}

.content-wrapper .small-box {
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px rgba(183, 183, 183, 0.3);
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #fff;
    text-align: center;
}

.content-wrapper .small-box-col .small-box {
    padding-top: 0px;
    padding-bottom: 0px;
}

.content-wrapper .small-box p {
    color: #3c4043;
    letter-spacing: 0.5px;
}

.content-wrapper .small-box h3 {
    color: #085dad;
    font-size: 30px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-wrapper .small-box-col.income .small-box h3 {
    font-size: 22px;
}

.content-wrapper .box.box-info {
    border-top-color: transparent;
}

.content-wrapper .box.box-primary {
    border-top-color: transparent;
}

.box {
    border-top: none;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.tab-pane .files_grid .box {
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.05);
}

.tab-pane .box {
    box-shadow: 0 0 0 transparent;
}

.content-wrapper .box-footer {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.content-wrapper .box .box-tools .btn-success {
    background-color: white;
    color: black;
    border-radius: 50%;
}

.content-wrapper .box .box-tools .btn-success:hover {
    background-color: white;
    color: black;
}

.content-wrapper .box .box-tools button[data-widget="collapse"],
.content-wrapper .box .box-tools button[data-widget="remove"] {
    background: #fff;
    width: 33px;
    height: 33px;
    border: 1px solid #ddd;
    color: #777;
    border-radius: 50% !important;
    padding: 0;
}

.content-wrapper .box .box-tools button[data-widget="collapse"] {
    background-color: #00e700;
    margin-right: 0;
}

.content-wrapper .box-header>.box-tools {
    margin-top: 3px;
}

.box-body .callout {
    margin-bottom: 0;
}

.content-wrapper .callout.callout-info {
    background-color: black !important;
    border-left: none;
    padding-top: 15px;
}

.content-wrapper .callout.callout-info h4 {
    max-width: 300px;
    width: 100%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}

.callout.callout-info {
    color: #3c4043 !important;
}

.content-wrapper .select2-container {
    font-family: 'roboto_regular';
    font-size: 15px;
}

.content-wrapper .form-group .select2-container {
    font-size: 13px;
}

.content-wrapper .callout .select2 {
    max-width: 550px;
    width: 100% !important;
}

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

.content-wrapper .box.bg-green-gradient {
    background-color: #e3e3e3 !important;
    background-image: unset !important;
}

.content-wrapper .box.bg-green-gradient>form {
    padding-top: 15px;
    padding-bottom: 5px;
}

.content-wrapper .box.bg-green-gradient.collapsed-box>form {
    padding-top: 0px;
}

.content-wrapper .box.bg-green-gradient>form label {
    color: #3d3d3d;
}

.content-wrapper .box.bg-green-gradient>form button[type="submit"] {
    background-color: #085dad;
    border: none;
    border-radius: 2px;
    transition: 0.3s;
    color: #fff;
    position: relative;
}

.content-wrapper .box.bg-green-gradient .box-footer.text-black {
    padding: unset 15px;
    padding-top: 20px;
}

.content-wrapper .box.bg-green-gradient .box-footer.text-black .pull-left,
.content-wrapper .box.bg-green-gradient .box-footer.text-black .pull-right {
    margin-bottom: 8px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #085dad !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #085dad;
    color: white;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[aria-selected="true"]:hover {
    color: white;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #085dad;
    color: white;
}

.datepicker.datepicker-dropdown.dropdown-menu {
    box-shadow: 0px 0px 10px rgba(225, 225, 225, 0.2);
}

.datepicker .datepicker-switch:hover {
    background: #656565;
    color: #fff;
}

.datepicker .prev:hover {
    background: #656565;
}

.datepicker .next:hover {
    background: #656565;
}

ul.wysihtml5-toolbar>li .btn-default {
    background-color: #085dad;
    border-color: white;
    color: white;
}

ul.wysihtml5-toolbar>li .btn-default:hover {
    background-color: #085dad;
}

ul.wysihtml5-toolbar li a.btn {
    margin: 0 2px !important;
}


/*d-new-style-end*/


/* NEW THEME EFFECTS: START */

.theme-new .content-wrapper,
.theme-new .main-footer {
    margin-left: 250px;
}


/* NEW THEME EFFECTS: END */


/* secret key css start */

.blink {
    animation: blink 2s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
}

#aGroupMeeting.blink {
    color: #f00;
    animation: blink 0.5s steps(2, start) infinite;
    -webkit-animation: blink 0.5s steps(2, start) infinite;
}

@keyframes blink {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}


/* @fe style-2*/

.filter {
    margin-top: -10px;
    margin-bottom: 5px;
}

.box .filter {
    margin-top: 0;
}

.filter_box .form-group {
    margin-bottom: 5px;
    /* margin-top: 5px; */
}

.tab-pane .filter_box .form-group {
    margin-bottom: 15px;
}

.filter_box .form-group .form-control.select2+.parsley-errors-list {
    bottom: 6px;
}

.filter_box .filter_box_flex {
    display: flex;
}

.filter_box .btn-sec {
    width: auto;
}

.filter_box .btn-sec label.d-block {
    /* margin-top: 5px; */
}

.filter_box .box-body .box-body {
    padding: 0;
}

.leaves-menu {
    margin-top: 38px;
}

.textarea.dashboard-text::placeholder {
    color: #999;
}

.viewimg>span {
    top: 56px;
}

.callout.callout-info {
    background-color: #085dad !important;
    border-left: 0;
}

.callout h4 {
    margin-top: 5px;
    font-weight: normal;
}

.btn-primary {
    background-color: #085dad;
    border-color: #085dad;
}

.box.box-success.border-green {
    border: 0;
}

.border-green {
    border: 0;
}

.box-header.border-green {
    border: 0;
}

.skin-blue .content-wrapper .btn-success {
    background-color: #085dad;
    border-color: #085dad;
    transition: 0.3s;
}

.skin-blue .content-wrapper .btn-success:hover {
    color: #fff;
}


/* style-2 end */


/*--- @ww content-wrapperstyle-new----- */

.content-wrapper::before {
    content: "";
}


/*--- @ww table-data-new ----- */

.dataTables_wrapper {
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    color: #3c4043;
}

div.dataTables_wrapper div.dataTables_filter input {
    border-radius: 5px;
}

.tableCrud_wrapper .set-element-content {
    float: left;
    margin-right: 20px;
}


/* .dataTables_wrapper table.table {} */

.dataTables_wrapper .table {
    width: calc(100% + 30px) !important;
    margin-left: -15px;
    max-width: unset;
}

.tab-pane .dataTables_wrapper .table {
    width: 100% !important;
    margin-left: 0;
}

.dataTables_wrapper>.row:nth-child(2)>div {
    min-height: .01%;
    /* overflow-x: auto; */
    max-width: unset;
}


/* .n-table-responsive .dataTables_wrapper>.row:nth-child(2)>div {
    overflow-x: unset;
} */


/* .no-table-responsive {
    overflow-x: unset;
} */

.tab-pane .dataTables_wrapper>.row:nth-child(2)>div {
    width: calc(100% + 30px) !important;
    margin-left: -15px;
}

.box>.box-body>.dataTables_wrapper {
    /* width: calc(100% + 30px); */
    /* margin-left: -15px; */
    /* padding-bottom: 0; */
}

.dataTables_wrapper .dataTables_length select {
    color: #3c4043;
    border-radius: 5px;
    -webkit-appearance: none;
    padding-top: 0;
    position: relative;
    background-image: url(../assets/images/down-arrow.png);
    background-size: 6px;
    background-repeat: no-repeat;
    background-position-x: 85%;
    background-position-y: center;
}

table thead tr,
table tfoot tr {
    color: #666;
    background-color: #f6f9fc;
}

table thead tr.maintr,
table tfoot tr.maintr {
    background-color: #ddd;
}

table thead tr .prev:hover,
table thead tr .next:hover {
    color: #fff;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 15px;
    border: 1px solid #e9ecef;
    border-left: 0px;
    border-right: 0px;
}

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

.table-striped>tbody>tr:first-child td {
    border-top: 0px;
}

table {
    color: #3c4043;
}

.table>thead:first-child>tr:first-child>th {
    border-top: 1px solid #e9ecef;
}

.table.table-blue>thead:first-child>tr:first-child>th {
    border-top: 0;
}

.table>thead:first-child>tr:first-child>th:last-child::after {
    right: 10px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    bottom: 15px;
    top: 15px;
}

.table tbody tr td a .employeeicon-s {
    height: 36px;
    width: 36px;
    margin: 0;
    margin-left: -14px;
    border: 2px solid #fff;
    z-index: 2;
    position: relative;
    transition: 0.3s;
}

.table tbody tr td a .employeeicon-s:hover {
    z-index: 3;
}

.table tbody tr td .employeeicon {
    height: 40px;
    width: 40px;
}

.table tbody tr td .employeeicon-s {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
}

.dataTables_wrapper .table tbody td {
    word-break: break-word;
}

table thead tr th[aria-label="Action: activate to sort column ascending"],
table thead tr th[aria-label="Actions: activate to sort column ascending"],
table thead tr th[aria-label="Action"],
table thead tr th[aria-label="Actions"] {
    width: 7% !important;
}

table thead tr th.action_w_5 {
    width: 7% !important;
}

table.table_lead_edit tr th.date {
    width: 17% !important;
}

table.table_lead_edit tr th.check {
    width: 5% !important;
}

table.table_lead_edit tr th.sub {
    width: 20% !important;
}

.table .red {
    color: #ef6240;
}

.table .green {
    color: green;
}


/* .table .blue {
    color: #085dad;
} */

.table .tab-dropdown {
    padding: 5px 3px;
    padding-right: 22%;
    background-color: transparent;
    border: 1px solid #e9ecef;
    position: relative;
    background-image: url(../assets/images/down-arrow.png);
    background-size: 6px;
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: center;
}

.table .custom-select .tab-dropdown {
    padding: 5px 5px;
    padding-right: 21%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-hover>tbody>tr:hover {
    background-color: unset;
}

.table tbody tr td .custom-select {
    margin-top: 7px;
}

.table .custom-select:before {
    right: 13px;
}

.btn.tb-add-em {
    font-size: 0;
    width: 35px !important;
    height: 35px;
    border-radius: 50%;
    border-color: #b5d6f7;
    background-color: #f6f9fc;
    position: relative;
    margin-left: -14px;
    z-index: 3;
}

.btn.tb-add-em::before,
.btn.tb-add-em::after {
    content: "";
    width: 14px;
    height: 1px;
    border: 0;
    background-color: #b5d6f7;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    transform: translate(-50%, -50%) !important;
}

.btn.tb-add-em:hover::before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

.btn.tb-add-em::after {
    content: "";
    width: 1px;
    height: 14px;
    background-color: #b5d6f7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: unset;
}

.btn.tb-add-em:active {
    border: 0;
    border-color: transparent;
}

.table tbody tr td .viewimg>span {
    display: block;
    width: 100%;
    position: unset;
    bottom: 0;
}

.table tbody tr td .viewimg {
    margin-bottom: 0;
}

.table thead tr th[data-name="name"] {
    text-align: center;
    padding-right: 25px !important;
}

.table thead tr th[aria-label="Employee: activate to sort column descending"],
.table thead tr th[aria-label="Employee: activate to sort column ascending"] {
    text-align: center;
    padding-right: 25px !important;
}

.pagination>li {
    display: inline-block;
}

.dataTables_paginate .pagination li {
    margin: 0 3px;
}

.dataTables_paginate .pagination li a {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 7px 0;
    background-color: #fff;
}

.dataTables_paginate .pagination li.previous a,
.dataTables_paginate .pagination li.next a {
    font-size: 0;
    position: relative;
}

.dataTables_paginate .pagination li.previous a::before {
    content: "";
    background-image: url(../assets/images/left-arrow.png);
    width: 8px;
    height: 12px;
    object-fit: contain;
    position: absolute;
    top: 12px;
    left: 12px;
    object-fit: cover;
    background-size: contain;
    background-repeat: no-repeat;
}

.dataTables_paginate .pagination li.next a::before {
    content: "";
    background-image: url(../assets/images/right-arrow.png);
    width: 8px;
    height: 12px;
    object-fit: contain;
    position: absolute;
    top: 11px;
    left: 15px;
    object-fit: cover;
    background-size: contain;
    background-repeat: no-repeat;
}

.dataTables_paginate .pagination>.active>a {
    background-color: #085dad;
    border-color: #085dad;
}

.modal .view-assigned .assign-emp-dropdown select {
    border-radius: 5px;
    padding: 6px 12px;
    background-color: transparent;
    padding-right: 2%;
    background-color: transparent;
    border: 1px solid #e9ecef;
    position: relative;
    background-image: url(../assets/images/down-arrow.png);
    background-size: 6px;
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: center;
    margin-top: 10px;
}

.modal .view-assigned .viewimg>span {
    display: block;
    position: unset;
}

.modal .view-assigned .viewimg img {
    margin-bottom: 0px;
}

#frm-viewmore .form-group .viewimg img {
    margin-bottom: 10px;
}

.modal .view-assigned a {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.modal .view-assigned a .employeeicon-s {
    width: 100%;
    height: 100%;
    margin-right: 0;
}

.modal .view-assigned .view-assigned-img {
    padding: 0 15px;
    margin-bottom: 15px;
    display: inline-block;
}

.dataTables_wrapper .tools-btn,
.dataTables_wrapper .tools-btn-red {
    background: #085dad;
    width: 30px;
    height: 30px;
    border: 0;
    color: #fff;
    border-radius: 5px !important;
    font-size: 13px;
    line-height: 1.5;
    padding: 0;
    padding-top: 2px;
}

.dataTables_wrapper .tools-btn-red {
    background: #dd4b39;
}

.dataTables_wrapper .notify-content {
    max-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.dataTables_wrapper .notify-content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.dataTables_wrapper .nf_inner_table {
    width: 100%;
}

.dataTables_wrapper .nf_inner_table td {
    padding: 10px;
}

.dataTables_wrapper .nf_inner_table td .viewimg {
    text-align: center;
    display: inline-block;
}

.dataTables_wrapper .set-element-content .btn {
    padding: 6px 10px 4px;
    font-size: 12px;
}


/* @ww table responsive */

table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
    padding: 7px 10px;
    display: flex;
    align-items: center;
}

table.dataTable>tbody>tr.child span.dtr-title {
    margin-right: 15px;
}

table.dataTable>tbody>tr.child span.dtr-data {
    width: 100%;
}

table.dataTable>tbody>tr.child span.dtr-data .tab-dropdown,
table.dataTable>tbody>tr.child span.dtr-data .tab-dropdown~.select2 {
    max-width: 130px;
}

table.dataTable>tbody>tr.child span.dtr-data .custom-select {
    margin-top: 0;
}

table.dataTable>tbody>tr.child span.dtr-data .custom-select .tab-dropdown {
    padding-right: 25px;
}

table.dataTable>tbody>tr.child .btn-group .dropdown-menu {
    top: 100% !important;
    right: 0 !important;
    left: -25px !important;
    min-width: 200px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control {
    padding-left: 40px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control::before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control::before {
    height: 25px;
    width: 25px;
    margin-top: -12px;
    font-size: 11px;
    border: 0;
    box-shadow: unset;
    border-radius: 5px;
    content: '\002b';
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    text-align: center;
    line-height: 23px;
    background: #085dad;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control::before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control::before {
    background: #dd4b39;
    content: "\2212";
    font-size: 12px;
}


/* @ww table responsive end */


/* @ww table blue */

.table-blue thead tr {
    background-color: #c3e2ff;
}

.table-blue {
    border-radius: 5px;
    overflow: hidden;
    background: #daedff;
    text-align: center;
    margin-bottom: 0;
}

table.dataTable.table-blue {
    background: #daedff;
}

.table-blue>tbody>tr>td,
.table-blue>thead>tr>th {
    border: 0;
    border-top: 1px solid #e8f4ff;
}

.table-blue>thead>tr>th {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.table-blue>tbody>tr>td:first-child {
    text-align: left;
    padding: 15px;
}

table.dataTable.table-blue>tbody>tr.child ul.dtr-details>li {
    border-color: #e8f4ff;
}

.table-blue tr td input {
    border-color: #f0f8ff;
    background-color: #e6f3ff;
}


/* @ww table blue end */


/* action btn style */

.table tbody tr td .btn-group .btn {
    margin-bottom: 5px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.table tbody tr td .btn-group .btn:nth-child(2) {
    border-radius: 5px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    z-index: 0;
}

.table tbody tr td .btn-group .btn {
    background-color: transparent;
    border: 0;
    position: relative;
    width: 20px;
    height: 30px;
    border-radius: 50%;
    transition: 0.3s;
    font-size: 0;
    padding: 0;
}

.btn:active {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    display: none;
}

.table tbody tr td .btn-group .btn:hover,
.table tbody tr td .btn-group .btn[aria-expanded="true"] {
    box-shadow: unset;
    background-color: transparent;
}

.table tbody tr td .btn-group .btn::before {
    content: "";
    background-image: url(../assets/images/three-dots-colum.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    object-fit: cover;
    background-color: transparent;
    z-index: 0;
}

.table tbody tr td .btn-group .btn:hover::before,
.table tbody tr td .btn-group .btn[aria-expanded="true"]::before {
    background-image: url(../assets/images/three-dots-colum-blue.png);
    transform: translate(-50%, -50%) !important;
    opacity: 1;
    z-index: 0;
}

.table tbody tr td .btn-group .btn .caret {
    display: none;
}

.table tbody tr td .btn-group .dropdown-menu {
    right: 100%;
    top: 0;
    left: auto;
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    background-color: #3c4043;
    border: 0;
}

.table tbody tr td:last-child .btn-group .dropdown-menu {
    top: -10px;
}

.table tbody tr td .btn-group .dropdown-menu>li>a {
    color: #fff;
}

.table tbody tr td .btn-group .dropdown-menu>li>a:hover {
    color: #2c98ff;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    display: none;
}

.table tbody tr td .btn-group.open {
    z-index: 1;
}

.pagination>.active>a {
    z-index: 0;
}

table.table-bordered.dataTable th {
    vertical-align: top;
}


/* document btn */

.table tbody tr td .btn-group .btn.btn-doc::before,
.table tbody tr td .btn-group .btn.btn-pdf::before {
    display: none;
}

.table tbody tr td .btn-group .btn.btn-doc,
.table tbody tr td .btn-group .btn.btn-pdf {
    margin-left: 15px;
}

.table tbody tr td .btn-group .btn.btn-doc i,
.table tbody tr td .btn-group .btn.btn-pdf i {
    font-size: 23px;
    color: #ced3da;
    transition: 0.3s;
}

.table tbody tr td .btn-group .btn.btn-info:hover i,
.table tbody tr td .btn-group .btn.btn-info[aria-expanded="true"] i {
    color: #085dad;
}


/* Delete btn style */

.table tbody tr td .btn.btn-flat {
    border-radius: 30px;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.dataTables_wrapper .dataTables_info {
    font-size: 16px;
}

.content-wrapper {
    background-color: #f0f3f9;
}

.content-wrapper .box .box-header {
    /* background-color: white; */
    color: #3c4043;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 20px 15px;
}

.content-wrapper .box .box-header .box-title {
    color: #3c4043;
}

.box.box-solid[class*="bg"]>.box-header {
    color: #3c4043;
}

.box-header>.box-tools {
    right: 15px;
    top: 10px;
}

.box {
    border-top: 0px;
}

div.dataTables_wrapper div.dataTables_filter input {
    width: 100%;
    max-width: 130px;
}

.content-wrapper .box .box-tools button[data-widget="collapse"] {
    background: #fff;
    width: 33px;
    height: 33px;
    border: 1px solid #ddd;
    color: #777;
    border-radius: 50% !important;
}

.content-wrapper .box.bg-green-gradient {
    background-color: #fff !important;
    border-radius: 5px;
}

.content-wrapper .callout.callout-info {
    border-left: none;
    height: auto !important;
    background-color: #fff !important;
    border-radius: 5px;
    overflow: hidden;
    border-top: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-wrapper .callout.callout-info {
    /* background-color: transparent !important; */
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #e9ecef;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border-radius: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #3c4043;
}

.modal-dialog form .form-control,
.modal-dialog form .textarea,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.form-control,
.input-group .form-control:not(:first-child):not(:last-child) {
    border-color: #e9ecef;
    border-radius: 5px;
    color: #3c4043;
}

.timeline-body .form-control:not(select) {
    margin-bottom: 5px;
}

.modal-dialog .modal-body .form-group textarea {
    width: 100%;
    border: 1px solid#e9ecef;
    border-radius: 5px;
    padding: 6px 12px;
}

.box form .form-control,
.box form .textarea {
    border-color: #e9ecef;
    border-radius: 5px;
    color: #3c4043;
}

.form-group textarea {
    resize: vertical;
}

textarea {
    resize: vertical;
}

.form-control {
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn.form-control {
    text-overflow: unset;
}

form .textarea::placeholder {
    color: #3c4043;
}

form .textarea:-ms-input-placeholder {
    color: #3c4043;
}

form .textarea::-ms-input-placeholder {
    color: #3c4043;
}

.box form input[type="number"] {
    color: #3c4043;
}

.box .progress-bar-blue {
    background-color: #085dad;
}

.box .milestone-progress .clearfix {
    margin-bottom: 5px;
}

.box .milestone-progress .progress {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    height: 20px;
    position: relative;
    border-radius: 10px;
}

.box .milestone-progress .progress-bar-blue {
    background-color: #86c4ff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.box .milestone-progress .progress-bar-green {
    background-color: #00d875;
}

.content-wrapper .box.bg-green-gradient .box-footer .milestone-progress .pull-left {
    margin-bottom: 3px;
}

.box .milestone-progress .progress .progress-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #3c4043;
    line-height: 20px;
    font-size: 12px;
}

.box .milestone-progress .progress .progress-bar {
    color: #3c4043;
}

.box .milestone-progress .progress.round_progress {
    max-width: 53px;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background-color: transparent;
    position: relative;
    margin-bottom: 0;
}

.box .milestone-progress .progress.round_progress .progress-text {
    font-size: 11px;
}

.box .milestone-progress .right-progress {
    margin-top: 5px;
}

.left-progress,
.right-progress {
    padding: 0 15px;
}

.left-progress {
    padding-right: 0;
}

.box .milestone-progress .left-progress .left-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.box .milestone-progress .left-progress p {
    margin-bottom: 0;
    color: #8a8a8a;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.box .milestone-progress .progress.round_progress::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 3px solid #daffe8;
    z-index: 0;
    border-radius: 50%;
}

.box .milestone-progress .progress.round_progress svg {
    position: relative;
    z-index: 2;
}

.box .milestone-progress .progress.round_progress .progress-text {
    word-break: break-all;
    line-height: unset;
    width: 80%;
    left: 50%;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}

.box .milestone-progress .tooltip {
    width: 200px;
}

.milestones-color-box {
    color: #3c4043;
    text-align: left;
}

.milestones-color-box .used-color,
.milestones-color-box .actual-color {
    display: block;
    margin: 10px 0;
}

.milestones-color-box .color-icon {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 5px;
}

.milestones-color-box .used-color .color-icon {
    background-color: #86c4ff;
}

.milestones-color-box .actual-color .color-icon {
    background-color: green;
}

.box .progress {
    background-color: #daedff;
}

.milestone-progressbar {
    margin-bottom: 20px;
}

.milestone-progressbar .progress {
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 10px;
    max-width: calc(100% - 42px);
    width: 100%;
}

#milestones .row .col-sm-6:nth-child(2n+1) {
    clear: left;
}


/*----- @ww-sidebar-icons -------*/

.sidebar-menu>li>a {
    padding: 5px 0 12px 0;
    min-height: 43px;
    height: 100%;
    text-align: center;
    line-height: normal;
    text-align: center;
    border-radius: 5px;
    width: calc(100% - 15px);
    margin: 0 auto;
    margin-bottom: 2px;
}

.main-sidebar-new .sidebar-menu .treeview-menu>li>a {
    padding-left: 40px;
}

.main-sidebar-new .sidebar-menu .treeview-menu>li {
    position: relative;
}

.main-sidebar-new .sidebar-menu .treeview-menu li.menulevel-1 a {
    white-space: normal;
}

.main-sidebar-new .sidebar-menu .treeview-menu li.menulevel-2 a {
    margin: 2px 0;
    margin-right: 8px;
}

.sidebar-menu li a>i {
    position: absolute;
    left: 5px;
    top: 4px;
}

.sidebar-menu li.menulevel-1 a>i.fwicon {
    position: absolute !important;
    width: 40px !important;
    font-size: 18px !important;
    left: 0px !important;
    top: 10px !important;
    text-align: center;
}

.sidebar-menu li.menulevel-2 a>i.fwicon {
    position: absolute !important;
    width: 40px !important;
    font-size: 16px !important;
    left: 0px !important;
    top: 12px !important;
    text-align: center;
}

.sidebar-menu li a>i.si7::before {
    transform: scale(0.7);
}

.sidebar-menu li a>i.si6::before {
    transform: scale(0.6);
}

.sidebar-menu li a>i.si9::before {
    transform: scale(0.9);
}

.sidebar-menu>li>a>i::before {
    margin: 0 auto;
}

.sidebar-menu li a>i.custom-i::before {
    content: "";
    width: 30px;
    display: block;
    height: 30px;
    background-image: url("../assets/images/sprite-sidebar.png");
    transform: scale(0.7);
    transition: 0.3s;
}

.sidebar-menu>li>a>i {
    position: static;
}

.sidebar-menu>li>a>i.custom-i::before {
    width: 45px;
    height: 45px;
    background-image: url("../assets/images/sprite-sidebar-larger.png");
    transform: scale(0.8);
    transition: 0.3s;
}

.sidebar-menu>li>a {
    text-align: center;
}

.sidebar-menu>li>a>i.fwicon {
    font-size: 30px;
    width: auto;
    padding: 8px;
}

.sidebar-menu>li>a>i.fwicon::before {
    background-image: none !important;
}

.sidebar-menu>li>a>span.menulevel0-span {
    display: block;
    width: 100%;
    text-align: center;
}

.sidebar-menu li a i.myspace-icon::before {
    background-position: -56px -24px;
}

.sidebar-menu>li>a>i.payment-history-icon::before {
    background-position: -85px -129px;
}

.sidebar-menu>li>a>i.organization-icon::before {
    background-position: -151px -131px;
}

.sidebar-menu li a i.project-bugs-icon::before {
    background-position: -9px -71px;
}

.sidebar-menu li a i.employees-sheets-icon::before {
    background-position: -195px -284px;
}

.sidebar-menu li a i.time-sheets-icon::before {
    background-position: -58px -69px;
}

.sidebar-menu li a i.my-milestone-icon::before {
    background-position: -329px -22px;
}


.sidebar-menu li a i.project-budget-icon::before {
    background-position: -144px -70px;
}

.sidebar-menu li a i.gm-help-icon::before {
    background-position: -193px -70px;
}

.sidebar-menu li a i.screenshot-icon::before {
    background-position: -240px -70px;
}

.sidebar-menu li a i.events-report-icon::before {
    background-position: -284px -70px;
}

.sidebar-menu li a i.tds-icon::before {
    background-position: -554px -124px;
}

.sidebar-menu li a i.countries-icon::before {
    background-position: -375px -71px;
}

.sidebar-menu li a i.currencies-icon::before {
    background-position: -421px -71px;
}

.sidebar-menu li a i.billing-icon::before {
    background-position: -328px -71px;
}

.sidebar-menu li a i.leads-icon::before {
    background-position: -651px -124px;
}

.sidebar-menu li a i.notes-icon::before {
    background-position: -696px -124px;
}

.sidebar-menu li a i.follow-ups-icon::before {
    background-position: -745px -126px;
}

.sidebar-menu li a i.quotes-icon::before {
    background-position: -791px -124px;
}

.sidebar-menu li a i.portfolios-icon::before {
    background-position: -834px -126px;
}

.sidebar-menu li a i.tech-portfolio-icon::before {
    background-position: -880px -126px;
}

.sidebar-menu li a i.targets-icon::before {
    background-position: -973px -125px;
}

.sidebar-menu li a i.collections-icon::before {
    background-position: -1019px -124px;
}

.sidebar-menu li a i.openings-icon::before {
    background-position: -54px -179px;
}

.sidebar-menu li a i.jobs-icon::before {
    background-position: -101px -180px;
}

.sidebar-menu li a i.candidates-icon::before {
    background-position: -149px -180px;
}

.sidebar-menu li a i.attedances-icon::before {
    background-position: -240px -179px;
}

.sidebar-menu li a i.payrolls-icon::before {
    background-position: -286px -179px;
}

.sidebar-menu li a i.leave-balance-icon::before {
    background-position: -379px -179px;
}

.sidebar-menu li a i.holidays-icon::before {
    background-position: -423px -177px;
}

.sidebar-menu li a i.employee-transaction-icon::before {
    background-position: -56px -233px;
}

.sidebar-menu li a i.templates-icon::before {
    background-position: -149px -233px;
}

.sidebar-menu li a i.email-directory-icon::before {
    background-position: -196px -234px;
}

.sidebar-menu li a i.smart-email-icon::before {
    background-position: -241px -234px;
}

.sidebar-menu li a i.smart-email-report-icon::before {
    background-position: -286px -234px;
}

.sidebar-menu li a i.auto-campaigns-icon::before {
    background-position: -331px -235px;
}

.sidebar-menu li a i.import-exports-icon::before {
    background-position: -376px -235px;
}

.sidebar-menu li a i.header-t-icon::before {
    background-position: -7px -335px;
}

.sidebar-menu li a i.footer-t-icon::before {
    background-position: -56px -336px;
}

.sidebar-menu li a i.email-t-icon::before {
    background-position: -102px -336px;
}

.sidebar-menu li a i.email-groups-icon::before {
    background-position: -148px -339px;
}

.sidebar-menu li a i.email-groups-Data-icon::before {
    background-position: -195px -338px;
}

.sidebar-menu li a i.email-data-report-icon::before {
    background-position: -240px -338px;
}

.sidebar-menu li a i.email-data-icon::before {
    background-position: -284px -339px;
}

.sidebar-menu li a i.all-email-icon::before {
    background-position: -333px -341px;
}

.sidebar-menu li a i.pending-icon::before {
    background-position: -377px -341px;
}

.sidebar-menu li a i.rejected-icon::before {
    background-position: -425px -341px;
}

.sidebar-menu li a i.page-boxes-acce-icon::before {
    background-position: -101px -286px;
}

.sidebar-menu li a i.working-days-icon::before {
    background-position: -469px -179px;
}

.sidebar-menu li a i.documents-icon::before {
    background-position: -194px -286px;
}

.sidebar-menu li a i.analytics-icon::before {
    background-position: -469px -339px;
    height: 33px;
}


.sidebar-menu li a i.bulk-updates-icon::before {
    background-position: -194px -387px;
}

.sidebar-menu li a i.bell-icon::before {
    background-position: -283px -386px;
}

.sidebar-menu li a i.hours-cost-icon::before {
    background-position: -239px -388px;
}

.sidebar-menu li a i.circle-icon::before {
    background-position: -422px -287px;
}

.sidebar-menu>li>a>i.myspace-icon::before {
    background-position: -87px -8px;
}

.sidebar-menu>li>a>.pull-right-container {
    display: none;
}

.sidebar-menu>li>a>.pull-right-container>.fa-angle-left {
    display: none;
}

.sidebar-menu>li {
    position: unset;
}


/* @ww sidebar new desighn*/

.main-sidebar-new .sidebar-menu>li>.treeview-menu {
    position: absolute;
    top: 0;
    left: 139px;
    height: calc(100% + 1px);
    width: 250px;
    padding-right: 5px;
    padding-left: 10px;
}


/* @ww dashboard */

.box-body .hd-ul {
    padding: 0;
    list-style-type: none;
}

.box-body .hd-line {
    color: #085dad;
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.box-body .hd-line .hd-content {
    max-width: 100%;
    width: 100%;
    background-color: #f6f9fc;
    padding: 12px;
    padding-left: 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 3px solid #085dad;
}

.box-body .hd-line .hd-date {
    padding-right: 10px;
    /* font-weight: bold; */
    font-family: 'roboto-bold';
    font-size: 16px;
    line-height: normal;
    position: relative;
    max-width: 100px;
    width: 100%;
}

.box-body .hd-line .hd-day {
    padding-right: 10px;
    /* font-weight: bold; */
    font-family: 'roboto-bold';
    font-size: 16px;
    line-height: normal;
    position: relative;
    max-width: 90px;
    width: 100%;
}

.box-body .hd-line .hd-date-time {
    max-width: 180px;
}

.box-body .hd-line p {
    margin-bottom: 0;
    margin-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #3c4043;
}

.box-body .ub-line {
    color: #3c4043;
    padding: 5px 0 10px;
    display: flex;
    align-items: center;
}

.box-body .ub-line .ub-date {
    padding-right: 10px;
    /* font-weight: bold; */
    font-family: 'roboto-bold';
    font-size: 16px;
    line-height: normal;
    position: relative;
    max-width: 120px;
    width: 100%;
    color: #085dad;
}

.box-body .ub-line .viewimg {
    display: flex;
    align-items: center;
    width: 100%;
}

.box-body .ub-line .viewimg .employeeicon {
    width: 65px;
    height: 65px;
    padding: 10px;
    background: #f6f9fc;
    z-index: 1;
    border: 0;
}

.box-body .ub-line .viewimg>span {
    background: #f6f9fc;
    padding: 12px;
    padding-left: 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: -15px;
    z-index: 0;
    text-align: left;
}

.box-body .ub-line .viewimg>span>span {
    background: unset;
    padding: 0;
    padding-left: 15px;
    font-size: 15px;
    border-radius: 0;
}

.box-body .ub-ul {
    padding-left: 0px;
    list-style-type: none;
}

.box-body .ub-line p {
    margin-bottom: 0;
    margin-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #333;
}

.box-body {
    padding: 15px;
}

div.box-body:empty {
    display: none;
}

.box-body.no-padding {
    padding: 15px 0 !important;
}

.content-wrapper .col-nd-3 {
    max-width: 20%;
}

.content-wrapper .col-nd-3 .small-box h3 {
    font-size: 30px;
}

.dash-emt-box {
    background: #ffffff;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px;
    padding-bottom: 15px;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.dash-emt-box .clearfix {
    font-size: 16px;
    color: #3c4043;
    margin-bottom: 9px;
    padding-bottom: 5px;
}

.dash-emt-box .progress {
    margin-bottom: 0;
    background-color: #daedff;
    border-radius: 10px;
}

.dash-emt-box .progress .progress-bar-green {
    background-color: #085dad;
}

.box .box-footer .btn-default {
    background-color: #085dad;
    color: #fff;
    border-color: #085dad;
    transition: 0.3s;
}

.box .box-footer .btn-default:hover {
    background-color: #002961;
    border-color: #002961;
}

.input-group-addon {
    padding: 9px 10px;
    width: 34px;
    height: 34px;
}

.input-group.date input,
.form-group.date input {
    cursor: pointer;
}

.input-group {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group input.form-control {
    width: calc(100% - 34px);
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.form-box .rating-stars {
    text-align: center;
    float: unset;
}

.discussions-box .discussions-add-btn {
    padding: 15px 15px 0;
    text-align: right;
}

.discussions-box .discussions-add-btn .btn .glyphicon {
    top: 2px;
    left: 1px;
}

.timesheet-box .box-body .form-group.timesheet-btn {
    margin-bottom: 0;
}

.box-mytimesheet .filter_box .btn-sec {
    width: auto;
}

.highcharts-credits {
    display: none;
}

.box-milestone .filter_box .btn-sec {
    width: auto;
}

.content-wrapper .box.bg-green-gradient.candidate-box {
    overflow: visible;
}

.candidate-box .candidate-schedule ul {
    list-style: none;
    padding-left: 0;
}

.candidate-box .candidate-schedule>ul>li {
    border-radius: 5px;
    width: 100%;
    background-color: #f6f9fc;
    padding: 12px;
    margin: 10px 0;
    display: flex;
    align-items: center;
}

.candidate-box ul li .btn-group .btn::before {
    content: "";
    background-image: url(../assets/images/three-dots-colum.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    object-fit: cover;
    background-color: transparent;
    z-index: 0;
}

.candidate-box ul li .btn-group .btn {
    background-color: transparent;
    border: 0;
    margin-right: 15px;
    box-shadow: unset;
}

.candidate-box ul li .btn-group .dropdown-menu {
    left: 0;
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    background-color: #3c4043;
    border: 0;
}

.candidate-box ul li .open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.candidate-box ul li .open>.dropdown-toggle.btn-info {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    background-color: transparent;
}

.candidate-box ul li .btn-group .btn:hover::before,
.candidate-box ul li .btn-group .btn[aria-expanded="true"]::before {
    background-image: url(../assets/images/three-dots-colum-blue.png);
    transform: translate(-50%, -50%) !important;
    opacity: 1;
    z-index: 0;
}

.candidate-box ul.dropdown-menu li a {
    color: #fff;
}

.candidate-box ul.dropdown-menu li a:hover {
    color: #2c98ff;
}

.candidate-box ul.dropdown-menu {
    padding: 5px 0;
}

.modal-body .add-clients .form-group .input-group textarea.form-control {
    width: 100%;
}


/* @ww dashboard end*/


/* @ww Employee Rating Report */

.add-clients .form-box {
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    border: 0;
    overflow: hidden;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.05);
    color: #3c4043;
    margin-bottom: 30px;
}

.add-clients .form-box .em-name {
    color: #085dad;
    font-size: 18px;
}

.add-clients .form-box hr {
    border: 0;
    margin: 5px 0;
}

.add-clients .form-box .em-name hr {
    border-bottom: 1px solid #e9ecef;
}

.add-clients .form-box textarea {
    border: 1px solid #dddddd;
    border-radius: 5px;
    color: #3c4043;
}

.add-clients .form-box .notes p {
    margin-bottom: 0;
}

.add-clients .form-box .notes p .btn {
    /* margin-bottom: 66px; */
}

.add-clients button[type="submit"],
.add-clients button[type="submit"]:focus {
    background-color: #085dad;
    border-color: #085dad;
    transition: 0.3s;
    color: #fff;
}

.form-box .rating-stars .rating-container .filled-stars,
.form-box .rating-stars .rating-container .empty-stars {
    color: #085dad;
    -webkit-text-stroke: unset;
    text-shadow: unset;
}

.rating-container .clear-rating {
    color: #085dad !important;
    display: inline-block;
    vertical-align: unset;
}

.ep-review-box {
    padding: 10px 15px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.05);
}

.ep-review-box .em-name {
    color: #085dad;
    font-size: 18px;
}

.ep-review-box .notes p {
    margin-bottom: 0;
}

.ep-review-box .notes hr {
    margin-top: 5px;
    margin-bottom: 10px;
}

.ep-review-box .notes textarea {
    border: 1px solid #dddddd;
    border-radius: 5px;
    color: #3c4043;
    width: 100%;
    padding: 10px;
}

.ep-review-box .notes textarea[disabled] {
    border: 1px solid #e9f4ff;
    background-color: #e9f4ff;
}

.ep-review-box .rating-stars .star {
    font-size: 17px;
}

.ep-review-box .rating-stars .star span {
    margin-right: 5px;
    font-size: 17px;
    vertical-align: text-bottom;
    display: inline-block;
}


/* new added */

.rating-category p {
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.rating-item-row {
    text-align: left;
    border-bottom: 1px solid #e9ecef;
    padding-top: 5px;
}

.rating-stars {
    text-align: center;
    float: unset;
}

.rating-container .clear-rating {
    vertical-align: inherit !important;
}

.add-clients .form-box .notes {
    margin-top: 10px;
}

.form-box .rating-stars .rating-container {
    display: flex;
    justify-content: left;
    align-items: center;
}


/* @ww */

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
    display: none !important;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right) {
    position: static;
    width: auto;
    left: 0;
    padding: 0;
    margin: 0;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
    display: block !important;
}

.sidebar-mini.sidebar-collapse .sidebar-form,
.sidebar-mini.sidebar-collapse .sidebar-menu li.header {
    display: block !important;
}


/* secret key css end */

.btn-upwork {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    color: #fff !important;
    border-radius: 50%;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    background-color: #00a65a;
    line-height: 60px;
    /* font-weight: bold; */
    font-family: 'roboto-bold';
    z-index: 9999;
}

.btn-upwork.float_disable {
    background-color: #776b6b;
}


/* @ww letest-sidebar*/

.sidebar-mini>.wrapper>.main-sidebar {
    width: 140px !important;
    min-height: auto;
    height: calc(100% - 51px);
    padding-top: 15px;
    position: fixed;
    box-shadow: 0 0px 20px rgba(222, 222, 222, 0.3);
}

.sidebar-mini .main-sidebar .sidebar-menu {
    /* overflow-x: auto;
    height: calc(100vh - 52px);
    scrollbar-width: none;
    padding-bottom: 15px; */
    /* padding: 0 8px; */
    margin-top: 15px;
}

.main-sidebar-new .ss-wrapper,
.main-sidebar-new .ss-wrapper .ss-content {
    position: unset;
}

.main-sidebar-new .ss-scroll {
    background: rgb(8, 93, 173);
    width: 4px;
    border-radius: 5px;
}

.sidebar-collapse .main-sidebar-new .ss-scroll {
    opacity: 0;
    display: none;
}

.main-sidebar-new .sidebar {
    padding-bottom: 0;
}

.sidebar-mini>.wrapper>.main-sidebar {
    padding-top: 0px;
}

.sidebar-menu::-webkit-scrollbar {
    display: none;
}

.sidebar-menu>li>.treeview-menu {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.sidebar-menu>li>.treeview-menu::-webkit-scrollbar {
    display: none;
}

.ss-content {
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.ss-content::-webkit-scrollbar {
    display: none;
}

.main-header .logo .logo-img {
    font-size: 16px;
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1031;
}

.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
    display: none;
}

.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
    display: block;
}

.sidebar-collapse.sidebar-mini>.wrapper>.main-sidebar {
    width: 0 !important;
}

.main-sidebar {
    padding-top: 0;
    margin-top: 50px;
}

.treeview.menu-open.top-sm-menu-open>.treeview-menu {
    display: block !important;
    width: auto;
    padding-right: 10px;
    transition: 0.5s;
    transform: translateX(149px);
    height: calc(100% - 50px);
}

.sidebar-menu .treeview-menu>.treeview.menu-open>.treeview-menu {
    display: block !important;
}

.theme-new .content-wrapper,
.theme-new .main-footer {
    margin-left: 140px;
}

.theme-new .content-wrapper {
    margin-top: 50px;
}

.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 0 !important;
}

.sidebar-toggle.close-submenu {
    display: none;
}

.sidebar-toggle.cmm-ac-submenu {
    display: none;
}


/* letest-sidebar */


/* @ww header */

.main-header-new .logo,
.sidebar-mini.sidebar-collapse .main-header .logo {
    width: 140px;
    padding: 0 8px;
}

.main-header-new .navbar {
    margin-left: 140px;
}

.dropdown-menu>li>a:hover {
    background-color: transparent;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #fff;
}

.new_mileston_table {
    min-width: 870px;
    width: 100%;
}

.new_mileston_table .data_body .inner_td {
    color: #3c4043;
    padding: 15px;
    margin: 0 8px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05);
}

.new_mileston_table .data_body .t_row {
    margin-bottom: 16px;
}

.new_mileston_table .head_top .progress {
    border-radius: 5px;
}

#milestone-list .task-caledar .tast_header .right-time {
    display: inline-block;
    float: left;
}

#milestone-list .task-caledar .tast_header .right-time span {
    margin-left: 0;
}

.main-header .navbar .nav>li.user-menu a .hidden-xs {
    display: none;
}

.new_mileston_table tbody tr td {
    vertical-align: top;
    width: 17%;
    border: 0;
    padding: 15px;
}

.new_mileston_table_up {
    max-width: 100%;
    width: 100%;
}

.new_mileston_table .head_top {
    padding: 0;
}

.navbar-nav>.user-menu .user-image {
    width: 35px;
    height: 35px;
    margin-top: -7px;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    background: #fff;
    border-radius: 5px;
    border: 0;
    -webkit-box-shadow: 0 0px 20px rgba(183, 183, 183, 0.3);
    box-shadow: 0 0px 20px rgba(183, 183, 183, 0.3);
    top: 100%;
    right: 15px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #3c4043;
    margin-bottom: 0;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
    word-break: break-all;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    min-height: 160px;
    height: 100%;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header a:focus {
    background-color: transparent;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body {
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: transparent;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #3c4043;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>a center {
    position: relative;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>a center i {
    position: absolute;
    top: 65%;
    right: 25%;
    color: #085dad;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 1px 0 rgba(65, 69, 73, 0.3), 0 1px 3px 1px rgba(65, 69, 73, 0.15);
    box-shadow: 0 1px 1px 0 rgba(65, 69, 73, 0.3), 0 1px 3px 1px rgba(65, 69, 73, 0.15);
    padding: 9px;
}

.main-header .navbar .sidebar-toggle-new {
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    top: 9px;
    left: 10px;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.main-header .navbar .nav>li>a::before {
    content: '';
    border-radius: 5px;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
    z-index: -1;
}


/* @ww notifications-menu newe popup */

.notifications-menu .notifications-sidebar.control-sidebar {
    padding-top: 0;
    top: 50px;
    background-color: #fff;
    padding-left: 0;
}

.navbar-nav>.notifications-menu>.notifications-sidebar>li.header,
.navbar-nav>.messages-menu>.notifications-sidebar>li.header,
.navbar-nav>.tasks-menu>.notifications-sidebar>li.header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #444444;
    font-size: 14px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li,
.navbar-nav>.messages-menu>.dropdown-menu>li,
.navbar-nav>.tasks-menu>.dropdown-menu>li {
    position: relative;
}

.navbar-nav>.notifications-menu>.notifications-sidebar,
.navbar-nav>.messages-menu>.notifications-sidebar,
.navbar-nav>.tasks-menu>.notifications-sidebar {
    list-style: none;
}

.navbar-custom-menu>.navbar-nav>li.notifications-menu {
    position: unset;
}

.navbar-nav>.notifications-menu>.notifications-sidebar>li .menu {
    max-height: calc(100vh - 117px);
    list-style: none;
    overflow-x: hidden;
    padding-left: 0;
}

.notifications-sidebar.control-sidebar {
    right: -390px;
}

.notifications-sidebar.control-sidebar.control-sidebar-open {
    right: 0px;
}

.main-header .navbar .nav>li.notifications-menu .notifications-sidebar {
    max-width: 350px !important;
    width: 100% !important;
    max-height: calc(100vh - 51px);
    -webkit-box-shadow: -18px 20px 22px rgba(0, 0, 0, 0.05);
    box-shadow: -18px 20px 22px rgba(0, 0, 0, 0.05);
}

.navbar-nav>.notifications-menu>.notifications-sidebar>li .menu>li>a {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
}

.navbar-nav>.notifications-menu>.notifications-sidebar>li .menu>li>a i {
    margin-right: 10px;
}

.navbar-nav>.notifications-menu>.notifications-sidebar>li.footer>a,
.navbar-nav>.messages-menu>.notifications-sidebar>li.footer>a,
.navbar-nav>.tasks-menu>.notifications-sidebar>li.footer>a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 12px;
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #eeeeee;
    color: #444 !important;
    text-align: center;
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}

.main-header .navbar .nav>li>a:hover::before,
.main-header .navbar .nav>li>a:active::before,
.main-header .navbar .nav>li>a:focus::before,
.main-header .navbar .nav .open>a::before,
.main-header .navbar .nav .open>a:hover::before,
.main-header .navbar .nav .open>a:focus::before,
.main-header .navbar .nav>.active>a::before {
    width: calc(100% - 6px);
    height: calc(100% - 14px);
    border: 0;
    box-shadow: 0 0 10px #dbdbdb;
}

.main-header .navbar .nav>li>a:hover .label,
.main-header .navbar .nav>li>a:active .label,
.main-header .navbar .nav>li>a:focus .label,
.main-header .navbar .nav .open>a .label,
.main-header .navbar .nav .open>a:hover .label,
.main-header .navbar .nav .open>a:focus .label,
.main-header .navbar .nav>.active>a .label {
    background-color: #fff !important;
    color: #3c4043 !important;
}

.main-header .navbar .nav>li>a>.label {
    right: 5px;
}

.main-header .navbar .nav>li.user>a:before {
    display: none;
}


/* animation 4 */

.main-header .navbar .sidebar-toggle-new .stick-icon {
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #3c4043;
    border-radius: 5px;
    top: 14px;
    font-size: 0;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    left: 0;
}

.sidebar-collapse .main-header .navbar .sidebar-toggle-new::before {
    -webkit-animation-name: btnanimate2;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
}

@keyframes btnanimate2 {
    0% {
        width: 25px;
    }

    50% {
        width: 4px;
    }

    100% {
        width: 15px;
    }
}

.sidebar-collapse .main-header .navbar .sidebar-toggle-new .stick-icon {
    -webkit-animation-name: btnanimate1;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
}

@keyframes btnanimate1 {
    0% {
        width: 25px;
    }

    50% {
        background-color: #085dad;
        width: 4px;
    }

    100% {
        background-color: #085dad;
        width: 20px;
    }
}

.sidebar-collapse .main-header .navbar .sidebar-toggle-new::after {
    -webkit-animation-name: btnanimate3;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
}

@keyframes btnanimate3 {
    0% {
        width: 25px;
    }

    50% {
        width: 4px;
    }

    100% {
        width: 25px;
    }
}

.sidebar-collapse .main-header .navbar .sidebar-toggle-new::before {
    animation-name: btnanimate2;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@keyframes btnanimate2 {
    0% {
        width: 25px;
    }

    50% {
        width: 4px;
    }

    100% {
        width: 15px;
    }
}

.sidebar-collapse .main-header .navbar .sidebar-toggle-new .stick-icon {
    animation-name: btnanimate1;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@keyframes btnanimate1 {
    0% {
        width: 25px;
    }

    50% {
        background-color: #085dad;
        width: 4px;
    }

    100% {
        background-color: #085dad;
        width: 20px;
    }
}

.sidebar-collapse .main-header .navbar .sidebar-toggle-new::after {
    animation-name: btnanimate3;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@keyframes btnanimate3 {
    0% {
        width: 25px;
    }

    50% {
        width: 4px;
    }

    100% {
        width: 25px;
    }
}

.main-header .navbar .sidebar-toggle-new::before,
.main-header .navbar .sidebar-toggle-new::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 4px;
    background-color: #3c4043;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.main-header .navbar .sidebar-toggle-new::before {
    top: 6px;
    left: 0;
}

.main-header .navbar .sidebar-toggle-new::after {
    top: 22px;
    left: 0;
}


/* @ww box radius*/

.content-wrapper button.btn {
    border-radius: 5px !important;
}

.box input,
.box select,
.dataTables_wrapper input,
.dataTables_wrapper select {
    border-radius: 5px !important;
    border: 1px solid #e9ecef;
}

.box-footer {
    background-color: transparent;
}

.box input {
    padding: 5px 10px;
}

form.box input {
    padding: 5px;
}

#frm-update-project.box .box-footer {
    border-top: 0;
}

.input-group .input-group-addon {
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #e9ecef;
}

.modal-dialog form .form-control,
.modal-dialog form .textarea,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.form-control,
.input-group .form-control:not(:first-child):not(:last-child) {
    border-color: #e9ecef;
}

textarea {
    border-color: #e9ecef;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border-color: #e9ecef;
}

.form-control.parsley-error {
    margin-bottom: 5px;
}

.form-control.select2~.parsley-errors-list {
    z-index: 1;
    bottom: 0px;
}

.form-control.select2+.parsley-errors-list {
    position: absolute;
    z-index: 1;
    bottom: 16px;
}

.select2+.parsley-errors-list {
    margin-top: 5px !important;
}

.parsley-errors-list+.select2-container {
    margin-bottom: 18px;
}

.form-group textarea.parsley-error~.cke_1 {
    margin-bottom: 5px;
}

.input-group .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

form .form-group ul.parsley-errors-list {
    margin: 0px;
}

form ul.parsley-errors-list .form-group.textarea-control {
    height: 108px;
}

.form-group.textarea-control textarea:last-child,
.form-group.textarea-control textarea {
    height: 108px !important;
    border-bottom-left-radius: 0px !important;
}

.form-group.textarea-control .input-group .input-group-addon {
    height: unset !important;
    display: flex;
    align-items: center;
}

.form-group .input-group textarea.form-control {
    width: calc(100% - 34px);
}

.form-control:focus {
    border-color: #e9ecef;
}

.content-wrapper .table tbody tr td button.btn.tb-add-em {
    border-radius: 50% !important;
}

.dataTables_wrapper input {
    padding: 5px;
}

.box-header .box-title {
    line-height: unset;
}


/* @ww skin-blue theme*/

.skin-blue .content-header h1 {
    color: #3c4043;
}

.skin-blue .breadcrumb>.active {
    color: #8d8d8d;
}

.skin-blue .content-header .breadcrumb>li>a {
    color: #3c4043;
}

.breadcrumb>li+li::before {
    color: #3c4043;
}

.financial-year {
    color: #3c4043;
}

.skin-blue .projects-details small {
    color: #3c4043;
}

.skin-blue .t-white {
    color: #3c4043;
}

.skin-blue .content-wrapper::before {
    background-color: #3c4043;
}

.skin-blue .main-header-new .navbar {
    background-color: unset;
}

.skin-blue .main-header-new .logo:hover {
    background-color: #201f2b;
}

.skin-blue .main-header-new .navbar .sidebar-toggle {
    background-color: unset;
    color: #3c4043;
    max-width: 50px;
    height: 40px;
    width: 100%;
    padding: 11px 19px;
    margin-top: 5px;
    transition: 0.3s;
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #3c4043 !important;
}

#appendStr .bg-red {
    background-color: #dd4b39 !important;
}

#appendStr .bg-red:hover {
    background-color: #dd4b39 !important;
}

#appendStr .bg-blue {
    background-color: #085dad !important;
}

#appendStr .bg-blue:hover {
    background-color: #085dad !important;
}

.btn[class*="bg-"]:hover {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

#appendStr .bg-blue a {
    color: #fff;
}

.alert-danger {
    border: 0;
}

.alert .close {
    color: #fff;
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    background-color: #fff;
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a,
.skin-blue .sidebar-menu>li.menu-open>a {
    background-color: #085dad;
    color: #fff;
}

.skin-blue .sidebar-menu>li.active>a {
    border-left: 0;
}

.skin-blue .sidebar-menu>li:hover>a i::before,
.skin-blue .sidebar-menu>li.active>a i::before,
.skin-blue .sidebar-menu>li.menu-open>a i::before {
    background-image: url("../assets/images/sprite-sidebar-larger-white.png");
}

.skin-blue .sidebar-menu>li>a,
.main-sidebar-new .sidebar-menu .treeview-menu>li>a {
    color: #3c4043;
    white-space: normal;
}

.skin-blue .sidebar-menu .treeview-menu>li.active>a,
.skin-blue .sidebar-menu .treeview-menu>li>a:hover,
.skin-blue .sidebar-menu .treeview-menu>li.menu-open>a {
    color: #085dad;
}

.skin-blue .sidebar-menu .treeview-menu>li.active>a>i::before,
.skin-blue .sidebar-menu .treeview-menu>li>a:hover>i::before,
.skin-blue .sidebar-menu .treeview-menu>li.menu-open>a>i::before {
    background-image: url("../assets/images/sprite-sidebar-hover.png");
}

.skin-blue .sidebar-menu .treeview-menu>li.menulevel-2.active>a,
.skin-blue .sidebar-menu .treeview-menu>li.menulevel-2>a:hover,
.skin-blue .sidebar-menu .treeview-menu>li.menulevel-2.menu-open>a {
    color: #fff;
    background-color: #085dad;
    border-radius: 5px;
    margin-right: 8px;
}

.skin-blue .sidebar-menu .treeview-menu>li.menulevel-2.active>a>i::before,
.skin-blue .sidebar-menu .treeview-menu>li.menulevel-2>a:hover>i::before,
.skin-blue .sidebar-menu .treeview-menu>li.menulevel-2.menu-open>a>i::before {
    background-image: url("../assets/images/sprite-sidebar-white.png");
}

.delete-popup-icon {
    width: 70px;
    height: 70px;
    display: block;
    text-align: center;
    margin: 10px auto 20px;
}

.delete-popup-icon::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("../assets/images/delete-icon-blue.png");
    display: block;
    object-fit: cover;
    background-size: cover;
}

.skin-blue .main-header-new .navbar .sidebar-toggle:hover {
    background-color: transparent;
}

.skin-blue .sidebar-form {
    margin: 0;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
    border-left: 1px solid #ececec;
    background-color: #ffffff;
    box-shadow: 10px 0 20px -9px rgba(0, 0, 0, 0.2);
}

.skin-blue .sidebar-menu .treeview-menu>li>a:hover {
    color: #085dad;
}

.skin-blue .main-header .logo,
.skin-blue .main-header-new .logo:hover {
    background-color: unset;
}

.skin-blue .main-header .navbar .nav>li>a:hover,
.skin-blue .main-header .navbar .nav>li>a:active,
.skin-blue .main-header .navbar .nav>li>a:focus,
.skin-blue .main-header .navbar .nav .open>a,
.skin-blue .main-header .navbar .nav .open>a:hover,
.skin-blue .main-header .navbar .nav .open>a:focus,
.skin-blue .main-header .navbar .nav>.active>a {
    background: unset;
    color: #fff;
}

.skin-blue .main-header .navbar .nav>li>a:hover::before,
.skin-blue .main-header .navbar .nav>li>a:active::before,
.skin-blue .main-header .navbar .nav>li>a:focus::before,
.skin-blue .main-header .navbar .nav .open>a::before,
.skin-blue .main-header .navbar .nav .open>a:hover::before,
.skin-blue .main-header .navbar .nav .open>a:focus::before,
.skin-blue .main-header .navbar .nav>.active>a::before {
    background-color: #085dad;
}

.skin-blue .main-header .navbar .nav>li>a {
    color: #3c4043;
}

.modal-header {
    background-color: #085dad;
}

.skin-blue .main-header li.user-header {
    background-color: transparent;
}

.skin-blue .small-box {
    background-color: #fff !important;
    color: #3c4043 !important;
}

a {
    color: #085dad;
    transition: 0.3s;
}

a:hover {
    color: #002961;
}

.skin-blue .daterangepicker td.active,
.skin-blue .daterangepicker td.active:hover {
    background-color: #085dad;
}

.skin-blue .daterangepicker .ranges .btn-success {
    background-color: #085dad;
    border-color: #085dad;
}

.skin-blue .add-clients .form-group .btn-danger {
    color: #fff !important;
    border: #dd4b39;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #085dad;
    border-color: #085dad;
    white-space: break-spaces;
    padding: 0 10px;
    font-size: 13px;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #e9ecef;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #e9ecef !important;
    border-color: #085dad;
}

.skin-blue .new_mileston_table .data_body .inner_td {
    background-color: #daedff;
}

.skin-blue .new_mileston_table .data_body .inner_td.current-clockin {
    background-color: #085dad;
    color: #fff;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: 0;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red,
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color: #085dad;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #3c4043;
    border-color: #3c4043;
    color: #fff;
}


/* @ww skin-blue theme end*/


/* @ww Employee Details model */

.ed-box .ed-left>span {
    margin-left: 5px;
}

.ed-box .ed-left {
    max-width: 230px;
    width: 100%;
    display: inline-flex;
    justify-content: left;
}

.ed-box .ed-left.email>span {
    word-break: break-all;
}

.ed-box p {
    margin-bottom: 15px;
}

/* @ww Employee Details model end */


/* @ww view File popup */

.view-file-box {
    margin-bottom: 20px;
}

.view-file-box img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.view-file-box .view-file-box-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.view-file-box .view-file-box-footer .btn {
    width: 100%;
    margin: 0 2px;
}


/* @ww view File popup end */


/* @ww new top box design */

.income-box .income .title_income {
    font-size: 17px;
    text-align: left;
    /* font-weight: bold; */
    font-family: 'roboto-bold';
    color: #085dad;
    padding: 0 0 10px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 10px;
}

.income-box .income .inner_income,
.income-box .income .inner_actual {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}

.income-box .income .inner_income>span,
.income-box .income .inner_actual>span {
    line-height: 0;
    /* padding-top: 9px; */
    font-size: 24px;
}

.income-box .income .inner_income>p,
.income-box .income .inner_actual>p {
    margin-bottom: 0;
}

.income-box .income {
    padding: 13px;
}


/* @ww button hover effect */


/* new btn */

.btn.btn-white {
    background-color: #ffffff;
    border: 1px solid #dadce0;
    color: #3c4043;
}

.btn.btn-white:hover {
    background-color: #085dad;
    border: 1px solid #085dad;
    color: #fff;
}

.milestones-calendar .btn.btn-white:hover {
    background-color: #ffffff;
    border: 1px solid #085dad;
    color: #085dad;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus {
    color: #fff !important;
    background-color: #dd4b39 !important;
    border-color: #dd4b39 !important;
}

.btn-default,
.btn-default:hover,
.btn-default:focus {
    background-color: #3c4043 !important;
    border-color: #3c4043 !important;
    color: #fff !important;
}

.btn-primary a,
.btn-danger a {
    color: #fff;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:active:focus,
.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:active:focus {
    color: #ffffff !important;
    background-color: #085dad;
    border-color: #085dad;
    border-radius: 5px;
}

.box.box-solid>.box-header .btn.btn-primary:hover,
.box.box-solid>.box-header a.btn-primary:hover {
    background-color: #085dad;
    border-color: #085dad;
}

.pmp_login_page .btn-primary,
.pmp_login_page .btn-primary:hover {
    color: #ffffff !important;
    background-color: #497bff;
    border-color: #497bff;
    border-radius: 5px;
}

.btn {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 5px !important;
}

.btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    -webkit-transform: translate(-13%, -190%) rotate(-30deg);
    transform: translate(-13%, -190%) rotate(-30deg);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.25);
}

.btn:hover::before {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) rotate(0deg) !important;
    transform: translate(0%, 0%) rotate(0deg) !important;
}

.btn-lg1.btn,
.btn.form-control {
    max-width: 280px;
}

.btn-lg1.um-btn {
    width: 100%;
    margin: 0 auto;
    text-overflow: ellipsis;
    overflow: hidden;
}

.vertical_tab_menu .btn.form-control {
    max-width: 150px;
    width: 100%;
}

.btn-lg1.btn::before,
.btn.form-control::before {
    content: '';
    -webkit-transform: translate(-13%, -290%) rotate(-30deg);
    transform: translate(-13%, -290%) rotate(-30deg);
}

.btn-lg1.btn:hover::before,
.btn.form-control:hover::before {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}


/* new btn end */

.content-wrapper .tab-pane .table .btn-primary,
#table-data-list .btn {
    margin-top: 1px;
    margin-bottom: 1px;
}

.nav-tabs-custom {
    border: 1px solid #edf1f9;
}

.tab-pane .box-header .box-title {
    padding-top: 15px;
}


/* @ww milestones calendar view */

.milestones-calendar #menu {
    padding: 15px 0;
}

.milestones-calendar #right {
    right: 20px;
}

.milestones-calendar #lnb {
    top: 113px;
}

.milestones-calendar #lnb-calendars {
    display: none;
}

.milestones-calendar #menu .btn.new-schedule {
    transform: unset;
    float: right;
    margin-left: 15px;
}

.milestones-calendar .status-color {
    float: right;
    font-size: 15px;
    margin-top: 4px;
}

.milestone-icon {
    color: #69BB2D;
}

.milestones-calendar #menu .status-color span {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    margin-left: 15px;
}

.milestones-calendar #menu .status-color .milestone-icon::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 3px;
}

.milestones-calendar #menu .status-color .milestone-icon::before {
    background-color: #3da2ec;
}

.milestones-calendar .box #calendar {
    position: static;
}

.milestones-calendar .box {
    padding: 0 15px;
}

.milestones-calendar #menu #renderRange {
    display: inline-block;
}

.milestones-calendar .milestone-select-em label {
    font-size: 15px;
    font-weight: 500;
}

.milestones-calendar button.btn {
    height: 34px;
}

.milestones-calendar .milestone-select-em {
    max-width: 163px;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}

.milestones-calendar .milestone-select-pro {
    max-width: 163px;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.milestones-calendar .milestones-em-pro {
    max-width: 330px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.milestones-calendar #calendar .tui-full-calendar-weekday-schedule {
    color: white !important;
}

.tui-full-calendar-weekday-schedule-title {
    font-weight: normal;
}


/* @ww milestones calendar view end*/

/* @ww small-box */

.content-wrapper .small-box .icon {
    position: static;
    height: 80px;
    width: 80px;
    margin: 0 auto;
    text-align: center;
    color: #085dad;
    font-size: 0;
}

.small-box .small-box-footer {
    background-color: #085dad;
    color: #fff;
    padding: 10px 5px;
    transition: 0.3s;
}

.small-box .small-box-footer:hover {
    background-color: #004c94;
}

.content-wrapper .small-box>.inner {
    padding: 15px;
}

.content-wrapper .small-box-col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.content-wrapper .small-box-col .small-box {
    height: 100%;
    margin-bottom: 0;
}

.content-wrapper .small-box-col .small-box p {
    min-height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-wrapper .small-box-col .small-box .icon {
    float: unset;
}

.content-wrapper .small-box-col .small-box .icon i {
    font-size: 65px;
}

.content-wrapper .small-box-col .small-box .inner {
    text-align: center;
}

.content-wrapper .small-box .icon i {
    font-size: 50px;
    line-height: 80px;
}

.content-wrapper .small-box-row .small-box .icon i {
    line-height: 54px;
}

.content-wrapper .small-box-row .small-box .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-wrapper .small-box-row .small-box .icon {
    float: right;
    text-align: right;
}

.content-wrapper .small-box-row .small-box .icon {
    width: 65px;
    height: 60px;
}

.content-wrapper .small-box-row .small-box {
    padding-top: 0px;
    padding-bottom: 0px;
}

.content-wrapper .small-box-row .small-box p,
.content-wrapper .small-box-row .small-box h3 {
    text-align: left;
}

.content-wrapper .small-box-row .small-box p {
    /* max-height: 60px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis; */
}

.content-wrapper .small-box-row .small-box h3 {
    font-size: 25px;
    margin-bottom: 0;
}

.equal-height .small-box-row {
    display: flex;
    flex-wrap: wrap;
}

.equal-height .small-box-row .col-lg-3 {
    margin-bottom: 30px;
}

.equal-height .small-box-row .small-box {
    margin-bottom: 0px;
    height: 100%;
}

.content-wrapper .small-box p,
.content-wrapper .small-box h3 {
    white-space: unset;
}

.content-wrapper .invo-box-ins {
    background-color: #fff !important;
    color: #3c4043;
    padding: 13px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 30px;
}

.content-wrapper .invo-box-ins h3 {
    margin-bottom: 0;
    margin-top: 0;
}

.content-wrapper .small-box .icon.open-quotes i {
    transform: rotate(180deg);
}

.invo-box {
    padding: 13px;
}

.invo-box .title_inner {
    font-size: 17px;
    text-align: left;
    /* font-weight: bold; */
    font-family: 'roboto-bold';
    color: #085dad;
    padding: 0 0 10px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 10px;
}

.invo-box .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}

.invo-box .inner p {
    font-size: 14px;
    margin-bottom: 0;
}

.invo-box .inner h3 {
    font-size: 17px;
    margin-bottom: 0;
}

.invo-box .inner h3.stars_in {
    line-height: 0;
    padding-top: 6px;
}

.invoice-amount-btn .form-group {
    padding-left: 7px;
}

.invoice-amount-btn .form-group .btn.btn-success {
    font-size: 13px;
}


/* @ww all pages change */

#appendStr .box .btn.btnfile {
    width: 49%;
}

#appendStr .box .btn.btn-danger {
    float: right;
}


/* @ww Discussions */

.discussions-edit .discussions-edit-em,
.modal-body .discussions-edit-em {
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px;
}

.discussions-edit .discussions-edit-em input {
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
}

.modal-body .discussions-edit-em input {
    margin-right: 5px;
    margin-bottom: 5px;
}

input[type="file"] {
    margin-bottom: 5px;
    border: 1px solid #e9ecef;
    padding: 5px;
    border-radius: 5px;
    width: 100%;
}


/* @ww end Discussions */


/* @ww Clients grid view */

.grid-client .box .box-header {
    padding-bottom: 0;
    min-height: 70px;
}


/* @ww Clients grid view ens*/

.box .boarder_box_tt.title_top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.box .boarder_box_tt.title_top p {
    font-size: 19px;
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.box .boarder_box_tt.title_top span {
    margin-left: 5px;
}

.box .boarder_box_tt.title_top {
    margin-bottom: 20px;
}

/* @ww grid_box main */

.grid-client,
.grid-milestone,
.grid-milestones,
.grid-notes,
.grid-follow-ups,
.grid-quotes,
.grid-tech-portfolio,
.grid-invoice,
.grid-lead,
.grid-project {
    display: flex;
    flex-wrap: wrap;
}

.tag {
    display: inline-block;
}

.tag.green {
    color: #26d07c;
    background: #e9faf1;
}

.tag.purple {
    color: #513aa6;
    background-color: #edebf6;
}

.tag.orange {
    color: #fa6e32;
    background-color: #fef0ea;
}

.tag.red {
    color: #ff3333;
    background-color: #ffcccc;
}

.tab_country {
    background-color: rgba(89, 175, 255, 0.2);
    color: #2b98ff;
}

.tab_country:empty {
    padding: 0;
    background-color: transparent;
}

.view_btn_right {
    width: auto;
    float: right;
}

.view_btn_group {
    text-align: right;
    margin-bottom: 15px;
}

.box-body .view_btn_group {
    margin-bottom: 15px;
    margin-top: 15px;
}

.grid_box {
    padding-bottom: 5px;
}

.grid_box button.box_invoice_menu_btn {
    position: relative;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 0;
}

.grid_box button.box_invoice_menu_btn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../assets/images/three-dots-colum.png);
    transform: rotate(90deg);
    transition: 0.3s;
}

.grid_box button.box_invoice_menu_btn:hover::before,
.grid_box .pull-right.open button.box_invoice_menu_btn::before {
    background-image: url(../assets/images/three-dots-colum-blue.png);
}

.grid_box .dropdown-menu a {
    color: #fff;
}

.grid_box .dropdown-menu a:hover {
    color: #2c98ff;
}

.grid_box .boarder_box_mt h3 {
    color: #999;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
}

.grid-project .grid_box .boarder_box_mt h3 {
    margin-top: 10px;
}

.grid_box .box-header .mail {
    margin-top: 5px;
    margin-bottom: 0px;
    min-height: 20px;
}

.grid_box .dropdown-menu {
    right: 8PX;
    top: 50px;
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    background-color: #3c4043;
    border-color: #3c4043;
}

.grid_box .dropdown-menu a {
    color: #fff;
}

.grid_box .dropdown-menu a:hover {
    color: #2c98ff;
}

.content-wrapper .grid_box .box-header {
    padding: 20px 15px 10px;
}

.grid_box .box-header .title h3 {
    margin-top: 0;
    color: #3c4043;
    font-size: 18px;
    /* font-weight: bold; */
    font-family: 'roboto-bold';
    margin-bottom: 5px;
}

.grid_box .box-header .title {
    width: calc(100% - 30px);
    display: inline-block;
}

.grid_box .box-header .title h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
}

.grid_box .box-header .title p {
    margin-bottom: 0;
}

.grid_box .box-footer .status .tag {
    padding: 7px 14px;
    border-radius: 55px;
    line-height: normal;
}

.box-footer.em_box_invoice span {
    margin-right: 8px;
}

.grid_box .box-footer.em_box_invoice .status span {
    margin-right: 0;
}

.grid_box .box-footer .status {
    margin-left: auto;
}

.grid_box.box_Leads .box-body {
    padding: 15px;
}

.grid_box .boarder_box_tt p {
    margin-bottom: 0;
}

.grid_box .boarder_box_tt.title_top {
    color: #999;
}

.grid_box .box-body .boarder_box_mt {
    display: block;
    margin: 10px 0;
}

.grid_box .box-body .boarder_box_mt p {
    color: #999;
    text-align: right;
    margin-bottom: 0;
}

.grid_box .box-footer.em_box_invoice {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 0;
    position: relative;
}

.grid_box.box .box-footer.em_box_invoice {
    padding: 10px 15px;
}

.grid_box .box-footer.em_box_invoice .em_post {
    position: absolute;
    top: 100%;
    background-color: #3c4043;
    color: #fff;
    z-index: 10;
    padding: 15px 20px;
    text-align: center;
    border-radius: 5px;
    display: none;
}

.grid_box .box-footer.em_box_invoice:hover .em_post {
    display: block;
}

.grid_box .box-footer.em_box_invoice .em_post p {
    margin-bottom: 0;
    font-size: 14px;
    color: #a19fa0;
}

.grid_box .box-footer.em_box_invoice .em_post h4 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 14px;
}

.grid_box .box-footer.em_box_invoice .em_box_img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    font-size: 12px;
    text-align: center;
    border: 0;
}

.grid_box .box-footer.em_box_invoice .em_post:before {
    content: '';
    position: absolute;
    display: block;
    width: 0px;
    left: 50%;
    top: 5px;
    border: 8px solid transparent;
    border-top: 0;
    border-bottom: 8px solid #3c4043;
    transform: translate(-50%, calc(-100% - 5px));
}

.boarder_box_invoice {
    border: 1px dashed #d4d4d4;
    border-radius: 5px;
    padding: 10px 15px;
    color: #999;
    position: relative;
}

.boarder_box_invoice:hover {
    background-color: #fcfbfc;
}

.boarder_box_invoice .boarder_box_tt {
    font-size: 16px;
}

.box-footer.em_box_invoice .em_box_img {
    max-width: 30px;
    height: 30px;
    width: 100%;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
    text-align: center;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip {
    position: absolute;
    bottom: 100%;
    background-color: #0157ff;
    margin-bottom: 10px;
    max-width: 300px;
    color: #fff;
    display: none;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip::before {
    content: '';
    position: absolute;
    display: block;
    width: 0px;
    left: 50%;
    border: 11px solid transparent;
    border-top: 0;
    border-top: 15px solid #0157ff;
    transform: translate(-50%);
    bottom: -18px;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    height: 10px;
    background-color: transparent;
}

.boarder_box_invoice:hover .box.boarder_box_invoice_tooltip {
    display: block;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip .box-header,
.boarder_box_invoice .box.boarder_box_invoice_tooltip .box-body,
.boarder_box_invoice .box.boarder_box_invoice_tooltip .box-footer {
    background-color: #0157ff;
    color: #fff;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip .box-header {
    color: #fff;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip p {
    color: #e8efff;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip .box-header .title {
    margin: 0;
    font-size: 16px;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip .box-header {
    padding: 10px 15px 0;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip p {
    margin: 0;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip .box-footer {
    border-top: 1px solid #2377ff;
    padding: 15px;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip .box-body {
    padding-bottom: 0;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip .box-body p {
    margin-bottom: 10px;
}

.boarder_box_invoice .box.boarder_box_invoice_tooltip .text_right p {
    text-align: right;
    color: #fff;
}

.grid_box .box-body .em_title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5px;
    padding: 0 5px;
}

.grid_box .box-body .em_id_img {
    background-color: #f6f9fc;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 25px;
    border-radius: 55px;
    padding: 5px;
}

.grid_box .box-body .em_id_img a {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: -10px;
}

.grid_box .box-body .em_id_img img {
    width: 30px;
    height: 30px;
    margin: 0;
    border: 1px solid #fff;
}

.grid_box .box-body .em_id_img .team_img img {
    margin-right: -10px;
}

.grid_box .box-body .em_id_img .pm_img {
    max-width: 60px;
    width: 100%;
    text-align: right;
    padding-right: 10px;
}

.grid_box .box-body .em_id_img .team_img {
    width: calc(100% - 60px);
}

.grid_box button.btn.tb-add-em {
    border-radius: 50% !important;
    margin-left: 11px;
    width: 30px !important;
    height: 30px !important;
}


/* @ww grid_box main end */


/* @ww notes grid_box_l*/

.grid_box_l .top_icon_btn {
    display: inline-block;
    margin-bottom: 10px;
}

.grid_box_l .top_icon_btn a {
    display: inline-block;
    color: #a1a1a1;
    font-size: 40px;
    line-height: 0;
}

.grid_box_l .top_icon_btn a:hover {
    color: #085dad;
}

.grid_box_l .box-header {
    padding: 20px 15px;
}

.grid_box_l .box-footer .em_box_img {
    max-width: 30px;
    height: 30px;
    width: 100%;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
    text-align: center;
}

.grid_box_l .box-footer .status {
    margin-left: auto;
}

.grid_box_l .box-footer .em_box_img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    font-size: 12px;
    text-align: center;
}

.grid_box_l .box-footer {
    padding: 15px 15px;
    display: flex;
    align-items: center;
}

.grid_box_l .project_box_btn_g {
    display: inline-block;
    vertical-align: -moz-middle-with-baseline;
}

.grid_box_l .project_box_btn_g .dropdown-menu {
    border-color: #3c4043;
}

.grid_box_l button.box_invoice_menu_btn {
    position: relative;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 0;
}

.grid_box_l button.box_invoice_menu_btn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../assets/images/three-dots-colum.png);
    transform: rotate(90deg);
    transition: 0.3s;
}

.grid_box_l button.box_invoice_menu_btn:hover::before,
.grid_box_l .pull-right.open button.box_invoice_menu_btn::before {
    background-image: url(../assets/images/three-dots-colum-blue.png);
}

.grid_box_l .dropdown-menu {
    right: 8PX;
    top: 50px;
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    background-color: #3c4043;
    border-color: #3c4043;
}

.grid_box_l .dropdown-menu a {
    color: #fff;
}

.grid_box_l .dropdown-menu a:hover {
    color: #2c98ff;
}

.grid_box_l .box-body .box-title {
    margin-top: 0;
    margin-bottom: 15px;
    color: #3c4043;
    word-break: break-word;
}

.grid_box_l .project_box_days {
    margin-bottom: 10px;
}

.grid_box_l .box-body {
    text-align: center;
}

.grid_box_l .employeeicon-s {
    margin: 0;
    margin-bottom: 5px;
    border: 0;
}

.grid_box_l .box-header {
    padding-bottom: 0;
}


/* @ww notes grid end*/


/* @ww Milestones grid*/

.grid-milestones .grid_box_l .project_amount {
    min-height: 26px;
}


/* @ww Milestones grid end*/


/* @ww Tech Portfolios grid end*/

.grid-tech-portfolio .grid_box_l p {
    margin-bottom: 0;
    margin-top: 10px;
}

.grid_box_l .tech-icon {
    display: inline-block;
    max-width: 90px;
    width: 100%;
}

.grid_box_l .tech-icon img {
    width: 100%;
    height: 100%;
}


/* @ww Tech Portfolios grid end*/


/* @ww tab*/

.tab-content .box-header .box-title {
    line-height: inherit;
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: 0;
}

/* changes by devloper*/


#cboxCurrent {
    margin-right: -105px !important;
    font-weight: bold !important;
    text-indent: 0px !important;
}

#cboxPrevious {
    background-position: -51px 0px;
    width: 26px;
    height: 24px;
    right: 60px;
}

#cboxPrevious:hover {
    background-position: -51px 0px !important;
}

#cboxNext {
    background-position: -73px 0px;
    width: 26px;
    height: 24px;
    right: 30px;
}

#cboxNext:hover {
    background-position: -73px 0px !important;
}

#cboxClose {
    background-position: -98px 0px;
    width: 26px;
    height: 24px;
    right: 0;
}

#cboxClose:hover {
    background-position: -98px 0px !important;
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    top: -23px;
}

.viewimg:nth-child(3n+1) {
    clear: left;
}

.content-wrapper .callout.callout-info h4.discussion_dropdown {
    float: left;
    width: 18%;
    margin-right: 1%;
}

.content-wrapper .callout.callout-info .discussion_by {
    float: right;
    width: 60%;
    text-align: right;
}

.clearFilter {
    color: red;
    cursor: pointer;
}


/* changes by devloper end*/


/* @ww change paasword page */

.white-panel.pw_reset {
    position: static;
    margin: 0 auto;
    padding: 30px 50px;
}

.fpw-alert.alert {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.portlet-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
}

.portlet-content {
    padding: 0.4em;
}

.portlet-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
}



/* To Do Board  page emd*/


/* clear columes */

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

.form-group #append-users input[type="checkbox"] {
    margin-right: 5px;
    margin-left: 10px;
    vertical-align: baseline;
    margin-top: 0;
}

.form-group #append-users input[type="checkbox"]:first-child {
    margin-left: 0;
}


/* @ww Employee Performance Report  page*/

.ep_report_box {
    padding: 5px 15px;
    background: #daedff;
    margin-bottom: 30px;
    border-radius: 5px;
}

.ep_report_row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e8f4ff;
    padding: 10px 0;
}

.ep_report_box .ep_report_row:last-child {
    border-bottom: 0px;
}


/* @ww Employee Performance Report  page end */


/* @ww candidates-form */

.candidates_form .management-system .pms-logo {
    max-width: 220px;
}

.candidates_form .inner h3 {
    color: #497bff;
}

.candidates_form .box .box-body {
    padding: 15px 30px;
}

.candidates_form .box {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(47, 94, 255, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(47, 94, 255, 1);
    box-shadow: 0px 0px 5px 0px rgba(47, 94, 255, 1);
    border-radius: 40px;
}

.candidates_form .btn.btn-primary {
    font-size: 14px;
    padding: 6px 12px;
    width: auto;
}

.candidates_form .btn-danger:hover,
.candidates_form .btn-danger:focus {
    background-color: unset !important;
    color: #dd4b39 !important;
}

.candidates_form .btn.btn-primary.apply_btn {
    font-size: 16px;
    padding: 10px 19px;
}

.candidates_form .form-control {
    font-size: 14px;
    border: 1px solid #e9ecef;
    border-color: #e9ecef;
    border-radius: 5px !important;
}

.candidates_form .form-group .input-group textarea.form-control {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.candidates_form form input.parsley-success,
.candidates_form textarea.parsley-success {
    border: 1px solid #e9ecef !important;
}


/* @ww candidates-form end */

.textLeft {
    text-align: left !important;
}

.dashboardProjectListSection ul.products-list.product-list-in-box .product-info {
    text-align: right;
}

.dashboardProjectListSection ul.products-list.product-list-in-box .product-img {
    width: 200px;
}

.dashboardProjectListSection ul.products-list.product-list-in-box .product-info {
    text-align: right;
    width: calc(100% - 200px);
    margin: 0;
    float: right;
}

/* Dashboard-responsive */

@media only screen and (max-width: 1199px) {
    .content-wrapper .col-nd-3 {
        max-width: unset;
    }
}


/*sidebar-responsive*/

@media only screen and (max-width: 991px) {
    .content-header .breadcrumb {
        position: static !important;
    }

    .forgot-link a.forgot-link-resp {
        display: block !important;
    }

    .add-box-resp .forgot-show {
        display: block;
        opacity: 1;
    }

    .add-box-resp .login-show.show-log-panel {
        display: none;
    }

    .add-box-resp .login-show.show-log-panel {
        display: none;
        opacity: 1;
    }

    .add-box-resp .forgot-show {
        display: block;
    }

    .add-box-resp1 .forgot-show {
        display: none;
        opacity: 1;
    }

    .add-box-resp1 .login-show.show-log-panel {
        display: block;
    }

    .add-box-resp1 .login-show.show-log-panel {
        display: block;
        opacity: 1;
    }

    .add-box-resp1 .forgot-show {
        display: none;
    }

    .login-fp-panel {
        background: transparent;
    }

    .login-show.login-btn-responsive {
        display: block;
        opacity: 1;
    }

    .add-box-resp1-from-login.add-box-resp1 .login-show {
        display: block;
        opacity: 1;
    }
}

@media only screen and (max-width: 768px) {
    .login-fp-panel .forgot {
        width: 100%;
    }

    .forgot-link {
        float: left;
        padding-top: 10px;
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .main-header-new .navbar {
        margin-top: -50px !important;
        padding-right: 15px !important;
        width: calc(100% - 140px);
    }

    .theme-new .content-wrapper,
    .theme-new .main-footer {
        margin-left: 0px !important;
    }

    .main-sidebar {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
    }

    .sidebar-open .content-wrapper,
    .sidebar-open .main-footer {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0);
        z-index: 1;
    }

    .forgot-link {
        padding-left: 76px;
    }

    .small-box {
        text-align: unset;
    }
}

@media only screen and (max-width: 580px) {
    .main-header-new .logo {
        width: 0px;
        font-size: 0px;
        padding: 0px;
        margin-left: 0px;
    }

    .main-header-new .navbar {
        margin-left: 0px;
        width: 100%;
    }

    .main-header-new .navbar .nav>li>a {
        padding: 15px 13px;
    }

    .main-sidebar {
        padding-top: 65px;
    }
}

@media only screen and (max-width: 480px) {

    .login-show,
    .forgot-show {
        padding-left: 23px;
    }
}

@media only screen and (max-width: 375px) {

    .login-show,
    .forgot-show {
        padding-left: 13px;
    }

    .forgot-link {
        padding-left: 42px;
    }
}

.empStatusicon {
    position: relative;
}

.colerR {
    width: 14px;
    height: 14px;
    margin-top: 23px;
    color: red;
    background-color: red;
    display: block;
    bottom: 20px;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    margin: 0;
    border: 1px solid #fff;
    object-fit: cover;
    left: 54%;
}

.colerO {
    width: 14px;
    height: 14px;
    margin-top: 23px;
    color: orange;
    background-color: orange;
    display: block;
    bottom: 20px;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    margin: 0;
    border: 1px solid #fff;
    object-fit: cover;
    left: 54%;
}


/*sidebar-responsive-end*/

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    padding: 10px 0 0 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
}

div.dataTables_wrapper div.dataTables_processing i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    font-size: 40px;
    color: #555;
}

.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion,
.box-header .box-title {
    color: #3c4043;
    /* font-weight: bold; */
    font-family: 'roboto-bold';
}

.view_img_link {
    font-size: 12px;
    float: right;
}


/* @ww responsiv */

@media (min-width: 1200px) {
    .tab-pane .milestones-add .col-lg-3 {
        width: 33.33333%;
    }

    .tab-pane .milestones-add .col-lg-4 {
        width: 50%;
    }

    .tab-pane .milestones-add .col-lg-1 {
        width: 16.66666667%;
    }

    .tab-pane .milestones-add {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1300px) {
    .tab-pane .milestones-add .col-lg-3 {
        width: 16.66666667%;
    }

    .tab-pane .milestones-add .col-lg-4 {
        width: 25%;
    }

    .tab-pane .milestones-add .col-lg-1 {
        width: 8.33333333%;
    }
}

@media (max-width: 1400px) {
    .btn_fix {
        width: 68px;
    }

    .content-wrapper .small-box-row .small-box p {
        font-size: 13px;
    }

    .content-wrapper .small-box-row .small-box .icon {
        width: 45px;
        height: 40px;
    }
}

@media (max-width: 1300px) {
    .rating-container .caption {
        margin-left: 0;
    }
}

@media (max-width: 1199px) {
    .content-wrapper .small-box-col>div {
        flex: unset;
        margin-bottom: 30px;
    }

    .form-box .rating-stars {
        font-size: 18px;
        margin-top: 4px;
    }

    .form-box .rating-stars .clear-rating {
        font-size: 15px;
        display: inline-flex;
    }

    .form-box .rating-stars .rating-container .remove-btnr {
        margin-top: 0 !important;
        margin-bottom: 10px;
    }

    .ep-review-box.form-box .rating-stars {
        margin-top: 0;
        line-height: normal;
    }

    .ep-review-box .rating-stars .star {
        font-size: 14px;
    }

    .ep-review-box .rating-stars .star span {
        line-height: normal;
    }

    .content-wrapper .callout.callout-info h4.discussion_dropdown {
        width: 100%;
    }

    #frm-update-rating-review .form-box .em-name {
        font-size: 17px;
    }

    .btn_fix {
        width: 100%;
    }


    .milestones-calendar .milestones-em-pro {
        max-width: 100%;
    }

    .milestones-calendar .milestone-select-em {
        max-width: 49%;
    }

    .milestones-calendar .milestone-select-pro {
        max-width: 50%;
    }

    .tab-pane .milestones-add {
        display: flex;
        flex-wrap: wrap;
    }

    .filter_box .filter_box_flex.br {
        flex-wrap: wrap;
    }

    .content-wrapper .small-box-row .small-box .icon {
        width: 65px;
        height: 60px;
    }

    .content-wrapper .small-box-row .small-box p {
        font-size: 15px;
    }

    .ep_report_box {
        margin-bottom: 15px;
    }

    .candidates_form .professional-trainings .col-md-6 .col-lg-10.col-md-9 {
        width: 83.33333333%;
    }

    .candidates_form .professional-trainings .col-lg-2.col-md-3.text-right {
        width: 16.66666667%;
    }

    .candidates_form .education-main-Details .education-add .col-md-3~.col-md-2 {
        width: 25%;
    }

    .candidates_form .education-main-Details .education-add .col-lg-1.col-md-2.text-right {
        width: 8.33333333%;
    }
}

@media (max-width: 991px) {
    .content-header .breadcrumb {
        background-color: unset;
        float: unset;
        text-align: right;
        margin-top: 0;
    }

    #frm-update-rating-review .form-box .em-name {
        font-size: 20px;
    }

    .main-header .navbar-custom-menu a,
    .main-header .navbar-right a {
        color: #085dad;
    }

    .btn::before {
        top: -16px;
    }

    .btn-lg1.btn::before,
    .btn.form-control::before {
        -webkit-transform: translate(-10%, -290%) rotate(-30deg);
        transform: translate(-10%, -290%) rotate(-30deg);
    }

    .btn-lg1.btn:hover::before,
    .btn:hover::before,
    .btn.form-control:hover::before {
        -webkit-transform: translate(-0%, 80%) rotate(0deg) !important;
        transform: translate(-0%, 80%) rotate(0deg) !important;
    }

    a.btn.btn-white {
        color: #3c4043;
    }

    .milestones-calendar #menu .btn.new-schedule {
        float: unset;
        margin-left: 0;
    }

    .milestones-calendar .status-color {
        display: inline-block;
        float: unset;
    }

    .milestones-calendar #menu .status-color span {
        margin-left: 5px;
    }

    .task-caledar .total-time .row>div {
        border-bottom: 1px solid #daedff;
        padding: 15px 0;
    }

    .form-group .sday.pull-left {
        float: unset !important;
        max-width: 130px;
        width: 100%;
        display: inline-block;
    }

    .content-wrapper .box .box-header .box-title {
        padding-right: 40px;
    }

    .form-group.textarea-control textarea:last-child,
    .form-group.textarea-control textarea {
        height: 100% !important;
    }

    .nav-tabs-custom .remove-btnr {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }

    .modal-dialog .remove-btnr {
        margin-top: 0 !important;
        margin-bottom: 25px;
        margin-left: 15px !important;
    }

    .flex_cleare {
        display: block;
    }

    .emaillist {
        border-right: 0;
        border-radius: 5px;
    }

    .grid-invoice .boarder_box_invoice .boarder_box_mt h3 {
        font-size: 17px;
    }

    .grid-milestone .boarder_box_invoice .a_hours {
        font-size: 12px;
    }

    .tab-pane .milestones-add {
        display: block;
    }

    .box-milestone .filter_box .btn-sec {
        width: 50%;
    }

    .filter_box .filter_box_flex {
        display: block;
    }

    .edit_ratings_reviews .col-sm-6 {
        width: 100%;
    }

    .form-control.select2~.parsley-errors-list {
        bottom: 0;
    }

    .filter_box .form-group .form-control.select2+.parsley-errors-list {
        bottom: 0px;
    }

    .report_budget .top_budget {
        text-align: center;
    }

    .top_budget .progress {
        margin: 10px 0;
    }

    .report_budget .team_member_box .progress {
        margin: 10px 0;
    }

    .report_budget .team_member_box {
        text-align: center;
    }

    .report_budget .m-box {
        width: unset;
    }

    .report_budget .team_member {
        justify-content: center;
        align-items: center;
    }

    .report_budget .footer-css {
        text-align: center;
    }

    .candidates_form #frm-application .top25 {
        margin-top: 0;
    }

    .candidates_form .form-control {
        width: 100%;
    }

    .candidates_form .professional-trainings .col-md-6 .col-lg-10.col-md-9 {
        width: 100%;
    }

    .candidates_form .professional-trainings .col-lg-2.col-md-3.text-right {
        width: 100%;
    }

    .candidates_form .education-main-Details .education-add .col-md-3~.col-md-2 {
        width: 100%;
    }

    .candidates_form .education-main-Details .education-add .col-lg-1.col-md-2.text-right {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .small-box .icon {
        display: block;
    }

    .content-wrapper .box.bg-green-gradient>form button,
    .skin-blue .content-wrapper .btn-primary,
    .skin-blue .content-wrapper .btn-danger,
    .skin-blue .content-wrapper .btn-info,
    .skin-blue .content-wrapper .btn-default,
    .skin-blue .content-wrapper .btn-success {
        max-width: 150px;
        width: 100%;
    }

    .skin-blue .content-wrapper .btn-lg1 {
        max-width: 200px;
    }

    .content-wrapper .box-body div .btn.btn-xs {
        max-width: 100px;
    }

    .content-wrapper .box.bg-green-gradient>form .table td button,
    .skin-blue .content-wrapper .table td .btn-primary,
    .skin-blue .content-wrapper .table td .btn-danger {
        display: block;
    }

    .btn {
        margin-bottom: 2px;
    }

    .table-responsive {
        border: 0px;
        /* overflow-y: auto; */
    }

    /* .no-table-responsive.table-responsive {
        overflow-y: unset;
    } */
    .dataTables_wrapper>.row:nth-child(2)>div {
        border: 0px;
        /* overflow-y: auto; */
        width: 100%;
        margin-bottom: 15px;
    }

    .skin-blue .main-header .navbar .dropdown-menu li a.btn.btn-white {
        color: #3c4043;
    }

    .skin-blue .main-header .navbar .dropdown-menu li a.btn.btn-white:hover {
        background-color: #085dad;
        border: 1px solid #085dad;
        color: #fff;
    }

    .skin-blue .main-header .navbar .dropdown-menu li a:hover {
        background-color: transparent;
    }

    .main-header .navbar-custom-menu .header-milestone a {
        color: #085dad !important;
    }

    .navbar-nav>.user-menu .user-image {
        float: right;
    }

    .main-header .logo {
        line-height: 45px;
    }

    .btn-upwork {
        width: 50px;
        height: 50px;
        bottom: 10px;
        right: 10px;
        line-height: 50px;
    }

    /* animation 4 */
    .sidebar-open .main-header .navbar .sidebar-toggle-new::before {
        -webkit-animation-name: btnanimate2;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
    }

    .sidebar-open .main-header .navbar .sidebar-toggle-new .stick-icon {
        -webkit-animation-name: btnanimate1;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
    }

    .sidebar-open .main-header .navbar .sidebar-toggle-new::after {
        -webkit-animation-name: btnanimate3;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
    }

    .sidebar-open .main-header .navbar .sidebar-toggle-new::before {
        animation-name: btnanimate2;
        animation-duration: 0.5s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
    }

    .sidebar-open .main-header .navbar .sidebar-toggle-new .stick-icon {
        animation-name: btnanimate1;
        animation-duration: 0.5s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
    }

    .sidebar-open .main-header .navbar .sidebar-toggle-new::after {
        animation-name: btnanimate3;
        animation-duration: 0.5s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
    }

    .vertical_tab_menu>ul.nav-tabs {
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
    }

    .vertical_tab_menu .tab-content {
        width: 100%;
        padding: 15px;
    }

    .vertical_tab_menu {
        display: block;
    }

    .vertical_tab_menu>.nav-tabs>li {
        border-bottom: 3px solid transparent;
        border-left: 0;
    }

    .vertical_tab_menu>.nav-tabs>li.active {
        border-bottom-color: #085dad;
        border-right: 1px solid #f5f5f5;
    }

    .nav-tabs-custom>.nav-tabs>li {
        margin-right: 0;
    }

    .nav-tabs-custom>.nav-tabs>li>a {
        padding: 8px 15px;
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-bottom: 8px;
    }

    .pagination {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0px;
        justify-content: center;
    }

    .dataTables_paginate .pagination li {
        margin: 3px;
    }

    #milestone-list .task-caledar .tast_header .right-time {
        float: none;
        display: block;
        text-align: center;
    }

    #milestone-list .task-caledar .tast_header .right-time span {
        margin-right: 0;
    }

    .grid-lead,
    .grid-notes {
        display: block;
    }

    .grid-client .col-sm-6 {
        max-width: 50%;
        float: left;
        width: 100%;
    }

    .grid-milestone .boarder_box_mt p {
        margin: 0;
        margin-bottom: 5px;
    }

    .grid-milestone .boarder_box_invoice .a_hours {
        font-size: 14px;
    }

    .filter_box .btn-sec label.d-block.md-none {
        display: none !important;
    }

    .dataTables_wrapper .table tbody td {
        white-space: nowrap;
    }

    table.dataTable>tbody>tr td.child {
        white-space: normal;
    }

    .filename_icon {
        margin-top: 60px;
    }

    .modal-ed {
        max-width: unset;
    }

    .content-wrapper .small-box-col .small-box .icon i {
        font-size: 50px;
    }

    .main-header-new .navbar .top-notification {
        font-size: 12px;
    }

    ul.wysihtml5-toolbar li a.btn {
        width: unset !important;
    }
}

@media (max-width: 575px) {
    .content-wrapper .small-box-row .small-box .icon {
        float: unset;
    }

    .content-wrapper .small-box-row .small-box p,
    .content-wrapper .small-box-row .small-box h3,
    .content-wrapper .small-box-row .small-box .icon {
        text-align: center;
    }

    #header-milestones .header-milestone {
        max-width: 480px !important;
        width: calc(100% - 30px) !important;
        left: 15px;
    }

    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #085dad;
    }

    .box-body .hd-line .hd-date,
    .box-body .hd-line .hd-day,
    .box-body .ub-line .ub-date {
        font-size: 14px;
    }

    .box-body .hd-line .hd-date,
    .box-body .hd-line .hd-day,
    .box-body .hd-line .hd-content {
        width: 100%;
    }

    .box-body .ub-line .viewimg .employeeicon {
        width: 55px;
        height: 55px;
        padding: 7px;
    }

    .box-body .ub-line .viewimg>span {
        padding: 6px;
        padding-left: 5px;
    }

    .content-header .breadcrumb {
        float: right;
    }

    .management-system h2 img {
        width: calc(100% - 30px);
    }

    .content-wrapper .box-body div .btn {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 5px;
        max-width: 120px;
        width: 100%;
    }

    .grid_box button.btn.tb-add-em {
        margin-left: 11px !important;
        margin-right: 0 !important;
        display: inline-block;
    }

    .content-wrapper .nav-tabs-custom .box-body div .btn.add-f {
        float: unset;
    }

    .milestones-calendar .btn.btn-white {
        margin-bottom: 5px;
    }

    .content-wrapper .box-body div .btn.btn-xs {
        display: inline-block;
    }

    .income-box .income .inner_income>span,
    .income-box .income .inner_actual>span {
        font-size: 20px;
    }

    #frm-update-rating-review .form-box .em-name {
        font-size: 17px;
    }

    .content-wrapper .box-body ul.wysihtml5-toolbar li a {
        margin: 0 !important;
    }

    .content-wrapper .box-body ul.wysihtml5-toolbar li .btn-group {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .white-panel.pw_reset {
        padding: 30px 30px;
    }

    .white-panel.pw_reset input {
        width: 100%;
    }

    .form-group.password::before {
        right: 5px;
    }

    .white-panel.pw_reset .submit-btn .btn.btn-primary {
        width: 100%;
        margin-left: 0;
    }



    .grid-client .col-sm-6 {
        max-width: 100%;
        float: unset;
    }

    .grid-client {
        display: block;
    }

    .grid-follow-ups .col-xs-6,
    .grid-quotes .col-xs-6,
    .grid-milestones .col-xs-6,
    .grid-notes .col-xs-6 {
        width: 100%;
    }

    .filter_box .btn-sec label.d-block {
        text-align: center;
        /* margin-top: 10px; */
        margin-bottom: 10px;
    }

    .filter_box .btn-sec .btn.pull-right {
        float: unset !important;
    }

    .content-wrapper .filter_box .btn-sec .btn-lg1 {
        max-width: 190px;
    }

    .milestones-calendar .milestone-select-em {
        max-width: 100%;
    }

    .milestones-calendar .milestone-select-pro {
        max-width: 100%;
    }

    .milestones-dash>.row>.col-xs-6 {
        width: 100%;
    }

    .box-milestone .filter_box .btn-sec label.d-block {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .delete-popup-icon {
        width: 60px;
        height: 60px;
    }

    .candidates_form .box .box-body {
        padding: 15px;
    }

    .candidates_form .box {
        border-radius: 10px;
    }
}

@media (max-width: 480px) {
    .view-file-box .view-file-box-footer {
        flex-wrap: wrap;
    }

    .view-file-box .view-file-box-footer .btn {
        margin: 5px 0;
    }

    .main-header-new .navbar .top-notification {
        position: absolute;
        bottom: -11px;
        background-color: #fff;
        padding-bottom: 1px;
        border-radius: 5px;
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 420px) {
    .content-wrapper .small-box-col .small-box p {
        min-height: 32px;
        margin-bottom: 0;
    }

    .content-wrapper .small-box-col .small-box .icon img {
        width: 100%;
        height: 100%;
    }

    .content-wrapper .small-box-col .small-box .icon {
        height: 70px;
        width: 70px;
    }

    .content-wrapper .small-box-col .small-box h3,
    .content-wrapper .small-box-row .small-box h3 {
        font-size: 25px;
    }

    .sidebar-mini>.wrapper>.main-sidebar {
        width: 120px !important;
    }

    .main-sidebar-new .sidebar-menu>li>.treeview-menu {
        left: 119px;
    }

    .sidebar-open .content-wrapper,
    .sidebar-open .main-footer {
        -webkit-transform: translate(120px, 0);
        -ms-transform: translate(120px, 0);
        -o-transform: translate(120px, 0);
        transform: translate(120px, 0);
    }

    .nav-tabs-custom>.nav-tabs>li>a {
        padding: 8px 8px;
    }

    .content-wrapper .box-body div .btn.btn-xs {
        max-width: 75px;
    }

    .income-box .income.rt-col .inner_income {
        display: block;
    }

    .income-box .income.rt-col .inner_income p {
        margin-bottom: 10px;
    }

    .income-box .income.rt-col .inner_income span {
        margin-bottom: 5px;
    }

    .task-timesheet .tast_header span {
        display: block;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .grid-client .box-body .boarder_box_mt {
        margin-top: 0;
    }

    .grid-client .box-body .boarder_box_mt h3 {
        margin-top: 5px;
    }

    .grid-client .box-body .boarder_box_mt .col-sm-6 {
        max-width: 100%;
        float: unset;
    }
}

@media (max-width: 375px) {
    .dropdown-toggle #clock-in-timer {
        display: none;
    }

    .main-sidebar-new .sidebar-menu>li>.treeview-menu {
        width: calc(100vw - 120px);
    }

    .content-wrapper .callout.callout-info {
        flex-direction: column;
    }

    .content-wrapper .callout.callout-info h4.discussion_dropdown {
        margin-bottom: 5px;
    }

    .grid-milestone .boarder_box_invoice .a_hours {
        font-size: 12px;
    }

    .content-wrapper .small-box-col .small-box h3,
    .content-wrapper .small-box-row .small-box h3 {
        font-size: 25px;
    }

    .content-wrapper .small-box>.inner {
        padding: 10px;
    }

    .sidebar-mini>.wrapper>.main-sidebar {
        width: 120px !important;
    }

    .main-sidebar-new .sidebar-menu>li>.treeview-menu {
        left: 119px;
    }

    .sidebar-open .content-wrapper,
    .sidebar-open .main-footer {
        -webkit-transform: translate(120px, 0);
        -ms-transform: translate(120px, 0);
        -o-transform: translate(120px, 0);
        transform: translate(120px, 0);
    }

    .nav-tabs-custom>.nav-tabs>li>a {
        padding: 8px 8px;
    }

    .content-wrapper .box-body div .btn.btn-xs {
        max-width: 75px;
    }

    .income-box .income.rt-col .inner_income {
        display: block;
    }

    .income-box .income.rt-col .inner_income p {
        margin-bottom: 10px;
    }

    .income-box .income.rt-col .inner_income span {
        margin-bottom: 5px;
    }

    .task-timesheet .tast_header span {
        display: block;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .grid-client .box-body .boarder_box_mt {
        margin-top: 0;
    }

    .grid-client .box-body .boarder_box_mt h3 {
        margin-top: 5px;
    }

    .grid-client .box-body .boarder_box_mt .col-sm-6 {
        max-width: 100%;
        float: unset;
    }
}

@media (max-width: 375px) {
    .dropdown-toggle #clock-in-timer {
        display: none;
    }

    .main-sidebar-new .sidebar-menu>li>.treeview-menu {
        width: calc(100vw - 120px);
    }

    .content-wrapper .callout.callout-info {
        flex-direction: column;
    }

    .content-wrapper .callout.callout-info h4.discussion_dropdown {
        margin-bottom: 5px;
    }

    .grid-milestone .boarder_box_invoice .a_hours {
        font-size: 12px;
    }
}

@media (max-width: 375px) {
    .dropdown-toggle #clock-in-timer {
        display: none;
    }

    .content-wrapper .box.bg-green-gradient>form button,
    .skin-blue .content-wrapper .btn-primary,
    .skin-blue .content-wrapper .btn-danger,
    .skin-blue .content-wrapper .btn-info,
    .skin-blue .content-wrapper .btn-default,
    .skin-blue .content-wrapper .btn-success {
        max-width: 120px;
    }

    .main-sidebar-new .sidebar-menu>li>.treeview-menu {
        width: calc(100vw - 120px);
    }

    .content-wrapper .callout.callout-info {
        flex-direction: column;
    }

    .content-wrapper .callout.callout-info h4.discussion_dropdown {
        margin-bottom: 5px;
    }

    .grid-milestone .boarder_box_invoice .a_hours {
        font-size: 12px;
    }
}


.daterangepicker.ltr .ranges {
    width: 100% !important;
    clear: both !important;
    text-align: center !important;
    border-top: 1px solid #e9e9e9;
    padding: 10px;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect {
    background: #FFF;
    border: 1px solid #e9e9e9;
    padding: 5px;
}


.modal .modal-80 {
    width: 80% !important;
}

.modal .modal-height-80 {
    max-height: 80vh;
    overflow: auto;
}