/** @format */

.app-header.navbar .navbar-brand {
  /* background-image: url("app/img/logo.png"); */
}

header a.navbar-brand {
  background-position: left center !important;
  background-size: 4rem !important;
  /* margin-left: 0.5rem; */
}

header a.navbar-brand.active {
}

md-dialog.md-dialog-myinfo {
  max-height: 85%;
}

.md-dialog-myinfo div.ng-isolate-scope {
  display: flex;
  position: absolute;
  width: 90%;
  height: 90%;
  z-index: 1000;
  text-align: center;
}

.md-dialog-myinfo div.ng-isolate-scope img {
  margin: auto;
}

.md-dialog-myinfo form {
  width: 30rem;
}

.md-dialog-myinfo md-dialog-content {
  padding: 1.5rem 3rem 0.5rem 3rem;
}
.md-dialog-myinfo md-toolbar {
  height: auto !important;
  min-height: auto !important;
}

.md-dialog-myinfo md-dialog-actions {
  margin-top: 15px;
  text-align: center;
  display: block;
}

.md-dialog-myinfo fieldset span.input-label {
  width: 25%;
  float: left;
}

.md-dialog-myinfo fieldset span.input-copy {
  width: 9%;
  float: right;
  margin-top: -1.6rem;
}

.md-dialog-myinfo fieldset.two-cols input {
  width: 65%;
}

.md-dialog-myinfo fieldset input {
  width: 100%;
}

.md-dialog-myinfo fieldset .form_box {
  display: flex;
  flex-direction: column;
}

.md-dialog-myinfo fieldset .form_box md-select {
  margin: 0;
  width: 100%;
}

.md-dialog-myinfo fieldset.two-cols .form_box md-select {
  margin: 0;
  width: 65%;
}

.md-dialog-myinfo fieldset .form_box.result-set {
  color: darkcyan;
  margin-top: 1.5rem;
}

.md-dialog-myinfo fieldset .form_box md-input-container {
  /* height: 2.5rem; */
  /* line-height:2.5rem; */
  margin: 0.5rem 0 0.5rem 0;
}

.md-dialog-myinfo fieldset .select-opt {
  display: flex;
  flex-direction: column;
}

.md-dialog-myinfo fieldset .input_box {
  line-height: 2rem;
}

.md-dialog-myinfo fieldset .myinfo-input-chkbox {
  width: 1.2rem !important;
  margin-left: 1rem;
}

.md-dialog-myinfo fieldset .input_box .md-errors-spacer {
  float: none;
}

.md-myinfo-blue {
  color: rgb(255, 255, 255);
  background-color: #6d9886 !important;
}

.myinfo-contaier-fluid {
  height: calc(100% - 4rem) !important;
}

.myinfo-full-height {
  min-width: 55vw;
  height: 100% !important;
}

/* .myinfo-full-height .dataTables_scrollBody {
  height : 100% !important;
} */

.myinfo-td-btn {
  min-width: 2rem !important;
  width: 2rem !important;
  min-height: 2rem !important;
  height: 2rem !important;
  padding: 0 !important;
  margin: 0.1rem 0.3rem !important;
}

.myinfo-td-btn img {
  min-width: 80% !important;
  width: 80% !important;
  min-height: 80% !important;
  height: 80% !important;
}

.myinfo-date-picker-unit {
  min-width: 7rem;
}

.myinfo-date-picker {
  max-width: 16rem;
}

.myinfo-datatable td div.checkbox {
  /* margin-top: -0.7rem; */
}

.myinfo-datatable input[type="checkbox"] {
  height: 15px;
  width: 15px;
}

.dataTables_wrapper table td .user-email {
  position: relative;
}

