/**
 * 사용자 css
 */

/* Globals */

body {
  /* font-size: 12px; */
}

.form-control[readonly] { 
    background-color: initial;
}

.top {
  vertical-align: top !important;
}

.middle {
  vertical-align: middle !important;
}

.no-padding-top-bottom {
  padding-top: 0;
  padding-bottom: 0;
}

.no-padding-left-right {
  padding-left: 0;
  padding-right: 0;
}

.no-margin-top-bottom {
  margin-top: 0;
  margin-bottom: 0;
}

.no-margin-left-right {
  margin-left: 0;
  margin-right: 0;
}

.margin-top-bottom-xs {
  margin-top: 3px;
  margin-bottom: 3px;
}

.no-border {
  border: 0;
}

.hidden2 {
  display: none;
}

@media (min-width: 992px) {
  /* 991px */
  .page-content {
    /* padding-top: 35px;  */
  }
  
  /* Desktop 화면에서 하위메뉴 감춤 */
  .page-header .navbar .navbar-nav .dropdown-menu {
    /* display: none; */
  }
}

/* 사이드메뉴 공백 */
@media (max-width: 991px) {
  .page-content-row .page-sidebar {
    margin-bottom: 0;
  }

  .page-content-row .page-sidebar.show-sidebar {
    margin-bottom: 20px;
    padding: 10px;    
    height: auto;
    border: 1px solid #eee;
  }

  .page-content-row .page-sidebar .navbar {
    margin-bottom: 0;
  }

  .page-content-row .page-sidebar .navbar ul:last-child {
    margin-bottom: 0;
  }
}

/* 로그아웃 버튼 */
.page-header .mega-menu .logout {
  top: 4px;
  border: none;
  outline: none;
  padding: 5px 5px;
  margin-left: 15px;
  position: relative;
  background: #45b6af;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  width: 35px;
  height: 35px;
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  margin: 0em;
  font: 13.3333px Arial;
  font-size: 14px;
}

.page-header .mega-menu .logout i {
  position: relative;
  top: 6px;
  left: 3px;
  color: #fff;
}

/* Pagination */
.pagination > li > a {
  margin: 0 3px;
/*   border: none;
  background: #ddd; */
  color: #666; 
}
.pagination > li > a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3598DC; 
}
.pagination > .page-active > a {
  background-color: #3598DC;
  color: #fff; 
}
.pagination-rounded > .pagination > li > a {
  border-radius: 50% !important; 
}

/* Portlet */
.portlet.light > .portlet-title > .caption > i {
  margin-top: 5px;
}

/* Forms */
.form .form-actions.no-line {
  border: 0;
  padding: 0;
}

.form .form-bordered .form-group > div {
  border-right: 1px solid #efefef;
}

.form .form-bordered .form-group > div:last-child {
  border-right: 0;
}

.mt-checkbox.mt-checkbox-outline.white > span {  
  background-color: #ffffff;
}

.mt-checkbox.no-text {  
  padding-left: 20px;
  margin-bottom: 15px;
}


/* Tables */
.table.table-list td,
.table.table-list th {
  font-size: 12px; 
}

.table-advance thead tr th {
  font-size: 13px;
}

.table-advance thead tr th {
  font-weight: 600;
  vertical-align: middle;
}

.table-advance tbody tr th {
  background-color: #f1f4f7;
  font-size: 13px;
  font-weight: 400;
  color: #3f444a; 

  font-weight: 600;
  vertical-align: middle;
}

.table-advance thead tr td label,
.table-advance thead tr th label {
  font-weight: 600;
  font-size: 13px;
}

.table-advance thead tr td label.btn,
.table-advance thead tr th label.btn {
  font-weight: 400;
}

.table-advance thead tr td label.btn-xs,
.table-advance thead tr th label.btn-xs {
  font-size: 12px;
}

.table-advance thead tr td label.mt-radio,
.table-advance tbody tr td label.mt-radio,
.table-advance thead tr td label.mt-checkbox,
.table-advance tbody tr td label.mt-checkbox
{
  font-weight: 400;
  font-size: 12px;
}

