@charset "utf-8";

@media screen and (max-width: 767px) {
.main-header {
 position: relative;
}
.main-header > .logo {
 width: 100%;
 height: 22px;
 line-height: 23px;
 font-size: 12px;
 float: none;
 padding: 0 5px;
}
.main-header .company-logo a {
 padding: 0;
}
.main-header .company-logo img {
 max-width: 175px;
 max-height: 45px;
}
.main-header .navbar {
 margin: 0;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.main-header .navbar-right > li {
 color: inherit;
 border: 0;
}
.main-header .navbar .nav > li > a > .fa {
 font-size: 20px;
}
.main-header .navbar .nav > li.user > a > .fa {
 margin-right: 0;
}
.navbar-nav .open .dropdown-menu {
 position: static;
 float: none;
 width: auto;
 margin-top: 0;
 background-color: transparent;
 border: 0;
 -webkit-box-shadow: none;
 box-shadow: none;
}
.nav-tabs.control-sidebar-tabs {
 display: table;
}
.content-header > h1 {
 margin: 6px;
 padding: 10px;
 clear: both;
}
.content-header > h1 small {
 display: block;
 padding: 10px 0 0 0;
}
.content-header > .breadcrumb {
 display: none;
}
.content-wrapper, .right-side, .main-footer {
 margin-left: 0;
}
.main-footer {
 font-size: 12px;
 padding: 5px;
}
.main-footer .logo-ejyuken img {
 max-height: 20px;
}
.fixed .content-wrapper, .fixed .right-side {
 padding-top: 75px;
}
.main-header .navbar-right {
 float: none;
}
/* ----- #sidebar ----- */
.main-sidebar, .left-side {
 padding-top: 80px;
 -webkit-transform: translate(-270px, 0);
 -ms-transform: translate(-270px, 0);
 -o-transform: translate(-270px, 0);
 transform: translate(-270px, 0);
}
.sidebar-open .main-sidebar, .sidebar-open .left-side {
 -webkit-transform: translate(0, 0);
 -ms-transform: translate(0, 0);
 -o-transform: translate(0, 0);
 transform: translate(0, 0);
}
.sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
 -webkit-transform: translate(270px, 0);
 -ms-transform: translate(270px, 0);
 -o-transform: translate(270px, 0);
 transform: translate(270px, 0);
}
/* Box */
.panel-body {
 padding: 10px;
}
.box ul:not(.list-unstyled), .box ol, .panel-body ul:not(.list-unstyled), .panel-body ol, .well ul:not(.list-unstyled), .well ol, .alert ul:not(.list-unstyled), .alert ol {
 padding-left: 25px;
}
.index.row {
 padding: 0 5px;
}
.small-box .title {
 padding: 0;
 margin: 0 0 10px 0;
}
.index .small-box .inner {
 position: relative;
}
.index .small-box .tooltip {
 max-width: 90%;
}
.small-box .icon {
 top: auto;
 bottom: 0.5em;
 right: 5px;
 color: rgba(0, 0, 0, 0.1);
 font-size: 50px;
}
.small-box:hover .icon {
 font-size: 50px;
}
/* -------------------- 
   change display
-------------------- */
#steps {
 display: none;
}
.hidden-xs, .hidden-sm {
 display: none !important;
}
.visible-xs-inline-block {
 display: inline-block !important;
}
.visible-xs-inline {
 display: inline !important;
}
.visible-xs-block {
 display: block !important;
}
.visible-xs {
 display: block !important;
}
table.visible-xs {
 display: table !important;
}
tr.visible-xs {
 display: table-row !important;
}
th.visible-xs, td.visible-xs {
 display: table-cell !important;
}
/* -------------------- 
   others
-------------------- */
.well {
 padding: 10px;
}
.modal-header .close {
 margin-top: 5px;
}
.modal-dialog {
 margin: 5px;
}
.form-horizontal .form-group {
 margin-right: 5px;
 margin-left: 5px;
}
.content {
 padding: 15px 15px;
}
.table-responsive {
 border: 1px solid #ddd;
 -ms-overflow-style: -ms-autohiding-scrollbar;
 position: relative;
}
.table-responsive > .table {
 margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
 /*white-space: nowrap;*/
}
.table-responsive > .table-bordered {
 border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
 border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
 border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
 border-bottom: 0;
}
/* Table Vertical*/
.table-responsive {
 display: block;
 width: 100%;
 margin-bottom: 15px;
}
.table-responsive th[class*="col-"], .table-responsive th[class*=" col-"], .table-responsive td[class*="col-"], .table-responsive td[class*=" col-"] {
 display: block;
 width: 100%;
 float: none;
 margin: 0;
 padding: 0;
}
.table-responsive > .table > thead, .table-responsive > .table > tbody, .table-responsive > .table > * > tr, .table-responsive > .table > * > * > th, .table-responsive > .table > * > * > td {
 display: block;
 width: 100%;
}
table.table-responsive> .table > * > * > th {
 padding: 10px 10px 2px !important;
 border: 0;
 border-top: 1px solid #f4f4f4;
}
.table-responsive > .table > * > * > th:before {
 content: "\f0c8";
 font-family: 'FontAwesome';
 font-size: 13px;
 margin-right: 5px;
}
.table-responsive > .table > * > * > td {
 padding: 0 10px 10px 13px !important;
 border: 0;
}
.table-responsive input, .table-responsive textarea, .table-responsive select {
 max-width: 100% !important;
}
.table-responsive > .table > * > * > td input {
 max-width: 100%;
}
.col-md-4 {
 width: 100%;
}
/* Table scrollable*/
.scrollable-table {
 max-height: calc(70vh);
}
.history.scrollable-table {
 padding-top: 36px;
}
.history .sticky-top {
 position: absolute;
 top: 0;
 left: 0;
 background: #fff;
}
.check-list .exam-name {
 max-width: 230px !important;
}
.check-list .tc-name {
 max-width: 170px !important;
}
.history .exam-receipt {
 min-width: 70px;
 max-width: 70px;
}
.tc-cal.scrollable-table {
 padding: 48px 0 0 199px;
}
.tc-cal .tc-name {
 font-size: 12px;
 width: 200px;
 min-width: 60px;
 padding: 5px;
}
.form-control + .form-control {
 margin-top: 15px;
}
.tc-cal .tc-cal-header .tc-week li {
 border-top: 0;
 border-bottom: 0;
}
.btn-lg, .btn-group-lg > .btn {
 padding: 10px 35px;
}
.btn-xs, .btn-group-xs > .btn {
 padding: 5px 15px;
}
.btn-lg i.icon-left {
 left: 3px;
}
.btn-lg i.icon-right {
 right: 3px;
}

/* ----------------------------
add
---------------------------- */
.table>thead>tr>td.required::before,
.table>tbody>tr>td.required::before {
 margin-top: -29px;
 margin-left: -25px;
}

div.form-group span.like_field:before {
	margin-top: -20px;
	margin-left: -22px;
}

div.form-group span.postlike_field:before {
	margin-top: -20px;
	margin-left: -22px;
}

div.form-group span.prelike_field:before {
	margin-top: -20px;
	margin-left: -22px;
}

}

@media screen and (max-width: 350px) {
.main-header .company-logo img {
 max-width: 120px;
}
}

@media screen and (max-width: 480px) {
.tc-cal.scrollable-table {
 padding: 50px 0 0 150px;
}
.tc-cal .tc-name {
 width: 150px;
 min-width: 150px;
 max-width: 150px;
}
}

@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
 max-height: 200px;
}
}