.dataTables_wrapper table td .content {
  width: calc(100% - 5px);
  height: 100%;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dataTables_wrapper table td .user-email .oauth-opt {
  position: absolute;
  display: flex; 
  flex-direction: column;
  justify-content: space-between;
  width: 15px;
  height: 15px;
  margin-left: 2px;
  top: -4px;
  z-index: 10;
}
.dataTables_wrapper table td .user-email .content {
  text-align: left;
  padding-top: 10px;
}

.dataTables_wrapper table td .user-email .oauth-opt .oauth-unit {
  display:block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-size: cover;
}

.dataTables_wrapper table td .user-email .oauth-opt .NAVER {
  background-image: url(../img/myinfo/sub/sns_login_title_naver.png);
}
.dataTables_wrapper table td .user-email .oauth-opt .naver {
  background-image: url(../img/myinfo/sub/sns_login_title_naver.png);
}

.dataTables_wrapper table td .user-email .oauth-opt .GOOGLE {
  background-image: url(../img/myinfo/sub/sns_login_title_google.png);
}
.dataTables_wrapper table td .user-email .oauth-opt .google {
  background-image: url(../img/myinfo/sub/sns_login_title_google.png);
}

.dataTables_wrapper table td .user-email .oauth-opt .KAKAO {
  background-image: url(../img/myinfo/sub/sns_login_title_kakao.png);
}
.dataTables_wrapper table td .user-email .oauth-opt .kakao {
  background-image: url(../img/myinfo/sub/sns_login_title_kakao.png);
}
.dataTables_wrapper table td .md-button {
  min-width: 50px;
}

.md-dialog-myinfo md-toolbar .md-icon-button md-icon {
  font-size: 1.7rem;
}

md-dialog.file-dialog {
  width: 24rem !important;
  height: 24rem !important;
  min-height: 24rem !important;
  max-height: 24rem !important;
  overflow: hidden;
}

md-dialog.file-dialog md-dialog-content {
  height: 15rem !important;
}

md-dialog.file-dialog md-dialog-content label {
  height: 95% !important;
  display: block;
  background: no-repeat center;
  border: 1px solid rgb(204, 204, 204);
  width: 100%;
  position: inherit;
}

md-dialog.file-dialog md-dialog-content label img {
  height: 80%;
  margin-top: 5%;
}

.div-under-construction {
  width: 30rem;
  height: 30rem;
  background-image: url("/common/static/img/basic/under-construction.png");
  background-size: cover;
  text-align: center;
}

.div-under-construction-small {
  width: 15rem;
  height: 15rem;
  background-image: url("/common/static/img/basic/under-construction.png");
  background-size: cover;
  text-align: center;
  margin: 2rem;
}

.div-name-on-navbar {
  width: calc(100% - 400px);
  text-align: right;
  /* margin-top: 1.2rem; */
}

.txt-link {
  font-size: 0.7em;
  font-weight: 500;
}

.txt-item {
  font-size: 0.9em;
  font-weight: 600;
}

.txt-uc {
  color: gray !important;
  font-style: oblique !important;
}

.sidebar .nav-dropdown-toggle {
  font-size: small;
}

li.item-sub {
  margin-left: 2rem !important;
}

.disp-none {
  display: none;
}

.full-waiting {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: no-repeat center
    url("../../common/static/img/basic/bg-waiting.gif");
  background-color: gray;
  opacity: 0.9;
}

/* migrated start  */
.txt-title-main {
  font-size: 2em;
  font-weight: 700;
  padding-right: 40px;
}

.div-targeting-0 {
  background-color: #80808050;
  margin: 0 0 1rem 0;
  padding: 1rem 0;
  font-family: auto;
}

.div-targeting-0 .float-right {
  float: right;
}

.div-card-chart {
  width: 100%;
  /* height: 100%; */
}

.div-card-chart-1 {
  width: 100%;
  /* height: 100%; */
}

.div-card-table {
  width: 100%;
  height: 10rem;
  overflow: auto;
}

.div-select-target {
  position: relative;
}

.select-target {
  line-height: 2;
  width: 100%;
  background-color: #00000000 !important;
  border: none;
}

.div-cur-yg {
  background-color: yellowgreen !important;
}
.div-under-construction {
  width: 30rem;
  height: 30rem;
  background-image: url("/common/static/img/basic/under-construction.png");
  background-size: cover;
  text-align: center;
}

.div-under-construction-small {
  width: 15rem;
  height: 15rem;
  background-image: url("/common/static/img/basic/under-construction.png");
  background-size: cover;
  text-align: center;
  margin: 2rem;
}

.icon-right-top {
  margin-bottom: 0;
}

.ng-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
}

.ng-modal-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  transform: translate(-50%, -50%);
  background-color: #fff;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.25);
  margin-bottom: 0 !important;
}

.ng-modal-close {
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 9999;
  cursor: pointer;
  font-size: 120%;
  display: inline-block;
  font-family: "arial", "sans-serif";
  font-weight: bold;
  color: #555;
}

.ng-modal-dialog-content {
  padding: 20px;
  text-align: left;
  max-height: 100%;
  overflow: auto;
}

