/*=============================================
=            Section comment block            =
=============================================*/
/*=====  End of Section comment block  ======*/
/*  ----- RSU ------
    
$fz-xs  : 18px;
$fz-s   : 20px;
$fz-m   : 24px;
$fz-l   : 28px;
$fz-xl  : 40px;
$fz-xll : 60px;*/
@import url("https://fonts.googleapis.com/css?family=Pridi:300");
@font-face {
  font-family: 'RSU_Regular';
  src: url("font/RSU_Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'RSU_BOLD';
  src: url("font/RSU_BOLD.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'RSU_light';
  src: url("font/RSU_light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'THSarabunNew';
  src: url("font/THSarabunNew.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'THSarabunNew_Bold';
  src: url("font/THSarabunNew_Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/*=============================
=            Color            =
=============================*/
/*=====  End of Color  ======*/
/* line 53, ../sass/theme/_color.scss */
.text-blue {
  color: #72a2b4; }

/* line 56, ../sass/theme/_color.scss */
.text-darkblue {
  color: #334761; }

/* line 59, ../sass/theme/_color.scss */
.bg-transparent {
  background: 0; }

/* line 62, ../sass/theme/_color.scss */
.bg-baseColor {
  background: #72a2b4; }

/* line 65, ../sass/theme/_color.scss */
.bg-baseColorDark {
  background: #2d4a55; }

/* line 68, ../sass/theme/_color.scss */
.bg-baseColorBlack {
  background: #0e1619; }

/* line 71, ../sass/theme/_color.scss */
.bg-lighergrey {
  background: #e7e7e7; }

/* line 74, ../sass/theme/_color.scss */
.text-white {
  color: white; }

/* line 77, ../sass/theme/_color.scss */
.bg-green {
  background-color: #157B3E; }

.bg-darkBlue {
    background: #32465f;
}

/* line 2, ../sass/module/_icon.scss */
label .material-icons {
  position: relative;
  top: 7px;
  margin-right: 10px; }

/* line 2, ../sass/module/_table.scss */
table {
  width: 100%; }
/* line 5, ../sass/module/_table.scss */
table .input-group {
  width: 100%; }
/* line 8, ../sass/module/_table.scss */
table .input-group input {
  width: 100%; }
/* line 14, ../sass/module/_table.scss */
table.compact td {
  padding: 0px !important; }
/* line 20, ../sass/module/_table.scss */
table.no-bg td {
  border-right: 0px;
  border-bottom: 0px; }
/* line 25, ../sass/module/_table.scss */
table.no-bg tr:hover {
  background-color: transparent; }
/* line 31, ../sass/module/_table.scss */
table.no-bg-hover td {
  border-right: 0px;
  border-bottom: 0px; }
/* line 36, ../sass/module/_table.scss */
table.no-bg-hover tr:hover {
  background-color: #e7e7e7; }
/* line 42, ../sass/module/_table.scss */
table.border-row tr > td {
  border-bottom: 1px solid #c2c2c2; }
/* line 47, ../sass/module/_table.scss */
table.border-row.nolastrow tr:last-child > td {
  border-bottom: 0px; }
/* line 58, ../sass/module/_table.scss */
table.no-table td.rqdata {
  font-size: 18px;
  background-color: white;
  border-right: 1px solid #ECEFF1;
  border-bottom: 1px solid #ECEFF1; }
/* line 65, ../sass/module/_table.scss */
table.no-table td.tracking {
  font-size: 18px;
  padding: 0px; }
/* line 71, ../sass/module/_table.scss */
table.no-table th {
  color: #463821;
  background-color: #eee;
  font-size: 22px;
  padding-left: 20px;
  border-bottom: 1px solid gainsboro;
  border-right: 1px solid #ccc;
  font-weight: 600; }
/* line 81, ../sass/module/_table.scss */
table.no-table th.rqhead {
  color: #ffffff;
  font-size: 14px;
  padding-bottom: 0px;
  padding-top: 5px;
  padding-left: 5px; }
/* line 89, ../sass/module/_table.scss */
table.no-table th.align-left {
  text-align: left; }
/* line 93, ../sass/module/_table.scss */
table.no-table th.plz {
  padding-left: 0px; }
/* line 97, ../sass/module/_table.scss */
table.no-table th.no-border-btm {
  border-bottom-width: 0px; }
/* line 101, ../sass/module/_table.scss */
table.no-table th.tracking {
  font-size: 18px;
  padding: 0px; }
/* line 107, ../sass/module/_table.scss */
table.no-table tr:hover {
  background-color: transparent; }
/* line 111, ../sass/module/_table.scss */
table.no-table.shadow {
  box-shadow: 0px 0px 5px #888888; }
/* line 117, ../sass/module/_table.scss */
table.tablecard td {
  border-right: 0px;
  border-bottom: 0px; }
/* line 122, ../sass/module/_table.scss */
table.tablecard th {
  border-right: 0px;
  color: #ffffff;
  background-color: transparent;
  font-size: 22px;
  padding-left: 20px;
  border-bottom: 1px solid gainsboro; }
/* line 131, ../sass/module/_table.scss */
table.tablecard tr:hover {
  background-color: transparent; }
/* line 137, ../sass/module/_table.scss */
table.tablegroupbyunit > thead > tr > th {
  border-right: 0px;
  border-bottom: 1px solid gainsboro; }
/* line 141, ../sass/module/_table.scss */
table.tablegroupbyunit th {
  border-color: #c2c2c2;
  font-size: 26px;
  font-weight: 600; }
/* line 148, ../sass/module/_table.scss */
table.tablegroupbyunit tr.unitgroup td {
  padding: 10px;
  background-color: #e7e7e7;
  border-right: 0px;
  border-bottom: 0px; }
/* line 157, ../sass/module/_table.scss */
table.tablegroupbyunit td {
  padding: 0; }
/* line 159, ../sass/module/_table.scss */
table.tablegroupbyunit td td {
  padding: 5px; }
/* line 164, ../sass/module/_table.scss */
table.tablegroupbyunit i {
  padding-top: 7px; }
/* line 168, ../sass/module/_table.scss */
table.tablegroupbyunit tr:hover {
  background-color: transparent; }
/* line 173, ../sass/module/_table.scss */
table th {
  background: #463821;
  border-right: 1px solid #695431;
  color: white;
  padding: 10px;
  text-align: center;
  font-size: 26px;
  font-weight: normal; }
/* line 182, ../sass/module/_table.scss */
table th.no-border {
  border-right: 0px; }
/* line 187, ../sass/module/_table.scss */
table td {
  color: black;
  padding: 10px;
  text-align: left;
  border-right: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
  font-size: 22px; }
/* line 195, ../sass/module/_table.scss */
table td.vtop {
  vertical-align: top; }
/* line 199, ../sass/module/_table.scss */
table td.vmiddle {
  vertical-align: middle; }
/* line 203, ../sass/module/_table.scss */
table td.vbottom {
  vertical-align: bottom; }
/* line 207, ../sass/module/_table.scss */
table td.center {
  text-align: center; }
/* line 212, ../sass/module/_table.scss */
table .list {
  padding: 5px;
  text-align: left;
  padding-left: 20px; }
/* line 218, ../sass/module/_table.scss */
table .listrq {
  padding: 5px;
  text-align: left;
  padding-left: 5px;
  margin-bottom: auto; }
/* line 225, ../sass/module/_table.scss */
table .centerlist {
  padding: 5px; }
/* line 229, ../sass/module/_table.scss */
table .codelist {
  padding: 5px;
  text-align: center;
  color: #d49b40; }
/* line 234, ../sass/module/_table.scss */
table .codelist.left {
  text-align: left; }
/* line 238, ../sass/module/_table.scss */
table .codelist.black {
  color: #000000; }
/* line 243, ../sass/module/_table.scss */
table tr:hover {
  background-color: #e7e7e7; }
/* line 246, ../sass/module/_table.scss */
table tr:hover.canclick {
  cursor: pointer; }

/* line 252, ../sass/module/_table.scss */
table.card-table {
  border-spacing: 0 5px;
  border-collapse: separate;
  margin: 10px; }
/* line 257, ../sass/module/_table.scss */
table.card-table tr:first-child td {
  background: transparent;
  border: 0; }
/* line 262, ../sass/module/_table.scss */
table.card-table th {
  background: transparent;
  border: 0;
  color: black;
  padding-bottom: 0;
  padding-top: 0; }
/* line 270, ../sass/module/_table.scss */
table.card-table tr {
  border-top: 5px solid;
  border-bottom: 5px solid;
  border-color: transparent; }
/* line 276, ../sass/module/_table.scss */
table.card-table tr > td {
  background: white;
  color: #72a2b4;
  border-right: 0; }
/* line 281, ../sass/module/_table.scss */
table.card-table tr > td a {
  color: #72a2b4; }

/* line 1, ../sass/module/_pics.scss */
.pics, .videoes {
  width: 100px;
  top: -14px;
  left: 34px; }
/* line 5, ../sass/module/_pics.scss */
.pics img, .videoes img {
  max-height: 25px; }
/* line 7, ../sass/module/_pics.scss */
.pics img + img, .videoes img + img {
  bottom: 5px;
  left: 5px;
  z-index: 2;
  opacity: 0.6; }
/* line 12, ../sass/module/_pics.scss */
.pics img + img + img, .videoes img + img + img {
  bottom: 10px;
  left: 10px;
  z-index: 1;
  opacity: 0.3; }

/* line 22, ../sass/module/_pics.scss */
.videos-icon {
  position: absolute;
  left: 20px;
  top: 5px; }

/* line 28, ../sass/module/_pics.scss */
.upload-pic-box {
  border: 1px solid #ccc;
  width: 100px;
  height: 100px;
  margin: 20px 0 0;
  position: relative; }
/* line 34, ../sass/module/_pics.scss */
.upload-pic-box .text {
  margin-top: 45px;
  margin-left: 20px;
  display: block; }
/* line 39, ../sass/module/_pics.scss */
.upload-pic-box input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100px;
  width: 100px; }

/* line 1, ../sass/module/_button.scss */
button {
  font-family: "THSarabunNew_Bold";
  font-weight: 600; }

/* line 5, ../sass/module/_button.scss */
.bottom-action {
  font-size: 22px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  z-index: 100;
  display: flex;
  justify-content: space-between; }
/* line 15, ../sass/module/_button.scss */
.bottom-action button {
  border: 0;
  color: white !important;
  padding: 10px;
  flex-grow: 1; }
/* line 20, ../sass/module/_button.scss */
.bottom-action button.no-grow {
  flex-grow: 0; }

/* line 25, ../sass/module/_button.scss */
.btn-manageplan {
  color: white;
  background: #f99403; }

/* line 29, ../sass/module/_button.scss */
.btn-round {
  border-radius: 100px; }

/* line 32, ../sass/module/_button.scss */
.btn-nobg {
  background: transparent;
  border: 0; }

/* line 36, ../sass/module/_button.scss */
.fab {
  position: fixed;
  bottom: 45px;
  right: 24px;
  border: none;
  font-size: 1.5em;
  color: white;
  background-color: #31c3c5;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin: auto;
  -webkit-box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, 0.3);
  -moz-box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, 0.3);
  box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, 0.3); }
/* line 52, ../sass/module/_button.scss */
.fab .material-icons {
  line-height: 80px;
  font-size: 40px; }
/* line 57, ../sass/module/_button.scss */
.fab.top.right {
  position: absolute;
  right: 10px;
  top: 10px;
  bottom: auto; }
/* line 64, ../sass/module/_button.scss */
.fab.fab-mini {
  border-radius: 50%;
  width: 50px;
  height: 50px; }
/* line 69, ../sass/module/_button.scss */
.fab.fab-mini .material-icons {
  line-height: 50px;
  font-size: 30px; }
/* line 73, ../sass/module/_button.scss */
.fab.fab-mini .material-icons.size-s {
  line-height: 30px;
  font-size: 15px; }
/* line 80, ../sass/module/_button.scss */
.fab.fab-inline-blue {
  position: initial;
  border: none;
  font-size: 1.5em;
  color: white;
  background-color: #72a2b4;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
/* line 95, ../sass/module/_button.scss */
.fab.fab-inline {
  position: initial;
  border: none;
  font-size: 1.5em;
  line-height: 1;
  color: white;
  background-color: #d49b40;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/* line 112, ../sass/module/_button.scss */
.fab:hover {
  background-color: #2aa7a9; }

/* line 117, ../sass/module/_button.scss */
.collapsed .hide-sub {
  display: block !important; }
/* line 120, ../sass/module/_button.scss */
.collapsed .show-sub {
  display: none; }

/* line 125, ../sass/module/_button.scss */
.hide-sub {
  display: none !important; }

/* line 129, ../sass/module/_button.scss */
.hide-sub, .show-sub {
  float: left; }

/* line 134, ../sass/module/_button.scss */
.btn.focus, .btn:focus, .btn:hover {
  color: #fff; }

/* line 3, ../sass/module/_content-box.scss */
.content-box.shadow {
  box-shadow: 0px 0px 5px #888888; }
/* line 8, ../sass/module/_content-box.scss */
.content-box.relative {
  position: relative; }
/* line 11, ../sass/module/_content-box.scss */
.content-box .header {
  background: #0e1619;
  color: white;
  padding: 10px 20px; }
/* line 17, ../sass/module/_content-box.scss */
.content-box .content {
  padding: 20px;
  background: white;
  border: 1px solid #ccc;
  min-height: 400px; }
/* line 27, ../sass/module/_content-box.scss */
.content-box .content-dialog {
  max-height: 50vh;
  overflow: auto; }
/* line 34, ../sass/module/_content-box.scss */
.content-box .input-group {
  padding-right: 20px !important;
  margin-right: 0 !important; }
/* line 38, ../sass/module/_content-box.scss */
.content-box h4 {
  margin-top: 20px; }
/* line 41, ../sass/module/_content-box.scss */
.content-box .blueheader {
  background: #BF0005;
  color: white;
  padding: 10px 20px; }

/* RO */
/* line 50, ../sass/module/_content-box.scss */
.content-box-ro {
  margin: 10px;
  padding: 10px 20px 20px 20px;
  background: white; }
/* line 54, ../sass/module/_content-box.scss */
.content-box-ro.shadow {
  box-shadow: 0px 0px 5px #888888; }
/* line 58, ../sass/module/_content-box.scss */
.content-box-ro.relative {
  position: relative; }
/* line 62, ../sass/module/_content-box.scss */
.content-box-ro .content {
  padding: 20px;
  border: 1px solid #ccc;
  min-height: 400px; }

/* line 1, ../sass/module/_md-dialog.scss */
.mat-dialog-container {
  border-radius: 15px !important;
  padding: 24px 24px !important;
  max-width: 100vw; }

/* line 7, ../sass/module/_md-dialog.scss */
.kj-dialog {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
/* line 11, ../sass/module/_md-dialog.scss */
.kj-dialog.w80vw {
  width: 80vw; }
/* line 14, ../sass/module/_md-dialog.scss */
.kj-dialog .header {
  background: #0e1619;
  color: white;
  padding: 10px 20px; }
/* line 19, ../sass/module/_md-dialog.scss */
.kj-dialog .content {
  max-height: calc(100vh -  120px);
  overflow: auto; }
/* line 23, ../sass/module/_md-dialog.scss */
.kj-dialog .footer {
  height: 40px;
  margin-right: 30px; }

/* line 30, ../sass/module/_md-dialog.scss */
.select-pic-box {
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee; }

/* line 38, ../sass/module/_md-dialog.scss */
.select-pic-box .pic {
  height: 250px;
  overflow: hidden;
  margin-bottom: 5px;
  text-align: center; }

/* line 44, ../sass/module/_md-dialog.scss */
.select-pic-box img {
  height: 100%; }

/* line 49, ../sass/module/_md-dialog.scss */
.pic-wrap {
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  float: none;
  padding: 10px;
  box-sizing: border-box;
  width: 33%; }

/* line 1, ../sass/module/_tooltip.scss */
.mat-tooltip {
  font-family: "THSarabunNew" !important;
  padding: 10px;
  font-size: 26px !important;
  white-space: pre;
  width: auto !important;
  max-width: 400px !important; }

/* line 1, ../sass/module/_pin.scss */
.pic-has-pin {
  position: relative;
  max-width: 100%;
  display: inline-block;
  max-height: 100%; }

/* line 9, ../sass/module/_pin.scss */
.pic-has-pin img {
  max-height: 100%;
  max-width: 100%;
  display: block; }

/* line 17, ../sass/module/_pin.scss */
.pic-has-pin .pin {
  width: calc(80vw /10);
  height: calc(80vw /10);
  border-radius: 80% 80% 80% 0;
  background: #dd5656;
  position: absolute;
  transform: rotate(-45deg);
  text-align: center; }
/* line 26, ../sass/module/_pin.scss */
.pic-has-pin .pin .pin-text {
  color: white;
  transform: rotate(45deg);
  display: block;
  margin: 17px 0 0 0px;
  position: relative;
  top: -8px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  font-size: calc(80vw * 5/ 100);
  text-align: center; }

/* line 39, ../sass/module/_pin.scss */
.mini-pin {
  width: 30px;
  height: 30px;
  border-radius: 80% 80% 80% 0;
  background: #dd5656;
  position: absolute;
  transform: rotate(-45deg);
  text-align: center; }
/* line 48, ../sass/module/_pin.scss */
.mini-pin .pin-text {
  color: white;
  transform: rotate(45deg);
  display: block;
  margin: 17px 0 0 0px;
  position: relative;
  top: -10px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  font-size: 12px; }

/* line 18, ../sass/styles.scss */
body {
  font-family: "THSarabunNew" !important;
  overflow: hidden;
  font-size: 20px;
  font-weight: 600; }

/* line 25, ../sass/styles.scss */
a, a:hover, a:active, a:focus {
  text-decoration: none;
  border: none; }

/* line 32, ../sass/styles.scss */
.has-scroll {
  overflow: scroll !important; }

/* line 36, ../sass/styles.scss */
.auto-scroll {
  overflow: auto !important; }

/* line 40, ../sass/styles.scss */
.no-scroll {
  overflow: hidden !important; }

/* line 44, ../sass/styles.scss */
.visible-scroll {
  overflow: visible !important; }

/*==========  margin  ==========*/
/* line 53, ../sass/styles.scss */
.ma0 {
  margin: 0px; }

/* line 57, ../sass/styles.scss */
.mt0 {
  margin-top: 0px; }

/* line 61, ../sass/styles.scss */
.mr0 {
  margin-right: 0px; }

/* line 65, ../sass/styles.scss */
.mb0 {
  margin-bottom: 0px; }

/* line 69, ../sass/styles.scss */
.ml0 {
  margin-left: 0px; }

/*==========  padding  ==========*/
/* line 73, ../sass/styles.scss */
.pa0 {
  padding: 0px; }

/* line 77, ../sass/styles.scss */
.pt0 {
  padding-top: 0px; }

/* line 81, ../sass/styles.scss */
.pr0 {
  padding-right: 0px; }

/* line 85, ../sass/styles.scss */
.pb0 {
  padding-bottom: 0px; }

/* line 89, ../sass/styles.scss */
.pl0 {
  padding-left: 0px; }

/*==========  lift  ==========*/
/* line 93, ../sass/styles.scss */
.lift0 {
  margin-top: -0px; }

/*==========  margin  ==========*/
/* line 53, ../sass/styles.scss */
.maxxs {
  margin: 5px; }

/* line 57, ../sass/styles.scss */
.mtxxs {
  margin-top: 5px; }

/* line 61, ../sass/styles.scss */
.mrxxs {
  margin-right: 5px; }

/* line 65, ../sass/styles.scss */
.mbxxs {
  margin-bottom: 5px; }

/* line 69, ../sass/styles.scss */
.mlxxs {
  margin-left: 5px; }

/*==========  padding  ==========*/
/* line 73, ../sass/styles.scss */
.paxxs {
  padding: 5px; }

/* line 77, ../sass/styles.scss */
.ptxxs {
  padding-top: 5px; }

/* line 81, ../sass/styles.scss */
.prxxs {
  padding-right: 5px; }

/* line 85, ../sass/styles.scss */
.pbxxs {
  padding-bottom: 5px; }

/* line 89, ../sass/styles.scss */
.plxxs {
  padding-left: 5px; }

/*==========  lift  ==========*/
/* line 93, ../sass/styles.scss */
.liftxxs {
  margin-top: -5px; }

/*==========  margin  ==========*/
/* line 53, ../sass/styles.scss */
.maxs {
  margin: 10px; }

/* line 57, ../sass/styles.scss */
.mtxs {
  margin-top: 10px; }

/* line 61, ../sass/styles.scss */
.mrxs {
  margin-right: 10px; }

/* line 65, ../sass/styles.scss */
.mbxs {
  margin-bottom: 10px; }

/* line 69, ../sass/styles.scss */
.mlxs {
  margin-left: 10px; }

/*==========  padding  ==========*/
/* line 73, ../sass/styles.scss */
.paxs {
  padding: 10px; }

/* line 77, ../sass/styles.scss */
.ptxs {
  padding-top: 10px; }

/* line 81, ../sass/styles.scss */
.prxs {
  padding-right: 10px; }

/* line 85, ../sass/styles.scss */
.pbxs {
  padding-bottom: 10px; }

/* line 89, ../sass/styles.scss */
.plxs {
  padding-left: 10px; }

/*==========  lift  ==========*/
/* line 93, ../sass/styles.scss */
.liftxs {
  margin-top: -10px; }

/*==========  margin  ==========*/
/* line 53, ../sass/styles.scss */
.mas {
  margin: 15px; }

/* line 57, ../sass/styles.scss */
.mts {
  margin-top: 15px; }

/* line 61, ../sass/styles.scss */
.mrs {
  margin-right: 15px; }

/* line 65, ../sass/styles.scss */
.mbs {
  margin-bottom: 15px; }

/* line 69, ../sass/styles.scss */
.mls {
  margin-left: 15px; }

/*==========  padding  ==========*/
/* line 73, ../sass/styles.scss */
.pas {
  padding: 15px; }

/* line 77, ../sass/styles.scss */
.pts {
  padding-top: 15px; }

/* line 81, ../sass/styles.scss */
.prs {
  padding-right: 15px; }

/* line 85, ../sass/styles.scss */
.pbs {
  padding-bottom: 15px; }

/* line 89, ../sass/styles.scss */
.pls {
  padding-left: 15px; }

/*==========  lift  ==========*/
/* line 93, ../sass/styles.scss */
.lifts {
  margin-top: -15px; }

/*==========  margin  ==========*/
/* line 53, ../sass/styles.scss */
.mam {
  margin: 20px; }

/* line 57, ../sass/styles.scss */
.mtm {
  margin-top: 20px; }

/* line 61, ../sass/styles.scss */
.mrm {
  margin-right: 20px; }

/* line 65, ../sass/styles.scss */
.mbm {
  margin-bottom: 20px; }

/* line 69, ../sass/styles.scss */
.mlm {
  margin-left: 20px; }

/*==========  padding  ==========*/
/* line 73, ../sass/styles.scss */
.pam {
  padding: 20px; }

/* line 77, ../sass/styles.scss */
.ptm {
  padding-top: 20px; }

/* line 81, ../sass/styles.scss */
.prm {
  padding-right: 20px; }

/* line 85, ../sass/styles.scss */
.pbm {
  padding-bottom: 20px; }

/* line 89, ../sass/styles.scss */
.plm {
  padding-left: 20px; }

/*==========  lift  ==========*/
/* line 93, ../sass/styles.scss */
.liftm {
  margin-top: -20px; }

/*==========  margin  ==========*/
/* line 53, ../sass/styles.scss */
.mal {
  margin: 30px; }

/* line 57, ../sass/styles.scss */
.mtl {
  margin-top: 30px; }

/* line 61, ../sass/styles.scss */
.mrl {
  margin-right: 30px; }

/* line 65, ../sass/styles.scss */
.mbl {
  margin-bottom: 30px; }

/* line 69, ../sass/styles.scss */
.mll {
  margin-left: 30px; }

/*==========  padding  ==========*/
/* line 73, ../sass/styles.scss */
.pal {
  padding: 30px; }

/* line 77, ../sass/styles.scss */
.ptl {
  padding-top: 30px; }

/* line 81, ../sass/styles.scss */
.prl {
  padding-right: 30px; }

/* line 85, ../sass/styles.scss */
.pbl {
  padding-bottom: 30px; }

/* line 89, ../sass/styles.scss */
.pll {
  padding-left: 30px; }

/*==========  lift  ==========*/
/* line 93, ../sass/styles.scss */
.liftl {
  margin-top: -30px; }

/*==========  margin  ==========*/
/* line 53, ../sass/styles.scss */
.maxl {
  margin: 35px; }

/* line 57, ../sass/styles.scss */
.mtxl {
  margin-top: 35px; }

/* line 61, ../sass/styles.scss */
.mrxl {
  margin-right: 35px; }

/* line 65, ../sass/styles.scss */
.mbxl {
  margin-bottom: 35px; }

/* line 69, ../sass/styles.scss */
.mlxl {
  margin-left: 35px; }

/*==========  padding  ==========*/
/* line 73, ../sass/styles.scss */
.paxl {
  padding: 35px; }

/* line 77, ../sass/styles.scss */
.ptxl {
  padding-top: 35px; }

/* line 81, ../sass/styles.scss */
.prxl {
  padding-right: 35px; }

/* line 85, ../sass/styles.scss */
.pbxl {
  padding-bottom: 35px; }

/* line 89, ../sass/styles.scss */
.plxl {
  padding-left: 35px; }

/*==========  lift  ==========*/
/* line 93, ../sass/styles.scss */
.liftxl {
  margin-top: -35px; }

/*==========  margin  ==========*/
/* line 53, ../sass/styles.scss */
.maxxl {
  margin: 40px; }

/* line 57, ../sass/styles.scss */
.mtxxl {
  margin-top: 40px; }

/* line 61, ../sass/styles.scss */
.mrxxl {
  margin-right: 40px; }

/* line 65, ../sass/styles.scss */
.mbxxl {
  margin-bottom: 40px; }

/* line 69, ../sass/styles.scss */
.mlxxl {
  margin-left: 40px; }

/*==========  padding  ==========*/
/* line 73, ../sass/styles.scss */
.paxxl {
  padding: 40px; }

/* line 77, ../sass/styles.scss */
.ptxxl {
  padding-top: 40px; }

/* line 81, ../sass/styles.scss */
.prxxl {
  padding-right: 40px; }

/* line 85, ../sass/styles.scss */
.pbxxl {
  padding-bottom: 40px; }

/* line 89, ../sass/styles.scss */
.plxxl {
  padding-left: 40px; }

/*==========  lift  ==========*/
/* line 93, ../sass/styles.scss */
.liftxxl {
  margin-top: -40px; }

/*==========  margin  ==========*/
/* line 53, ../sass/styles.scss */
.maxxxl {
  margin: 50px; }

/* line 57, ../sass/styles.scss */
.mtxxxl {
  margin-top: 50px; }

/* line 61, ../sass/styles.scss */
.mrxxxl {
  margin-right: 50px; }

/* line 65, ../sass/styles.scss */
.mbxxxl {
  margin-bottom: 50px; }

/* line 69, ../sass/styles.scss */
.mlxxxl {
  margin-left: 50px; }

/*==========  padding  ==========*/
/* line 73, ../sass/styles.scss */
.paxxxl {
  padding: 50px; }

/* line 77, ../sass/styles.scss */
.ptxxxl {
  padding-top: 50px; }

/* line 81, ../sass/styles.scss */
.prxxxl {
  padding-right: 50px; }

/* line 85, ../sass/styles.scss */
.pbxxxl {
  padding-bottom: 50px; }

/* line 89, ../sass/styles.scss */
.plxxxl {
  padding-left: 50px; }

/*==========  lift  ==========*/
/* line 93, ../sass/styles.scss */
.liftxxxl {
  margin-top: -50px; }

/*=============================
=            Input            =
=============================*/
/* line 110, ../sass/styles.scss */
.input-group .form-control {
  border-radius: 0; }

/* line 114, ../sass/styles.scss */
.form-control {
  border: 1px solid #c2c2c2;
  padding: 3px;
  color: black;
  border-radius: 0;
  font-size: 22px;
  padding: 5px 5px; }

/* line 123, ../sass/styles.scss */
.input-search {
  padding-top: 12px;
  border-radius: 0; }

/* line 128, ../sass/styles.scss */
input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none; }

/*=====  End of Input  ======*/
/* line 136, ../sass/styles.scss */
nav .btn-add-circle {
  width: 40px;
  height: 40px;
  color: white;
  background-color: #72a2b4;
  border-radius: 50%;
  float: right;
  margin: 0 20px 0 0; }
/* line 145, ../sass/styles.scss */
nav .btn-add-circle i {
  margin-top: 5px; }

/* line 152, ../sass/styles.scss */
a.tab {
  font-size: 26px;
  color: #ffffff;
  margin-right: 20px; }
/* line 157, ../sass/styles.scss */
a.tab:hover {
  color: #72a2b4;
  border-bottom: 5px solid #72a2b4;
  outline-color: #72a2b4; }
/* line 163, ../sass/styles.scss */
a.tab.active {
  color: #72a2b4;
  border-bottom: 5px solid #72a2b4;
  outline-color: #72a2b4; }
/* line 169, ../sass/styles.scss */
a.tab:after {
  font-size: 26px;
  color: #ffffff;
  margin-right: 20px; }

/* line 178, ../sass/styles.scss */
.fab-inline:hover {
  background-color: #463821; }

/*=============================
=           Page Login            =
=============================*/
/* line 188, ../sass/styles.scss */
#loginbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #72a2b4;
  align-items: center;
  height: 100vh;
  justify-content: center;
  flex-direction: column; }
/* line 198, ../sass/styles.scss */
#loginbox > div {
  width: 250px;
  flex: none; }
/* line 203, ../sass/styles.scss */
#loginbox .logo {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: center;
  justify-content: center; }
/* line 210, ../sass/styles.scss */
#loginbox .logo img {
  height: 70px;
  margin-right: 20px; }
/* line 215, ../sass/styles.scss */
#loginbox .logo h1 {
  font-size: 38px;
  color: white;
  font-family: "THSarabunNew"; }
/* line 222, ../sass/styles.scss */
#loginbox .input-group {
  width: 100%;
  margin-bottom: 10px; }
/* line 226, ../sass/styles.scss */
#loginbox .input-group .form-control {
  width: 100%; }
/* line 230, ../sass/styles.scss */
#loginbox .input-group label {
  color: #334761;
  font-family: "THSarabunNew_Bold";
  font-size: 22px; }

/* line 238, ../sass/styles.scss */
.login-btn {
  width: 100%;
  background: #334761;
  color: white;
  margin-top: 10px; }
/* line 244, ../sass/styles.scss */
.login-btn:hover {
  color: white; }
/* line 248, ../sass/styles.scss */
.login-btn img {
  height: 24px;
  width: auto;
  padding-bottom: 6px; }
/* line 254, ../sass/styles.scss */
.login-btn span {
  font-weight: normal;
  position: relative;
  top: 1px;
  padding-right: 2px; }

/*=====  End of Page Login  ======*/
/*=========================================
=            Page Project List            =
=========================================*/
/* line 272, ../sass/styles.scss */
#header {
  display: flex;
  height: 80px;
}
/* line 277, ../sass/styles.scss */
#header > * {
  padding: 10px; }
/* line 281, ../sass/styles.scss */
#header #logo {
  background: #72a2b4;
  display: flex;
  padding: 0px; }
/* line 286, ../sass/styles.scss */
#header #logo img {
  height: 60px;
  margin-right: 10px;
  margin-left: 10px; }
/* line 292, ../sass/styles.scss */
#header #logo h1 {
  color: white;
  font-size: 42px;
  margin: 10px 0 0; }
/* line 299, ../sass/styles.scss */
#header #filter {
  display: flex;
  flex-direction: row;
  font-size: 22px; }
/* line 304, ../sass/styles.scss */
#header #filter .data {
  font-size: 22px;
  margin-left: 20px; }
/* line 309, ../sass/styles.scss */
#header #filter .title {
  color: #87bdd1;
  font-size: 30px;
  margin: 10px 0 0;
  padding-left: 20px; }
/* line 315, ../sass/styles.scss */
#header #filter .title.mid {
  margin: 0;
  padding: 0; }
/* line 321, ../sass/styles.scss */
#header #filter .floatright {
  position: absolute;
  right: 0px;
  margin-right: 20px; }
/* line 326, ../sass/styles.scss */
#header #filter .floatright.center {
  margin-top: 0px; }
/* line 330, ../sass/styles.scss */
#header #filter .floatright.textright {
  text-align: right; }
/* line 334, ../sass/styles.scss */
#header #filter .floatright.position {
  position: initial; }

/* line 341, ../sass/styles.scss */
#header-mini {
  display: flex;
  height: 50px;
  background: #e7e7e7; }
/* line 346, ../sass/styles.scss */
#header-mini > * {
  padding: 10px; }
/* line 350, ../sass/styles.scss */
#header-mini #logo {
  background: #72a2b4;
  display: flex;
  padding: 0px; }
/* line 355, ../sass/styles.scss */
#header-mini #logo img {
  height: 40px;
  margin-right: 30px;
  margin-left: 20px; }
/* line 361, ../sass/styles.scss */
#header-mini #logo h1 {
  color: white;
  font-size: 30px;
  margin: 0px; }
/* line 368, ../sass/styles.scss */
#header-mini #filter {
  display: flex;
  flex-direction: row;
  font-size: 22px; }
/* line 373, ../sass/styles.scss */
#header-mini #filter .data {
  font-size: 22px;
  margin-left: 20px; }
