/* Notice Style
========================================== */
.image-box {
  width: 40%;
}
.image-box.image-box-delivery-reg {
  width: 100%;
}
.image-box .image-preview {
  float: left;
  width: 26%;
  position: relative;
  top: -2px;
  text-align: center;
  align-content: center;
  align-items: center;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-left: 14%;
}
.image-box .image-preview img {
  width: 100%;
  border-radius: 50%;
  height: 101px;
  width: 101px;
}
.image-box .upload-area {
  float: left;
  width: 100%;
  position: relative;
}
.image-box .upload-area input[type="file"] {
  display: none;
}
.image-box .upload-area .uploader {
  position: relative;
  overflow: hidden;
  max-width: 250px;
  min-height: 120px;
  max-height: 450px;
  background-image: url(../img/camara@2x.png);
  border-radius: 3px;
  background-repeat: no-repeat;
  background-size: contain;
}
.image-box .upload-area .uploader #filePhoto {
  position: absolute;
  width: 100%;
  min-height: 120px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  display: block;
}
.image-box .upload-area .uploader #filePhoto_21 {
  position: absolute;
  width: 100%;
  min-height: 120px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  display: block;
}
.image-box .upload-area .uploader input[type=file] {
  padding: 10px;
  background: #2d2d2d;
}
.image-box .upload-area .uploader img {
  min-height: 120px;
  max-width: 250px;
}
.image-box .upload-area .uploader.delivery {
  position: relative;
  overflow: hidden;
  max-width: 250px;
  min-height: 120px;
  max-height: 450px;
  background-image: url(../img/camara@2x.png);
  border-radius: 3px;
  background-repeat: no-repeat;
  background-size: contain;
}
.image-box .upload-area .uploader.delivery #filePhoto,
.image-box .upload-area .uploader #filePhoto1 {
  position: absolute;
  width: 100%;
  min-height: 120px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  display: block;
}
.image-box .upload-area .uploader.delivery img {
  min-height: 120px;
  max-width: 250px;
}
.image-box .upload-area .uploader_1 {
  position: relative;
  overflow: visible;
  width: 100%;
  max-width: 260px;
  height: auto;
  background-image: url(../img/camara@2x.png);
  border-radius: 3px;
  background-repeat: no-repeat;
  background-size: contain;
}
.image-box .upload-area .uploader_1 #filePhoto_1,
.image-box .upload-area .uploader_1 #filePhoto11 {
  position: absolute;
  width: 100%;
  min-height: 120px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  display: block;
}
.image-box .upload-area .uploader_1 img {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100px;
  min-width: 260px;
  top: 0;
  left: 0;
  z-index: 1;
  border: none;
}
.image-box .upload-area .uploader_2 {
  position: relative;
  overflow: visible;
  width: 100%;
  max-width: 260px;
  height: auto;
  background-image: url(../img/camara@2x.png);
  border-radius: 3px;
  background-repeat: no-repeat;
  background-size: contain;
}
.image-box .upload-area .uploader_2 #filePhoto_2,
.image-box .upload-area .uploader_2 #filePhoto12 {
  position: absolute;
  width: 100%;
  min-height: 120px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  display: block;
}
.image-box .upload-area .uploader_2 img {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100px;
  min-width: 260px;
  top: 0;
  left: 0;
  z-index: 1;
  border: none;
}
.image-box .upload-area .uploader_3 {
  position: relative;
  overflow: visible;
  width: 100%;
  max-width: 260px;
  height: auto;
  background-image: url(../img/camara@2x.png);
  border-radius: 3px;
  background-repeat: no-repeat;
  background-size: contain;
}
.image-box .upload-area .uploader_3 #filePhoto_3,
.image-box .upload-area .uploader_3 #filePhoto13 {
  position: absolute;
  width: 100%;
  min-height: 100px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  display: block;
}
.image-box .upload-area .uploader_3 img {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100px;
  min-width: 260px;
  top: 0;
  left: 0;
  z-index: 1;
  border: none;
}
.image-box .upload-area .uploader_4 {
  position: relative;
  overflow: visible;
  width: 100%;
  max-width: 260px;
  height: auto;
  background-image: url(../img/camara@2x.png);
  border-radius: 3px;
  background-repeat: no-repeat;
  background-size: contain;
}
.image-box .upload-area .uploader_4 #filePhoto_4,
.image-box .upload-area .uploader_4 #filePhoto14 {
  position: absolute;
  width: 100%;
  min-height: 100px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  display: block;
}
.image-box .upload-area .uploader_4 img {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100px;
  min-width: 260px;
  top: 0;
  left: 0;
  z-index: 1;
  border: none;
}
.image-box .upload-area .image-title-wrap {
  width: 70%;
  padding: 10px;
  color: #222;
  word-break: break-all;
  display: none;
}
.image-box .upload-area .image-title-wrap .remove-image {
  width: 52%;
  margin: 0 auto;
  color: #fff;
  background: #cd4535;
  border: none;
  padding: 10px;
  border-radius: 4px;
  transition: all 0.2s ease;
  outline: none;
  text-transform: uppercase;
  font-size: 12px;
}
#notice-popup {
  margin-top: 5%;
}
#notice-popup .modal-btn {
  text-align: center;
}
#admin .admin_table th {
  width: 50%;
  text-align: center;
  font-weight: bold;
  border-right: 1px solid #ccc;
}
#admin .admin_table td {
  width: 50%;
  text-align: center;
}
#admin .admin_table .form-control {
  width: 50%;
  margin: auto;
}
#add-notice .delete-btn,
#corporate-create-page .delete-btn,
#add-role .delete-btn,
#edit-role .delete-btn {
  width: 120px;
  height: 40px;
  border-radius: 2px;
  background-color: #3c8dbc;
  border-color: #3c8dbc;
  margin: 0 auto;
  display: block;
  margin-right: 2%;
}
#add-notice .return-btn,
#corporate-create-page .return-btn,
#add-role .return-btn,
#edit-role .return-btn {
  width: 120px;
  height: 40px;
  border-radius: 2px;
  background-color: #3c8dbc;
  border-color: #3c8dbc;
  margin: 0 auto;
  display: block;
  margin-right: 2%;
}
#add-notice .submit-btn,
#corporate-create-page .submit-btn,
#add-role .submit-btn,
#edit-role .submit-btn {
  width: 120px;
  height: 40px;
  border-radius: 2px;
  background-color: #3c8dbc;
  border-color: #3c8dbc;
  margin: 0 auto;
  display: block;
  margin-right: 2%;
}
#add-notice .modal-footer,
#corporate-create-page .modal-footer,
#add-role .modal-footer,
#edit-role .modal-footer {
  border-top: 0 !important;
}
#add-notice .corporate-required,
#corporate-create-page .corporate-required,
#add-role .corporate-required,
#edit-role .corporate-required,
#add-notice .notice-required,
#corporate-create-page .notice-required,
#add-role .notice-required,
#edit-role .notice-required {
  background-color: #eb3a3a;
  color: #ffffff;
  font-size: 12px;
  margin: 0 5px;
  text-align: center;
  width: 50px;
  display: inline-block;
  font-weight: 500;
}
#corporate-create-page .red,
#corporate-details-page .red{
  color: red;
  word-break: break-all;
}
#corporate-details-page .thum-img-rei,
#corporate-create-page .thum-img {
  max-height: 200px;
  max-width: 80%;
  margin-bottom: 200px;
}
#notice .tile .tile-title {
  font-size: 14px;
}
#notice .notice_table {
  background: #fff;
}
#notice .notice_table .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  background-color: transparent;
}
#notice .notice_table .table a.btn_details {
  width: 55px;
  height: 25px;
  border-radius: 2px;
  background-color: #3c8dbc;
  padding: 3px;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  float: left;
  text-decoration: none;
}
#notice .notice_table th {
  text-align: left;
  font-weight: bold;
  border-right: 1px solid #ccc;
}
#notice .notice_table td {
  text-align: left;
  padding: 10px;
  border-right: 1px solid #ccc;
}
#notice .notice_table th:last-child {
  border-right-width: 0;
}
#notice .notice_table td:last-child {
  border-right-width: 0;
}
#corporate-create-popup .btn-primary:active,
#corporate-delete-popup .btn-primary:active,
#notice-delete-popup .btn-primary:active,
#notice-popup .btn-primary:active,
#myScenarioModal .btn-primary:active {
  color: #FFF;
  background-color: #3C8DBC !important;
  border-color: #3C8DBC !important;
}
#corporate-create-popup .corporatepreview,
#corporate-delete-popup .corporatepreview,
#notice-delete-popup .corporatepreview,
#notice-popup .corporatepreview,
#myScenarioModal .corporatepreview {
  margin: 10px 0;
  word-break: break-all;
}
#delivery_register_page .image-title-wrap,
#delivery_edit_page .image-title-wrap {
  width: 48% !important;
  padding: 5px !important;
}
#scenario_delivery_register_regular_page .image-title-wrap,
#scenario_delivery_register_regular_edit .image-title-wrap {
  width: 81% !important;
  padding: 5px !important;
}
.wb {
  word-break: break-all;
}