.ng-modal-dialog-buttons {
  padding: 10px;
  text-align: center;
}

.ng-modal-dialog-buttons button {
  margin: 5px;
  display: inline-block;
}

.dataTables_wrapper .dataTables_paginate {
  float: unset !important;
  text-align: unset !important;
}

.ng-invalid-pattern:focus {
  border-color: #ff625e !important;
  box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.25) !important;
}

.ng-invalid-pattern {
  border-color: #ff625e !important;
}

.was-validated .form-control.ng-invalid,
.was-validated .form-control.ng-invalid:focus {
  border-color: #ff625e;
}

.dt-filter-box {
  display: flex;
}

.dt-filter-box .dt-column-filter-box {
  flex: 1;
  margin-right: 25px;
}

.dt-filter-box .dt-search-box {
}

.dt-filter-box .filter-date {
  display: flex;
}

.dt-filter-box .filter-date > span {
  line-height: 30px;
  margin-left: 2px;
  margin-right: 2px;
}

.dt-filter-box .filter-date-range-shortcut {
  display: flex;
  margin-top: 10px;
  justify-content: center;
}

.filter-date-range-shortcut .btn {
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
}

.filter-date-range-shortcut .btn-outline-success.arrow {
  flex: 3;
}

.filter-date-range-shortcut .btn-outline-success {
  flex: 5;
}

.filter-date-range-shortcut .btn-outline-success.selected {
  color: #fff;
  background-color: #63c2de;
  border-color: #63c2de;
  box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
}

.filter-date-range-shortcut .btn-outline-success:focus,
.filter-date-range-shortcut .btn-outline-success.focus {
  box-shadow: none;
}

.filter-date-range-shortcut .btn-outline-success.selected:focus,
.filter-date-range-shortcut .btn-outline-success.selected.focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
}

.btn:focus,
.btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
}
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.show > .btn.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
}
.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
}

datepicker .form-control:disabled,
.form-control[readonly] {
  background-color: white;
}

datepicker > i {
  position: absolute;
  top: -2px;
  right: 0px;
  cursor: pointer;
}

.dataTables_wrapper {
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0 !important;
  text-align: center;
}

.dataTables_wrapper table tr td img {
  max-width: 100px;
  max-height: 20px;
  min-height: 20px;
}

/*기본 검색창 숨김*/
.dataTables_filter:not(.custom-filter) {
  display: none;
}
.dataTables_filter {
  margin: 0 !important;
}

form img {
  /* max-width: 100px;
  max-height: 100px; */
  display: block;
  margin-bottom: 10px;
}

/* .avoid-table-flicker{
  border-top: none !important;
  width:100% !important;
  border-collapse: separate !important;
  background: #fff !important;
  clear: both;
  border-spacing: 0;
}

.avoid-table-flicker thead th{
  text-align:center;
  vertical-align: middle;
  padding: 16px 8px;
}

.avoid-table-flicker tbody td:first-child{
  padding-left: 24px;
}

.avoid-table-flicker tbody td{
  padding: 12px 8px;
  vertical-align: middle;
} */

.myinfo-table-schedule td {
  white-space: pre-wrap;
}

.myinfo-table-schedule-cell {
  /* font-weight:400;
  font-size:12px;  */
}

.myinfo-table-schedule-mold-code {
  font-weight: 700;
  font-size: 15px;
}

.div-gantt {
  height: 45rem;
}

.no_drag_progress .gantt_task_progress_drag {
  display: none !important;
}

/* lightbox ok button start*/
/***************************/
.ok_button {
  margin-top: 1px;
  background-image: url("../img/gantt/button/v_ok.png");
  width: 20px;
}

.dhx_btn_set.ok_button_set {
  background: #accaac;
  color: #454545;
  border: 1px solid #94ad94;
}
/***************************/
/* lightbox ok button end*/

.gantt_cal_light select {
  height: 30px;
}

.gantt_grid_head_add {
  display: none;
}

.gantt-add-unauthed .gantt_last_cell {
  display: none;
}

#gantt_dsh .gantt_last_cell {
  display: none;
}

.myinfo-gantt-column-mold .gantt_last_cell {
  display: none;
}

.myinfo-gantt-column-mold-child .gantt_last_cell {
  display: none;
}

.myinfo-gantt-column-mold .gantt_last_cell {
  display: none;
}