/* line 378, ../sass/styles.scss */
#header-mini #filter .title {
  color: #87bdd1;
  font-family: "THSarabunNew_Bold";
  font-size: 26px;
  margin: 0px;
  padding-left: 20px; }
/* line 385, ../sass/styles.scss */
#header-mini #filter .title.mid {
  margin: 0;
  padding: 0; }
/* line 391, ../sass/styles.scss */
#header-mini #filter .floatright {
  position: absolute;
  right: 0px;
  margin-right: 20px; }
/* line 396, ../sass/styles.scss */
#header-mini #filter .floatright.center {
  margin-top: 0px; }
/* line 400, ../sass/styles.scss */
#header-mini #filter .floatright.textright {
  text-align: right; }

/* line 407, ../sass/styles.scss */
#second-header {
  height: 100px;
  padding: 10px;
  background: #3e3e3e; }
/* line 412, ../sass/styles.scss */
#second-header .breadcrumb {
  padding: 8px 15px;
  list-style: none;
  background-color: #3e3e3e;
  font-size: 26px;
  margin-bottom: 0px; }
/* line 419, ../sass/styles.scss */
#second-header .breadcrumb a {
  color: #ffffff; }
/* line 423, ../sass/styles.scss */
#second-header .breadcrumb:hover {
  color: #c2c2c2; }
