body, html { width:100%;height: 100%;background: #ffffff;  }
body { font-family: 'Europa'; }
h1,h2,h3,h4,h5,h6 { margin: 0;padding: 0; }
a:hover { text-decoration: none; }
ul, li { list-style: none; }

@font-face {
    font-family: 'Europa';
    src: url('../fonts/Europa-Regular.woff2') format('woff2'),
        url('../fonts/Europa-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Europa';
    src: url('../fonts/Europa-Bold.woff2') format('woff2'),
        url('../fonts/Europa-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Europa';
    src: url('../fonts/Europa-Light.woff2') format('woff2'),
        url('../fonts/Europa-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFFFFF;
  font-family: 'Europa';
  letter-spacing: 0.49px;
  font-size: 15px;
  opacity: 0.45;
  font-weight:normal;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
  font-family: 'Europa';
  letter-spacing: 0.49px;
  font-size: 15px;
  opacity: 0.45;
  font-weight: normal;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #FFFFFF;
  font-family: 'Europa';
  letter-spacing: 0.49px;
  font-size: 15px;
  opacity: 0.45;
  font-weight: normal;
}
:-moz-placeholder { /* Firefox 18- */
  color: #FFFFFF;
  font-family: 'Europa';
  letter-spacing: 0.49px;
  font-size: 15px;
  opacity: 0.45;
  font-weight: normal;
}


.form-group ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #919191;
  font-family: 'Europa';
  letter-spacing: 0.49px;
  font-size: 15px;
  opacity: 1;
  font-weight:normal;
}
.form-group ::-moz-placeholder { /* Firefox 19+ */
  color: #919191;
  font-family: 'Europa';
  letter-spacing: 0.49px;
  font-size: 15px;
  opacity: 1;
  font-weight: normal;
}
.form-group :-ms-input-placeholder { /* IE 10+ */
  color: #919191;
  font-family: 'Europa';
  letter-spacing: 0.49px;
  font-size: 15px;
  opacity: 1;
  font-weight: normal;
}
.form-group :-moz-placeholder { /* Firefox 18- */
  color: #919191;
  font-family: 'Europa';
  letter-spacing: 0.49px;
  font-size: 15px;
  opacity: 1;
  font-weight: normal;
}

.login_wrap { float: left;width: 100%;position: relative; }
.login_inner_wrap { float: left;width: 100%;position: relative; }
.login_left { float: left;width: 40%;background: #ffffff; }
.logo { float: left;width: 100%;line-height: 34px; }
.logo a { color: #000000;font-size: 20px;font-weight: bold;letter-spacing: 6px;line-height: 26px; }
/*.login_box_euro { float: left;width: 100%;padding-top: 150px; }*/
.login_box_euro{display: table;height: 100%;text-align: center;width: 100%;}
.login_box_euro_inner {width: 100%;margin: auto;display: table-cell;vertical-align: middle;}
.login_box_euro_inner .logo{text-align: center;}
.login_box_euro_inner_MX {float: none; width: 360px;display: block; margin: 0px auto;}
.inner_pad { float: left;width: 100%;padding: 30px 0 0 0; }
.inner_pad .form-group { float: left;width: 100%;margin-bottom: 30px;font-size: 23px; }
.mar_zero { margin: 0 !important; }
.inner_pad .form-group .form-control { float: left;width: 100%;border: none;border-bottom: 1px solid rgba(0,0,0,0.1);border-radius: 0;font-weight: normal;color: #222222;font-size: 23px;padding-left: 0;background: none; }
.inner_pad .form-group .form-control:focus { outline: none;box-shadow: none; }
.inner_pad .form_brntn { float: left;width: 100%;background: rgb(40, 41, 49);height: 55px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;line-height: 55px;text-align: center;font-size: 15px;font-weight: bold;color: #FFFFFF;border: none;box-shadow: none;cursor: pointer;text-transform: uppercase;letter-spacing: 1.88px;margin-top: 70px; }
#loginFrm.inner_pad .form_brntn{background: rgb(40, 41, 49) !important;margin-bottom: 10px; margin-top: 20px;}
.inner_pad .form_brntn:hover { opacity: 0.8; }
.login_right { float: left;width: 60%; }
.login_right img { height: 100%;object-fit: cover;width: 100%; }
.custom-checkbox .custom-control-indicator { border-radius: 1px;width: 24px;height: 24px;background: none;border: 1px solid #555555;display: inline-block; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background: #0076FF url('../images/check.png') no-repeat center center; }
.custom-control-description { color: #555555;font-size: 14px;letter-spacing: 0.46px;line-height: 24px;font-weight: normal;top: -6px;
    left: 0px;position: relative; }
.custom-control { cursor: pointer;padding-left: 0; }

/* Home Css */
.wrap_main { float: left;width: 100%; }
.wrap_main_inner { float: left;width: 100%; }
.header { float: left;width: 100%;padding: 8px 15px;background-color: #282931;background: #282931;box-shadow: 0 4px 6px 0 rgba(0,0,0,0.10); }
.navigation_vn_menu { float: left;width: 100%; }
.navigation_vn_menu ul { float: right;margin: 0;padding: 0; }
.navigation_vn_menu ul li { display: inline-block;margin: 0 20px;padding: 0; }
.navigation_vn_menu ul li.active a { color: #fff }
.navigation_vn_menu ul li a { display: inline-block;color: #a9a9ac;font-size: 14px;letter-spacing: 0.49px;line-height: 24px;padding: 8px 0;position: relative; text-transform: uppercase;font-weight: normal}
.navigation_vn_menu ul li a img{float: right; margin-left: 5px; margin-top: -3px};
.navigation_vn_menu ul li.active a{color:#fff;}
.navigation_vn_menu ul li:last-child { margin-right: 0; }
.navigation_vn_menu ul li a:hover:before { position: absolute;width: 100%;content: '';left: 0;bottom: 0;height: 3px;background: #0076FF;top: -25px; }
.navigation_vn_menu ul li.active a:before { position: absolute;width: 100%;content: '';left: 0;bottom: 0;height: 3px;background: #0076FF;top: -25px; }
.main_wrap_content_part { float: left;width: 100%;padding: 35px; }
.top_title_page_main h2 { color: #000000;font-size: 26px;letter-spacing: 0.86px;line-height: 32px;font-style: normal;float: left;width: 100%; }
.top_title_page_main p { float: left;width: 100%;color: #919191;font-size: 13px;letter-spacing: 0.43px;line-height: 16px;padding: 0;margin: 0; }
.full_width { float: left;width: 100%; }
.btn_bg { border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;background: #0076FF;box-shadow: 1px 0 0 0 rgba(231,231,231,0.5);display: inline-block;border: 2px solid #0076FF; }
.btn_bg:hover { background: #ffffff;color: #0076FF; }
.hgt36 { height: 36px;line-height: 32px; }
.fontsx { color: #FFFFFF;font-size: 14px;font-weight: bold;letter-spacing: 1.75px;text-transform: uppercase; }
.padx { padding: 0 30px; }
/*.filter_inner_main .form-group { float: left;width: 100%; }*/
.width-150{ width: 150px;}
.filter_inner_main .form-group .searchcls { float: left;width: 100%;height: 36px;border: 1px solid #E0E0E0;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;padding: 8px 20px 8px 30px;background: #f6f6f6 url('../images/icon-search@2x.png') no-repeat left 10px center;background-size: 13px 13px; }
.mar25 { margin: 25px 0; }
.select2-container--default .select2-selection--single { height: 36px;border: 1px solid #E0E0E0;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px; background-color: #f6f6f6}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; padding-right: 42px }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #000000 !important;letter-spacing: 0.49px;font-size: 15px; }
.form-group .select2-container { width: 100% !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 34px;background: #f6f6f6;width: 39px;border-left: 1px solid #E0E0E0; }
/*.data_main_tbls thead th { background: #E6E6E6;border: none;color:#919191;font-size: 13px;letter-spacing: 0.43px;font-weight: bold; }*/
.data_main_tbls thead th {text-transform: uppercase; border: none;color:#919191;font-size: 12px;letter-spacing: 0.43px;font-weight: bold; }
.data_main_tbls td { border: none;color: #000000;font-size: 14px;letter-spacing: 0.49px;line-height: 18px;padding: 6px 15px; }
table.dataTable { border-collapse: collapse !important;margin-bottom: 30px !important; }
.table-striped tbody tr { background-color: #ffffff !important;border-bottom: 1px solid #efefef; }
/*.table-striped tbody tr:nth-of-type(odd) { background: #ffffff; }
.table-striped tbody tr:nth-of-type(even) { background: #F8F8F8; }*/
.data_main_tbls .container-fluid { padding: 0;margin: 0; }
.paginate_button .page-link { padding: 3px 10px; }
.previous img { transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); }
.dataTables_info { opacity: 0.56;color: #000000;font-size: 12px;letter-spacing: 0.4px;line-height: 14px;float: left;width: 33.33%; }
.dataTables_paginate { width: 33.33%;float: left; }
.dataTables_paginate .page-link { color: rgba(0, 0, 0, 0.4);font-weight: bold; }
.dt_footr { float: left;width: 100%; }
.view_lnzk { float: right;width: 33.33%;text-align: right; }
.view_lnzk a { display: inline-block;font-size: 12px;letter-spacing: 0.4px;line-height:32px;color: #475CED;text-decoration: underline; }
div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content: center; }
.pagination li:first-child { margin: 0 10px 0 0; }
.pagination li:last-child { margin: 0 0 0 10px; }
.pagination li:first-child a {  border-radius: 0.25rem; }
.pagination li:last-child a {  border-radius: 0.25rem; }
.pagination li a { background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%); }
.pagination li.active a { background: #0076FF; }
.col_mnvb { float: left;width: 100%; }
.pic { display: inline-block; }
.pic img { width: 30px;height: 30px;object-fit: cover; }
.tab_Euro_main .nav-tabs .nav-link { border-radius: 0;border: none;padding:10px 0;color: #000000;opacity: 0.32;letter-spacing: 0.43px;font-size: 14px;line-height: 16px;font-weight: normal;position: relative; }
.tab_Euro_main .nav-tabs .nav-item { margin: 0;padding: 0 20px; }
.tab_Euro_main .nav-tabs .nav-link.active { opacity: 1;  }
.tab_Euro_main .nav-tabs .nav-link.active:before { position: absolute;bottom: -1px;height: 2px;width: 100%;background: #000000;left: 0;content: ''; }
.tab_Euro_main { float: left;width: 100%;margin: 30px 0; }
.box_euro_content_dk  { padding: 28px 0; }
.dISd { display: inline-block; }
.rsk .switch { position: relative;display: inline-block;width: 38px;height: 20px;margin: 0; }

.rsk .switch input {display:none;}
.rsk .slider { position: absolute;cursor: pointer;top: 50%;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;
  transition: .4s;height: 10px;transform: translate(0,-20%); }

/*.rsk .slider:before { position: absolute;content: "";height: 16px;width: 16px;left: 4px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s; }*/
.rsk .slider:before { position: absolute;content: "";height: 18px;width: 18px;left:0px;bottom: -4px;background-color: white;-webkit-transition: .4s;transition: .4s; box-shadow: 0px 0px 7px #a8a8a8;}

.rsk input:checked + .slider { background-color: #007bff !important; }

.rsk input:focus + .slider { box-shadow: 0 0 1px #007bff; }

.rsk input:checked + .slider:before { -webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px); }

/* Rounded sliders */
.rsk .slider.round { border-radius: 34px; }

.rsk .slider.round:before { border-radius: 50%; }
.dISd img { position: relative;top: -5px; }
.dISd { display: inline-block;padding: 0 10px; }
.dISd a { display: inline-block;margin: 0px 10px }
.dISd a.userAddEdit{margin: 0px 10px}
table.dataTable { width: 100% !important; }
.box_euro_content_dk .top_title_page_main { margin-bottom: 15px; }
.box_euro_content_dk .top_title_page_main h2 { font-size: 20px; }
.img_uplo_box { float: left;width: 30%;height: 122px;border: 1px dashed #979797; }
.img_uplo_box span { text-align: center;align-items: center;display: flex;justify-content: center;height: 122px;font-size: 20px;font-weight: bold;letter-spacing: 6px;color: #000000;text-transform: uppercase; }
.upload_dkl { float: left;padding-left: 20px;width: 70%; }
.upload_dkl p { float: left;font-size: 12px;letter-spacing: 0.4px;line-height: 14px;color: #919191;padding: 0;margin: 10px 0 0 0;width: 100%; }
.colorpicker-element { float: left;width: 100%;border: 1px solid #E0E0E0;border-radius: 0;height: 36px; }
.colorpicker-element .form-control { border: none; }
.colorpicker-element .form-control:focus { border: none;box-shadow: none;outline: none; }
.colorpicker-element span.input-group-addon { display: inline-block;width: 36px;height: 36px; }
.colorpicker-element span.input-group-addon i { width: 36px;height: 36px;vertical-align: baseline; }
.color_des { float: left;width: 100%;margin-top:20px;  }
.color_des label { color: #919191;font-size: 13px;letter-spacing: 1px;line-height: 16px;color: #919191;margin-bottom: 5px; }
.gallery_pic_mnc { float: left;width: 100%; }
.gallery_pic_mnc ul { float: left;width: 100%;margin: 0;padding: 0; }
.gallery_pic_mnc ul li { float: left;width: 19.2%;margin: 0;padding: 0;margin: 0 1% 1% 0; }
.gallery_pic_mnc ul li:nth-child(5) { margin-right: 0; }
.gallery_pic_mnc ul li img { width: 100%;height: 256px;object-fit: cover; }
.upload_dkl .file {
  position: relative;
  overflow: hidden;
  height: 36px;
  font-size: 14px;
  margin-top: 30px;
}
.file input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}
.mn_wrp_right_content_inner { float: left;width: 100%;padding: 50px 30px; }
.containerx { width: 80%;margin: 0 auto; }
.for_FRMKL label,.for_label label { float: left;width: 100%;color: #919191;font-size: 14px;letter-spacing: 1px;line-height: 16px;text-transform: capitalize; }
.separator { float: left;width: 100%;height: 1px;background: #D8DFE6;margin: 20px 0; }
.for_FRMKL { float: left;width: 100%;margin-bottom: 30px; }
.for_FRMKL .form-control { float: left;width: 100%;height: 36px;border: 1px solid #E0E0E0;border-radius: 1px;-webkit-border-radius: 1px;
    -moz-border-radius: 1px; }
.btn_all_frm .btn_bg { margin: 0 20px; }
.btn_all_frm .btn_bg:first-child { margin: 0; }
.btn_bg.clx { background: none;color: #0076FF; }

.dropzone_ {width: 100% !important; height: 150px !important; display: flex; justify-content: center; background:#f7f7f7 url('../images/icon-upload.png') no-repeat top 30px center !important;position: relative;padding-top: 90px; }

.nniicc-dropzoneParent {margin:20px 0px !important;}
.nniicc-dropzoneParent span {color:#0076FF; display: inline-block; margin: 0 10px;}
.for_FRMKL textarea { float: left;width:100%;height: 126px !important;border: 1px solid #E0E0E0;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;resize: none;  }
.page-item:last-child .page-link { border-radius: 0 !important; }
.page-item:first-child .page-link { border-radius: 0 !important; }
/* .for_FRMKL span {color: #0076FF; display: inline-block; margin: 0 5px;} */


/* ------------------upload css------------------ */

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.dfre .custom-checkbox .custom-control-indicator { border-color:#555555;border-width: 1px;  }
.dfre .custom-control { display: inline-block; }
.dfre .custom-control-description { color: #919191; }

.toggle_icon {display: none;}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {top: auto; line-height: 16px;}
.form-control:focus {box-shadow: none;}
.ssz { display: none; }

.color-input .color-field {
    width: 38px;
    height: 38px;
    float: left;
    background-color: red;
    margin-left: 5px;
}
.color-input .form-control{
  width: calc(100% - 43px);
    float: left;
    height: 38px;
}
/*-----------------importa-enmployee-13-08-2018-------------*/
.import-employee-wrap fieldset{
  padding: 15px 30px;
  border:1px solid #ccc;
}
.import-employee-wrap fieldset legend{
  width:auto;
  padding:0px 10px;
}
.import-employee-wrap fieldset p{
  margin-bottom:5px;
}
.import-employee-wrap .new-add-css{
  float:left;
  width:124px;
  position:relative;
}
.import-employee-wrap .new-add-css input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor:pointer;
}
.import-employee-wrap .new-add-css .btn-choose-file{
  background:#282931;
  width: 100%;
  cursor:pointer;
}
.new-btn-css{
  padding-top:8px;
  padding-bottom:8px;
}
.chng-clr-btn{
  color:#fff !important;
}
.chng-clr-btn:hover{
  color:#c94b2f !important;
}
.sub-title { float: left; width: 100%; margin: 25px 0 0;}

.delete_emp_btn {
  background: #000;
  float: left;
  width: 20px;
  height: 20px;
  color:#fff;
  line-height: 21px;
  text-align: center;
  border-radius: 50%;
  margin-top: 8px;
}
.delete_emp_btn:focus,
.delete_emp_btn:hover{
  color:#fff;
}
.btn-mx-width{
  max-width:230px;
}
.total-Crew{
  max-width: 200px;
  margin: 0 auto;
  padding: 15px;
}
#placeholder{
  display: none;
}
.cstm-selectbox-width .select2-container{
  width:100% !important;
}
.btn-50percent{
  width:49%;
}
/*.import-job-csv-table .table-responsive{
  border: 1px solid #e4e4e4;
}*/
.import-job-csv-table table{
  margin:0px !important;
}
/*.import-job-csv-table table tr th{
  background:#282931;
  color:#fff;
}*/
.import-job-csv-table table tr td{
  padding-left:7px;
  padding-right:7px;
}
.import-job-csv-table table tr td .form-control{
  min-width:120px;
  font-size: 14px;
}
.import-job-csv-table table tr td:last-child{
  text-align:center;
}
#add_job_popup fieldset{
  border:1px solid #ccc ;
  padding: 10px;
}
#add_job_popup legend{
  max-width: 186px;
  font-size: 1.2rem;
  padding: 0px 5px;
}
#add_job_popup .for_FRMKL{
  margin-bottom:20px;
}
#add_job_popup p{
  font-size:.85rem;
}
.dt-btwn{
  line-height: 35px;
  margin: 0;
}
#add_job_popup .btn{
  height: 35px;
}

/*------------dashboard-css-25-09-2018----------------*/
.weekday-diaplay-with-job{
  border:1px solid #ccc;
  display: flex;
}
.weekday-diaplay-with-job .total-job-count{
  display:flex;
  flex-direction: column;
  flex:3;
  justify-content: center;
  text-align:center;
  font-size: 40px;
  font-weight: 700;
}
.weekday-diaplay-with-job .weekday-for-job{
  display:flex;
  flex-direction: column;
  flex:7;
  text-align:center;
  justify-content: center;
}
.dashborad-filters ul li a{
  font-size:13px;
}
.dashborad-filters .form-control{
  padding: 5px 10px;
  font-size: 13px;
  height: 30px !important;
  line-height: 12px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.dashborad-filters .search-filter{
  position:relative;
}
.dashborad-filters .search-filter .form-control{
  padding-left:20px;
}
.dashborad-filters .search-filter .fa{
  position: absolute;
  top: 7px;
  left: 20px;
  color: #72787d;
  font-size: 13px;
}
.table-wraps .card .card-header{
  float:left;
  width:100%;
}
.table-wraps .card .card-header .count-tag{
  position: absolute;
  top: -12px;
  right: -16px;
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  color: #fff;
  font-weight:700;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
}
.table-wraps .card .card-header .card-title{
  float:left;
  width:50%;
}
.table-wraps .card .card-header .dateRange-wrap{
  float:left;
  width:50%;
  font-size: 12px;
  text-align: right;
  line-height: 28px;
}
.table-wraps .card .card-body .table-responsive.view-more-table-wrap{
  height: 154px;
  overflow-y: hidden;
  position:relative;
  transition: height ease-in-out 2s;
}
.table-wraps .card .card-body .table-responsive.view-more-table-wrap.adjst-table-height{
  height: auto;
}
.table-wraps table tr td{
  font-weight:300;
}
.table-wraps table tr td:last-child{
  color:#bdbdbd;
}
.table-wraps .card .card-footer{
  font-size:13px;
  font-weight:300;
}
.table-wraps .card .card-footer .fa{
  font-size: 18px;
  color: #bdbdbd;
}
.text-blue{
  color:#007bff;
}

/* Responsive Css */
@media(max-width: 1199px) {
  .login_box_euro_inner {width: 100%; padding:0 15px; }
  .main_wrap_content_part, .mn_wrp_right_content_inner {padding:20px;}
  .containerx {width: 100%;}
  .nniicc-dropzoneParent {margin-bottom: 0 !important;}
  .box_euro_content_dk {padding:20px 0;}
  .gallery_pic_mnc ul li img {height: 220px;}
}
@media(max-width: 1024px) {
  .filter_inner_main .col-sm-3 { max-width:33.33%;width: 33.33%;flex: auto;float: left; }
  .filter_inner_main .col-sm-2 { max-width:33.33%;width: 33.33%;flex: auto;float: left; }
  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before { top: auto; }
}
@media screen and (min-width:992px) {
   .top_title_page_main.dashboard-page .weekday-diaplay-with-job-wrap .col-lg-3 {max-width:20%;}
}
@media(max-width: 980px) {
  .navigation_vn_menu ul li { margin:0 7px;}
  .tab_Euro_main .nav-tabs .nav-item {padding:0 8px;}
  .gallery_pic_mnc ul li {width: 32%;}
  .gallery_pic_mnc ul li:nth-child(3n) {margin-right: 0;}
  .gallery_pic_mnc ul li:nth-child(5) {margin-right: 1%;}
  .login_right{ width: 100%;}
  .login_left {float: left;width: 420px;background: #ffffff;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: auto !important;}
  .login_box_euro_inner_MX{width: 100%;}
  .login_box_euro_inner{padding: 25px;}
}
@media screen and (min-width: 768px) and (max-width:991px) {
  .table-wraps .card .card-header{
    font-size:12px;
  }
}
@media(min-width: 768px) {
  .navigation_vn_menu {display: inline-block !important;}
}
@media(max-width: 767px) {
  .login_wrap {background: #1E1E1E; height: 100%;}
  .login_left {width: 100%; height: auto !important;}
  .login_box_euro {padding: 30px;}
  .inner_pad {padding-top: 15px;}
  .inner_pad .form-group {margin-bottom: 15px;}
  .inner_pad .form_brntn {margin-top: 0;}
  /*.login_right {display: none;}*/
  /*.ictog .ssx { display: none; }
  .ictog .ssz { display: inline-block; }
  .toggle_icon.ictog { background:none;z-index: 11;position: relative;top: -11px; }
  .main_wrap_content_part, .mn_wrp_right_content_inner {padding:15px;}
  .top_title_page_main .col-sm-6 {max-width: 100%; flex: auto;}
  .top_title_page_main h2 {margin: 0 0 8px 0;}
  .top_title_page_main p {margin: 0 0 10px 0;}

  .header {position: relative; padding:15px;}
  .logo {line-height: 40px; height: 40px; display: flex; align-items: center;}
  .header .col-sm-9 {position: static;}
  .toggle_icon {display: inline-block; color: #fff; background: #0076FF; padding: 0 10px; font-size: 20px; line-height: 40px; border-radius: 2px; float: right; width: 40px; text-align: center; cursor: pointer;}
  .navigation_vn_menu {
    width: 250px;
    display: inline-block;
    align-items: center;
    position: fixed;
    right: -250px;
    height: 100%;
    background: #222222;
    top: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    z-index: 1;
}
.menu_panel {
    right: 0px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
  .navigation_vn_menu ul {width: 100%;}
  .navigation_vn_menu ul li {width: 100%; float: left; margin: 0; border-bottom: 1px solid rgba(255,255,255,0.2);padding: 5px 15px; }
  .navigation_vn_menu ul li:last-child {border-bottom: 0;}
  .navigation_vn_menu ul li a {display: block; font-size: 16px;color: #ffffff; }
  .navigation_vn_menu ul li.active a, .navigation_vn_menu ul li:hover a {color: #0076FF;}*/
  .navigation_vn_menu ul li.active a::before, .navigation_vn_menu ul li a:hover:before {display: none;}

  table.dataTable {margin-bottom:15px !important;}
  .dataTables_info {padding-top: 0 !important; width: 100%;}
  .dataTables_paginate {width: 100%; margin: 10px 0 !important;}
  .view_lnzk {width: 100%; text-align: center;}
  .view_lnzk a {line-height: normal;}
  .for_FRMKL {margin-bottom: 15px;}

  .tab_Euro_main {margin: 10px 0;}
  .box_euro_content_dk {padding:15px 0;}
  .gallery_pic_mnc ul li img {height: 180px;}
  .login_box_euro_inner .logo {text-align: center; height: auto; margin-top: 0px; display: block;}
}
@media screen and (min-width:576px) and (max-width: 767px) {
   .top_title_page_main.dashboard-page .col-sm-6 {max-width:50%; flex: auto;}
}
@media(max-width: 575px) {
  .header .col-sm-3  {width: 45%; float: left;}
  .header .col-sm-9 {position: static; width:55%; float: right; /* text-align: right; */}
  .filter_main {margin-bottom: 0px;}
  .filter_inner_main .col-sm-2, .filter_inner_main .col-sm-3 {max-width: 50%; width: 50%;}
  .tab_Euro_main .nav-tabs .nav-item {width: 50%;}
  .img_uplo_box {width: 122px; float: none;}
  .img_uplo_box span {font-size: 16px; letter-spacing: 3px;}
  .upload_dkl {float: left; padding-left: 0; width: 100%;}
  .upload_dkl .file {margin-top: 18px;}
}
@media(max-width: 480px) {
  .login_box_euro {padding:30px 15px;}
  .login_box_euro_inner {padding:0;}
  .dropzone_ {font-size: 13px;}
  .top_title_page_main h2 {font-size: 22px;}
  table.dataTable>tbody>tr.child ul.dtr-details>li {float: left; width: 100%;}
  table.dataTable>tbody>tr.child span.dtr-title {min-width: 100%; float: left; width: 100%;}
  span.dtr-data {float: left; width: 100%;}

  .gallery_pic_mnc ul li {margin-right: 2% !important; margin-bottom: 2%; width: 49%;}
  .gallery_pic_mnc ul :nth-child(2n) {margin-right:0px !important;}
  .login_left{width: 300px;}
}
@media(max-width: 375px) {
  .gallery_pic_mnc ul li img {height: 140px;}
  .table-wraps .card .card-header .card-title,
  .table-wraps .card .card-header .dateRange-wrap{width:100%;text-align:left}
}
@media(max-height: 500px) {
.login_box_euro_inner .logo {text-align: center; height: auto; margin-top: 50px; display: block;}
}

input[type=submit] {
  cursor:pointer;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
.h-760{
  max-height: 760px;
}
.job-table td:last-child{
  width: 145px;
  padding: 6px 0px
}

.unassigned{
  color: #ff0000;
}
.add_icon {
    position: relative;
    right: inherit;
    top: inherit;
    z-index: 1;
    display: inline-block;
    margin-left: 10px;
}
.add_icon img {
    width: 25px;
}

.add_icon a {
    display: inline-block;
}
@media (max-width: 991px){
.add_icon img {
    width: 40px !important;
    height: 40px !important;
}
}
.labor_dt_cl td , .labor_assign td {
    color: #FFFFFF !important;
    background: #282931;
    font-size: 15px;
    line-height: 18px;
    padding: 7px 0;
    border: 0;
}
.labor_dt_cl th, .labor_assign th {
    color: #FFFFFF;
    background: #282931;
    opacity: 0.5;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 14px;
    border: 0 !important;
    padding: 7px;
}


.grp_main {
    width: auto;
    float: none;
    display: table;
    margin: 0 auto;
}
.grp_main .nw_w {
    width: 200px;
    float: left;
}

.nw_w .select2-container--default .select2-selection--single {height: 36px;}
.nw_w .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 34px;}
.nw_w .select2-container--default .select2-selection--single .select2-selection__arrow {height: 34px;}
.btn_all_frm .grp_main .btn_bg {margin-right: 0;}