div .con
{
  width: 1200px;
  background: #fff;
  margin: 0 0 100px -160px;
  padding: 20px;
}
._color-green {
  color: green;
}
._color-red {
  color: red;
}
div .header
{
  width: 1220px;
  margin: 0 0 0 -150px;
}
.tb-employer input
{
  height: 24px;

}
.sub-menu .sub-menu-a
{
  font-size: 12px;
}
.heignt-30 {
  height: 30px;
}
.heignt-35 {
  height: 35px;
}
.heignt-80 {
  height: 80px;
}
#content-id
{
  background: #fff;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 3px;
  margin-top: 10px;
  padding: 20px 10px;
  min-height: 100% !important;
}
#top-tabs-main
{
  background: #D8E0E2;
}
#content-process
{
  width: 100%;
}
.grid-statut-pay
{
  border:1px solid #000;
  width:150px;
}
.status-pay-0,.status-pay-1,.status-pay-2,.status-pay-3,.status-pay-4,
.status-pay-5,.status-pay-6,.status-pay-7,.status-pay-8,.status-pay-9, .status-pay-10
{
  overflow: hidden;
  width: 19px;
  height: 36px;
  padding: 0;
  float: left;
  border: 1px solid #607D8B;
  border-radius: 3px;
  font-size: 12px;
  margin-right: 5px;

}
.status-pay-0
{
  background : #E8EFF1;
}
.status-pay-1
{
  background : #f4f43e;
  /*    padding-left: 4px;
      padding-top: 5px;*/
}
.status-pay-2
{
  background : #f983e5;
}
.status-pay-3
{
  background : #ff6a00;
}
.status-pay-4
{
  background : #009933;
  color: #fff;
}
.status-pay-5
{
  background : #00cccc;
  color: #000;
}
.status-pay-6
{
  background : #3366ff;
  color: #fff;
}
.status-pay-7
{
  background : #c9ffc9;
  color: #000;
}
.status-pay-8
{
  background : #66ff66;
  color: #000;
}
.status-pay-9
{
  background : #666666;
  color: #fff;
}
.status-pay-10
{
  background : #cd7f32;
  color: #000;
}

.div-status-1
{
  width: 72px;
  text-align: center;
  /*padding-left: 1px;*/
}
.div-status-2
{
  width: 48px;
  text-align: center;
  /*padding-left: 10px;*/
}
.div-status-3
{
  width: 460px;
  text-align: center;
  padding-left: 10px;
}
.div-status-4
{
  width: 48px;
  text-align: center;
}
.div-status-5
{
  width: 96px;
  text-align: center;
}
.div-status-6
{
  width: 120px;
  text-align: center;
}
.tb-td-title
{
  width: 115px;
  padding-bottom: 15px;
  padding-right:  10px;
}
#select2-keySearchCustomer-container
{
  padding-top:5px;
}
.input_profile {
  height: 34px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.input_profile,#employer-idcard
{
  width: 180px;
  float:left;
  padding-left: 5px;
  border-radius: 2px;


}#employer-idcard{
  height: 26px;
}
.input_profile_name,.input_address
{
  width: 180px;
  padding-left: 10px;
  margin-right: 10px;
  border-radius: 2px;
  height: 26px;
}
.tooltip-process
{
  font-size: 40px;
}
input[name='input-money']
{
  text-align: left;
}
.div-status-mg-1
{
  width: 80px;
  text-align: center;
  /*padding-left: 15px;*/
}
.div-status-mg-2
{
  width: 30px;
  text-align: center;
  padding-left: 9px;
}
.div-status-mg-3
{
  width: 60px;
  text-align: center;
  /*padding-left: 10px;*/
}
.div-status-mg-4
{
  width: 90px;
  text-align: center;
  /*padding-left: 10px;*/
}
.div-status-mg-5
{
  width: 90px;
  text-align: center;
  /*padding-left: 10px;*/
}
.div-status-mg-6
{
  width: 30px;
  text-align: center;
  padding-left: 4px;
}
.edit-application
{
  margin-top: 100%;
  font-size: 20px;
  cursor: pointer;
}

.employer-address-head
{
  width: 250px;
  text-align: center;
}
.input_address{
  width: 98%;
  border-radius: 2px;
}
.employer-form
{
  background:#E7F8FF;
  padding:10px;
}
#employee-birthday, #employee-date_travel
{
  width: 420px;
}
#employer-fund_company{
  height: 27px;
  width: 250px;
}
.employee-form span .select2 .select2-container .select2-container--krajee{
  /*width: 50px;*/
}
.content-process .grid-view .summary{
  display: none;

}
.grid-view .summary{
  display:none;
}
.div-export-excel, .div-change-to-employer{
  float: right;
  background: #009966;
  padding: 10px;
  border-radius: 3px;
  font-weight: 700;
  margin-top: 10px;
}
.div-export-excel a, .div-change-to-employer a{
  color: #fff;
}
.div-change-to-employer {
  background: #ff6a00;
  margin-right: 10px;
}
/*@media (min-width: 1300px){
    .container {
        width: 1290px;
    }
}*/
thead tr th{
  text-align: center;
}