/* line 428, ../sass/styles.scss */
#second-header .breadcrumb li .active {
  color: #d7d7d7; }

/* line 436, ../sass/styles.scss */
#logo {
  width: 240px; }

/* line 440, ../sass/styles.scss */
.pj-logo {
  padding: 0px;
  width: 100%;
  height: 100%;
  max-width: 220px;
  max-height: 120px; }

/* line 448, ../sass/styles.scss */
.input-group {
  margin-right: 20px; }
/* line 451, ../sass/styles.scss */
.input-group.rs {
  margin-right: 10px; }
/* line 454, ../sass/styles.scss */
.input-group.rs.rl {
  margin-right: 30px; }
/* line 459, ../sass/styles.scss */
.input-group.rz {
  margin-right: 0px; }
/* line 463, ../sass/styles.scss */
.input-group label {
  color: #72a2b4;
  margin: 0;
  font-family: "THSarabunNew_Bold";
  font-size: 22px; }

/* line 471, ../sass/styles.scss */
#leftbar {
  width: 240px;
  background: #3e3e3e;
  height: 100%;
  padding: 20px 10px;
  font-size: 26px; }
/* line 478, ../sass/styles.scss */
#leftbar.whitebar {
  background: white;
  box-shadow: 0 2px 2px #888;
  display: block;
  /*==========  margin  ==========*/
  /*==========  padding  ==========*/
  /*==========  lift  ==========*/
  /*==========  margin  ==========*/
  /*==========  padding  ==========*/
  /*==========  lift  ==========*/
  /*==========  margin  ==========*/
  /*==========  padding  ==========*/
  /*==========  lift  ==========*/
  /*==========  margin  ==========*/
  /*==========  padding  ==========*/
  /*==========  lift  ==========*/
  /*==========  margin  ==========*/
  /*==========  padding  ==========*/
  /*==========  lift  ==========*/
  /*==========  margin  ==========*/
  /*==========  padding  ==========*/
  /*==========  lift  ==========*/
  /*==========  margin  ==========*/
  /*==========  padding  ==========*/
  /*==========  lift  ==========*/
  /*==========  margin  ==========*/
  /*==========  padding  ==========*/
  /*==========  lift  ==========*/
  /*==========  margin  ==========*/
  /*==========  padding  ==========*/
  /*==========  lift  ==========*/ }