.table>tbody>tr>td.no-border {
  border: 0;
}

/* @media( max-width: 640px ) { */
@media( max-width: 700px ) { 
  .form .form-body thead,
  .form .form-body tbody,
  .form .form-body tr,
  .form .form-body th,
  .form .form-body td {
    display: block;
    border: 0;
  }

  /* #tickets tr {
    border-bottom: 1px solid #ddd;
  } */

  .form .form-body th,
  .form .form-body td {
    text-align: left;
  }
  .form .form-body th.mobile-hidden,
  .form .form-body td.mobile-hidden {
    display: none;
  }
}


/* Lables */
.label-user-status-s {
  background-color: #5cb85c;
}

.label-user-status-r {
  background-color: #F1C40F;
}

.label-danger-f {
  background-color: #ed6b75; 
}

.label.label-sm {
  font-size: 12px;
}

/* Forms */
.form .form-body th,
.form .form-body td {
  vertical-align: middle;
}

.form .form-body.top-bottom-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}

td .mt-radio,
td .mt-checkbox {
  margin-bottom: 5px;
  padding-left: 23px;
  font-size: 14px;
}

/* .mt-checkbox-list.vertical label {
  margin-bottom: 2px;
} */

.form .form-body input.text-h2{
  font-size: 1.5em;
  font-weight: bold;
}

@media (max-width: 768px) {
  .form-inline .consective-elm {
    margin-bottom: 10px;
  }
}

/* Buttons */


/* Portlet */
.portlet > .portlet-title > .caption {
  font-size: 16px;
}


/* Custom */
.menu ul,
.faq-category ul {
  list-style-type: none;
  padding-left: 10px;
}
.menu ul li,
.faq-category ul li {
  margin-bottom: 4px;
}

.font-normal {
  font-style: normal;
}

table tr.selected td
{
  background-color: #FFFFCC;
}

.crm.calendar {
  /* background-color: $#000000; */
}

.crm.calendar .day{
  text-align: right;
  font-weight: bold;
  margin-bottom: 15px;
}

.crm.calendar tbody td ul {
  list-style: none;
  padding-left: 0px;
}

.crm.calendar tbody td ul li {
  margin-left: 5px;
  margin-bottom: 5px;
}

/* 업로드 */
.filebox .upload-name {
  width: 100%;
  max-width: 340px;
  height: 34px;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  line-height: 37px;
  background: #fff;
  border: 1px solid #c2cad8;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.filebox_frame {
  margin-bottom: 8px;
}

.photos_frame {
  display: inline-block;
}

.photos_frame .photo {
  /* float: left; */
  width: 132px;
  height: 157px;
  border: 1px solid #ddd;
  border-radius: 5px;
  /* background: url(/assets/images/common/icon-photo-none.png) no-repeat center center; */
}

.photos_frame .photo.thumbnail {
  padding: 0;
}

.photos_frame .photo.thumbnail > img {
  width: 132px;
  height: 157px;
}

/* 뉴스사진 */
.photos_frame.news .photo {
  width: 130px;
  height: 87px;
  margin-bottom: 10px;
}

.photos_frame.news .photo.thumbnail > img {
  width: 128px;
  height: 85px;
}

.photos_frame.news button.cancel-btn {
  padding: 1px 5px;
  font-size: 12px;
  border-radius: 3px;
}

/* KAIWA */
.kaiwa-www {
  
}

.kaiwa-www .groups-area {
  margin-bottom: 15px;
}

.kaiwa-www .groups-area .input-group {
  margin-bottom: 5px;
  margin-right: 5px;
}

.kaiwa-www .ms-container .note {
  margin-bottom: 0 !important;
  border-radius: 0;
  font-size: 13px;
  font-weight: bold;
}

.kaiwa-www .ms-container .ms-list {
  border-radius: 0 !important;
  border-top: 0;
}

.input-site-list {
    width: 17px !important;
}

.table-advance tr td:first-child {
  border-left-width: 1px !important;
}