.gantt_grid_scale .gantt_grid_head_cell,
.gantt_task .gantt_task_scale .gantt_scale_cell {
  font-weight: bold;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}

.owner-label {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  display: inline-block;
  border: 1px solid #cccccc;
  border-radius: 25px;
  background: #e6e6e6;
  color: #6f6f6f;
  margin: 0 3px;
  font-weight: bold;
}

.gantt_cal_larea {
  overflow: visible;
}

.gantt_cal_chosen,
.gantt_cal_chosen select {
  width: 100%;
}

.myinfo-gantt-task-invisible {
  display: none;
}

/*
.myinfo-gantt-task-visible {
  border: 2px solid #142850;
  color: #142850;
  background: #142850;
}
.myinfo-gantt-product {
  border: 2px solid #142850;
  color: #142850;
  background: #142850;
}
.myinfo-gantt-product .gantt_task_progress{
  background: #27496d;
}
*/

.myinfo-gantt-timeline {
  display: none;
}

.myinfo-gantt-operation {
  display: none;
}

.myinfo-gantt-design {
  display: none;
}

.myinfo-gantt-process {
  display: none;
}

.myinfo-gantt-material {
  display: none;
}

.myinfo-gantt-assemble {
  display: none;
}
.myinfo-gantt-test {
  display: none;
}

.myinfo-gantt-product {
  border: 1px solid #63c2de;
  color: #330000;
  background: #63c2de;
}
.myinfo-gantt-product .gantt_task_progress {
  background: #63c2de;
}

.gantt_control {
  width: 100%;
}

div[class*="myinfo-gantt-column-"] .gantt_tree_icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.myinfo-gantt-column-mold .gantt_tree_icon.gantt_folder_closed {
  background-image: url("../img/gantt/icon/ic-cube.png") !important;
}

.myinfo-gantt-column-mold .gantt_tree_icon.gantt_folder_open {
  background-image: url("../img/gantt/icon/io-cube.png") !important;
}

.myinfo-gantt-column-timeline .gantt_tree_icon.gantt_file {
  background-image: url("../img/gantt/icon/ic-clock.png") !important;
}

.myinfo-gantt-column-operation .gantt_tree_icon.gantt_folder_closed {
  background-image: url("../img/gantt/icon/ic-tasks.png") !important;
}

.myinfo-gantt-column-operation .gantt_tree_icon.gantt_folder_open {
  background-image: url("../img/gantt/icon/io-tasks.png") !important;
}

.myinfo-gantt-column-design .gantt_tree_icon.gantt_file {
  background-image: url("../img/gantt/icon/ic-note.png") !important;
}

.myinfo-gantt-column-process .gantt_tree_icon.gantt_folder_closed {
  background-image: url("../img/gantt/icon/ic-arrows.png") !important;
}

.myinfo-gantt-column-process .gantt_tree_icon.gantt_folder_open {
  background-image: url("../img/gantt/icon/io-arrows.png") !important;
}

.myinfo-gantt-column-material .gantt_tree_icon.gantt_file {
  background-image: url("../img/gantt/icon/ic-square.png") !important;
}

.myinfo-gantt-column-assemble .gantt_tree_icon.gantt_file {
  background-image: url("../img/gantt/icon/ic-wrench.png") !important;
}

.myinfo-gantt-column-mold .gantt_tree_content {
  font-size: 15px;
  font-weight: 700;
}

.gantt_marker_area .Now {
  width: 6px !important;
}

.gantt_marker_area .Now .gantt_marker_content {
  display: none;
}

.myinfo-gantt-flags {
  height: 100%;
  float: right;
  display: block;
  padding-top: 0.3rem;
  margin-right: 3rem;
}

.myinfo-gantt-flag {
  padding: 0.1rem;
  width: 6rem;
  display: inline;
  vertical-align: bottom;
  text-align: center;
  margin-left: 0.5rem;
  font-size: 0.7rem;
  padding-top: 1rem;
  padding-left: 0.5rem;
}

.myinfo-gantt-remarks {
  height: 100%;
  float: right;
  display: block;
  padding-top: 0.3rem;
}

.myinfo-gantt-remark {
  padding: 0.1rem;
  width: 6rem;
  display: inline;
  vertical-align: bottom;
  text-align: center;
  margin-left: 0.5rem;
}

