body {
  font-family: Microsoft JhengHei,"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  line-height: 1.2 !important;
}
.login-box {
  width: 450px !important;
}
.content {
  margin-top: 10px;
}
/* .nav-active {
  background: #f4f6f9;
}
.nav-active > .nav-link {
  color: #17a2b8 !important;
} */
.nav-current {
  background: #f4f6f9;
}
.nav-current > .nav-link {
  color: #17a2b8 !important;
}
.nav2 {
  padding-left: 10px !important;
}
.nav3 {
  padding-left: 20px;
}
.dropdown-item:hover {
  background-color: rgba(255,255,255,.1);
}
.div-grid {
  border: 1px solid #ddd;
  padding: 5px;
}
.modal {
  z-index: 1300 !important;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 90% !important;
  }
}
.form-control {
  padding: .225rem .55rem !important;
}
.input-group-text {
  padding: .15rem .55rem !important;
  padding-bottom: .225rem !important;
}
select.form-control:not([size]):not([multiple]) {
  height: calc(2rem + 2px) !important;
}
input[type=checkbox] {
  width: 16px !important;
  height: 16px !important;
}
input[type=radio] {
  width: 16px !important;
  height: 16px !important;
}
/* .form-check-input {
  margin-left: -1rem !important;
} */
.form-check-label {
  padding-left: 10px !important;
}
.margin-5 {
  margin-bottom: 5px;
}
.btn {
  /* padding: .225rem .55rem !important; */
  padding-bottom: 5px !important;
  padding-top: 1px !important;
}
.btn-sm {
  padding-bottom: 4px !important;
  padding-top: 4px !important;
  padding: .25rem .45rem !important;
}

.indexList{padding:0px;margin:0px 0 20px 0;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type: none !important;}
.indexList li{width:calc(16.66% - 60px);margin:0 30px 60px 30px;list-style:none;background:#f5f5f5;position:relative;list-style-type: none !important;}

/* .paginationBox{text-align:center;}
.pagination{margin:0;}
.pagination>li>a,.pagination>li>span{color:#6A3906;}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background:#C8A67C;border-color:#C8A67C;}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#6A3906;} */
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.mymodal {
  z-index: 1500 !important;
}
.content-header {
  padding-top: 5px !important;
  padding-bottom: 0px !important;
}
.content-header h4 {
  margin-bottom: 0px !important;
}
.inline {
  display: inline-block !important;
}
.cbtn {
  margin-bottom: 5px !important;
  margin-left: 5px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
/* .file-input {
  width: 100%;
}
.cfileinput {
  height: 70px !important;
  width: 120px !important;
}
.advfileinput {
  height: 432px !important;
  width: 648px !important;
}
.cfileinput .file-drop-zone {
  padding: 0px !important;
  height: 35px !important;
} */
/* .cfileinput .file-drop-zone-title {
  padding: 0px !important;
}
.kv-file-content {
  width: 100% !important;
}
.fa-file-o:before {
  content: "\f016";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
} */
#c_folder label {
  margin-bottom: 0px !important;
  font-weight: normal;
}
#c_folder label:hover {
  cursor: pointer;
}
.alert {
  padding: .15rem 0.5rem !important;
}
.alert-gray {
  color: #212529;
  background-color: #adb5bd;
  border-color: #adb5bd;
}
.alert-gray hr {
  border-top-color: #adb5bd;
}
.alert-gray .alert-link {
  color: #adb5bd;
}
.alert-pink {
  /* color: #fff; */
  background-color: pink;
  border-color: rgb(226, 168, 178);
}
.alert-pink hr {
  border-top-color: rgb(226, 168, 178);
}
.alert-pink .alert-link {
  color: rgb(226, 168, 178);
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.tooltip {
  z-index: 2000 !important;
}
.tooltip-inner {
  max-width: 100% !important;
}
.imgholder {
  width: 200px;
  height: 200px;
}
.loadingModal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
.info_icon {
  z-index: 10;
  position: absolute;
  top: 3px;
  font-size: 32px !important;
}
.cloud_icon {
  z-index: 10;
  position: absolute;
  top: 3px;
  left: 30px;
  font-size: 32px !important;
}
.index_li {
  margin-bottom: 80px !important;
  width: 100%;
}
.index_info {
  color: #000;
  position: absolute;
  bottom: -70px;
}
.card_body {
  padding: 5px !important;
}

img {
  border: 1px solid #ddd; /* Gray border */
  border-radius: 4px;  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 120px; /* Set a small width */
}

.grid-row-head {
  border: 1px solid #ddd;
  padding: 0px;
  font-weight: bold;
  margin: 0px;
}

.grid-row {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0px;
  margin: 0px;
}
.grid-row-head > div {
  border-right: 1px solid #ddd;
  padding: 7px 5px;
  background-color: #007bff;
  color: #fff;
}
.grid-row > div {
  border-right: 1px solid #ddd;
  padding: 5px;
}
.d-sm-none {
  padding-right: 5px;
}
.popover-header-iso {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}

.changepwd {
  padding: .225rem .55rem !important;
  width: 200px;
}
.ichk {
  padding-left: 15px !important;
}

.success-fade {
  position: absolute;
  left: 200px;
  top: 1rem;
}
.disabled {
  cursor: not-allowed;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #C8EBFA !important;
  border-color: #C8EBFA !important;
  color: #000;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  /*color:  #fff !important;*/
  color: #000;
}
.file-preview-frame {
  float: none !important;
}
.input-group-text {
  background-color: #fff !important;
  color: hsl(211, 52%, 42%) !important;
}
table th, td {
  padding: .425rem .55rem !important;
}

.nav-treeview>.nav-item>.nav-link.active {
  background-color: #A25C0B!important;
}

.login-page{
  background:#5a5a5a;
}

.sys-logo{
  width:70%;
  border:none;
  margin:10px;
}