/* line 53, ../sass/styles.scss */
#leftbar.whitebar.ma0 {
  margin: 0px; }
/* line 57, ../sass/styles.scss */
#leftbar.whitebar.mt0 {
  margin-top: 0px; }
/* line 61, ../sass/styles.scss */
#leftbar.whitebar.mr0 {
  margin-right: 0px; }
/* line 65, ../sass/styles.scss */
#leftbar.whitebar.mb0 {
  margin-bottom: 0px; }
/* line 69, ../sass/styles.scss */
#leftbar.whitebar.ml0 {
  margin-left: 0px; }
/* line 73, ../sass/styles.scss */
#leftbar.whitebar.pa0 {
  padding: 0px; }
/* line 77, ../sass/styles.scss */
#leftbar.whitebar.pt0 {
  padding-top: 0px; }
/* line 81, ../sass/styles.scss */
#leftbar.whitebar.pr0 {
  padding-right: 0px; }
/* line 85, ../sass/styles.scss */
#leftbar.whitebar.pb0 {
  padding-bottom: 0px; }
/* line 89, ../sass/styles.scss */
#leftbar.whitebar.pl0 {
  padding-left: 0px; }
/* line 93, ../sass/styles.scss */
#leftbar.whitebar.lift0 {
  margin-top: -0px; }