.myinfo-gantt-status-none {
  border: 1px solid #a4b7c1;
  color: #330000;
  background: #a4b7c1;
}
.myinfo-gantt-status-none .gantt_task_progress {
  background: #a4b7c1;
}

.myinfo-gantt-status-ready {
  border: 1px solid #ffc107;
  color: #330000;
  background: #ffc107;
}
.myinfo-gantt-status-ready .gantt_task_progress {
  background: #ffc107;
}

.myinfo-gantt-status-ontrack {
  border: 1px solid #6d9886;
  color: #330000;
  background: #6d9886;
}
.myinfo-gantt-status-ontrack .gantt_task_progress {
  background: #6d9886;
}

.myinfo-gantt-status-offtrack {
  border: 1px solid #ff625e;
  color: #330000;
  background: #ff625e;
}
.myinfo-gantt-status-offtrack .gantt_task_progress {
  background: #ff625e;
}

.myinfo-gantt-status-fail {
  border: 1px solid #ff0000;
  color: #330000;
  background: #ff0000;
}
.myinfo-gantt-status-fail .gantt_task_progress {
  background: #ff0000;
}

.myinfo-gantt-status-done {
  border: 1px solid #6d9886;
  color: #330000;
  background: #6d9886;
}
.myinfo-gantt-status-done .gantt_task_progress {
  background: #6d9886;
}

div[class*="myinfo-gantt-fg-"] {
  border: none !important;
  /* opacity: 0 !important; */
  min-width: 4rem !important;
  background-repeat: no-repeat !important;
  background-position: left !important;
  background-size: contain !important;
  background-color: transparent;
}
div[class*="myinfo-gantt-fg-"] .gantt_task_content {
  padding-top: 0.5rem;
}

.myinfo-gantt-fg-s {
  background-image: url(../img/gantt/icon/flag_s.gif);
}

.myinfo-gantt-fg-0 {
  background-image: url(../img/gantt/icon/flag_0.gif);
}

.myinfo-gantt-fg-1 {
  background-image: url(../img/gantt/icon/flag_1.gif);
}

.myinfo-gantt-fg-2 {
  background-image: url(../img/gantt/icon/flag_2.gif);
}

div.myinfo-gantt-product {
  border: 1px solid #000000 !important;
  /* opacity: 0.7 !important; */
}

div[class*="myinfo-gantt-tl-"] {
  border: 1px solid #000000 !important;
  /* opacity: 0.7 !important; */
}

div[class*="myinfo-gantt-"] .gantt_task_content {
  color: #000000 !important;
  opacity: 1;
}

.myinfo-gantt-tl-design {
  display: none !important;
}

.myinfo-gantt-tl-process {
  display: none !important;
}

.myinfo-gantt-tl-assemble {
  display: none !important;
}

.myinfo-gantt-tl-test {
  display: none !important;
}

/* .myinfo-gantt-tl-design {
  background: #CCFFFF;
}
.myinfo-gantt-tl-design .gantt_task_progress{
  background: #CCFFFF;
}

.myinfo-gantt-tl-process {
  background: #CC99FF;
}
.myinfo-gantt-tl-process .gantt_task_progress{
  background: #CC99FF;
}

.myinfo-gantt-tl-assemble {
  background: #0066FF;
}
.myinfo-gantt-tl-assemble .gantt_task_progress{
  background: #0066FF;
}

.myinfo-gantt-tl-test {
  background: #0000FF;
}
.myinfo-gantt-tl-test .gantt_task_progress{
  background: #0000FF;
} */

/* .dt-filter-box form.gantt_control {
  float : right;
} */

.breadcrumb-item.active {
  /* hide breadcrumb last item */
  display: none;
}

.dataTables_wrapper {
  margin-top: 15px !important;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #c2cfd6 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  /* border-bottom: 1px solid #c2cfd6 !important; */
}

/* .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: none !important;
  border: none !important;
  color: #000000 !important;
} */

.dataTables_wrapper > :not(.dataTables_scroll) table.dataTable {
  width: 100% !important;
}

table.dataTable tr {
  height: 20px;
}

.image-table table.dataTable tr {
  height: 25px;
}

.form-check-input {
  position: relative;
}

.dataTables_info {
  position: absolute !important;
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #c2cfd6;
  padding-right: 0;
  background-image: none;
}

.was-validated .form-control.ng-invalid,
.was-validated .form-control.ng-invalid {
  border-color: #ff625e;
}