#body-admin .content-wrapper .container {
  padding: 0 1px 0 1px;
  width: 1270px;

  /*width: 100%;*/
}
.frame-process-upload-file {
  width: 500px;
  height: 150px;
  margin: 10px;
  /*background: #c9eafb;*/
  padding: 50px;
}
.frameFinishUpload {
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto;
}
#sms-success {
  display: none;
}
.frame-login-process {
  width: 100%;
  padding: 20px;
}
.frame-employer-view-process {
  /*padding: 20px;*/
  padding-top: 20px;
}
#body-employer .content-wrapper .container {
  /*width: 100%;*/
}
#body-employer .content {
  /*height: 100%*/
}
#employer-view-detail {
  padding: 20px;
  margin-bottom: 20px;
}
#employer-view-money .col-lg-4{
  text-align: center;
}
#body-employer #content-id {
  border: none;
  background: none;
}
#body-employer .container {
  /*background: #fff;*/
}

#employer-view-money .col-lg-4 {
  margin-bottom: 20px;
}
.frame-employer-view-process {
  /*background: #fff;*/
}
#employer-view-money, #employer-view-detail{
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
}
#process-money {

}
.emp-img {
  width: 100%;
  height: auto;
}
.frame-employer-img {
  margin-top: 63px;
  margin-bottom: 30px;
}
#emp-img {
  width: 100%;
}
#body-employer .nav {
  padding-top: 10px;
}
#body-employer .nav li{
  margin-left: 10px;
}
#ent-employer-search-id, #ent-employer-search-pass {
  border-radius: 3px;
  padding-left: 5px;
}
.show-upload-img {
  width: 300px;
  height: auto;
}
#body-admin {
  overflow-y: auto;
}
.frame-action-foreign-grid {
  width: 300px;
}
.frame-action-foreigns-grid {
  width: 90px;
}
.action-foreign-grid-onclick, .crossing-foreign-grid-onclick {
  width: 48%;
  border: 1px solid #607D8B;
  background: #E8EFF1;
  margin-right: 5px;
  border-radius: 5px;
  height: 40px;
  font-weight: 600;
  vertical-align: top;
}
.action-foreigns-grid-onclick {
  width: 100%;
  border: 1px solid #607D8B;
  background: #E8EFF1;
  margin-right: 5px;
  border-radius: 5px;
  height: 40px;
  font-weight: 600;
  vertical-align: top;
  font-size: 15px;
}
.navbar-nav>li>a {
  color: #fff;
}
.crossing-foreign-grid-onclick {
  width: 100%;
}
.div-options-menu {
  height: 50px;
  border-radius: 0 !important;
  background: #404040 !important;
  border: none !important;
}
.woking-foreign ,.done-foreign{
  border-radius: 2px;
  background: #ff6a00;
  color: #fff;
  border: none;
}
.done-foreign {
  background: #009966;
}
.application-form .modal-content td {
  vertical-align: top;
}
.modal-body td {
  vertical-align: top;
}
.border-duedate-alert {
  outline-color: red;
  outline-style: solid;
}


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.div-foreign-status-1, .div-foreign-img {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.div-foreign-img {
  font-size: 18px;
  vertical-align: middle;
}
.div-foreign-img i, [class*='onclick-edit-span-'] {
  cursor: pointer;
}
.bg-frame-process-v3 .content-process table tr td {
  vertical-align: middle !important;
  cursor: pointer;
}
.employee-form .file-preview {
  background: #fff;
}
#body-admin .container {
  width: 1300px;
}
.employee-form input, .employee-form select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.employee-form select {
  width: 500px;
}
.table-employee-form table {
  width: 500px;
}
#btn-submit-employee {
  margin: 30px 0 30px 150px;
}
.employee-form {
  background-color: #ffe7e7;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  margin-top: 20px;
}
.input-edit-passport {
  float: left;
  display: block;
  width: 80px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
span[id^="employee-passport-foreigns-"], span[class^="onclick-edit-span-"] {
  color: #3a87ad;
  font-weight: 600;
}
.modal-content input, .modal-content select {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-size: 14px;
  outline: 0;
  height: 34px;
}
.modal-report-money {
  position: fixed;
  width: 300px;
  height: 250px;
  right: 0;
  bottom: 0;
  transform: translateY(250px);
  transition: all 0.5s ease-in-out;
}
.modal-report-money.active {
  transform: translateY(0px) !important;
}
.load-modal-report-money .modal-header {
  padding: 13px;
  font-size: 25px;

}
.load-modal-report-money .modal-header button{
  color: red;
}
#yii-debug-toolbar {
  opacity: 0 !important;
}
.glyphicon.spinning {
  animation: spin 2s infinite linear;
  -webkit-animation: spin2 2s infinite linear;
}
.loading-spin {
  font-size: 40px;
  text-align: center;
  margin-top: 50px;
  display: none;
}
.click-open-modal-report-money {
  cursor: pointer;
}
.title-report-money-content {
  padding: 0px 0 15px 0;
  font-size: 23px;
  font-weight: 600;
}
.table-report-money-content td {
  height: 30px;
  text-align: right;
  padding-right: 20px;
}
.modal-input-edit-text {
  width: 100%;
  padding-left: 10px;
}
.tb-passport-employee tr td {
  vertical-align: top;
}
.unique-alert {
  color: red;
}
[class*='passport-unique'] {
  color: red;
  font-size: 15px;
  display: none;
}
.employee-pay-money {
  font-size: 18px;
  color: #009933;
  padding-top: 5px;
}
.table-on-application {
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.form-search-application {
  border: 1px solid #ccc;
  box-shadow: 4px 5px 0 0 #9c9c9c21;
  background: #f3f3f340;
  padding: 10px 0;
  margin-bottom: 20px;
  padding-bottom: 0;
}
.form-search-application button i {
  transform: translate(-20%)
}
.wrapper-btn-search-app {
  padding: 10px 0;
  text-align: center;
}
.form-search-application .row {
  padding: 10px;
}
/*@media(max-width: 1300px){
  #body-admin .content-wrapper .container {
    width: 100%;
  }
  #body-admin .container {
    width: 100%;
  }
}*/
/*.from-user-type-application-wrapper {
  padding: 10px;
  margin: 5px;
  background: #b5d0f7;
  border-radius: 3px;
  margin-bottom: 20px;
}*/
.from-user-type-wrapper {
  padding: 10px;
  margin: 5px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.from-user-type-wrapper.filter {
  background: #fff2c9;
}
.from-user-type-wrapper.application{
  background: #b5d0f7;
}
.from-user-type-wrapper.application-foreign{
  background: #b6f2b8;
}
.from-user-type-wrapper.option-page{
  background: #f8d2ff;
}
.from-user-type-wrapper.single-page{
  background: #eaeaea;
}
.from-user-type-wrapper.report_authen{
  background: #cba076;
}
.from-user-type-wrapper .wrapper-toggle {
  padding: 10px;
  background: #709ee3;
  border-radius: 3px;
  margin: 3px 0 3px 0;
}
.from-user-type-wrapper.filter .wrapper-toggle {
  background: #FFC107;
}
.from-user-type-wrapper.application-foreign .wrapper-toggle {
  background: #4caf50;
}
.from-user-type-wrapper.option-page .wrapper-toggle {
  background: #975ea1;
}
.from-user-type-wrapper.single-page .wrapper-toggle {
  background: #bbbbbb;
}
.from-user-type-wrapper.report_authen .wrapper-toggle {
  background: #89511b;
}
.from-user-type-wrapper.application .wrapper-toggle b, 
.from-user-type-wrapper.option-page .wrapper-toggle b,
.from-user-type-wrapper.report_authen .wrapper-toggle b
{
  color: #fff;
}
.wrapper-report-authorize-sales-by-month .search-bar {
  display: flex;
}
.wrapper-report-authorize-sales-by-month .search-bar .left {
  flex-grow: 1;
  padding: 0 10px;
}
.wrapper-report-authorize-sales-by-month .search-bar .right{
  flex-grow: 1;
  padding: 0 10px;
}
#btn-search-authorize-sales, #btn-reload-authorize-sales {
  font-size: 20px;
  margin-right: 10px;
}

.table-report-3{
  width: 100%;

}
.table-report-3 th {
  border: 1px solid #d9d9d9;
  padding: 5px;
  text-align: center;
}
.table-report-3 td {
  border: 1px solid #d9d9d9;
  padding: 5px;
  text-align: center;
  word-wrap: break-word;
}
.standard-time-form .title {
  font-size: 23px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 10px;
}
#performance-export-excel {
  text-align: right;
  font-size: 19px;
  padding-bottom: 10px;
}

@media(max-width: 1200px){
  #body-admin .content-wrapper .container {
    width: 100%;
  }
  #body-admin .container {
    width: 100%;
  }
}
@media(max-width: 767px){
  #body-employer .nav li{
    margin-bottom: 10px;
  }
}

@keyframes spin {
  from { transform: scale(1) rotate(0deg); }
  to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}