/* line 53, ../sass/styles.scss */
#leftbar.whitebar.maxxs {
  margin: 5px; }
/* line 57, ../sass/styles.scss */
#leftbar.whitebar.mtxxs {
  margin-top: 5px; }
/* line 61, ../sass/styles.scss */
#leftbar.whitebar.mrxxs {
  margin-right: 5px; }
/* line 65, ../sass/styles.scss */
#leftbar.whitebar.mbxxs {
  margin-bottom: 5px; }
/* line 69, ../sass/styles.scss */
#leftbar.whitebar.mlxxs {
  margin-left: 5px; }
/* line 73, ../sass/styles.scss */
#leftbar.whitebar.paxxs {
  padding: 5px; }
/* line 77, ../sass/styles.scss */
#leftbar.whitebar.ptxxs {
  padding-top: 5px; }
/* line 81, ../sass/styles.scss */
#leftbar.whitebar.prxxs {
  padding-right: 5px; }
/* line 85, ../sass/styles.scss */
#leftbar.whitebar.pbxxs {
  padding-bottom: 5px; }
/* line 89, ../sass/styles.scss */
#leftbar.whitebar.plxxs {
  padding-left: 5px; }
/* line 93, ../sass/styles.scss */
#leftbar.whitebar.liftxxs {
  margin-top: -5px; }
/* line 53, ../sass/styles.scss */
#leftbar.whitebar.maxs {
  margin: 10px; }
/* line 57, ../sass/styles.scss */
#leftbar.whitebar.mtxs {
  margin-top: 10px; }
/* line 61, ../sass/styles.scss */
#leftbar.whitebar.mrxs {
  margin-right: 10px; }
/* line 65, ../sass/styles.scss */
#leftbar.whitebar.mbxs {
  margin-bottom: 10px; }
/* line 69, ../sass/styles.scss */
#leftbar.whitebar.mlxs {
  margin-left: 10px; }
/* line 73, ../sass/styles.scss */
#leftbar.whitebar.paxs {
  padding: 10px; }
/* line 77, ../sass/styles.scss */
#leftbar.whitebar.ptxs {
  padding-top: 10px; }
/* line 81, ../sass/styles.scss */
#leftbar.whitebar.prxs {
  padding-right: 10px; }
/* line 85, ../sass/styles.scss */
#leftbar.whitebar.pbxs {
  padding-bottom: 10px; }
/* line 89, ../sass/styles.scss */
#leftbar.whitebar.plxs {
  padding-left: 10px; }
/* line 93, ../sass/styles.scss */
#leftbar.whitebar.liftxs {
  margin-top: -10px; }
/* line 53, ../sass/styles.scss */
#leftbar.whitebar.mas {
  margin: 15px; }
/* line 57, ../sass/styles.scss */
#leftbar.whitebar.mts {
  margin-top: 15px; }
/* line 61, ../sass/styles.scss */
#leftbar.whitebar.mrs {
  margin-right: 15px; }
/* line 65, ../sass/styles.scss */
#leftbar.whitebar.mbs {
  margin-bottom: 15px; }
/* line 69, ../sass/styles.scss */
#leftbar.whitebar.mls {
  margin-left: 15px; }
/* line 73, ../sass/styles.scss */
#leftbar.whitebar.pas {
  padding: 15px; }
/* line 77, ../sass/styles.scss */
#leftbar.whitebar.pts {
  padding-top: 15px; }
/* line 81, ../sass/styles.scss */
#leftbar.whitebar.prs {
  padding-right: 15px; }
/* line 85, ../sass/styles.scss */
#leftbar.whitebar.pbs {
  padding-bottom: 15px; }
/* line 89, ../sass/styles.scss */
#leftbar.whitebar.pls {
  padding-left: 15px; }
/* line 93, ../sass/styles.scss */
#leftbar.whitebar.lifts {
  margin-top: -15px; }
/* line 53, ../sass/styles.scss */
#leftbar.whitebar.mam {
  margin: 20px; }
/* line 57, ../sass/styles.scss */
#leftbar.whitebar.mtm {
  margin-top: 20px; }
/* line 61, ../sass/styles.scss */
#leftbar.whitebar.mrm {
  margin-right: 20px; }
/* line 65, ../sass/styles.scss */
#leftbar.whitebar.mbm {
  margin-bottom: 20px; }
/* line 69, ../sass/styles.scss */
#leftbar.whitebar.mlm {
  margin-left: 20px; }
/* line 73, ../sass/styles.scss */
#leftbar.whitebar.pam {
  padding: 20px; }
/* line 77, ../sass/styles.scss */
#leftbar.whitebar.ptm {
  padding-top: 20px; }
/* line 81, ../sass/styles.scss */
#leftbar.whitebar.prm {
  padding-right: 20px; }
/* line 85, ../sass/styles.scss */
#leftbar.whitebar.pbm {
  padding-bottom: 20px; }
/* line 89, ../sass/styles.scss */
#leftbar.whitebar.plm {
  padding-left: 20px; }
/* line 93, ../sass/styles.scss */
#leftbar.whitebar.liftm {
  margin-top: -20px; }
/* line 53, ../sass/styles.scss */
#leftbar.whitebar.mal {
  margin: 30px; }
/* line 57, ../sass/styles.scss */
#leftbar.whitebar.mtl {
  margin-top: 30px; }
/* line 61, ../sass/styles.scss */
#leftbar.whitebar.mrl {
  margin-right: 30px; }
/* line 65, ../sass/styles.scss */
#leftbar.whitebar.mbl {
  margin-bottom: 30px; }
/* line 69, ../sass/styles.scss */
#leftbar.whitebar.mll {
  margin-left: 30px; }
/* line 73, ../sass/styles.scss */
#leftbar.whitebar.pal {
  padding: 30px; }
/* line 77, ../sass/styles.scss */
#leftbar.whitebar.ptl {
  padding-top: 30px; }
/* line 81, ../sass/styles.scss */
#leftbar.whitebar.prl {
  padding-right: 30px; }
/* line 85, ../sass/styles.scss */
#leftbar.whitebar.pbl {
  padding-bottom: 30px; }
/* line 89, ../sass/styles.scss */
#leftbar.whitebar.pll {
  padding-left: 30px; }
/* line 93, ../sass/styles.scss */
#leftbar.whitebar.liftl {
  margin-top: -30px; }
/* line 53, ../sass/styles.scss */
#leftbar.whitebar.maxl {
  margin: 35px; }
/* line 57, ../sass/styles.scss */
#leftbar.whitebar.mtxl {
  margin-top: 35px; }
/* line 61, ../sass/styles.scss */
#leftbar.whitebar.mrxl {
  margin-right: 35px; }
/* line 65, ../sass/styles.scss */
#leftbar.whitebar.mbxl {
  margin-bottom: 35px; }
/* line 69, ../sass/styles.scss */
#leftbar.whitebar.mlxl {
  margin-left: 35px; }
/* line 73, ../sass/styles.scss */
#leftbar.whitebar.paxl {
  padding: 35px; }
/* line 77, ../sass/styles.scss */
#leftbar.whitebar.ptxl {
  padding-top: 35px; }
/* line 81, ../sass/styles.scss */
#leftbar.whitebar.prxl {
  padding-right: 35px; }
/* line 85, ../sass/styles.scss */
#leftbar.whitebar.pbxl {
  padding-bottom: 35px; }
/* line 89, ../sass/styles.scss */
#leftbar.whitebar.plxl {
  padding-left: 35px; }
/* line 93, ../sass/styles.scss */
#leftbar.whitebar.liftxl {
  margin-top: -35px; }
/* line 53, ../sass/styles.scss */
#leftbar.whitebar.maxxl {
  margin: 40px; }
/* line 57, ../sass/styles.scss */
#leftbar.whitebar.mtxxl {
  margin-top: 40px; }
/* line 61, ../sass/styles.scss */
#leftbar.whitebar.mrxxl {
  margin-right: 40px; }
/* line 65, ../sass/styles.scss */
#leftbar.whitebar.mbxxl {
  margin-bottom: 40px; }
/* line 69, ../sass/styles.scss */
#leftbar.whitebar.mlxxl {
  margin-left: 40px; }
/* line 73, ../sass/styles.scss */
#leftbar.whitebar.paxxl {
  padding: 40px; }
/* line 77, ../sass/styles.scss */
#leftbar.whitebar.ptxxl {
  padding-top: 40px; }
/* line 81, ../sass/styles.scss */
#leftbar.whitebar.prxxl {
  padding-right: 40px; }
/* line 85, ../sass/styles.scss */
#leftbar.whitebar.pbxxl {
  padding-bottom: 40px; }
/* line 89, ../sass/styles.scss */
#leftbar.whitebar.plxxl {
  padding-left: 40px; }
/* line 93, ../sass/styles.scss */
#leftbar.whitebar.liftxxl {
  margin-top: -40px; }
/* line 53, ../sass/styles.scss */
#leftbar.whitebar.maxxxl {
  margin: 50px; }
/* line 57, ../sass/styles.scss */
#leftbar.whitebar.mtxxxl {
  margin-top: 50px; }
/* line 61, ../sass/styles.scss */
#leftbar.whitebar.mrxxxl {
  margin-right: 50px; }
/* line 65, ../sass/styles.scss */
#leftbar.whitebar.mbxxxl {
  margin-bottom: 50px; }
/* line 69, ../sass/styles.scss */
#leftbar.whitebar.mlxxxl {
  margin-left: 50px; }
/* line 73, ../sass/styles.scss */
#leftbar.whitebar.paxxxl {
  padding: 50px; }
