#loadingDiv {
  position: fixed;
  left: 60%;
  top: 50%;
  z-index: 9999;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 12px solid #e0e0e0;
  border-radius: 50%;
  border-top: 12px solid #3f51b5;
  width: 80px;
  height: 80px;
  -webkit-animation: spin .8s linear infinite;
  animation: spin .8s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#container{
  padding:0;
}

/*2022-0126-YBS*/
.tab-content{
  width : 100%
}

.jumbotron.custom {
  background: #607d8b;
  color: #FFF;
  border-radius: 0px;
  margin-bottom:5px;
  padding-top:0px;
  padding-bottom:0px;
  font-size:20px;
}

.jumbotron.custom small {
  color: #ffc107;
  font-size:75%;
}

table {
  font-size:13px;
}

/*달력버튼그룹*/
.input-group.date { 
  padding-right: 5px;
}

/*모달달력용*/
.table-condensed {
  font-size : 15px
}
/*월표시 마진*/
.bootstrap-datetimepicker-widget table td span{
  margin : 0 !important;
}
/*일자표시 색변경*/
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{
  background-color: #009688 !important;
}
/*일자표시 라운드*/
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th{
  border-radius: 20px !important;
}
/*월표시 색변경*/
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #009688 !important;
}
/*월표시 라운드*/
.bootstrap-datetimepicker-widget table td span {
  border-radius: 27px !important; 
}
/*일표시 간격*/
.bootstrap-datetimepicker-widget table td.day {
  width : unset !important
}

::-webkit-scrollbar { width: 2px; height: 2px} 
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4); } 
::-webkit-scrollbar-thumb:window-inactive { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0);}
/*::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); -webkit-border-radius: 10px; border-radius: 10px; } */

@media (max-device-width:360px){
  /*스마트폰용*/
  table {
    font-size:12px;
  }
  .input-group.date { 
    width : 83%;
  }
}
@media only screen and (min-device-width: 360px) and (max-device-width:412px){
  /*스마트폰용 note시리즈*/
}
@media only screen and (min-device-width: 413px) and (max-device-width:732px){
/*스마트폰 와이드*/
}
@media only screen and (min-device-width: 733px) and (max-device-width:768px){
/*아이패드 세로*/
}
@media only screen and (min-device-width: 769px) and (max-device-width:1024px){
  /*태블릿 pc ,아이패드 와이드*/
}
@media only screen and (min-device-width:1025px){
  /*데스크탑 pc */
  table {
    font-size:14px;
  }
}