@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

body {margin: 0; padding: 0; background: #f0f3fb; font-family: 'Poppins', sans-serif; color: #858796;}
a:hover, a:focus {text-decoration: none; outline: 0 none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
ul {list-style: none; margin: 0; padding: 0;}
ul li {margin: 0; padding: 0;}
th td, tr td {outline: 0 none;}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus, button:hover, button:focus, th:focus, td:focus {outline: 0 none !important; outline-offset:0 !important; box-shadow: none !important;}
label {font-weight: normal; color: #858796;}
.tooltip-inner {width:100px; letter-spacing: 0.5px;}
/*.form-control:focus {border:1px solid rgba(0,0,0,.12);}*/

/*@font-face {
  font-family: 'Europa-Bold';
  src: url('../fonts/Europa-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Europa-Bold.otf')  format('opentype'),
  url('../fonts/Europa-Bold.woff') format('woff'),
  url('../fonts/Europa-Bold.ttf')  format('truetype'),
  url('../fonts/Europa-Bold.svg#Europa-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Europa-Regular';
  src: url('../fonts/Europa-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Europa-Regular.woff') format('woff'),
  url('../fonts/Europa-Regular.ttf')  format('truetype'),
  url('../fonts/Europa-Regular.svg#Europa-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

.login_box_mnc_inner_MX input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;
  opacity: 1;
}
.login_box_mnc_inner_MX input::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
  opacity: 1;
}
.login_box_mnc_inner_MX input:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
  opacity: 1;
}
.login_box_mnc_inner_MX input:-moz-placeholder { /* Firefox 18- */
  color: #000000;
  opacity: 1;
}


/* left column */
.left_col {position: fixed; width: 250px; float: left; height: 100%; z-index: 99; background-color: #1a202e; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.logo {height: 75px; text-align: center; line-height: 75px;}
.left_menu_block {float: left; width: 100%; height: calc(100% - 95px); margin-top: 20px;}
.left_menu_block ul {margin: 0 10px; float: left; width: calc(100% - 20px);}
.left_menu_block li {display: block; float: left; width: 100%; margin-bottom: 8px;}
.left_menu_block li a {display: block; padding: 12px; color: rgba(255,255,255,0.5); font-weight: 400; letter-spacing: 0.5px; border-radius: 10px;  white-space: nowrap;}
.left_menu_block li:hover a,
.left_menu_block li.active a {color: #1a202e; background: #fff;}

.menu_icon {width: 25px; height: 25px; line-height: 25px; display: inline-block; margin-right: 15px; text-align: center;}

.left_menu_block li.active .active-img {display: inline-block;}
.left_menu_block li.active .regular-img {display: none;}
.left_menu_block li.active .hover-img {display: none;}

.left_menu_block li:hover .hover-img {display: inline-block;}
.left_menu_block li:hover .regular-img {display: none;}
.left_menu_block li:hover .active-img {display: none;}
.select2-container--open { z-index:99999; }
.hover-img {display: none;}
.active-img {display: none;}

.swipe_icon {color: #fff; width: 25px; top: 75px; z-index: 99; left: 250px; height: 40px; font-size: 14px; line-height: 40px; cursor: pointer; text-align: center; position: fixed; background: #1a202e; border-top-right-radius: 6px; border-bottom-right-radius: 6px; transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;}
.swipe_icon .fa {transform: rotate(180deg); left: -3px; position: relative;     transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;}
.swipe_body .swipe_icon .fa {left: 0; transform: inherit;     transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;}
.swipe_left_col {width: 65px;     transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;}
.swipe_body .right_header, .swipe_body .right_col {padding-left: 65px;     transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;}

.swipe_left_col .left_menu_block ul {margin: 0; width: 100%;}
.swipe_left_col .left_menu_block li a {border-radius: 0;}
/*.swipe_left_col .left_menu_block li a .m_name {display: none;}*/
.swipe_left_col .left_menu_block .menu_icon {width: 35px; /*font-size: 16px; margin-right: 0;*/}
.swipe_left_col .left_menu_block .profile {margin: 10px 0;}
/* .swipe_left_col .left_menu_block .profile_img {width: 60px; height: 60px;}
.swipe_left_col .left_menu_block .profile_img img {height: 60px;} */

.swipe_left_col .logo .brand_logo {display: inline-block;}
.logo .brand_logo, .swipe_left_col .logo .full_logo {display: none;}

.swipe_left_col:hover {
    width: 250px;
}
.swipe_left_col:hover .logo .full_logo {
  display: inline-block;
}
.swipe_left_col:hover .logo .brand_logo {
  display: none;
}
.dashboard_inner {
    position: relative;
}
.swipe_left_col:hover + .swipe_icon {
  left: 250px; transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.swipe_body .swipe_icon {
    left: 65px; transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.swipe_left_col:hover + .swipe_icon .fa {
  left: -3px;
  position: relative;
  transform: rotate(180deg);
}

/* right column */
.right_col {position: relative; float: left; width: 100%; padding-left: 250px; /*overflow: hidden;*/ transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.right_header { float: left; width: 100%; background: #fff; height: 75px; position: fixed;right: 0;padding-left: 250px;z-index: 1; box-shadow: 5px 7px 26px -5px #cdd4e7;}
.head_right_left_top_main {float: left; width: auto; margin: 0 35px 0 0;}
.head_right_left_top_inner {float: none; width: auto; padding:0 0 0 20px; height: 75px; vertical-align: middle; display: table-cell;}
.dashboard_title {
    color: #555;
    /*font-size: 20px;*/
    font-weight: 500;
    line-height: 40px;
    float: left;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}
.right_header .input_block { width: 150px; margin: 0 30px; float: left; position: relative;padding: 15px 0; }

.right_cnt_col {width: 100%; float: left; padding-top: 75px; position: relative;}
.right_inner_col {width: 100%; float: left; padding: 20px;}

/* select css */
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #555;}
.input_block .select2 {width: 100% !important;}
.input_block .select2-container--default .select2-selection--single {border:1px solid #fff; border-radius: 0; outline: 0 none;}
.input_block .select2-container .select2-selection--single {height: auto; outline: 0 none;}
.input_block .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 40px; font-size: 18px; text-transform: capitalize; color: #282931;}
.input_block .select2-container--default .select2-selection--single .select2-selection__arrow {height: 40px;}
.input_block .select2-container--focus {outline: 0 none;}
.input_block .select2-dropdown {border: 1px solid #e7e7e7; border-radius: 0;}
.input_block .select2-container--default .select2-results__option[aria-selected=true] {background-color: #282931; color: #fff;}
.input_block .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #282931; color: #fff;}
.input_block .select2-container--default .select2-selection--single .select2-selection__arrow b {border: 0;}
.input_block .select2-container--default .select2-selection--single .select2-selection__arrow b:before {background: url(../images/down-arrow.png) no-repeat center center / 15px 9px; width: 15px; height: 9px; position: absolute; content: "";}
.input_block .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {background: url(../images/up-arrow.png) no-repeat center center / 15px 9px; width: 15px; height: 9px; position: absolute; content: "";}

.right_header .select2 {width: 100% !important;}
.right_header .select2-container--default .select2-selection--single {background: transparent; border: 0; padding: 0;}
.right_header .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 65px;}
.right_header .select2-container--default .select2-selection--single .select2-selection__arrow {height: 60px;}

/* Data table */

.dash_tbl_icon img {width: 20px;}
table.dataTable.dashborad_list_tbl {margin-top:0px !important;}
.dashborad_list_tbl td.dataTables_empty {width: 100%; box-sizing: border-box;}

.mCSB_inside>.mCSB_container {margin-right:0;}
.mCSB_scrollTools .mCSB_draggerRail {background:transparent;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #9da7bd !important;}

/* checkbox */
input[type="checkbox"] {display: inline-block; position: absolute; margin: 0; width: 24px; height: 24px; opacity: 0;z-index: 1; cursor: pointer;}
input[type="checkbox"] + label {color: #222E3C;font-weight: normal;margin: 0;cursor: pointer;font-size: 20px;display: flex;align-items: center;}
input[type="checkbox"] + label span { display:inline-block; width:24px; height:24px; margin:0 15px 0 0; vertical-align:middle; background:none; cursor:pointer; position:relative; border: 2px solid #3f51b5;     border-radius: 4px;}
/*input[type="checkbox"] + label span:hover {background: #E1F0FF; width: 24px; height: 24px;}*/
input[type="checkbox"]:checked + label span {background:#3f51b5;}
input[type="checkbox"]:checked + label span:before {
  position: absolute;
  content: "";
  left: 7px;
  top: 2px;
  border-color: #fff;
  border-style: solid !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
  width: 8px !important;
  height: 15px !important;
  z-index: 1;
}

input[type="checkbox"] + .export { display: inline-block; position: absolute; margin: 0; width: 24px; height: 24px; opacity: 1;z-index: 1; cursor: pointer; }
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox:checked + label {
  opacity: 1;
}
.styled-checkbox.inactive + label {
  opacity: 0.5;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: text-top;
  border: 1px solid #000;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 1px;
  top: 7px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 #000, 4px 0 0 #000, 4px -2px 0 #000, 4px -4px 0 #000, 4px -6px 0 #000, 4px -8px 0 #000;
  transform: rotate(45deg);
  transition: all 0.3s ease-out;
}
.right_inner_cover {float: left; width: 100%;}
.tbl_list {float: left; width: 100%; margin: 0 0 30px 0;}
.btm_inner {border: 1px solid #E7E8E8; float: left; width: 100%; background: #fff;}
.btm_head {padding: 12px; float: left; width: 100%; border-bottom: 1px solid #E7E8E8;}
.btm_left_icon {width: 10%;}
.btm_right_icon {width: 10%; text-align: right}
.btm_title{ width: 80%; margin: 0 auto; display:table; color: #858796;  font-size: 14px; line-height: 22px;  text-align: center; text-transform: uppercase; letter-spacing: 1px;}
.btm_cnt {padding:10px 5px 10px 10px; float: left; width: 100%; height: 391px; overflow-y: auto;}
.btm_cnt li {display: block; margin: 0 0 15px 0; float: left; width: 100%;}
.btm_cnt li:last-child {margin-bottom: 0;}
.btm_hrs{color: #BAC2C7;    font-size: 14px; line-height: 18px; display: block;}
.plan_title {color: #000000;    font-size: 14px;  line-height: 18px;}
.btm_inner .mCSB_inside>.mCSB_container {margin-right:15px;}
.checkbox_cover {/*width: 24px; height: 24px;*/ float: left; /*margin:8px 0 0 0; padding-left: 15px;*/ cursor: pointer;}
.check_cnt {width: 85%; float: left; position: relative; padding-right: 70px;padding-left: 0;}
.check_cnt_password {padding-left:15px;width: 100%; float: left; position: relative; padding-right: 70px;}
.edit_dt_main {position: absolute; top: 0; right: 0;}
.edit_dt_main a {margin:3px; display: inline-block; padding: 0;}

.right_inner_bottom_main {float: left; width: 100%;}
/* Calender */
.cal1 { float: left; width: 100%; min-height: 412px;}
.cal_main { float: left; width: 100%; }
.cal_month_head {padding: 12px; float: left; width: 100%; border-bottom: 1px solid #E7E8E8;}
.cal_left_icon, .cal_right_icon {width: 15%;}
.cal_left_icon a, .cal_right_icon a {width:30px; display: inline-block;}
.month_name {display: inline-block; width: 70%; color: #858796;  font-size: 14px; line-height: 22px;  text-align: center; text-transform: uppercase; letter-spacing: 1px;}

.cal_week_head { float: left; width: 100%; background: #FAFAFA; border-bottom: 1px solid #E7E8E8;}
.cal_week_head ul {float: left; width: 100%;}
.cal_week_head ul li {border-left: 0; border-top: 0; color: #727E8B; font-size: 14px; line-height: 60px; text-align: center; height: 60px; float: left; width: 14.28%;  text-transform: uppercase;}

.cal_date {float: left; width: 100%; }
.cal_date ul {float: left; width: 100%;}
.cal_date ul li {float: left; width: 14.28%; text-align: center; font-size: 14px; padding: 0; position: relative; height: 55px; line-height: 55px; margin: 0 auto; position: relative;}
.cal_date ul li span {height: 40px; line-height: 40px; width: 40px; display: inline-block; position: relative; color: #2C3135; font-size: 14px; text-align: center; }
.cal_date ul li.current_date span {background-color: #3f51b5; border-radius: 4px; color: #fff; cursor: pointer;}
.cal_date ul li.event_date span {cursor: pointer;}
.cal_date ul li.event_date span:before {position: absolute; content: ""; right: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; background-color: #8CC63F;}

.date_popup_wrap {position: absolute;top: -35px; left: 50%; transform: translateX(-50%);right: 0px; width:250px; z-index: 111;}
.date_popup_wrap .date_window {width: 100% !important;font-size: 14px;color: #fff; border-radius: 4px; background:#8CC63F; padding: 10px 5px;line-height: 14px;cursor: pointer;text-transform: capitalize;}
.date_popup_wrap .date_window li {position: relative; text-align: center;display: block;align-items: inherit;justify-content: inherit;}
.date_popup_wrap .date_window:before {position: absolute;content: "";border-top: 5px solid #8CC63F;border-left: 5px solid transparent;border-right: 5px solid transparent;bottom: -5px;left: 0;right: 0;width: 0;height: 0;display: table;margin: 0 auto;}
.none {display: none;}

.gauge_block {float: left; width: 100%; margin:0 0 30px 0; text-align: center; background-color: #fff;height: 365px;}
.gauge_block:first-child {}
.gauge_block:last-child {margin-bottom: 0;}
.gauge_title {font-size: 14px; font-weight: bold; letter-spacing: 0.5px; line-height: 22px; text-align: center; color: #8D8D8D position: relative; z-index: 1; text-transform: uppercase;}
.gauge {margin-top: -30px;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.inner_img_randow_change { float: left;width: 100%;height: 100%; }
.inner_img_randow_change img { width: 100%;object-fit: cover; }




.mrbtm48 { margin-bottom: 48px;}

.top_btn_header { float: right; }
.btn_big_opt {height: 45px; width: auto; line-height: 45px; border: none; float: left; color: #FFFFFF; font-size: 16px; text-align: center; text-transform: capitalize; border-radius: 4px; padding: 0 15px; letter-spacing: 0.5px; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); margin: 0 0 0 15px; min-width: 100px;}
.btn_big_opt_draft {height: 45px; width: auto; line-height: 45px; border: none; float: left; color: #FFFFFF; font-size: 16px; text-align: center; border-radius: 4px; padding: 0 15px; letter-spacing: 0.5px; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); margin: 0 0 0 15px;}
.grn { background: #3f51b5; }
.grn:hover, .grn:focus { color: #ffffff;opacity: 0.8; }
.dflt:hover, .dflt:focus { color: #858796;opacity: 0.8; }
.pad0 { padding: 0; }
.dflt { color: #858796; }
.form_main_form { float: left;width: 100%;padding: 10px 0;border-bottom: 1px solid #DADCE1; }
.form_main_form .form-group { float: left;width: 100%;margin-bottom: 30px; }
.form_main_form .form-group label { float: left;width: 100%;color: #858796;font-size: 12px;line-height: 18px;padding: 0;margin: 0; text-transform: uppercase;text-shadow: none;letter-spacing: 0.5px;font-weight: 500;margin-bottom: 10px; }
.cool-control {float: left; width: 100%; height: 46px; line-height: 46px; background: #ffffff; border: none; box-shadow: none; width: 100%; padding: 0 12px; color: #858796; font-size: 14px; border-radius: 6px;}
.cool-control:focus {outline: 0 none; border-color: transparent; box-shadow: none;}
.form-group {float: left; width: 100%; margin-bottom: 20px;}

/* cool select 2 */
.form_main_form .form-group .select2-container { width: 100% !important; }
.form_main_form .form-group .select2-container--default .select2-selection--single { float: left;width: 100%;height: 46px;background: #ffffff;border: none;border-radius: 0;font-size: 19px;font-weight: normal; padding: 0;}
.form_main_form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; }
.form_main_form .form-group .select2-container--default .select2-selection--single .select2-selection__placeholder { color: rgba(0,0,0,0.4);font-size: 19px;font-weight: normal; }
.form_main_form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px;top: 0;right: 0; }
.form_main_form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b { font-family: FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);left: -3px;margin-left: 0;margin-top: -13px;font-size: 20px;color: #888;width: 15px;height: 17px;border: none;text-align: center;-webkit-transition: transform 0.25s ease;-moz-transition: transform 0.25s ease;-o-transition: transform 0.35s ease;transition: transform 0.35s ease;color: #858796; }
.form_main_form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content:"\f107"; }
.form_main_form .form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { -moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);margin-top: -3px; }

.form_main_form .form-group .select2-container:focus { outline: none; }
.form_main_form .form-group .select2-container--default .select2-selection--single:focus { outline: none; }

/* multiple select */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {padding: 0 8px;}
.select2-container .select2-selection--multiple {float: left;width: 100%; min-height: 46px; height:auto;background: #ffffff;border: none;border-radius: 0;font-size: 16px;font-weight: normal; letter-spacing: 0.5px; border: 1px solid rgba(0,0,0,.12); border-radius: 6px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #3f51b5; border: 0; color: #fff; font-size: 13px;
    letter-spacing: 0.5px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color: #fff; margin-right: 5px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {color: #fff;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border: 1px solid rgba(0,0,0,.12); outline: 0;}
.select2-dropdown {border-color: rgba(0,0,0,.12) !important;}

.cmn-toggle { position: absolute;margin-left: -9999px;visibility: hidden; }
.cmn-toggle + label { display: block;position: relative;cursor: pointer;outline: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
input.cmn-toggle-round-flat + label { padding: 2px;width: 75px;height: 37px;background: #d1d7e1;-webkit-border-radius: 60px;-moz-border-radius: 60px;-ms-border-radius: 60px;-o-border-radius: 60px;border-radius: 60px;-webkit-transition: background 0.4s;-moz-transition: background 0.4s;-o-transition: background 0.4s;transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after{ display: block;position: absolute;content: ""; }
input.cmn-toggle-round-flat + label:before { top: 2px;left: 2px;bottom: 2px;right: 2px;background: #d1d7e1;-webkit-border-radius: 60px;-moz-border-radius: 60px;-ms-border-radius: 60px;-o-border-radius: 60px;border-radius: 60px;-webkit-transition: background 0.4s;-moz-transition: background 0.4s;-o-transition: background 0.4s;transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after { top: 8px;left: 6px;bottom: 4px;width: 22px;height:22px;background-color: #ffffff;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 52px;border-radius: 50%;-webkit-transition: margin 0.4s, background 0.4s;-moz-transition: margin 0.4s, background 0.4s;-o-transition: margin 0.4s, background 0.4s;transition: margin 0.4s, background 0.4s; }
input.cmn-toggle-round-flat:checked + label { background: #3f51b5; }
input.cmn-toggle-round-flat:checked + label:before { background: #3f51b5; }
input.cmn-toggle-round-flat:checked + label:after { margin-left: 30px;background: #ffffff; }
.switchch_main { float: left;width: 100%; }
.switchch_main .switch label { width: 64px; }
.switch { float: left;width: 100%; }

/* --- */
.form_mrg_btm {margin-bottom: 30px;}
.cool-textarea {height: 130px !important; background-color: #FFFFFF; width: 100%; resize: none; padding: 8px; border: 1px solid rgba(0,0,0,.12); box-shadow: none; font-size: 14px; line-height: 22px; color: #000;}
.cool-textarea::-webkit-input-placeholder {color: rgba(0,0,0,0.4) ;}
.cool-textarea:-moz-placeholder {color: rgba(0,0,0,0.4);}
.cool-textarea::-moz-placeholder {color: rgba(0,0,0,0.4);}
.cool-textarea:-ms-input-placeholder {color: rgba(0,0,0,0.4);}

/* radio button */
.rd_cv {width: auto; float: left; margin-right: 40px; position: relative;}
.rd_cv input[type=radio] {position: absolute; visibility: hidden;}
.rd_cv label {display: block; position: relative; margin: 0 auto !important; height: 46px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; padding: 11px 0 0 30px !important; text-transform: capitalize !important; color: #000000 !important; font-size: 19px !important; line-height: 24px !important; font-weight: normal !important;}
.rd_cv:hover label{color: #FFFFFF;}
.rd_cv .check {display: block; position: absolute; border: 2px solid #858796; border-radius: 100%; height: 24px; width: 24px; top: 11px; left: 0; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear;}
.rd_cv .check::before {display: block; position: absolute; content: ''; border-radius: 100%; height: 14px; width: 14px; top: 3px; left: 3px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear;}
.rd_cv input[type=radio]:checked ~ .check {border: 2px solid #3f51b5;}
.rd_cv input[type=radio]:checked ~ .check::before{background: #3f51b5;}

.rate_main_blk {float: left; width: 100%;}
.rate_inner_blk {width: 110px; height: 67px; text-align: center; float: left; margin: 0 18px 16px 0; background: #fff; padding: 8px; box-sizing: border-box;}
.rate_inner_blk:last-child {margin-bottom: 0px;}
.rt_title {letter-spacing: 0.5px; font-size: 10px;  font-weight: bold;  line-height: 18px;  text-align: center; color: #858796; margin: 0 0 4px 0; text-transform: uppercase; float: left; width: 100%;}
.rt_price {color: #000000; font-size: 15px; line-height: 28px; height: 28px; text-align: left; font-weight: normal; padding: 0 8px 0 26px; border-radius: 0; box-shadow: none; border:1px solid #DADCE1;}
.rt_price:hover, .rt_price:focus {border-color: #DADCE1; box-shadow: none;}
.form_right_pad {padding-right: 115px; float: left; width: 100%;}
.cp_link {float: right; display: inline-block; color: #3f51b5;  font-size: 14px; font-weight: normal; line-height: 18px; text-align: right; text-transform: capitalize; border-bottom: 1px solid #3f51b5;}

.fr_cv {float: left; width: 100%;}

table.dataTable { width: 100% !important; /*box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;*/}
table.dataTable th, table.dataTable td {padding: 15px 10px; box-sizing: border-box !important;}
table.dataTable th {color: #858796; font-size: 12px; font-weight: 600; line-height: 18px; text-transform: uppercase; letter-spacing: 0.5px; background: #ebebee; border-bottom: 1px solid #e3e6f0;}
table.dataTable td {color: #858796; font-size: 14px; line-height: 18px; box-shadow: inset 0 1px 0 0 #E7E8E8; border-bottom: 1px solid rgba(0,0,0,.12);}
table.dataTable tr.even td, table.dataTable tr:hover td { background-color: #fafafa; }
table.dataTable tbody, table.dataTable tfoot {background: #fff; }
/*table.dataTable tfoot td {box-shadow: inset 0 1px 0 0 #e3e6f0;}*/
div.dataTables_wrapper div.dataTables_filter input {background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; box-shadow: none; color: #000000; font-size: 15px; height: 34px; padding: 6px 12px;}
#dashboard_datatable img,
#teamch_datatable img {width: 35px; height: 35px; object-fit: cover; border-radius: 100%;}


.ad_de_icon {margin: 0 10px; display: inline-block;}
.green {color: #3f51b5;}
.red {color: #E24329}
.gry {color: #858796;}

div.dataTables_wrapper div.dataTables_paginate {float: right;}
.bottom_cover {width: auto; float: right; margin: 10px 0 0 0;}
.btm_blk {float: left; width: auto;}
.btm_blk a {color: #3f51b5;  font-size: 14px;  font-weight: normal;  line-height: 22px;  text-align: left; margin: 8px 15px; display: inline-block;     letter-spacing: 0.5px;}
.btm_blk img {margin: 4px 8px 0 0; float: left;}

/* datatable pagination */
.pagination li a {border: none; width: 32px; text-align: center; height: 32px; padding: 0 5px; line-height: 32px; border-radius: 100%;}
.pagination a {color: #A1A1A1 !important; font-weight: 600;background-color: #f6f6f6;}
.pagination li a:hover {opacity: 0.8;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {color: #fff !important; background-color: #3f51b5 !important;}
.pagination a:hover, .pagination a:focus {background: none !important;}

/* project detail */
.back_top_main {float: left; width: 100%;}
.back_top_link {color: #3f51b5; font-size: 14px; font-weight: 500; line-height: 18px; letter-spacing: 0.5px; display: inline-block; float: left;}
.back_top_link i {margin-right: 10px;}
.back_top_link img {float: left; margin: 3px 10px 0 0;}
.back_top_link:hover {color: #3f51b5;}

.right_inner_top_head {float: left; width: 100%; margin: 0 0 15px 0;}
.inner_top_blk {float: left; width: 100%;}
.inner_top_title {color: #858796; font-size: 12px; font-weight: 500; line-height: 18px; letter-spacing: 0.5px; margin: 0 0 10px 0; text-transform: uppercase;}
.innter_top_name {color: #555; font-size: 20px; line-height: 30px; letter-spacing: 0.5px;}
.inner_top_input {height: 30px;}

.inner_top_blk .select2 {width: 100% !important;}
.inner_top_blk .select2-container .select2-selection--single {height: 30px; padding: 0;}
.inner_top_blk .select2-container--default .select2-selection--single {border: 0; border-radius: 6px; background: #3f51b5}
.inner_top_blk .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 30px; color: #fff;}
.inner_top_blk .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px;top: 0;right: 0; }
.inner_top_blk .select2-container--default .select2-selection--single .select2-selection__arrow b { font-family: FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);left: -3px;margin-left: 0;margin-top: -13px;font-size: 20px; width: 15px;height: 17px;border: none;text-align: center;-webkit-transition: transform 0.25s ease;-moz-transition: transform 0.25s ease;-o-transition: transform 0.35s ease;transition: transform 0.35s ease; color: #fff; }
.inner_top_blk .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content:"\f107"; }
.inner_top_blk .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { -moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);margin-top: -3px; }
.inner_top_blk .select2-container:focus {outline: 0 none;}
.inner_top_blk .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single:focus {outline: none;}

.green_bg {background:#3f51b5 !important; border: 1px solid #3f51b5 !important;}
.green_bg .select2-selection__rendered {color:#fff !important;}
.green_bg b {border-color:#fff transparent transparent transparent !important;}
.select2-container--open .green_bg b  {border-color:transparent transparent #fff transparent !important;}

.red_bg {background: #e24329 !important; border: 1px solid #e24329 !important;}
.red_bg .select2-selection__rendered {color:#fff !important;}
.red_bg b {border-color:#fff transparent transparent transparent !important;}
.select2-container--open .red_bg b  {border-color:transparent transparent #fff transparent !important;}

.yellow_bg {background:#FFFF00 !important; color: #000; border: 1px solid #FFFF00 !important;}
.yellow_bg .select2-selection__rendered {color:#000 !important;}
.yellow_bg b {border-color:#000 transparent transparent transparent !important; color: #000 !important;}
.select2-container--open .yellow_bg b  {border-color:transparent transparent #000 transparent !important; color: #000 !important;}

.tp_dot_round span { width: 4px;height: 4px;background: #A9B5C7;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;display: block;margin: 3px 0;text-shadow: none;  }
.pro_dt_tbl .dropdown-menu { left: auto;right: -10px;border-radius: 0;top: -16px; }
.pro_dt_tbl .dropdown { float: right;padding-right: 10px; }
.pro_dt_tbl .dropdown a { cursor: pointer;width: 15px;padding-left: 0; }
.pro_dt_tbl .dropdown-toggle { position: absolute;top: -13px; }
.pro_dt_tbl .dropdown-menu li a { width: 100%; }
.pro_dt_tbl .open > .dropdown-menu { -webkit-transform: scale(1, 1);transform: scale(1, 1);}
.pro_dt_tbl .open > .dropdown-menu li a { color: #000; }
.pro_dt_tbl .dropdown-menu li a { color: #fff; }
.dropdown.open .dropdown-toggle { z-index: 9999; }
.pro_dt_tbl .dropdown-menu { -webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);
  display: block;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;box-shadow: 0 8px 16px 0 rgba(82,97,115,0.18);border: none;padding: 0; }
  .pro_dt_tbl .dropdown-menu { -webkit-transform-origin: top;transform-origin: top;background: #FAFAFA; }
  .pro_dt_tbl .dropdown-menu > li > a { padding: 10px;box-shadow: inset 0 -1px 0 0 rgba(201,204,209,0.5); }
  .pro_dt_tbl .dropdown-menu > li > a:hover { background-color: #f2f2f2; }
  .pro_dt_tbl .dropup > .dropdown-menu:after { border-bottom: 0;border-top: 6px solid rgba(39, 45, 51, 0.9);top: auto;display: inline-block;bottom: -6px;content: '';position: absolute;left: 50%;border-right: 6px solid transparent;border-left: 6px solid transparent; }

  .right_tp_head_cv {width: auto; float: right; padding: 0 20px 0 0; height: 95px; display: flex; align-items: center;}
  .pro_dt_hd_txt {float: left; width: auto; }
  .pro_dt_hd_txt li {margin: 0 30px; color: #282931; font-size: 21px; line-height: 27px; text-align: center; display: inline-block;}
  .pro_dt_hd_right {float: right; width: auto;}
  .pro_dt_hd_right li {display: inline-block; margin: 0 17px; line-height: 27px;}

  table.dataTable thead .sorting:after {opacity: 0.5;}
  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;}
  table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {top: auto; background-color: #3f51b5;}
  table.dataTable.dtr-inline.collapsed tbody tr.child td.child {padding-left: 10px;}
  table.dataTable>tbody>tr.child ul.dtr-details {display: block;}
  table.dataTable>tbody>tr.child ul.dtr-details li {display: block;}

  /* settings */
  .tab_pad {float: left; width: 100%; padding: 15px 0;}
  .tab_mrg_bottom {float: left; width: 100%; margin: 0 0 30px 0;}
  .tabs_main .panel-body {padding: 0;}
  .lst_td_center td:last-child {text-align: right;}
  .tbl_icon {font-size: 16px; margin: 0 auto; padding:0 12px; line-height: 16px;}
  .editItem, .editItem:hover, .editItem:focus { color: #3f51b5 }
  .deleteItem, .deleteItem:hover, .deleteItem:focus {color: #e24329}
  .main_set_head .btn-info {height: 38px; width: 38px; line-height: 38px; border: none; box-shadow: none; text-shadow: none; float: right; color: #FFFFFF; font-size: 18px; letter-spacing: 0.5px; text-align: center; text-transform: capitalize; background: #3f51b5; padding: 0; border-radius: 100%;}
  .main_set_head .btn-info:hover, .main_set_head .btn-info:focus {background: #3f51b5;}
  .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline: 0 none}
  .btn:active, .btn.active {box-shadow: none;}

  /* tabbing */
  .nav-tabs > li > a {float: left; width: 100%; color: #858796; font-size: 12px; line-height: 18px; padding: 10px 25px; margin: 0; font-weight: 500; text-transform: uppercase; text-shadow: none; letter-spacing: 0.5px; border-radius: 0; border-top: 3px solid transparent;}
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #858796; border-top: 3px solid #3f51b5;}
  .nav > li > a:hover, .nav > li > a:focus {background-color: #fff;}
  .nav-tabs > li > a:hover {border-color:#DADCE1}
  .form-horizontal .form-group {margin-right: 0; margin-left: 0;}

  .alert {font-size: 14px;letter-spacing: 0.5px;border-radius: 4px;padding: 5px;}
  .alert-cool-success {background: rgb(188 229 155);color: rgb(27 104 5);}
  .alert-cool-danger {background: #F6BACA;color:#dd206f;}
  .alert .close {color: inherit;opacity: 1;font-weight: 500;}
  .p_status_btn {line-height: 37px; margin-left: 15px; font-size: 19px; color: #000000; float: left; width: 100%;}

  .multiple_emails-container {float: left; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #fff; min-height: 46px; height: auto; padding:8px !important;}
  .multiple_emails-container input {padding: 0 !important; margin: 0; }
  .multiple_emails-email {margin: 0 0 5px 0 !important; padding: 5px !important; border: 1px #3f51b5 solid !important; background: #3f51b5 !important; color: #fff; font-size: 16px;font-weight: normal; letter-spacing: 0.5px;}
  .multiple_emails-close {margin: 2px 5px 0 0 !important; color: #fff;}
  .multiple_emails-close:hover, .multiple_emails-close:focus {color: #fff;}

  .textarea_cl  {border-radius: 6px; border: 1px solid rgba(0,0,0,.12); resize: none; color: #000000; box-shadow: none;}
  .textarea_cl:hover, .textarea_cl:focus {border-color: rgba(0,0,0,.12);; box-shadow: none;}

  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background:#fff}
  .error {float: left; width: 100%;}
  .cool-sm-textarea-height {height: 100px !important;}

  .switch-toggle {background: #d1d7e1 !important; box-shadow: none !important; float: left;}
  .switch-toggle.switch-on {background: #3f51b5 !important;}
  .custom-admin-status {margin-left:15px; line-height: 24px; letter-spacing: 0.5px; color: #000; font-size: 15px;}

  .control-label {float: left; width: 100%; color: #858796; font-size: 14px; line-height: 18px; text-shadow: none; font-weight: normal; margin: 0 0 5px 0!important; padding: 0 !important; letter-spacing: 0.5px; text-transform: capitalize; text-align: left !important;}
  .tabs_main .top.data_top {float: left; width: 100%; margin: 0 0 15px;}

  .form-group .switch-toggle {height: 37px; width: 64px; margin: 0 0 10px 0;}
  .form-group .switch-toggle:after {top:8px; left: 6px; width: 22px; height: 22px;}
  .form-group .switch-toggle.switch-on:after, .form-group .switch-toggle.switch-on:hover:after {left: 36px;}

  .inner_head_tp {float: left; width: 100%; margin: 0 0 15px 0;}
  .sm_title {font-size: 20px; line-height: normal; margin: 0; color: #555; font-weight: 500;}
  .addMiles {height: 38px; width: auto; line-height: 38px; border: none; box-shadow: none; text-shadow: none; float: right; color: #FFFFFF; font-size: 16px; letter-spacing: 0.5px; text-align: center; text-transform: capitalize; background: #3f51b5; padding: 0 20px; border-radius: 0;}
  .addMiles:hover, .addMiles:focus, .addMiles:active:focus, .addMiles:active {background: #3f51b5; color: #fff;}

  .form-group .multiple_emails-container input.multiple_emails-error {outline: 0 none !important; box-shadow: none !important;}

  /* defualt form control */
  .display_tbl .form-control {background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; box-shadow: none; color: #000000; font-size: 15px;}*/
  .display_tbl .form-control:hover, .display_tbl .form-control:focus {border:1px solid #e5e5e5; box-shadow: none}
  .tb_links_name {color: #3f51b5; font-weight: normal; letter-spacing: 0.5px; text-transform: capitalize;}
  .tb_links_name:hover, .tb_links_name:focus {color: #3f51b5;}

  .btm_inner .tab-content .tab-pane {padding: 10px 0; float: left; width: 100%;}
  .btm_cnt .nav-tabs li  {width: auto; float: left; margin-bottom:-1px;}
  .pro_edit_link {color: #282931; font-size: 20px;}
  .pro_edit_link:hover, .pro_edit_link:focus {color: #282931;}
  .jv_cal_title {background: #FAFAFA; display: inline-block; width: 100%; text-align: center; color: #727E8B; font-size: 18px; line-height: 22px; text-transform: uppercase; letter-spacing: 0.5px; padding: 10px; border: 1px solid rgba(0,0,0,.04); border-radius: 6px;}
  .jv_cal_title a {color: #727E8B; font-size: 18px; line-height:22px;}
  .border00 {border: 0;}
  .download_link {color: #fff; font-size: 18px; width: 45px; height: 45px; text-align: center; padding: 0; display: inline-block; background: #3f51b5; border-radius: 100%; line-height: 45px; align-items: center; justify-content: center; margin: 0 auto; float: left}
  .download_link:hover, .download_link:focus {color: #fff;}

  .tab_Label {float: left; width: 100%; margin: 0 0 15px 0;}
  .invoice_cover {float: left; width: 100%;}
  .active_pro_blk {float: left; width: 100%}
  .active_pro_blk ul {background: #fff; width: 100%; float: left; padding: 15px; box-sizing: border-box;}
  .active_pro_blk ul li {float: left; width: 100%; margin: 0 0 15px; padding: 0 0 15px 0; border-bottom: 1px solid #E7E8E8;}
  .active_pro_blk ul li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}

  .select2 {width: 100% !important;}
  .select2-container--default .select2-selection--single {height: 46px; background: #ffffff; border: 1px solid rgba(0,0,0,.12); border-radius: 6px; padding: 8px 4px; color: #000000; font-size: 15px;}
  .select2-container--default .select2-selection--single .select2-selection__arrow {height: 46px;}
  .select2-selection__clear {margin-right: 10px; color: #ff0000;}

  table.weekly_plan_tbl {margin-top:0 !important; margin-bottom:0 !important }
  table.weekly_plan_tbl .form-control {width: 90% !important; padding: 8px; margin: 0 auto; float: none; display: table;}
  table.weekly_plan_tbl th {background: #fff !important;}
  table.weekly_plan_tbl tr td:first-child, table.weekly_plan_tbl th:first-child {border-right: 1px solid #E7E8E8;}
  table.weekly_plan_tbl td {padding: 7px 8px !important; min-height: 60px; height: 60px;}

  .chart_inner {float: left; width: 100%; margin: 0 0 30px 0;}

  .popover {max-width:400px;}
  .popover_cnt ul li {color: #000000; font-size: 14px; line-height: 25px;}
  .popover_cnt ul li a {color: #8CC63F; font-weight: 500;}
  .popover_cnt ul li a:hover, .popover_cnt ul li a:focus {color: #8CC63F;}

  /* Create Invoice */
  .creat_invoice {float: left; width: 100%; display: none;}
  .inner_head_top {float: left; width: 100%;}
  table.dataTable.invoice_milestone {margin: 0 !important}
  textarea.form-control.acc {height: 95px; resize: none; border-radius: 0; box-shadow: none; width: 100%; padding: 8px; color: #000000; font-size: 15px; border: 1px solid #e5e5e5;}
  textarea.form-control.acc:hover, textarea.form-control.acc:focus {border: 1px solid #e5e5e5;}
  .ttl_block {float: left; width: 100%; background: #fff; border-top: 1px solid #000; padding: 15px;}
  .rec_acc {float: left; width: 100%; margin: 30px 0 0 0}

  .btm_btn_block {width: 100%; float: left; margin: 50px 0 15px 0;}
  .cm_btn {height: 48px; width:150px; line-height:48px; border: none; border-radius: 3px; box-shadow: none; text-shadow: none; float:none; color: #FFFFFF; font-size: 16px; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; display: inline-block; background: #3f51b5; margin: 0 10px;}
  .cm_btn:hover, .cm_btn:focus {color: #fff;}
  .sucess {background: #DADCE1; color: #000;}
  .sucess:hover, .sucess:focus {color: #000;}
  .danger {background: #f04848;}


  /* $ prefix css */

  .pos_rel {float: left; width: 100%; position: relative;}
  .pos_rel .input-group-addon {position: absolute; top: 1px; left: 1px; background: #fff; border: 0; padding: 0; width: 26px; height: 26px; line-height: 26px; overflow: hidden; color: #000000; font-size: 15px;}

  .sm_font {font-size: 10px;}

  .dashborad_list_tbl thead th:first-child, .dashborad_list_tbl tbody td:first-child {width:40% !important; white-space: normal;}

  /*.dataTables_scrollFootInner{ padding-right: 0px !important;   }*/
  .weekly_plan_tbl thead th:nth-child(1), .weekly_plan_tbl tbody td:nth-child(1) {white-space: normal;}
  .weekly_plan_tbl thead th:nth-child(2), .weekly_plan_tbl tbody td:nth-child(2) {white-space: normal;}
/*
th.width140:nth-child(1), td.width140:nth-child(1) { width: 300px !important;padding: 8px !important; }
th.width140:nth-child(2), td.width140:nth-child(2) { width: 100px !important; padding: 8px !important; }
th.width140:nth-child(3), td.width140:nth-child(3) { width: 100px !important; padding: 8px !important; }
th.width140:nth-child(4), td.width140:nth-child(4) { width: 100px !important; padding: 8px !important; }
th.width140:nth-child(5), td.width140:nth-child(5) { width: 100px !important; padding: 8px !important; }
th.width140:nth-child(6), td.width140:nth-child(6) { width: 100px !important; padding: 8px !important; }
.DTFC_LeftHeadWrapper, .DTFC_LeftBodyWrapper, .DTFC_LeftBodyLiner {width: 800px !important; } */
/********* Date 22-01-2018  ************/
/* css for INVOICE **/
.view_invoice_main { width: 100%; float: left; background: #fff; padding: 5%; color: #000;}
.view_invoice_main .left { float: left; width:50%; }
.view_invoice_main .left h4 { font-weight: bold; margin-bottom: 4px; font-size: 20px; }
.view_invoice_main .left p { margin: 0px; font-size: 16px;}

.view_invoice_main .right { float: right; width:50%; text-align: right; }
.view_invoice_main h2 { width: 100%; display: inline-block; margin: 40px 0px 30px; color: #3f51b5; font-size: 32px; }

.view_invoice_main .right .invoce_no,
.view_invoice_main .right .invoce_date,
.view_invoice_main .right .invoce_terms{ display:inline-block; text-align:right; float:right; width:100%; font-size:18px;color: #000;}

.view_invoice_main .bottm_view_invo { width: 100%; float: left; margin : 50px 0px 30px; }
.view_invoice_main .invoc-table { width: 100%; float:left; border-top:solid 1px #3f51b5; padding: 15px 0px; }
.view_invoice_main .invoc-table th { padding: 10px 5px; color:#3f51b5; font-size: 16px; font-weight: 500; }
.view_invoice_main .invoc-table td { padding: 5px 5px; vertical-align: top; font-size: 16px; }
.view_invoice_main .invoc-table td h4 { font-weight: 600; color: #000; }

.view_invoice_main .bottm_view_invo .ttl_block { font-size: 20px; padding: 15px 0px; margin: 10px 0px; border-top: dotted 2px #d2d2d2; }
.view_invoice_main .bottm_view_invo .ttl_block .leftp { text-align: left; float: left; font-size: 14px; }
.view_invoice_main .bottm_view_invo .price-show { font-size: 28px; padding-left: 20px; color: #000;  }

.client_email_update_main { float: left;width: 100%; }
.client_email_update_main h1 { float: left;width: 100%;margin: 0;padding: 0;color: #222222;font-size: 25px;border-bottom: 1px solid #cccccc;padding-bottom: 10px; }
.client_email_update_inner { float: left;width: 100%;margin: 30px 0 0 0;position: relative; }
.client_email_update_inner h3 { margin: 0 0 15px 0;padding: 0;font-size: 20px; }
.client_email_updateprgraph { font-size: 15px; position: relative; padding-right: 200px; display: inline-block;}
.candle_cancel { background:#e24329; margin-right: 15px;}
.saver_sve { background: #96a2b4; }
.tble { float: left;width: 100%;margin-top: 15px; }
.podrtyOP { position: absolute;right: 0;top: 0; }
.podrtyOP input[type="checkbox"] + label { font-size: 15px;cursor: pointer; }
.gWeb_day { background: #DADCE1;padding-bottom: 19px;padding-top: 19px; }
.gWeb_day h5 { font-size: 15px;color: #747678;font-weight: bold;line-height: 28px; }
.gWeb_day h3 { font-size: 25px;color: #222222;font-weight: normal;margin: 0;line-height: 29px; }
.nblck_block th { color: #222222 !important;font-size: 18px !important;text-transform: normal !important; }
.tdytoday { position: relative;text-align: center; }
.tdytoday { background: none !important; }
.tdytoday .ganntToday { position: absolute;top: -28px;width: 100%;left: 0; }
.tdytoday .ganntToday:after { position: absolute;top: 26px;left: auto;width: 1px;background:#282931;height: 100%;content: '';z-index: 2;  }
.tdytoday .ganntToday:before { position: absolute;top: 0;width: 65px;height: 24px;background: #282931;border-radius: 4px;content: 'Today';color: #ffffff;font-size: 10px;text-align: center;top: 0;left: -17px;line-height: 24px;font-weight: normal;z-index: 2; }
.tdytoday:after { position: absolute;content:'';top: -4px;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;
border-top: 3px solid #282931;left: 14px; }
.pos { position: relative; }
.FirstPro { position: absolute;height: 16px;background: #E5E5E5;left: 0;border-radius: 10px;z-index: 1;  }
.perTds { position: absolute;height: 16px;background: #8CC63F;left: 0;border-radius: 10px;z-index: 2;  }
.DTFC_LeftHeadWrapper { background: #ffffff; }
.DTFC_LeftHeadWrapper .ganttTbl th { background: #f2f2f2;font-size: 11px !important; }/
.DTFC_LeftBodyWrapper .ganttTbl th { border-bottom: none; }
.ganttTbl.table-bordered { margin: 0 !important; }
table.dataTable td { box-shadow: none; }

.DTFC_LeftHeadWrapper .ganttTbl {border-bottom: 0 !important;}
.DTFC_LeftBodyWrapper .ganttTbl {border-top: 0 !important;}
.DTFC_LeftBodyWrapper .ganttTbl tbody tr:first-child td { border-top:0 !important; }
.DTFC_LeftWrapper { z-index: 3; }
.tdbackcl { background: rgba(231, 232, 232, 0.4)!important; }
/*.dueDate { border: none !important; }*/

.green_cool { color: #8CC63F !important; }
.orange_cool { color: #f2b53a !important; }
.red_cool { color: #f57331 !important; }
.light_green_cool { color: #cfd779 !important; }
.selFilCls .select2-container--default .select2-selection--single { height: 36px;background: none;border: none; }
.selFilCls .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 20px; }
.selFilCls .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; }
.selFilCls .select2-container--default .select2-selection--single .select2-selection__arrow b { position: relative;border: none; }
.selFilCls .select2-container--default .select2-selection--single .select2-selection__arrow b:after { position: absolute;content: "\f107";font: normal normal normal 18px/1 FontAwesome;top: -8px;right: 0; }
.selFilCls .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after { position: absolute;content: "\f106";font: normal normal normal 18px/1 FontAwesome;top: -8px;right: 0; }
.selFilCls { padding: 0 !important; }
.width140 img { width: 16px !important;height: 16px !important; }
.ganttTbl .tb_links_name1 { font-weight: 300;color: #000000 !important; }
.DTFC_LeftHeadWrapper th { color: #858796 !important;opacity: 1 !important; }
.ganttTbl th { opacity: 0.6; }
table.dataTable td, table.dataTable th { box-sizing: content-box !important; }
/* .ganttTbl { height: 300px; } */
/* table.dataTable td, table.dataTable th { box-sizing: content-box !important; } */
/* .DTFC_LeftHeadWrapper .ganttTbl th:nth-child(6) { border-right-color: #000 !important; }
.DTFC_LeftBodyLiner .ganttTbl td:nth-child(6) { border-right-color: #000 !important; } */


.dmpAmt { font-size: 49px;line-height: 59px;color: #000000;float: left;width:100%;padding-top:18px;  }
.dmpyes { font-size: 15px;color: #858796;float: left;width:100%;font-size: 12px;letter-spacing: 0.5px;line-height: 16px;padding-bottom: 18px;padding-top: 5px; }
.custom_setting_tr { margin-top: 20px !important; }

.lin38 {line-height: 38px;}
.client_email_update_inner .dis_inline {display: inline-block; margin-right: 10px; float: none;}
.sm_desc {font-size: 15px; float: left; width: 100%; margin: 5px 0; position: relative;}
.sm_desc .dis_inline {margin: 7px 10px 7px 0; padding-right: 48%;}
.start_endDate {display: inline-block; position: absolute; width: 48%; right: 0;}
.start_endDate .form-group {width:49%; float: left; margin: 0 2% 0 0;}
.start_endDate .form-group:last-child {margin-right: 0;}
.start_endDate .form-group label {width: 33%; float: left; margin-right: 2%; line-height: 34px; font-weight: normal; font-size: 15px;}
.start_endDate .form-group .form-control {width: 65%}

.form-control.wauto {width: auto; float: left; height: 38px; margin-right: 10px; width: 120px;}
.mrgtp15 {margin-top: 15px;}
.mrgbtm15 {margin-bottom: 15px;}
.body_dash_main .dash_mobile_btn {display: none;}
.mobile_popup_check_box {display: none;}
.full_width{float: left;width: 100%;}
.inpu_chkml{float: left;width: 100%}
.inpu_chkml input{width: 250px !important;margin-right: 20px;float:left;}
.mrgtp_5{margin-top: 5px;}
table.dataTable.pto_tblk{max-width: 750px !important; margin: 0 auto;}
/*.yellow_chk input[type="checkbox"] + label span{
  background: url("../images/icon-uncheckedyellow@2x.png") no-repeat center center / 24px 24px;
  }*/
  .yellow_chk input[type="checkbox"]:checked + label span::before{
    background: url("../images/icon-checkedyellow@2x.png") no-repeat center center / 24px 24px;
  }
  .pto_tblk thead th:last-child.sorting{display: none;}
  .yeloow_cation i{
    font-size: 26px;
    color: #fcbf29;
  }
  .sales_inner_main_H {
    float: left;
    width: 100%;
  }
  .zui-table {
    border-collapse: separate;
    position: static;
  }
  .zui-table.table.dataTable thead > tr > th {
    font-size: 14px;
    border-bottom: 1px solid #e3e6f0;
  }
  .zui-table.table.dataTable tbody > tr > td {
    border-top: 0;
  }
  .zui-table.table.dataTable tbody > tr:nth-child(2n) td {
    background-color: #fafafa;
  }
  .zui-table.table.dataTable tbody > tr:hover td {
    background-color: #fafafa;
  }
  .zui-table.table.dataTable tbody > tr:last-child td {
    border-bottom: 0;
  }
  .sales_inner_main_H_inner.fix_first_col{
   margin-left: 300px;
   overflow-x: auto;
   overflow-y: visible;
   padding-bottom: 5px;
   width: calc(100% - 300px);
   position: static;
 }
 .sales_inner_main_H table {
  float: left;
  width: 100%;
}

.zui-wrapper{
  position: relative;
  float: left;
  width: 100%;
}
.sales_inner_main_H_inner input[type="checkbox"] + label span {
  margin-right: 0;
}
.sales_inner_main_H table thead th {
  background: #ebebee;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #e3e6f0;
  text-align: center;
  color: #858796;
  white-space: nowrap;
}

.sales_inner_main_H table tbody td {
  background: #FEFEFE;
  font-weight: normal;
  padding: 10px;
  border-bottom: 1px solid rgba(191, 191, 191, 0.5);
  text-align: center;
  color: #858796;
  font-size: 14px;
  white-space: nowrap;
}
.sales_inner_main_H table thead tr th:first-child{
  width: 330px;
  text-align: left;
}
.sales_inner_main_H table tbody tr td:first-child{
  width: 330px;
  text-align: left;

}
.sales_inner_main_H .fix_first_col table thead tr th:first-child{
  left: 0;
  position: absolute;
  top: auto;
  width: 300px;
  text-align: left;
}
.sales_inner_main_H .fix_first_col table tbody tr td:first-child{
  left: 0;
  position: absolute;
  top: auto;
  width: 300px;
  padding: 13px 14px;
  text-align: left;
}
/*.sales_inner_main_H table thead th:first-child {
    width: 50%;
    text-align: left;
}

.sales_inner_main_H table tbody td:first-child {
width: 50%;
text-align: left;
}*/

/*.sales_inner_main_H table input[type="checkbox"]:checked+label span:before {
  background: url(../images/nwchk_sls.png) no-repeat center center / 24px 24px;
}

.sales_inner_main_H table input[type="checkbox"]+label span {
  background: url(../images/u.png) no-repeat center center / 24px 24px;
  margin: 0 !important;
}*/

.sales_inner_main_H table .checkbox_cover {
  width: 100%;
  text-align: center;
}
.sales_inner_main_H tbody tr:nth-child(2n) td {
  background-color: #fafafa;
}
.sales_inner_main_H table tr:hover td {
  background: #fafafa;
}

.sales_inner_main_H_inner {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
/*new css start 31/10*/
.last_attempty{
  float: left;
  margin: 26px 50px 0 0;
}
.last_attempty p{
  font-size: 17px;
  line-height: 45px;
  font-weight: bold;
  color: #9AAAC1;
  margin: 0;
}
.right_att{
  position: relative;
  color: #333;
  display: inline-block;
}
.right_att::before{
  position: absolute;
  background-image: url(../images/icon-check-pass.png);
  background-repeat: no-repeat;
  right: -30px;
  height: 20px;
  width: 20px;
  top: 12px;
  content: "";
}
.wrong_att{
  position: relative;
  color: #ED392E;
  display: inline-block;
}
.wrong_att::before{
  position: absolute;
  background-image: url(../images/icon-check-fail.png);
  background-repeat: no-repeat;
  right: -30px;
  height: 20px;
  width: 20px;
  top: 12px;
  content: "";
}
.pto_balance_div{
  margin-right: 30px;
}

/*add on 27 dec for zoom image in qa module*/
  img.zoom {
    width: 350px;
    height: 200px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.transition {
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8);
  -o-transform: scale(1.8);
  transform: scale(1.8);
}
div.error{
  color: red;
  border: none !important;
  font-size: 13px;
}
/* .dashboard_main, .dashboard_inner{
  float: left;
  width: 100%;
}
#savepermission{
    width: 100%;
    float: left;
    position: inherit;
} */
.dash-stat {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.act_cls.statistic .label {
  width: calc(100% - 140px);
  float: left;
  margin: 0 20px 0 0;
  text-align: left;
  display: inline-block;
  line-height: 40px;
}
.act_cls.statistic .value{
  width: 120px;
  float: right;
  margin: 0;
  text-align: center;
  display: inline-block;
}
.statistic a {
  color: #3f51b5
}
.left_menu_block .profile {
    width: 100%;
    float: left;
    margin: 20px 0;
}
.profile_img {
    width: 85px;
    height: 85px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 5px 25px 0 rgba(255,255,255,.2);
    border-radius: 100%;
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile_img img {
    height: 85px;
    width: 100%;
    object-fit: cover;
    /*border-radius: 100%;
    box-shadow: 0 5px 25px 0 rgba(255,255,255,.2);
    background: #fff;
    padding: 2px;*/
}
.profile_title {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.profile_title span {
    float: left;
    width: 100%;
    text-align: center;
}
.profile_name {
    font-size: 14px;
    color: rgba(255,255,255,0.5);
}
.profile_usertitle_job {
    font-size: 12px;
    color: rgba(255,255,255,0.5);
}
.dash_icon {
    width: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    border-radius: 10px;
    color: #fff;
    margin: 6px 0;
}
.d_green_cls {
  background: #00bac3;
}
.or_cls {
  background: #ec3827;
}
.purple_cls {
  background: #9c27b0;
}
.sky_blue_cls {
  background: #00bcd4;
}
table.dataTable {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.com_tbl_bx {
  float: left;
  width: 100%;
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #deebfd;
  box-shadow: -8px 12px 18px 0 #dadee8;
}
.com_tbl_bx:last-child {
  margin-bottom: 0;
}
.fil_cls {
  float: left;
  width: 100%;
  padding: 15px;
  border-color: #e6e9ed;
  background-color: #ebebee;
  margin-bottom: 15px;
}
.fil_cls .form-group {
  margin-bottom: 0;
}
.srh_icon {
  background-image: url(../images/search.png);
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 45px;
  background-position: left 15px top 15px;
}
.top_btn_header {
    padding: 15px 20px;
}
.form-group label {
    float: left;
    width: 100%;
}
.Settings .srh_w_d .form-control {
  width: calc(100% - 55px);
  margin-right: 10px;
}
.proAddEdit .form-control.cool-control,
.qa_inner_main .form-control.cool-control,
.Settings .form-control.cool-control {
  border: 1px solid rgba(0,0,0,.12);
}
.addResources,
.addBugLink {
  color: #fff !important;
  height: 45px !important;
  line-height: 45px !important;
  margin-left: 15px !important;
  display: inline-block;
  float: right !important;
  border-radius: 100% !important;
  background: #3f51b5 !important;
  font-family: 'Poppins', sans-serif !important;
  width: 45px !important;
  text-align: center !important;
  padding: 0 !important;
}
.btn-danger, .btn-danger:focus, .btn-danger.focus, .btn-danger:hover {
    color: #fff;
    background-color: #e24329;
    border-color: #e24329;
}
.mrg00 {
  margin: 0 !important;
}
.mrg15 {
  margin-bottom: 15px;
}
.bottom {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.addTask, .round_sm_icon  {
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  background: #3f51b5;
  border-radius: 100%;
  text-align: center;
}
.addTask:hover, .round_sm_icon:hover {
  color: #fff;
}

.dropdown-menu {
  border:1px solid rgba(0, 0, 0, .15);
  box-shadow: none;
}
.dynamicdivappend {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0,0,0,.12);
}
.dynamicdivappend .form-group:last-child {
  margin-bottom: 0;
}
div#extradiv {
  float: left;
  width: 100%;
}
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
  background: #3f51b5 !important;
  border-color: #3f51b5 !important;
}
.datepicker table tr td, .datepicker table tr th {
  font-weight: 400;
}
.btm_inner .checkbox_cover {
    margin-top: 6px;
}
.ed_dt_icon {
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #96a2b4;
  border-radius: 100%;
  font-size: 13px;
}
.ed_dt_icon:hover {
  color: #fff;
}
.deleteTask {
  background: #ff944f;
}
#addTimeModal .select2-container--default .select2-selection--single {
  padding: 8px 15px;
}
#addTimeModal .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  color: #555;
}
.modal .form-control {
  padding: 8px 15px;
}
.tm_nw_cls .modal-title {
    float: left;
    margin-right: 10px;
    line-height: 35px;
}
.tm_nx_pre {
    width: auto;
    float: left;
}
.tm_nx_pre .newpopup {
    width: 35px;
    height: 35px;
    line-height: 34px;
    background: #fff;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
}
.tm_select_cls {
  width: 230px;
  float: left;
}
.tm_select_cls .select2 {
  width: 100% !important;
}
.tm_select_cls .select2-container--default .select2-selection--single {
    height: 35px;
    padding: 0;
}
.tm_select_cls .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #555;
  line-height: 33px;
}
.tm_select_cls .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px;
}

.nw_time_tbl_cls td:first-child .select2 {
  width: 100% !important;
}
.nw_time_tbl_cls .select2-container--default .select2-selection--single {
    height: 35px;
    padding: 0;
    background: #fff !important;
}
.nw_time_tbl_cls .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #555;
  font-size: 15px;
  line-height: 33px;
}
.nw_time_tbl_cls .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px;
}
.nw_time_tbl_cls .ed_dt_icon {
  display: inline-block;
  background: #ff944f;
}
.nw_time_tbl_cls .ed_dt_icon:hover,
.nw_time_tbl_cls .ed_dt_icon:focus {
  opacity: 0.8;
}
.autowidthpopup .modal-header .close {
    margin-top: 0;
    line-height: 35px;
    font-size: 30px;
    margin-right: 15px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid rgba(0,0,0,.12);
}
.select2-results__option{
    padding: 8px 10px;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 1 !important;
}
.modal-header .close {
    margin-top: 2px;
}
/*.Settings .form-control.cool-control {
  height: 38px;
  line-height: 38px;
}*/
.Settings .srh_w_d {
  display: flex;
  align-items: center;
}
.Settings .srh_icon {
  background-position: left 15px top 14px;
}
.main_set_head .btn-info.cus_plus {
    color: #fff;
    font-size: 18px;
    width: 38px;
    height: 38px;
    text-align: center;
    padding: 0;
    display: inline-block;
    background: #3f51b5;
    border-radius: 100%;
    line-height: 38px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.Settings #General .dataTables_wrapper.form-inline.dt-bootstrap {
    border: 2px solid #f0f3fb;
    padding: 15px;
    border-radius: 8px;
    float: left;
    width: 100%;
}
.Settings .tabs_main #General .top.data_top {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    background: #f0f3fb;
    padding: 10px;
    border-radius: 8px;
}
.lv_eq {
    float: left;
    width: 33.33%;
    padding-right: 15px;
}
.lv_eq .taskCheck {
    float: left;
}
.lv_eq label {
    width: auto;
    margin: 0 0 0 10px;
}
table .btn.editItem {
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #96a2b4;
  border-radius: 100%;
  font-size: 13px;
  margin: 3px;
  padding: 0;
  display: inline-block;
}
table .btn.editItem:hover,
table .btn.editItem:focus {
  color: #fff;
}
table .btn.deleteItem,
table .deleteItem {
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ff944f;
  border-radius: 100%;
  font-size: 13px;
  margin: 0 3px;
  padding: 0;
  display: inline-block;
}
table .deleteItem:hover,
table .deleteItem:focus,
table .btn.deleteItem:hover,
table .btn.deleteItem:focus {
  color: #fff;
}
table .btn:hover {
  opacity: 0.8;
}

.invoiceDelete .deleteItem {
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ff944f;
  border-radius: 100%;
  font-size: 13px;
  margin: 0 3px;
  padding: 0;
  display: inline-block;
}
.modal.autowidthpopup .new_time_modal .mt_desc {
  border: 1px solid rgba(0,0,0,.12);
}
.com_tbl_bx .multiple_emails-container {
  padding: 0 !important;
}
.com_tbl_bx .client_email_update_inner {
  margin-top: 0 !important;
}
.com_tbl_bx .client_email_update_inner h3 {
  color: #555;
  font-weight: 500;
  line-height: normal;
}
.top_btn_header .candle_cancel {
  margin: 0;
}
 .field-icon-eye {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  right: 2.5rem;
  top: 1.7rem;
  color: $input-label-color;
  z-index: 2;
}
.invoice_bx {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.invoice_bx .form-group {
  margin-bottom: 0;
}
.invoice_bx .form-control {
    border-radius: 4px;
}
#addTeamModal .modal-dialog {
    width: 90%;
    max-width: 850px;
}
.fil_cls .sm_title {
    line-height: 45px;
}
.align_center_cls .btn_big_opt {
  margin-left: 0;
}
.modal-content {
  border: 0;
}
.nw_time_cls .col-sm-4 .form-group {
  margin-bottom: 10px;
}
.nw_time_cls .srh_w_d .form-control {
  width: 100%;
}
.gen_pass {    width: calc(100% - 130px);
    margin-right: 10px;
    position: relative;
    float: left;
}
.modal .nw_icput_cls .btn {
  height: 45px;
  line-height: 45px;
}
.nw_title_cls {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0,0,0,.12)
}
.rp_cls .fil_cls {
  padding: 10px;
}
.rp_cls .fil_cls .sm_title {
    color: #858796;
    font-size: 18px;
    line-height: normal;
}
.align_center_cls {
  display: flex;
  min-height: 45px;
  align-items: center;
}
.nw_icput_cls .field-icon-eye {
  right: 10px;
}
.cus_w_cls {
  width: 20%;
}
.modal .btn:hover {
  opacity: 0.8;
}
.cm_ex_res .btn {
    min-width: 100px;
    height: 45px;
    line-height: 43px;
    padding: 0 10px;
    font-size: 16px;
    background-color: #e24329;
}
.cm_ex_res .btn:active:hover {
    background-color: #e24329;
    border-color: #e24329;
}
.cm_ex_res .btn:hover {
  opacity: 0.8;
}
#UserImg {
    width: auto;
    max-height: 80px;
}

/****************** 19-07-2021 **********************/
#OtherDoc {
    width: auto;
    max-height: 80px;
}

#XLsDoc {
    width: auto;
    max-height: 80px;
}
/******************** 21-07-2021 *********************/
.usefor, .usefor:hover, .usefor:focus { color: #3f51b5; width: 50%; }

/// For Sticky Colums 07-09-2021
.view { margin: auto; width: 600px; }
.sticky-col { position: -webkit-sticky; position: sticky; background-color: white;}
.first-col { width: 100px; min-width: 100px; max-width: 100px; left: 0px; }
.second-col { width: 150px; min-width: 150px; max-width: 150px;  left: 100px; }
.common_text { width: 70px; }
.updateSalary { color: white; }

/* 30-09-2021 */
.export-btn-wrap {margin-left: auto;}

.datepicker table tr td span.active.active{
    background-color: #3f51b5 !important;
}

.datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active:hover{
    background-color: #344295 !important;
}

.salary_table_wrapper.table-responsive table tbody{
    overflow-y: scroll;
}

.salary_module_wrap .salary_table_wrapper table th{
    color: #858796;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #ebebee;
    border-bottom: 1px solid #e3e6f0;
    padding: 15px 10px;
    position: sticky;
    top: 0;
}

.salary_module_wrap .salary_table_wrapper table th.sticky-col{
    z-index: 2 !important;
    background-color: #ebebee;
    border-bottom: 1px solid #e3e6f0;
}

.salary_module_wrap .salary_table_wrapper table td.sticky-col,
.salary_module_wrap .salary_table_wrapper table tr:nth-child(even) td.sticky-col,
.salary_module_wrap .salary_table_wrapper table tr:hover td.sticky-col{
    background-color: #FCFFE0;
}

.salary_module_wrap .salary_table_wrapper table td{
    padding: 15px 10px;
    line-height: 18px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(0,0,0,.12);
}

.salary_module_wrap .salary_table_wrapper table td .common_text{
    height: 35px;
    border-color: rgba(0,0,0,.12);
    border-radius: 6px;
    padding: 3px 6px;
}

.salary_module_wrap .salary_table_wrapper table tbody tr:nth-child(even) td,
.salary_module_wrap .salary_table_wrapper table tbody tr:hover td{
    background-color: #fafafa;
}

.form-group input.cool-control.dueDate,
.form-group input.cool-control.select-year{
    background-image: url(../images/calendar-icon.png);
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 45px;
    background-position: left 15px top 14px;
}

.export-btn-wrap .dropdown .btn{
    background-color: #3f51b5;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border-color: #3f51b5;
}

.export-btn-wrap .dropdown .btn .caret{
    margin-left: 5px;
}

.export-btn-wrap .dropdown.open > .dropdown-toggle.btn-default:hover,
.export-btn-wrap .dropdown.open > .dropdown-toggle.btn-default:focus{
    background-color: #3f51b5;
    border-color: #3f51b5;
    color: #fff;
}

.export-btn-wrap .dropdown.open .dropdown-menu{
    border: 1px solid rgba(0,0,0,.12);
    padding: 0;
}

.export-btn-wrap .dropdown.open .dropdown-menu li:first-child a{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.export-btn-wrap .dropdown.open .dropdown-menu li:last-child a{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;    
}

.export-btn-wrap .dropdown.open .dropdown-menu li a{
    color: #858796;
    padding: 8px 20px;
}

/* leave mgmt */
.leave-management-module .multiselect-native-select .btn-group.open .multiselect-container{
    z-index: 2 !important;
}

.leave-management-module .tabs_main .fc-view .fc-content{
    color: black !important;
}

.leave-management-module .tabs_main .fc-left{
    display: flex;
    align-items: center;
}

.leave-management-module .tabs_main .fc-left .fc-button-group .fc-button{
    background-color: #3f51b5;
    background-image: none;
    border: 1px solid #3f51b5;
    box-shadow: none;
    padding: 5px 7px;
    height: auto;
    border-radius: 4px;
    text-shadow: none;
}

.leave-management-module .tabs_main .fc-left .fc-today-button{
    background-color: #3f51b5;
    background-image: none;
    border: 1px solid #3f51b5;
    box-shadow: none;
    color: #fff;
    opacity: 1;
    padding: 5px 12px;
    height: auto;
    text-shadow: none;
}

.leave-management-module .tabs_main .fc-left .fc-button-group .fc-button:focus,
.leave-management-module .tabs_main .fc-left .fc-today-button:focus,
.leave-management-module .tabs_main .fc-left .fc-button-group .fc-button:hover,
.leave-management-module .tabs_main .fc-left .fc-today-button:hover{
    color: #ffffff;
    opacity: 0.8;
}

.leave-management-module .tabs_main .fc-left .fc-button-group .fc-button .fc-icon {
    margin: 0 !important;
}

.leave-management-module .tabs_main .fc-left .fc-button-group .fc-button .fc-icon:after{
    color: #fff !important;
}

.leave-management-module .tabs_main .fc-left .fc-button-group .fc-button.fc-corner-right{
    margin-left: 5px;
}

.leave-management-module .tabs_main .fc-center h2{
    color: #555;
}

/*.leave-management-module .com_tbl_bx.full-calendar-section{
    background-color: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
}*/

.leave-management-module .com_tbl_bx.full-calendar-section .fc-toolbar{
    padding: 20px;
    background-color: #f0f3fb;
    border-radius: 10px;
    position: relative;
}

.leave-management-module .com_tbl_bx.full-calendar-section .fc-toolbar .fc-center{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.leave-management-module .com_tbl_bx.full-calendar-section .fc-view-container{
    background-color: #fff;
}

.leave-management-module .com_tbl_bx .fc-view-container .fc-widget-header .fc-day-header{
    padding: 15px 0;
    text-transform: uppercase;
    color: #555;
    font-size: 16px;
} 

.leave-management-module .com_tbl_bx .fc-view-container .fc-body .fc-content-skeleton .fc-day-grid-event{
    min-height: 50px;
    display: flex;
    align-items: center;
    margin: 0 7px 5px;
    border-radius: 6px;
}

.leave-management-module .com_tbl_bx .fc-view-container .fc-body .fc-content-skeleton .fc-day-grid-event .fc-content{
    padding: 4px;
    border: 0px;
    font-size: 12px;
}
.leave-management-module .fc-basicDay-view .fc-body .fc-content-skeleton  {
    padding: 15px 0;
}
.leave-management-module .fc-more-popover .fc-day-grid-event {
    margin-bottom: 5px;
    border-radius: 6px;
}
.leave-management-module .fc-more-popover .fc-content {
    padding: 4px;
    font-size: 12px;
}


/* */

/* new download link */
.align_download_link {
    float: left;
    margin-top: 20px;
    border: 2px solid #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.26);
    transition: 0.4s linear;
}
.align_download_link:hover {
    box-shadow: 3px 3px 10px rgba(0,0,0,0.62) !important;
}
.view_detail_modal .form-control[readonly] {
    background-color: #fbfbfb;
}

/* holiday list */
.holiday-list-wrapper{
    border: 2px solid #f0f3fb;
    padding: 15px;
    border-radius: 8px;
    float: left;
}

.holiday-list-wrapper .main_set_head{
    float: left;
    width: 100%;
    margin: 0 0 15px;
    background: #f0f3fb;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.holiday-list-wrapper .main_set_head .msh_title{

}

.holiday-list-wrapper .main_set_head .holiday-list-right-side{
    display: flex;
    align-items: center;
}

.holiday-list-wrapper .main_set_head .holiday-list-right-side .holiday-dropdown-list{
    margin: 0 20px 0 0;
    position: relative;
}

.holiday-list-wrapper .main_set_head .holiday-list-right-side .holiday-dropdown-list select{
    background-color: #3f51b5;
    color: #fff;
    padding: 10px 20px 10px 15px;
    font-size: 16px;
    border-color: #3f51b5;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-appearance: none;
}

.holiday-list-wrapper .main_set_head .holiday-list-right-side .holiday-dropdown-list:before{
    content: '';
    position: absolute;
    border-top: 4px dashed #fff;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.holiday-list-wrapper .main_set_head .btn-info:not(:last-child){
    margin-right: 10px;
}

.holiday-list-wrapper .main_set_head .btn-info{
    
}

.Settings #General .holiday-list-wrapper .dataTables_wrapper.form-inline.dt-bootstrap{
    border: 0px;
    padding: 0px;
    border-radius: 0;
}

.Settings #General .holiday-list-wrapper .dataTables_wrapper.form-inline.dt-bootstrap .top.data_top{
    display: none;
}
/* */


/* leave management popup */
.new_leave_modal .inner_add_all_form{

}

.new_leave_modal .form-group{
    
}

.new_leave_modal .form-group .icput1{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.new_leave_modal .form-group .icput1 label{
    width: 200px;
    font-weight: bold;
    margin: 0px;
    padding: 0 5px 0px 0;
}

.new_leave_modal .form-group .icput1 span{
    width: calc(100% - 200px);
}
/* */

/* add credential popup */
.user_cred_wrap{
    position: relative;
    float: left;
    width: 100%;
}

.user_cred_wrap .form-control{
    padding-right: 30px !important;
}

.user_cred_wrap .field-icon-eye{
    right: 10px;
}
/* */

/* document details */
.document_details_wrap .icput1 #execpt{
    word-break: break-all;
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}
/* */

/* add leave and updtae leave */
.new_leave_modal .add_leave_popup .form-group .icput1, 
.new_leave_modal .update_leave_popup .form-group .icput1{
    display: inline-block;
    width: 100%;
}

.new_leave_modal .add_leave_popup .form-group .icput1 .leave-type-label,
.new_leave_modal .update_leave_popup .form-group .icput1 .leave-type-label{
    width: 100%;
    margin-bottom: 10px !important;
}

.add_leave_popup .leavetypeclass .lv_eq label,
.update_leave_popup .leavetypeclass .lv_eq label{
    width: auto;
    padding: 0 0 0 5px;
}
/* */


/* user details */
.user-details-wrapper .inner_head_tp,
.add-user-wrapper .inner_head_tp{
    margin: 0 0 20px;
    background: #f0f3fb;
    padding: 10px;
    border-radius: 8px;
}

.user-details-wrapper .details-content{
    float: left;
    width: 100%;
}

.user-details-wrapper .form-group{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
    height: 45px;
}

.user-details-wrapper .u_photo_err{
    float: left;
    width: 100%;
}

.user-details-wrapper .u_photo_err .form-group{
    align-items: flex-start;
    height: auto;
}

.user-details-wrapper .u_photo_err .form-group .value{
    height: auto;
    background-color: transparent;
    padding: 0px;
}

.user-details-wrapper .form-group label{
    width: 40%;
    padding-right: 15px !important;
    margin: 0px !important;
}

.user-details-wrapper .form-group label h4{
    line-height: 22px;
}

.user-details-wrapper .form-group .value{
    width: calc(100% - 40%);
    height: 44px;
    background-color: #ebebee;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    color: #222;
}

.common-search-content label{
    width: 12%;
    margin-bottom: 0px;
}

.common-search-content .form-control{
    width: 400px !important;
    margin: 0px !important;
}
/* */

/* add user */
.credential_box .btn_big_opt{
    margin: 0 0 0;
}

.checkbox-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
}

.checkbox-wrapper .control-label{
    width: auto;
    margin: 0 !important;
}

.checkbox-wrapper .align_center_cls{
    min-height: auto;
}

.pf-checkbox-input{
    margin: 15px 0 0 0;
}

.pf-checkbox-user{
    margin: 0 0 0 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
}

.pf-checkbox-user label{
    margin: 0;
}

.pf-checkbox-user .icput1{
    width: 100%;
}
/* */

/* Invoice Detail Modal Design */
.invoiceDetials .modal-dialog {
    width: 850px;
    max-width: 100%;
}
.invoiceDetials .modal-dialog .modal-content {
    padding: 20px;
    color: #363636;
}
.invoiceDetials .modal-dialog .modal-content td, .invoiceDetials .modal-dialog .modal-content th {
    padding: 5px;
}
.invoiceDetials .detail_modal_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.invoiceDetials .modal_logo {
    width: 60%;
}
.invoiceDetials .header_add {
    width: 40%;
}
.invoiceDetials .header_add p {
    color: #363636;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    margin: 0;
}
.invoiceDetials .invoice_title {
    background-color: #f8f8f8;
    text-align: center;
    padding: 10px 5px;
    margin-bottom: 30px;
}
.table_box{
	border: 1px solid #D8D7D7;
}
.table_box .table_box_header{
	background-color: #EFEFEF; 
	font-size: 13px; 
	letter-spacing: 1px;
	text-align: center;
	padding: 10px;
}
.table_box .table_box_body{
	background-color: #fff; 
}
.table_box .table_box_body p{
	padding: 10px;
	font-size: 16px;
}
.table_box .table_box_body p.small{
	font-size: 13px;
}
.invoiceDetials .mb-3{
	margin-bottom: 30px;
}
.invoiceDetials table{
	width: 100%;
	text-align: center;
	border: 1px solid #D8D7D7;
	border-collapse: collapse;
	font-size: 13px; 
}
.invoiceDetials table th,
.invoiceDetials table td{
	border: 1px solid #D8D7D7;
	border-collapse: collapse;
	text-align: center;
}
.invoiceDetials table th{
	color: #363636; 
	background-color: #EFEFEF; 
	font-weight: 500; 
	
}
.invoiceDetials table td{
	color: #6E6D6D; 
	background-color: #f8f8f8;
}
.invoiceDetials .bg-grey{
	background-color: #EFEFEF;
	padding: 10px;
	font-size: 13px; 
	color: #1A1919;
}
.invoiceDetials .bg-grey-dark{
	background-color: #E3E3E3;
	padding: 10px;
	color: #1A1919; 
	font-size: 18px;
}
.invoiceDetials p{
	margin: 0;
}
.invoiceDetials .bg-grey-dark span{
	display: inline-block;
	margin-left: 15px;
}

.tablebody_salaryslip {
    margin: 0 -15px;
    font-size: 0;
}
.tablebody_salaryslip .salatyslip_card {
    display: inline-flex;
    width: calc(100% - 30px);
    margin: 10px 15px;
    background-color: #fbfbfb;
    border-radius: 5px;
    padding: 10px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #f1f1f1;
}
.tablebody_salaryslip .salatyslip_card h4 {
    color: #3d3d3d;
    font-size: 18px;
}
.tablebody_salaryslip .download_icon form {
    display: inline-block;
}
.tablebody_salaryslip .download_icon form button {
    margin: 0;
    box-shadow: none;
}

/* User detail */
.user-image-wrap{
    width: 150px;
    height: 150px;
}
.user-image-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    object-position: top;
}
.employee-details-wrapper p {
    margin: 0;
    color: #b5b5c3;
    font-size: 14px;
    letter-spacing: 0.3px;
}
.employee-details-wrapper h1,.employee-details-wrapper h2,.employee-details-wrapper h3,.employee-details-wrapper h4,.employee-details-wrapper h5, .employee-details-wrapper h6{
    color: #181c32;
}
.white_box {
    float: left;
    width: 100%;
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    margin-bottom: 30px;
    box-shadow: -8px 12px 18px 0 #dadee8;
}
.user_main_detail {
    display: flex;
    align-items: flex-start;
}
.user_main_detail .user-lft-side {
    width: 150px;
}
.user_main_detail .user-rgt-side {
    width: calc(100% - 150px);
    padding-left: 20px;
}
.user_main_detail .user_name_date {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.user_name_date h2 {
    font-size: 22px;
    margin-right: 12px;
}
.user_name_date p.user_join_d {
    background-color: #cce7d9;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 12px;
    color: #048f28;
}
.user_loc_detail{
    margin-bottom: 25px;
}
.user_loc_detail p {
    display: inline-block;
    margin-right: 15px;
}
.user_loc_detail p i {
    font-size: 16px;
}
.user_per_box_details {
    display: flex;
}
.user_per_box_detail {
    padding: 10px;
    border: 1px dashed #e4e6ef;
    margin-right: 15px;
    border-radius: 6px;
    min-width: 130px;
    position: relative;
}
.user_per_box_detail h4 {
    margin-bottom: 5px;
    font-size: 16px;
}
.user_per_box_detail .hover-shape i{
   color: #7181db;
   font-size: 12px;
   margin-left: 5px;
   cursor: pointer;
}
.white_box_table {
    padding: 0;
}
.white_box_table .white_box_header {
    padding: 15px;
    border-bottom: 1px solid #e9e9e9;
}
.white_box_table .white_box_header h3 {
    font-size: 18px;
}
.white_box_table .white_box_body {
    padding: 15px;
}
.form_lab_val {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
}
.form_lab_val:last-child {
    margin-bottom: 0;
}
.form_lab_val label {
    color: #a1a5b7;
    font-size: 14px;
    margin: 0;
    width: 260px;
}
.form_lab_val span {
    display: inline-block;
    width: calc(100%  - 260px);
    color: #181c32;
    font-size: 15px;
}
.white_box.white_box_pb_0 {
    padding-bottom: 0;
}
.employee-details-wrapper .nav-mt {
    margin-top: 25px;
}
/*  */
.white_theme_table {
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    margin-bottom: 30px;
    box-shadow: -8px 12px 18px 0 #dadee8;
    overflow: hidden;
}
.white_theme_table table{
    width: 100%;
}
.white_theme_table th {
    color: #858796;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #ebebee;
    border-bottom: 1px solid #e3e6f0;
    padding: 20px 10px;
}
.white_theme_table td {
    color: #858796;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding: 15px 10px;
}

.theme_blue_btn {
    height: 35px;
    width: auto;
    line-height: 35px;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 4px;
    padding: 0 15px;
    letter-spacing: 0.5px;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    margin: 0 0 0 15px;
    min-width: 100px;
    background-color: #3f51b5;
    display: inline-block;
    margin-bottom: 10px;
}
.theme_blue_btn:hover {
    opacity: 0.8;
    color: #fff;
}

.bottom-line-tabs {
    border-bottom: none;
}
.bottom-line-tabs.nav-tabs > li {
    margin-bottom: 0;
    margin-right: 30px;
}
.bottom-line-tabs.nav-tabs > li > a {
    border: none;
    border-bottom: 2px solid transparent;
    padding: 10px 2px;
    font-size: 14px;
    transition: 0.4s linear;
}
.bottom-line-tabs.nav-tabs > li:hover > a, .bottom-line-tabs.nav-tabs > li.active > a {
    border: none;
    border-bottom: 2px solid #3f51b5;
    color: #3f51b5;
}
/* For show in diffrent color for Attendance not required */
tr.attendance_not_required td.attandance-col{
    /*background-color: #e6eeff !important;*/
    background-color: #fdffef !important; 
}

.user_per_box_detail .no-boder {
    border: none;
} 

.view-profile a {
  color: #1a202e !important;
  background: #fff;
}

/* animation effects */
@-webkit-keyframes slide-x {
  0% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px);
  }
  50% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px);
  }
  100% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px);
  }
}
@keyframes slide-x {
  0% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px);
  }
  50% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px);
  }
  100% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px);
  }
}
.slide-x {
  -webkit-animation: slide-x infinite 4s linear;
  animation: slide-x infinite 4s linear;
}
.floating_img {
  position: absolute;
  left: 0;
  top: 20%;
}
.floating_img2 {
  right: 0;
  bottom: 40px;
  left: auto;
  top: auto;
  animation-delay: 2s;
}

.shiny_btn{
  position:relative;
  overflow:hidden;
  display: inline-flex;
}
.shiny_btn:hover:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn 1s linear infinite;
}
@-webkit-keyframes shiny-btn {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  50% { -webkit-transform: scale(1) rotate(45deg); opacity: 0.6; }
  100% { -webkit-transform: scale(20) rotate(45deg); opacity: 0; }
}
@keyframes shiny-btn {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  50% { -webkit-transform: scale(1) rotate(45deg); opacity: 0.6; }
  100% { -webkit-transform: scale(20) rotate(45deg); opacity: 0; }
}

@keyframes orange_shadow_blink{
  0% {
      box-shadow: 0px 0px 0px 2px rgb(249 193 95 / 10%), 0px 0px 0px 5px rgb(249 193 95 / 0);
  }
  50%{
      box-shadow: 0px 0px 0px 5px rgb(249 193 95 / 0.2), 0px 0px 0px 10px rgb(249 193 95 / 0.1);
  }
  100% {
      box-shadow: 0px 0px 0px 2px rgb(249 193 95 / 0.1), 0px 0px 0px 5px rgb(249 193 95 / 0);
  }
}
.orange_shadow_blink{
  -webkit-animation: orange_shadow_blink 2s;
  animation: orange_shadow_blink 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes skyblue_shadow_blink{
  0% {
      box-shadow: 0px 0px 0px 2px rgb(107 214 255 / 0.1), 0px 0px 0px 5px rgb(107 214 255 / 0);
  }
  50%{
      box-shadow: 0px 0px 0px 5px rgb(107 214 255 / 0.2), 0px 0px 0px 10px rgb(107 214 255 / 0.1);
  }
  100% {
      box-shadow: 0px 0px 0px 2px rgb(107 214 255 / 0.1), 0px 0px 0px 5px rgb(107 214 255 / 0);
  }
}
.skyblue_shadow_blink{
  -webkit-animation: skyblue_shadow_blink 2s;
  animation: skyblue_shadow_blink 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes lightgreen_shadow_blink{
  0% {
      box-shadow: 0px 0px 0px 2px rgb(149 219 94 / 10%), 0px 0px 0px 5px rgb(149 219 94 / 0);
  }
  50%{
      box-shadow: 0px 0px 0px 5px rgb(149 219 94 / 20%), 0px 0px 0px 10px rgb(149 219 94 / 0.1);
  }
  100% {
      box-shadow: 0px 0px 0px 2px rgb(149 219 94 / 0.1), 0px 0px 0px 5px rgb(149 219 94 / 0);
  }
}
.lightgreen_shadow_blink{
  -webkit-animation: lightgreen_shadow_blink 2s;
  animation: lightgreen_shadow_blink 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes blue_shadow_blink{
  0% {
      box-shadow: 0px 0px 0px 2px rgb(191 174 251 / 0.1), 0px 0px 0px 5px rgb(191 174 251 / 0);
  }
  50%{
      box-shadow: 0px 0px 0px 5px rgb(191 174 251 / 0.2), 0px 0px 0px 10px rgb(191 174 251 / 0.1);
  }
  100% {
      box-shadow: 0px 0px 0px 2px rgb(191 174 251 / 0.1), 0px 0px 0px 5px rgb(191 174 251 / 0);
  }
}
.blue_shadow_blink{
  -webkit-animation: blue_shadow_blink 2s;
  animation: blue_shadow_blink 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes brown_shadow_blink{
  0% {
      box-shadow: 0px 0px 0px 2px rgb(253 174 120 / 10%), 0px 0px 0px 5px rgb(253 174 120 / 0);
  }
  50%{
      box-shadow: 0px 0px 0px 5px rgb(253 174 120 / 0.2), 0px 0px 0px 10px rgb(253 174 120 / 0.1);
  }
  100% {
      box-shadow: 0px 0px 0px 2px rgb(253 174 120 / 0.1), 0px 0px 0px 5px rgb(253 174 120 / 0);
  }
}
.brown_shadow_blink{
  -webkit-animation: brown_shadow_blink 2s;
  animation: brown_shadow_blink 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes pink_shadow_blink{
  0% {
      box-shadow: 0px 0px 0px 2px rgb(253 143 172 / 10%), 0px 0px 0px 5px rgb(253 143 172 / 0);
  }
  50%{
      box-shadow: 0px 0px 0px 5px rgb(253 143 172 / 0.2), 0px 0px 0px 10px rgb(253 143 172 / 0.1);
  }
  100% {
      box-shadow: 0px 0px 0px 2px rgb(253 143 172 / 0.1), 0px 0px 0px 5px rgb(253 143 172 / 0);
  }
}
.pink_shadow_blink{
  -webkit-animation: pink_shadow_blink 2s;
  animation: brown_shadow_blink 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/* login page design */
body.log_back_color {
  min-height: 100vh;
  background: url(../images/login-bg2.png), url(../images/login-bg.png) no-repeat center center;
  background-size: cover;
}
.logo_login_main{
  position: relative;
}
.login_main_cls_inner {display: flex;}
.left_login_part, .right_login_part{
    width: 50%;
    min-height: 100vh;
    align-items: center;
    display: inline-flex;
    padding: 90px 120px;
    position: relative;
    justify-content: center;
    text-align: center;
    max-width: 50%;
}
.left_login_part {  
    text-align: center;
}
.logo_login_main {
    position: absolute;
    top: 30px;
    left: 30px;
}
.logo_login_main img {
    height: 80px;
    width: 196px;
}
.login_box_mnc_inner {
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.sign_ttl {
    color: #353F8A;
    font-size: 34px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 50px;
}
.formcontrol_whitebox{
    background-color: rgb(252 252 252 / 80%);
    border-radius: 12px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #222E3C;
    padding: 20px 30px;
    margin-bottom: 35px;
    position: relative;
}
.formcontrol_whitebox label {
    font-size: 16px;
    text-align: left;
    margin-bottom: 0px;
    text-transform: capitalize;
    color: #222E3C;
}
.formcontrol_whitebox .form-control, .formcontrol_whitebox .form-control:-webkit-autofill {
    border: none;
    background-color: transparent !important;
    box-shadow: none !important;
    font-size: 24px;
    font-weight: 400;
    height: auto;
    padding: 0 30px 0 0px;
}
.login_box_mnc_inner_MX input[type="checkbox"] + label span{ 
    border: 1px solid #e3e3e3;
    background-color: rgb(252 252 252 / 80%);
    border-radius: 5px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); 
}
.login_box_mnc_inner_MX input[type="checkbox"]:checked + label span {background-color: #3f51b5;}
.form_brntn {
    border: none;
    box-shadow: none;
    background: #353F8A;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 24px;
    display: inline-block;
    padding: 10px 20px;
    min-width: 180px;
    font-weight: 400;
    letter-spacing: 0;
    transition: 0.4s linear;
}
.left_login_part_inner .shiny_btn {
  margin-top: 40px;
}
.form_brntn:hover{
    text-shadow: 3px 1px #161616;
}
img.form_ic {
    position: absolute;
    right: 28px;
    top: 52px;
    max-height: 20px;
}
.formcontrol_whitebox .form-control:-internal-autofill-previewed,
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
input:autofill,
input:-webkit-autofill::first-line,
      input:-webkit-autofill,
      input:-webkit-autofill:hover,
      input:-webkit-autofill:focus,
      input:-webkit-autofill:active,
      input:-webkit-autofill::first-line {
    font-size: 30px !important;
    transition: none !important;
    animation: none !important;
}    
.formcontrol_whitebox .form-control {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}
.right_login_part {
    box-shadow: 0px 3px 60px #00000014;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.login_front_gridimg_container{
    background: url(../images/pixel-grid.jpg) no-repeat center center;
    background-size: cover;
    border-radius: 100% 50px 100% 100%;
    overflow: hidden;
    width: 70%;
    margin: 0 auto;
    position: relative;
}
.login_front_gridimg_container:after {
    display: block;
    padding-top: 100%;
    content: "";
}
.login_front_img_container {
    border-radius: 100% 50px 100% 100%;
    overflow: hidden;
    height: calc(100% - 5px);
    width: calc(100% - 5px);
    position: relative;
    margin: 0 auto;
    transform: translate(5px, 5px);
    position: absolute;
    top: 0;
    left: 0;
}
.login_front_img_container img.front_img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.login_front_img_container img.videobtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.right_icon {
    display: flex;
    flex-wrap: wrap;
}
.fea_row {
    width: 33.33%;
    text-align: center;
    margin-top: 50px;
    padding: 0 5px;
}
.lg_count {
    height: 51px;
    width: 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #eee;
    margin-bottom: 12px;
}
.fea_cnt h5 {
  color: #222E3C;
  font-size: 20px;
  font-weight: 400;
}

.orange_bg {background-color:#F9D79C;}
.skyblue_bg {background-color: #A4E3FB;}
.lightgreen_bg {background-color: #BCE59B;}
.blue_bg {background-color: #DED5FC;}
.brown_bg {background-color: #FFCEAC;}
.pink_bg {background-color: #F6BACA;}


/* video modal design */
.video_modal .modal-header {
  padding: 0;
  background-color: transparent !important;
  border: none;
}
.video_modal .modal-dialog {
    width: auto;
    max-width: 90%;
}
.video_modal .modal-content {
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  overflow: initial;
  padding: 0;
}
.video_modal .modal-header .close {
  padding: 10px;
  margin: 0;
  background-color: rgb(0 0 0 / 53%);
  height: 35px;
  width: 35px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s linear;
  -webkit-transition: 0.4s linear;
  position: absolute;
  top: -18px;
  right: -14px;
  z-index: 99;
  opacity: 1;
}
.video_modal .modal-header .close svg {
  height: 15px;
  width: 15px;
}
.video_modal .modal-header .close svg path {
  fill: #fff;
}
.video_modal .modal-header .close:hover {
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.video_modal .modal-body {
  padding: 0;
  max-height: calc(100vh - 100px);
  height: auto;
  max-height: 100%;
}
.video_modal .modal-body video{
  width: 100%;
    max-width: 1000px;
}
.center_modal {
  text-align: center;
}
.center_modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%;
}
.center_modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/* google login */
.google_login_btn{
    margin-left: 10px;
}

.google_login_btn .form_brntn:hover{
    color: #fff;
}
/* */

.sales_report_table , .sales_report_table tr ,.sales_report_table th ,.sales_report_table td{
	border : 1px solid #E7E8E8;
}