/* line 77, ../sass/styles.scss */
#leftbar.whitebar.ptxxxl {
  padding-top: 50px; }
/* line 81, ../sass/styles.scss */
#leftbar.whitebar.prxxxl {
  padding-right: 50px; }
/* line 85, ../sass/styles.scss */
#leftbar.whitebar.pbxxxl {
  padding-bottom: 50px; }
/* line 89, ../sass/styles.scss */
#leftbar.whitebar.plxxxl {
  padding-left: 50px; }
/* line 93, ../sass/styles.scss */
#leftbar.whitebar.liftxxxl {
  margin-top: -50px; }
/* line 484, ../sass/styles.scss */
#leftbar.whitebar a {
  font-size: 22px;
  color: #333; }
/* line 491, ../sass/styles.scss */
#leftbar #user a {
  font-size: 22px; }
/* line 496, ../sass/styles.scss */
#leftbar a {
  color: #ffffff; }
/* line 500, ../sass/styles.scss */
#leftbar #main-menu, #leftbar .list-menu {
  display: flex;
  flex-direction: column;
  flex-grow: 5;
  border-top: 2px solid #d7d7d7; }
/* line 506, ../sass/styles.scss */
#leftbar #main-menu a, #leftbar .list-menu a {
  margin-bottom: 5px; }
/* line 509, ../sass/styles.scss */
#leftbar #main-menu a.active, #leftbar .list-menu a.active {
  color: #87bdd1;
  background: rgba(255, 255, 255, 0.1);
  padding: 0 5px; }
/* line 516, ../sass/styles.scss */
#leftbar #main-menu .menu-item, #leftbar .list-menu .menu-item {
  border-bottom: 2px solid #d7d7d7;
  padding: 10px;
  height: 50px;
  margin: 0;
  border-top: 0; }

/* line 527, ../sass/styles.scss */
.b-menu .menu-item {
  padding-left: 20px; }

/* line 534, ../sass/styles.scss */
.list-menu ul, .list-menu li {
  list-style: none;
  padding-left: 0;
  margin-left: 0; }
/* line 540, ../sass/styles.scss */
.list-menu a.menu-item {
  width: 100%;
  display: block;
  border-top: 2px solid #d7d7d7;
  border-left: 2px solid #d7d7d7;
  border-right: 2px solid #d7d7d7; }

/* line 549, ../sass/styles.scss */
#main {
  height: calc(100vh - 80px);
  display: flex; }
/* line 553, ../sass/styles.scss */
#main.has-bottom {
  height: calc(100vh - 140px); }
/* line 557, ../sass/styles.scss */
#main #content {
  overflow: auto;
  height: calc(100vh - 80px); }
/* line 561, ../sass/styles.scss */
#main #content.noflow {
  overflow: initial;
  height: initial; }
/* line 567, ../sass/styles.scss */
#main #contentfullheight {
  overflow: auto;
  height: calc(100vh - 0px); }

/* line 574, ../sass/styles.scss */
.pj-list #content {
  position: absolute;
  top: 0;
  left: 240px;
  right: 0; }
/* line 581, ../sass/styles.scss */
.pj-list .pj {
  display: flex;
  flex-wrap: wrap;
  overflow: auto; }
/* line 587, ../sass/styles.scss */
.pj-list .pj-item {
  min-height: 220px;
  max-height: 220px;
  background-size: cover;
  width: 33.33%;
  display: flex;
  align-items: center;
  justify-content: center; }
/* line 596, ../sass/styles.scss */
.pj-list .pj-item.pj-btm {
  align-items: flex-end;
  justify-content: initial;
  position: absolute; }
/* line 603, ../sass/styles.scss */
.pj-list .pj-image {
  min-height: 220px;
  max-height: 220px;
  width: 100%; }
/* line 609, ../sass/styles.scss */
.pj-list .pj-name {
  margin-top: 88px;
  position: absolute;
  color: #000000;
  font-size: 26px;
  display: flex;
  background-color: #c2c2c2;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.33%;
  opacity: 0.8; }

/* line 624, ../sass/styles.scss */
#content {
  flex-grow: 5; }

/* line 628, ../sass/styles.scss */
menu-plantype {
  border: 1px solid #808080;
  margin: -10px; }

/* line 633, ../sass/styles.scss */
.panel-default {
  border-color: #ddd; }

/* line 637, ../sass/styles.scss */
.panel {
  border: 2px solid #d7d7d7;
  margin: -10px;
  border-radius: 0px; }
/* line 642, ../sass/styles.scss */
.panel:hover {
  background-color: #e7e7e7; }
/* line 646, ../sass/styles.scss */
.panel.active {
  color: #c2c2c2;
  background-color: #e7e7e7; }
/* line 651, ../sass/styles.scss */
.panel:focus {
  color: #c2c2c2;
  background-color: #e7e7e7; }

/* line 657, ../sass/styles.scss */
.circle-alert {
  width: 90px;
  height: 90px;
  border-radius: 90px;
  background: #ff0000;
  color: white;
  padding: 15px 0;
  text-align: center;
  position: absolute; }
/* line 667, ../sass/styles.scss */
.circle-alert .number {
  font-size: 42px;
  line-height: 1; }
/* line 672, ../sass/styles.scss */
.circle-alert .text {
  margin-top: -5px; }

/* line 677, ../sass/styles.scss */
.status-high-bubble {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #c2c2c2;
  background: #ff0000;
  padding: 5px 0; }

/* line 687, ../sass/styles.scss */
.status-medium-bubble {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #c2c2c2;
  background: #f99403;
  padding: 5px 0; }

/* line 696, ../sass/styles.scss */
.status-low-bubble {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #c2c2c2;
  background: #fff200;
  padding: 5px 0; }

/* line 705, ../sass/styles.scss */
.text16 {
  font-size: 16px; }

/* line 709, ../sass/styles.scss */
.text24 {
  font-size: 26px; }

/*=====  End of Page Project List  ======*/
/*=========================================
=            Page SO List            =
=========================================*/
/* line 716, ../sass/styles.scss */
.redtext {
  color: #ff0000 !important; }

/* line 720, ../sass/styles.scss */
.listbodywithbar {
  width: calc(100vh - 285px); }

/* line 724, ../sass/styles.scss */
.pbz {
  padding-bottom: 0px; }

/* line 728, ../sass/styles.scss */
.ptz {
  padding-top: 0px; }

/* line 732, ../sass/styles.scss */
.bodyflow {
  overflow: auto;
  height: calc(100vh - 80px); }

/*=====  End of Page SO List  ======*/
/*=========================================
=            Page Issue List            =
=========================================*/
/* line 741, ../sass/styles.scss */
.overflow {
  display: block;
  border: 0px;
  max-height: 110px;
  overflow-y: scroll; }

/* line 748, ../sass/styles.scss */
.search-btn {
  margin-top: 25px; }

/* line 752, ../sass/styles.scss */
.group-btn {
  width: 200px;
  height: 40px;
  background-color: #c2c2c2;
  border-radius: 60px;
  color: #000000;
  float: right;
  text-align: center;
  font-size: 20px;
  margin: 10px 10px;
  cursor: pointer; }
/* line 764, ../sass/styles.scss */
.group-btn:hover {
  color: #ffffff;
  background-color: #a0efc0; }
/* line 769, ../sass/styles.scss */
.group-btn.active {
  color: #ffffff;
  background-color: #157B3E; }

/* line 775, ../sass/styles.scss */
.group-btn-blue {
  width: 200px;
  height: 40px;
  background-color: #c2c2c2;
  border-radius: 60px;
  color: #000000;
  text-align: center;
  font-size: 20px;
  margin: 10px 10px;
  cursor: pointer; }
/* line 786, ../sass/styles.scss */
.group-btn-blue:hover {
  color: #ffffff;
  background-color: #72a2b4; }
/* line 791, ../sass/styles.scss */
.group-btn-blue.active {
  color: #ffffff;
  background-color: #72a2b4; }

/* line 797, ../sass/styles.scss */
.left {
  float: left;
  padding: 7px; }
/* line 801, ../sass/styles.scss */
.left .group-btn {
  width: 200px;
  height: 40px;
  background-color: #c2c2c2;
  border-radius: 60px;
  color: #000000;
  float: right;
  text-align: center;
  font-size: 20px;
  margin: 10px 10px;
  cursor: pointer; }
/* line 813, ../sass/styles.scss */
.left .group-btn:hover {
  color: #ffffff;
  background-color: #3e3e3e; }
/* line 818, ../sass/styles.scss */
.left .group-btn.active {
  color: #ffffff;
  background-color: #157B3E; }
/* line 824, ../sass/styles.scss */
.left .left {
  float: left;
  padding: 7px; }
/* line 829, ../sass/styles.scss */
.left .btn-content {
  display: inline-block;
  float: left;
  padding: 7px;
  text-align: center;
  margin: 0 0 0 10px; }
/* line 837, ../sass/styles.scss */
.left .floatright {
  float: right; }
/* line 841, ../sass/styles.scss */
.fix-header thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

/*=====  End of Page Issue List  ======*/
/*=========================================
=            Page IssueForm            =
=========================================*/
/* line 845, ../sass/styles.scss */
.dialog-text-m {
  font-size: 26px; }

/* line 849, ../sass/styles.scss */
.dialog-text-l {
  font-size: 30px; }

/* line 853, ../sass/styles.scss */
.dialog-text-s {
  font-size: 20px; }

/* line 857, ../sass/styles.scss */
button {
  font-size: 22px; }

/* line 861, ../sass/styles.scss */
.stack {
  position: relative;
  z-index: 10; }

/* line 866, ../sass/styles.scss */
.redbadgeicon {
  right: 15px;
  bottom: 20px;
  position: relative;
  width: 15px;
  height: 15px;
  display: inline-block;
  min-width: 10px;
  padding: 2px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: red;
  border-radius: 10px; }

/* Image styles */
/* line 886, ../sass/styles.scss */
.stack img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }

/* line 896, ../sass/styles.scss */
.stack video {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }

/* line 906, ../sass/styles.scss */
#form-content {
  overflow: auto;
  height: calc(100vh - 80px);
  margin-bottom: 60px; }

/* line 912, ../sass/styles.scss */
#sodataissueform {
  background: #f0f0f0;
  margin-top: 5px;
  padding: 10px 20px 10px 30px; }
/* line 917, ../sass/styles.scss */
#sodataissueform .datarow {
  display: flex;
  flex-direction: row;
  font-size: 20px;
  width: 100%; }
/* line 924, ../sass/styles.scss */
#sodataissueform .datarow.grow > * {
  flex-grow: 1; }
/* line 929, ../sass/styles.scss */
#sodataissueform .datarow label {
  color: #72a2b4;
  padding-right: 10px; }
/* line 933, ../sass/styles.scss */
#sodataissueform .datarow label + span {
  padding-right: 20px;
  margin-top: 13px; }
/* line 940, ../sass/styles.scss */
#sodataissueform .title {
  color: #72a2b4;
  font-size: 26px; }
/* line 945, ../sass/styles.scss */
#sodataissueform .text {
  padding-right: 50px; }

/* line 950, ../sass/styles.scss */
#issueformcard {
  padding: 15px;
  margin-bottom: 15px; }
/* line 954, ../sass/styles.scss */
#issueformcard .border {
  border: 2px solid #c2c2c2;
  padding-top: 30px; }
