@import url("dialog.css");
@import url("notosanskr.css");

html body {
	font-family: 'NotoSansKR', sans-serif !important;
	font-weight: 400 !important;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'NotoSansKR', sans-serif !important;
	font-weight: 700 !important;	
}

/* toggle — T-CMS 2.0 (Figma: pill 트랙 + 흰 원형 노브, ON=그린/노브 우측) */
.switch {
  	position: relative;
  	display: inline-block;
  	width: 44px;
	height: 24px;
  	vertical-align: middle;
  	margin-top: 0;
}

.switch input {
	display:none;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #cfd6dd;
	border-radius: 24px;
	-webkit-transition: .3s;
	transition: .3s;
}

.slider:before {
	position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    top: 2px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    -webkit-transition: .3s;
    transition: .3s;
}

input:checked + .slider {
  	background-color: var(--c-primary, #0e925b) !important;
}

input:focus + .slider {
  	box-shadow: 0 0 1px var(--c-primary, #0e925b) !important;
}

input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

.slider.round {
  	border-radius: 24px;
}

.slider.round:before {
  	border-radius: 50%;
}

.divArea {
	margin-bottom:15px;
	height: 36px;
}

/* Text Align */
.text-c {
    text-align: center;
}
.text-l {
    text-align: left;
}
.text-r {
    text-align: right
}
.text-j {
    text-align: justify;
}

/* Margins g(global) - l(left) - r(right) - t(top) - b(bottom) */
.margin-g {
    margin: 15px;
}
.margin-g-sm {
    margin: 10px;
}
.margin-g-md {
    margin: 20px;
}
.margin-g-lg {
    margin: 30px;
}

.margin-l {
    margin-left: 15px;
}
.margin-l-sm {
    margin-left: 10px;
}
.margin-l-md {
    margin-left: 20px;
}
.margin-l-lg {
    margin-left: 30px;
}

.margin-r {
    margin-right: 15px;
}
.margin-r-sm {
    margin-right: 10px;
}
.margin-r-md {
    margin-right: 20px;
}
.margin-r-lg {
    margin-right: 30px;
}

.margin-t {
    margin-top: 15px;
}
.margin-t-sm {
    margin-top: 10px;
}
.margin-t-md {
    margin-top: 20px;
}
.margin-t-lg {
    margin-top: 30px;
}

.margin-b {
    margin-bottom: 15px;
}
.margin-b-sm {
    margin-bottom: 10px;
}
.margin-b-md {
    margin-bottom: 20px;
}
.margin-b-lg {
    margin-bottom: 30px;
}

.hidden {
	display: none !important;;
}

.content-wrapper {
	min-width: 1024px;
	overflow-x: auto;
    margin-left: 0px!important;
    margin-right: 0px!important;
    margin-top: 0px !important;
}

.bg-gradient-secondary {
    background: #ffffff repeat-x!important;
}

/* datatables */
/*
.table th {
	font-size: 0.85rem;
	font-weight: 700;
}

.table td {
	font-size: 0.8rem;
	font-weight: 500;
}

.table.dataTable.nowrap th, .table.dataTable.nowrap td {

}

.table.dataTable.compact thead th, .table.dataTable.compact thead td {
	padding:10px 17px;
}

.table.dataTable.compact tfoot th, .table.dataTable.compact tfoot td {
	padding:5px;
}

.table.dataTable.compact tbody th, .table.dataTable.compact tbody td {
	padding:5px;
}

#listTable_paginate ul {
	font-weight: 7 00;
}

.daterangepicker table {
	color: black;
}

.bg-gradient-dark {
    background: #ffffff repeat-x!important;
}

.bg-gradient-dark .pagination .page-item {
	color : black;  !important;
	border-color  : #fff;  !important;
	background: #fff repeat-x!important;
}

.bg-gradient-dark .pagination .page-link {
	color : black;  !important;
	border-color  : #fff;  !important;
	background: #fff  repeat-x!important;
}

.bg-gradient-dark .pagination .active .page-link {
	color: #d80028;  !important;
	font-weight: 500;
	border-color: #d80028;  !important;
	background: #fff  repeat-x!important;
}

.sidebar-light-info .nav-sidebar>.nav-item>.nav-link.active {
    background-color: rgba(255,255,255,.1);
    color: #fff;
}

.sidebar-dark-info .nav-sidebar>.nav-item>.nav-link.active {
    background-color: rgba(255,255,255,.1);
    color: #fff;
}

.sidebar-dark-info .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: #526669;
    color: #fff;
}

.sidebar-dark-info .nav-treeview>.nav-item>.nav-link.active {
	background-color: #526669;
    color: #fff;
}

.font-weight-100 {
	font-weight: 100;
}

.font-weight-200 {
	font-weight: 200;
}

.font-weight-300 {
	font-weight: 300;
}

.font-weight-400 {
	font-weight: 400;
}

.font-weight-500 {
	font-weight: 500;
}

.font-weight-600 {
	font-weight: 600;
}
.font-weight-700 {
	font-weight: 700;
}

.bg-gradient-dark .bg-gradient-header {
    background: #ffffff repeat-x!important;
}

.bg-gradient-dark .bg-gradient-header th {
    background: #ffffff repeat-x!important;
}

.nav-tabs {
	border:0px solid;
}
.nav-custom .nav-link{
	border-bottom : 1px solid white;
}
.nav-custom .nav-link.active{
	background-color: #343a40;
	border-color: #343a40;
	border-bottom : 2px solid #0275d8;
}

.contents-card {
	min-height : 70vh;
}
*/
.ellipsis30 {
	width:30px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-wrap:normal !important;
}
.ellipsis130 {
	width:130px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-wrap:normal !important;
}
.ellipsis200 {
	width:200px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-wrap:normal !important;
}
.ellipsis270 {
	width:270px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-wrap:normal !important;
}
/*
.btn {
	line-height: 1.0!important;
	border-radius: 0px!important;
}

.btn-success {
	background-color: #2cb5b5!important;
	border-color: #2cb5b5!important;
}

.btn-secondary {
	color: #fff!important;
}

.view-margin{
	margin: 10px 0px;
}

.view-margin-bottom{
	margin-bottom: 10px;
}
*/
@media (max-width: 1024px) {
	.main-sidebar {
	    box-shadow: none!important;
	    margin-left: 0px!important;
	}
}

.fontRed{
	color:red !important;
}

.fontGreen{
	color:green !important;
}

.dropdown-menu.inner > li {
	width : 100%;
}

.btn.dropdown-toggle.btn-default{
	width : 100% !important;
	height: 34px !important;
	background-color : #fff !important;
	color : #555555 !important;
	line-height : 22px !important;
	border : 1px solid #ccc !important;
	padding: 6px 12px !important;
	border-radius: 0px !important;
	font-size : 14px;
}

.dropdown.bootstrap-select.bs3{
	text-align : right;
	width : 160px !important;
	margin-bottom: 5px;
	margin-left: 10px;
}

.dropdown.bootstrap-select.bs3:hover{
	background-color : white !important;
}

.ui-tooltip{
	display:none !important;
}

.inner.open{
	max-height: 650px !important;
}

.dropdown-menu.open{
	max-height: 700px !important;
}

.bs-searchbox > .form-control{
	margin:0;
}

.dropdown-menu.inner > li > a:hover, .dropdown-menu.inner > li > a:focus{
	color: #fff !important;
   	background-color: #D96D0F;
}

.dropdown-menu.inner >.active>a{
	background-color: #D96D0F;
}

.bs-searchbox > .form-control{
	border: 1px solid #ccc !important;
}

.no-results{
	display : none;
}

.dropdown-menu.open{
	min-height:0px !important;
}

.inner.open{
	min-height:0px !important;
}