@charset "utf-8";

.widget-notice {
  margin:20px 0px 0px 0px;
}

.widget-notice td{
  padding:2px !important;
}

.notice {
  background-color:#fff;
}

.widget-dashboard {
  margin:20px 0px 20px 0px;
}

.calendar {
  border-top:solid 0px #fff !important;
  border-left:solid 0px #fff !important;
  border-right:solid 0px #fff !important;
  border-bottom:solid 0px #fff !important;
  table-layout:fixed;
}

.calendar.table-bordered {
  border: 1px solid #eee;
}

.calendar > thead > tr > th {
  border:solid 0px #fff !important;
  font-family:'Titillium Web', sans-serif;
}

.calendar > tbody > tr > td:first-child {
  border-left:solid 0px #fff !important;
}

.calendar > tbody > tr > td:last-child {
  border-right:solid 0px #fff !important;
}

.calendar > tbody > tr > td {
  max-height:110px;
  height:90px;
  max-width:14%;
  overflow:hidden;
  font-family:tahoma;
  font-weight:300;
  font-size:1em;
  padding:0px !important;
  vertical-align: top !important;
}

.calendar > tbody > tr > td > .day {
  position:relative;
  text-align:right;
  padding:10px 10px 0px 0px;
  color:#000;
  font-family:'Titillium Web', sans-serif;
  height:100%;
}

.calendar > tbody > tr > td > .prevMonth {
  color:#aaa;
}

.calendar > tbody > tr > td > .saturday {
  color:#1a47ba;
}

.calendar > tbody > tr > td > .sunday {
  color:#d60000
}

.calendar > tbody > tr > td > .prevMonth.sunday {
  color:#f07474;
}

.calendar > tbody > tr > td > .prevMonth.saturday {
  color:#6888d9;
}

.calendar > tbody > tr > td .oh {
  display:block;
  overflow:hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal !important;
  height:1em;
  line-height:100%;
  font-family:dotum;
  font-size:12px;
  margin:5px 0px 0px 10px;
}

.calendar > tbody > tr > td > .day > .holiday {
  float:left;
  color:#d60000;
  font-size:11px;
  font-family:dotum;
  text-align: right;
  font-weight:400;
  position: absolute;
  top: 13px;
  left: 10px;
}

.widget-calendar {
  height:710px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.tab-pane-none {
  border-right: solid 0px #ddd;
  border-left: solid 0px #ddd;
  border-bottom: solid 0px #ddd;
}

.panel-none {
  -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
  box-shadow: 0 0px 0px rgba(0,0,0,.05);
}

.widget-calendar > .panel > .panel-body {
  height: 95%;
  height: -webkit-calc(100% - 60px);
  height: -moz-calc(100% - 60px);
  height: calc(100% - 60px);
  overflow-y:auto;
}

.widget-calendar .day-vacation {
  position:absolute;
  display:block;
  top:50px;
  height:20px;
  width:100%;
  background-color:#ddf2fe;
  text-align:right;
  padding-right:10px;
  font-family:dotum;
  font-size:12px;
  color: #006eaf;
  padding-top: 1px !important;
  border: 0px solid transparent !important;
  border-radius: 0px !important;
}
.widget-calendar .day-btrip {
  position:absolute;
  display:block;
  top:70px;
  height:20px;
  width:100%;
  background-color:#daffc8;
  text-align:right;
  padding-right:10px;
  font-family:dotum;
  font-size:12px;
  color: #178801;
  padding-top: 1px !important;
  border: 0px solid transparent !important;
  border-radius: 0px !important;
}

.widget-calendar .day-calendar {
  position:absolute;
  display:block;
  top:30px;
  height:20px;
  width:100%;
  background-color:#f2e0b9;
  text-align:right;
  padding-right:10px;
  font-family:dotum;
  font-size:12px;
  color: #8f6712;
  padding-top: 1px !important;
  border: 0px solid transparent !important;
  border-radius: 0px !important;
}

.widget-task {
  height: 280px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.widget-task > .panel > .panel-body {
  height: 237px;
  overflow-y:auto;
}

.widget-approval {
  clear:both;
  float:left;
  width:60%;

}

.main-board {
  float:right;
  width:calc( 40% - 20px );
}

.info-area, .info-areab {
  list-style-type:none;
}

.info-text {
  width:25%;
  float:left;
  border-right: 2px solid #ADB2B5;
  padding:5px;

}

.info-text1 {
  width:50% !important;
}

.info-text:last-child {
  border-right: 0px solid #ADB2B5;
}

.info-text > h3 {
  font-size:13px;
  color:#73879C;
  padding:0px;
  margin:0px;
}

.info-text .info-count {
  font-size:40px;
  color: #73879C;
  font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
  font-weight:bold;
}

.info-areab li {
  width:20%;
  float:left;
  padding:5px;
  font-size: 13px;
}

.info-countb {
  font-size:20px;
  color: #73879C;
  font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
  font-weight:bold;
}


.table-head-div {
  padding-right: 17px;
  background-color: #f5f5f5;
  clear:both;
}

.table-head-div table {
  border-bottom-width:0px !important;
}

.table-head-div th {
  border-bottom-width:0px !important;
}

.main-wrapper {
  padding: 0px -15px 0px -15px;
  background-color: #EDEDED;
}

.widget {
  position: relative;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  padding: 1.88rem 1.81rem;
}

.mdi {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdi-account-location:before {
  content: "\F00C";
}

.mdi-reload:before {
  content: "\F453";
}

.text-info {
  color: #8862e0 !important;
}

.text-info1 {
  color: #00ce68 !important;
}

.text-info2 {
  color: #ffaf00 !important;
}

.text-info3 {
  color: #e65251 !important;
}

.text-info4 {
  color: #a7309d !important;
}

.widget .info-count {
  font-size: 36px;
  color: #555;
  font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
  font-weight: bold;
}

.notice-list .list-group-item.active, .notice-list .list-group-item.active:focus, .notice-list .list-group-item.active:hover {
  background: #41b3f9;
  border-color: #41b3f9;
}

.notice-list p {
  height:16px;
  overflow:hidden;
  color:#999;
}

.notice-list .active p {
  color:#c7ddef;
}

.notice-list .list-group-item {
  border-left:solid 0px #000 !important;
  border-right:solid 0px #000 !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.notice-list .list-group-item:last-child {
  border:solid 0px #000;
}

.notice-list .list-group-item:first-child {
  border:solid 0px #000 !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.nav-tabs-box {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  margin: 0 auto;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  list-style: none;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #f7fafc;
}

.nav-tabs-box li.active {
  background: #2cabe3;
  color: #ffffff;
  -webkit-box-shadow: -1px 0 0 #ffffff;
  box-shadow: -1px 0 0 #ffffff;
}

.nav-tabs-box li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
}

.nav-tabs-box>li.active>a, .nav-tabs-box>li.active>a:focus,
.nav-tabs-box>li.active>a:hover {
  color: #fff;
  cursor: pointer;
  background-color: #2cabe3;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs-box>li>a {
  margin-right: 0px;
  border-radius: 0px;
}