/* line 959, ../sass/styles.scss */
#issueformcard .padding {
  padding-left: 20px;
  padding-right: 20px; }
/* line 964, ../sass/styles.scss */
#issueformcard .title {
  font-size: 30px; }

/* line 969, ../sass/styles.scss */
.flex-column {
  display: flex;
  flex-direction: column; }

/* line 974, ../sass/styles.scss */
.flex-row {
  display: flex;
  flex-direction: row; }

/* line 979, ../sass/styles.scss */
.icongrey {
  color: #c2c2c2; }

/* line 983, ../sass/styles.scss */
.listleft {
  padding: 5px;
  text-align: left;
  padding-left: 40px; }

/*=====  End of Page IssueForm  ======*/
/*=========================================
=            Page ForeMandetail             =
=========================================*/
/* line 992, ../sass/styles.scss */
.width-half {
  width: 30%; }

/* line 996, ../sass/styles.scss */
.floatcenter {
  float: right;
  right: 50%; }

/* line 1001, ../sass/styles.scss */
.canclick {
  cursor: pointer; }

/* line 1005, ../sass/styles.scss */
.canhover {
  cursor: default; }

/* line 1010, ../sass/styles.scss */
.profilepicture.sixtypx {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
  float: left;
  margin-right: 10px; }
/* line 1019, ../sass/styles.scss */
.profilepicture.hundredpx {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  overflow: hidden;
  float: left;
  margin-right: 10px; }
/* line 1030, ../sass/styles.scss */
.profilepicture .picture:hover .edit {
  position: absolute;
  display: flex;
  color: #3e3e3e;
  font-size: 26px;
  background-color: rgba(114, 162, 180, 0.3);
  padding: 5px;
  padding-top: 75px;
  padding-left: 75px;
  padding-right: 15px;
  width: 100px;
  height: 100px;
  border-radius: 50%; }
/* line 1047, ../sass/styles.scss */
.profilepicture .edit {
  display: none; }

/*=====  End of Page ForeMandetail  ======*/
/*=========================================
=            Page Projectlist             =
=========================================*/
/* line 1055, ../sass/styles.scss */
.float-right {
  margin-left: auto; }
/* line 1058, ../sass/styles.scss */
.float-right.input-box {
  width: 15%; }
/* line 1062, ../sass/styles.scss */
.float-right.inputbox-dialog {
  width: 30%; }

/* line 1067, ../sass/styles.scss */
.float-btm {
  margin-top: auto; }

/* line 1071, ../sass/styles.scss */
.float-btm {
  margin-top: auto; }

/* line 1076, ../sass/styles.scss */
.pj-listmanager #content {
  position: absolute;
  left: 285px; }
/* line 1081, ../sass/styles.scss */
.pj-listmanager .pj {
  display: flex;
  flex-wrap: wrap;
  overflow: auto; }
/* line 1087, ../sass/styles.scss */
.pj-listmanager .pj-item {
  min-height: 220px;
  max-height: 220px;
  background-size: cover;
  width: 33.33%;
  display: flex;
  align-items: flex-end;
  justify-content: center; }
/* line 1097, ../sass/styles.scss */
.pj-listmanager .pj-item:hover .pj-name {
  position: absolute;
  color: #000000;
  font-size: 26px;
  display: flex;
  background-color: #c2c2c2;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.33%;
  opacity: 0.8; }
/* line 1112, ../sass/styles.scss */
.pj-listmanager .pj-name {
  display: none; }
/* line 1115, ../sass/styles.scss */
.pj-listmanager .pj-name .material-icons {
  padding-top: 4px; }
/* line 1120, ../sass/styles.scss */
.pj-listmanager .pj-image {
  min-height: 220px;
  max-height: 220px;
  width: 100%; }
/* line 1126, ../sass/styles.scss */
.pj-listmanager .pj-title {
  color: #000000;
  font: bold;
  font-size: 30px;
  padding: 10px;
  padding-left: 40px; }
/* line 1134, ../sass/styles.scss */
.pj-listmanager .pj-item {
  min-height: 220px;
  max-height: 220px;
  background-size: cover;
  width: 33.33%;
  display: flex;
  align-items: flex-end;
  justify-content: center; }
/* line 1144, ../sass/styles.scss */
.pj-listmanager .pj-item:hover .pj-name {
  position: absolute;
  color: #000000;
  font-size: 26px;
  display: flex;
  background-color: #c2c2c2;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.33%;
  opacity: 0.8; }
/* line 1159, ../sass/styles.scss */
.pj-listmanager .pj-name {
  display: none; }
/* line 1162, ../sass/styles.scss */
.pj-listmanager .pj-name .material-icons {
  padding-top: 4px; }
/* line 1167, ../sass/styles.scss */
.pj-listmanager .pj-image {
  min-height: 220px;
  max-height: 220px;
  width: 100%; }
/* line 1173, ../sass/styles.scss */
.pj-listmanager .pj-title {
  color: #000000;
  font: bold;
  font-size: 30px;
  padding: 10px;
  padding-left: 40px; }

/*=====  End of Page Projectlist  ======*/
/*=========================================
=            Page Organizelist             =
=========================================*/
/* line 1185, ../sass/styles.scss */
.org-list {
  /*.hover {
      background-color:transparent;
      :hover {
          background-color:$lighestgrey;
          }
  }*/ }
/* line 1186, ../sass/styles.scss */
.org-list #content {
  position: absolute;
  left: 285px;
  width: calc(100% - 285px); }