#adp-time label:nth-child(4) {
  /*minutes*/
  display: none;
}

#adp-time input:nth-child(5) {
  /*minutes*/
  display: none;
}

.ADMdtp-box footer .calTypeContainer {
  display: none;
}

.ADMdtp-box footer button.today {
  display: none;
}

/* .ADMdtpTime span.dtpIcon:nth-child(3) {
  visibility: hidden;
}

.ADMdtpTime span.dtpIcon:nth-child(9) {
  visibility: hidden;
} */

.ADMdtp-calendar-container hr:nth-child(7) {
  display: none;
}

.ADMdtp-box footer {
  display: none;
}

/* .ADMdtpInput input {
  height: calc(1.5em + 0.75rem + 2px);
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  padding-top: 0.375rem;
  padding-right: 0.75rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #3e515b;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #c2cfd6;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} */

.dtp-ig {
  display: none;
}

.ADMdtpInput > .removeIcon {
  right: 0px;
}

.ADMdtpInput {
  display: block;
}

.was-validated .ng-invalid,
.was-validated .ng-invalid {
  border-color: #ff625e;
}

[ng-controller="DshSchedulemap4EquipController"]
  .dt-column-filter-box
  .row:nth-child(1) {
  visibility: hidden;
  height: 0px;
}

.ADMdtpInput input {
  float: none;
}

.dtp-btn-ok {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 19px;
  color: #fc5f2a;
  font-weight: bold;
}

/* FRAME START */
body {
  max-height: 100vh;
  overflow: hidden;
}

ui-view {
  max-height: 100vh;
}
.breadcrumb {
  margin-bottom: 10px;
}
.main .container-fluid {
  padding: 30px 30px 10px 30px;
}
/* FRAME END */
.ADMdtp.ADMdtp-container {
  flex: 1;
}

a:hover {
  cursor: pointer;
  background-color: #00818a;
  text-decoration: none;
  color: #fff;
}

.form-group select.form-control {
  background-image: none !important;
}

.th,
.tr,
table {
  font-size: 12px !important;
}

/* social login */
.sns_login_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.social_login_divider {
  margin: 2rem 0 1rem 0;
  display: flex;
  flex-direction: row;
  align-items: center; /* Center items vertically */
  width: 100%;
  justify-content: center;
}

.social_login_divider2 {
  margin: 1rem 0 1rem 0;
  display: flex;
  flex-direction: row;
  align-items: center; /* Center items vertically */
  width: 100%;
  justify-content: center;
}

.divider_line {
  background-color: #d5d5d5;
  width: 35%;
  height: 1px;
}

.divider_text {
  font-size: 0.8rem;
  margin: 0 10px;
  color: #555;
  font-weight: 600;
}

.sns_login_container .sns_login {
  display: flex;
  flex-direction: row;
  padding: 1rem 0 1rem 0;
}

.sns_login_container .sns_login {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.social_login_btn {
  width: 40px;
  height: 40px;
  margin: 0 20px 0 0;
}

.social_login_btn:last-child {
  margin-right: 0;
}

.social_login_btn img {
  width: 40px;
  height: 40px;
}

.social_login_btn_kakao {
  background-color: #fae100;
  border-radius: 8px;
  box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
  -webkit-transition: background-color 0.218s, border-color 0.218s,
    box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
}

.social_login_btn_kakao:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.social_login_btn_naver {
  background-color: #03c75a;
  box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
  border-radius: 8px;
  -webkit-transition: background-color 0.218s, border-color 0.218s,
    box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
}

.social_login_btn_naver:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.social_login_btn_google {
  background-color: #F2F2F2;
  box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
  border-radius: 8px;
  -webkit-transition: background-color 0.218s, border-color 0.218s,
    box-shadow 0.218s;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
}

.social_login_btn_google:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.login_container .login_right .login_container_signup_btn {
  border: none;
  background: none;
  font-size: 1.2rem;
  height: auto;
  color: #3a75e9;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  padding: 0 0 1.5rem 0;
}

.md-toolbar-tools .tip-memo {
	display : flex;
	margin : 2rem 0 0 3rem;
}

.md-toolbar-tools .tip-memo>* {
	color : beige;
	font-size : 1rem;
	font-weight : 100;
	margin : 0 1rem 0 0;
}

.md-toolbar-tools .tip-memo .title {
  font-weight : bold;
}

.md-toolbar-tools .tip-memo a b{
  color : blue
}