/* line 1200, ../sass/styles.scss */
.org-list .org-card {
  border-bottom: 2px solid #c2c2c2;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  overflow: auto; }
/* line 1209, ../sass/styles.scss */
.org-list .material-icons.size-l {
  line-height: 50px;
  font-size: 40px; }

/* line 1216, ../sass/styles.scss */
.org-card-table {
  border-bottom: 2px solid #c2c2c2;
  padding: 10px;
  overflow: auto; }

/* line 1223, ../sass/styles.scss */
.material-icons.size-xs {
  line-height: 30px;
  font-size: 5px; }
/* line 1228, ../sass/styles.scss */
.material-icons.size-s {
  line-height: 15px;
  font-size: 15px; }
/* line 1233, ../sass/styles.scss */
.material-icons.size-m {
  line-height: 30px;
  font-size: 30px; }
/* line 1238, ../sass/styles.scss */
.material-icons.size-xm {
  line-height: 35px;
  font-size: 35px; }
/* line 1243, ../sass/styles.scss */
.material-icons.size-l {
  line-height: 40px;
  font-size: 40px; }
/* line 1248, ../sass/styles.scss */
.material-icons.size-xl {
  line-height: 75px;
  font-size: 75px; }
/* line 1253, ../sass/styles.scss */
.material-icons.size-xxl {
  line-height: 100px;
  font-size: 100px; }

/* line 1259, ../sass/styles.scss */
.org-logo {
  padding: 10px;
  width: 100%;
  height: 100%;
  max-width: 220px;
  max-height: 120px; }

/* line 1267, ../sass/styles.scss */
.org-title {
  color: #87bdd1;
  font-size: 42px; }

/* line 1272, ../sass/styles.scss */
.org-stake {
  color: #c2c2c2;
  font-size: 22px; }
/* line 1276, ../sass/styles.scss */
.org-stake .org-logo {
  padding: 10px;
  width: 100%;
  height: 100%;
  max-width: 220px;
  max-height: 120px; }
/* line 1284, ../sass/styles.scss */
.org-stake .org-title {
  color: #87bdd1;
  font-size: 42px; }
/* line 1289, ../sass/styles.scss */
.org-stake .select {
  border: 0px; }
/* line 1293, ../sass/styles.scss */
.org-stake .org-info {
  color: #000000;
  font-size: 26px; }
/* line 1298, ../sass/styles.scss */
.org-stake.pos {
  padding-bottom: 90px; }

/* line 1303, ../sass/styles.scss */
.org-info {
  color: #000000;
  font-size: 26px; }

/* line 1308, ../sass/styles.scss */
.pos-mid {
  margin-bottom: auto;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto; }

/* line 1315, ../sass/styles.scss */
.org-info-xl {
  color: #000000;
  font-size: 30px; }

/* line 1320, ../sass/styles.scss */
.pos-mid-tb {
  margin-bottom: auto;
  margin-top: auto; }
/* line 1323, ../sass/styles.scss */
.pos-mid-tb.text-rate {
  padding-top: 2px; }

/* line 1328, ../sass/styles.scss */
.pos-mid-lr {
  margin-left: auto;
  margin-right: auto; }

/* line 1334, ../sass/styles.scss */
.material-icons.iconpt {
  padding-top: 4px; }
/* line 1338, ../sass/styles.scss */
.material-icons.iconptm {
  padding-top: 7px; }
/* line 1342, ../sass/styles.scss */
.material-icons.iconpb {
  padding-bottom: 4px; }

/*=====  End of Page Organizelist  ======*/
/*=============================================
=            Page Add New Member            =
=============================================*/
/* line 1350, ../sass/styles.scss */
.textwithicon {
  padding-top: 4px;
  padding-left: 4px; }
/* line 1354, ../sass/styles.scss */
.textwithicon.ptseven {
  padding-top: 7px; }

/* line 1359, ../sass/styles.scss */
.ptfive {
  padding-top: 5px; }

/* line 1363, ../sass/styles.scss */
.ptseven {
  padding-top: 7px; }

/* line 1367, ../sass/styles.scss */
.ptnine {
  padding-top: 9px; }

/* line 1371, ../sass/styles.scss */
.prz {
  padding-right: 0px; }

/* line 1375, ../sass/styles.scss */
.btn {
  font-size: 20px; }

/* line 1379, ../sass/styles.scss */
.btn-text-blue {
  font-size: 20px;
  color: #72a2b4; }

/* line 1384, ../sass/styles.scss */
.btn-text-lightgrey {
  font-size: 20px;
  color: #778899;
  border: 1px solid #778899;
  background-color: transparent; }
/* line 1390, ../sass/styles.scss */
.btn-text-lightgrey:hover {
  background-color: #778899; }

/* line 1395, ../sass/styles.scss */
.btn-text-red {
  font-size: 20px;
  color: #ff0000; }

/* line 1400, ../sass/styles.scss */
.btn-text-grey {
  font-size: 20px;
  color: #c2c2c2; }

/* line 1405, ../sass/styles.scss */
.btngreen {
  background-color: #157B3E; }

/* line 1409, ../sass/styles.scss */
.btndarkgrey {
  background-color: #333; }

/* line 1413, ../sass/styles.scss */
.btnorange {
  background-color: #f99403; }

/* line 1417, ../sass/styles.scss */
.btnblue {
  background-color: #72a2b4; }

/* line 1422, ../sass/styles.scss */
.upload-plan-box input[type=file] {
  margin-left: 30%; }
/* line 1425, ../sass/styles.scss */
.upload-plan-box input[type=file] input {
  margin-left: 30%;
  display: flex;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
  width: 50%;
  margin-top: 50px;
  margin-left: 30%; }

/* line 1440, ../sass/styles.scss */
.dashed {
  border: 3px dashed #e7e7e7;
  margin-top: 50px;
  height: 500px;
  width: 700px; }

/* line 1447, ../sass/styles.scss */
.text-upload {
  font-size: 30px;
  margin: 50px 0 0 50px;
  padding-top: 20%; }
/* line 1452, ../sass/styles.scss */
.text-upload i {
  font-size: 100px;
  display: block; }

/* line 1459, ../sass/styles.scss */
.nav-stack .nav-stacked > li + li {
  margin-top: -2px !important;
  margin-left: 0; }

/* line 1466, ../sass/styles.scss */
nav nav-pills nav-stacked:focus {
  background-color: #e7e7e7; }

/*=====  End of Page Add New Member   ======*/
/*=============================================
=            Requirement            =
=============================================*/
/* line 1474, ../sass/styles.scss */
.btn-green {
  background-color: #157B3E;
  height: 175px;
  width: 175px; }

/* line 1480, ../sass/styles.scss */
.btn-orange {
  background-color: #f99403;
  height: 175px;
  width: 175px; }

/* line 1486, ../sass/styles.scss */
.tabletitle {
  text-align: center;
  color: #334761;
  font-size: 22px; }
/* line 1491, ../sass/styles.scss */
.tabletitle.size-m {
  font-size: 26px; }

/* line 1496, ../sass/styles.scss */
.title-basedark {
  color: #334761;
  font-size: 22px;
  font-family: "THSarabunNew_Bold"; }

/*------------------ ADD RO ---------------------*/
/* line 1502, ../sass/styles.scss */
.bg-rating {
  background-color: #ffc600; }

/* line 1506, ../sass/styles.scss */
.rattingbtn {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  padding-right: 4px;
  width: 35px;
  height: 30px; }

/* line 1515, ../sass/styles.scss */
.text-yellow {
  color: #ffc600; }

/* line 1519, ../sass/styles.scss */
.text-grey {
  color: #9f9f9f; }

/* line 1523, ../sass/styles.scss */
.text-darkergrey {
  color: #333;
  font-size: 22px;
  font-family: "THSarabunNew_Bold"; }

/* line 1529, ../sass/styles.scss */
.text-red {
  color: #ff0000; }

/* line 1533, ../sass/styles.scss */
.text-green {
  color: #157B3E; }

/* line 1537, ../sass/styles.scss */
.text-black {
  color: #000000; }

/* line 1541, ../sass/styles.scss */
.bg-white {
  background-color: #ffffff; }

/* line 1545, ../sass/styles.scss */
.text-area {
  width: 100%;
  height: 100%;
  border: 2px solid #c2c2c2;
  color: black;
  border-radius: 0; }

/* line 1553, ../sass/styles.scss */
.full-width {
  width: 100%; }

/* line 1557, ../sass/styles.scss */
.half-width {
  width: 50%;
  margin-right: 15px; }

/* line 1562, ../sass/styles.scss */
.half-width-last {
  width: 50%;
  margin-right: 0; }

/*----------------------------------------------*/
/*=====  End of Requirement  ======*/
/*=============================================
=            Section comment block            =
=============================================*/
/*=====  End of Section comment block  ======*/
/* line 1572, ../sass/styles.scss */
.page-title {
  font-size: 30px; }

/* line 1576, ../sass/styles.scss */
.cdk-overlay-container {
  position: fixed;
  z-index: 1000; }

/* line 1581, ../sass/styles.scss */
mdTooltip {
  font-size: 18px !important; }

/* line 1585, ../sass/styles.scss */
.have-btm-btn {
  padding-bottom: 60px; }

/*=============================================
=            Tracking detail           =
=============================================*/
/* line 1594, ../sass/styles.scss */
.status-bubble {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #c2c2c2;
  background: #ffffff;
  padding: 5px 0; }
/* line 1602, ../sass/styles.scss */
.status-bubble.white {
  color: #ffffff; }
/* line 1606, ../sass/styles.scss */
.status-bubble.open {
  background: #ff3030; }
/* line 1610, ../sass/styles.scss */
.status-bubble.sent {
  background: #286cd2; }
/* line 1614, ../sass/styles.scss */
.status-bubble.working {
  background: #ffcc00; }
/* line 1618, ../sass/styles.scss */
.status-bubble.waitForInspection {
  background: #00aeef; }
/* line 1622, ../sass/styles.scss */
.status-bubble.close {
  background: #b2b4b5; }
/* line 1626, ../sass/styles.scss */
.status-bubble.cancel {
  background: #444444; }
/* line 1630, ../sass/styles.scss */
.status-bubble.reject {
  background: #9300ff; }

/* line 1636, ../sass/styles.scss */
.status-text.white {
  color: #ffffff; }
/* line 1640, ../sass/styles.scss */
.status-text.open {
  color: #ff3030; }
/* line 1644, ../sass/styles.scss */
.status-text.sent {
  color: #286cd2; }
/* line 1648, ../sass/styles.scss */
.status-text.working {
  color: #ffcc00; }
/* line 1652, ../sass/styles.scss */
.status-text.waitForInspection {
  color: #00aeef; }
/* line 1656, ../sass/styles.scss */
.status-text.close {
  color: #b2b4b5; }
/* line 1660, ../sass/styles.scss */
.status-text.cancel {
  color: #444444; }
/* line 1664, ../sass/styles.scss */
.status-text.reject {
  color: #9300ff; }

/* line 1669, ../sass/styles.scss */
.undetlinecard {
  border-bottom: 1px solid #c2c2c2; }

/* line 1675, ../sass/styles.scss */
.trackingdone .trackhead {
  background-color: #012d74;
  color: white; }
/* line 1680, ../sass/styles.scss */
.trackingdone .trackbody {
  background-color: #e6ebf1; }

/* line 1695, ../sass/styles.scss */
.collapsed .logbtn {
  display: block;
  color: #334761; }

/* line 1701, ../sass/styles.scss */
.logbtn {
  display: none; }

/* line 1706, ../sass/styles.scss */
.table-tracking td {
  border-bottom: 1px solid gainsboro; }

/*=====  End of Tracking detail   ======*/
@media screen and (min-width: 1025px) {
  /* line 1717, ../sass/styles.scss */
  .menupage .content-box {
    margin-bottom: 0 !important; }
  /* line 1721, ../sass/styles.scss */
  .menupage .text-white a {
    color: white !important; }
  /* line 1725, ../sass/styles.scss */
  .menupage .btn-green, .menupage .btn-orange {
    width: 50%;
    margin: 0; }

  /* line 1731, ../sass/styles.scss */
  menu {
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important; } }

.w-25{
  width: 25%;
}

.w-50{
  width: 50%;
}

.w-75{
  width: 75%;
}
.w-100{
  width: 100%;
}