<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*@font-face {
  font-family: hv-thin;
  src: url(../font/DBHeavent-Thin.woff) format("woff");
}
@font-face {
  font-family: hv-light;
  src: url(../font/DBHeaventt-Light.woff) format("woff");
}
@font-face {
  font-family: hv-bold;
  src: url(../font/DBHeavent-Bold.woff) format("woff");
}
@font-face {
  font-family: hv-med;
  src: url(../font/DBHeavent-Med.woff) format("woff");
}*/

.hv-thin {
  font-family: hv-thin !important;
}
.hv-light {
  font-family: hv-light !important;
}
.hv-med {
  font-family: hv-med !important;
}
.hv-bold {
  font-family: hv-bold !important;
}




body,
ul,
li,
label,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: hv-thin;
}

.h5
{
    font-size: 23px;
}
.h6
{
    font-size: 22px;
}

pre , code {
  font-family: hv-med !important;
  /*margin-bottom: 10px;
  overflow: auto;*/
  width: 740px;
  /*padding: 5px;
  background-color: #eee; 
  width: 650px!ie7;
  padding-bottom: 20px!ie7;
  max-height: 600px;*/
}

select {
  margin-left: 4px;
  margin-right: 4px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1440px !important;
  }
}

/* navbar z-index */
.navbar {
  z-index: 1 !important;
}

/* ------------------------------------- */
/* -------------- GENERAL -------------- */
/* ------------------------------------- */

.background-project-pic {
  background-image: url("../image/info-page-head-bg.png");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 40% -5%;
  /* background-attachment: fixed;     */
}
.bg-container{
    min-height:1300px;
    background: linear-gradient(180deg, rgb(249, 247, 255) 0%, #F8F7FA 100%);
    padding:0px;
}
.indent50{
    text-indent: 50px;
}

/* -------------- MARGINs -------------- */

.margin10 {
  margin: 10px;
}
.margin-left30 {
  margin-left: 30px;
}
.margin-left-auto {
  margin-left: auto;
}
.margin-left10 {
  margin-left: 10px;
}
.margin-right10 {
  margin-right: 10px;
}
.margin-bottom-0 {
  margin-bottom: 0px;
}
.margin-bottom-100 {
  margin-bottom: 100px;
}
.margin-bottom-auto{
    margin-bottom: auto
}

/* -------------- PADDING -------------- */

.padding10 {
  padding: 10px;
}
.padding50 {
  padding: 50px;
}
.padding-left50 {
  padding-left: 50px;
}
.padding-left20 {
  padding-left: 20px;
}
.padding-right20 {
  padding-right: 20px;
}
.padding-bottom5{
    padding-bottom: 5px
}
.padding-bottom10{
    padding-bottom: 10px
}

/* --------------- FONT --------------- */

.font12 {
  font-size: 12px;
}
.font14 {
  font-size: 14px;
}
.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font20 {
  font-size: 20px;
}

.font28 {
  font-size: 28px;
}

.font26 {
  font-size: 26px;
}
.font22 {
  font-size: 22px;
}
.font24 {
  font-size: 24px;
}
.textline {
  text-decoration: underline;
}

/* --------------- FONT --------------- */

.color-blue {
  color: #0076ff;
}

/* ------------------------------------- */
/* -------------  HEADERs  ------------- */
/* ------------------------------------- */

.header-page-left-section {
  padding-top: 20px;
  padding-bottom: 20px;
}
.header-page-left-section-top {
  font-size: 200%;
  color: #5732a4;
}
.header-page-left-section-bottom {
  font-size: 130%;
  color: #ad87fa;
}
.header-page-right-section {
  position: relative;
}
.header-page-right-section-tab {
  background-color: #5732a4;
  display: flex;
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 5px;
  border-radius: 20px 0 0 0;
  align-items: center;
  justify-content: flex-end;
}
.header-page-right-section-tab-icon {
  width: 35px;
  margin-right: 5px;
}
.header-page-navbar {
  border-radius: 0px;
  background-color: #4c337e;
  padding: 13px;
  padding-right: 200px;
  padding-left: 200px;
  margin-bottom: 0;
}
.header-page-navbar-dropdown {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* ------------------------------------- */
/* ---------- MAIN RIGHT PAGE ---------- */
/* ------------------------------------- */

.main-right-page-header {
  font-size: 3rem;
  padding-top: 40px;
  margin-bottom: 20px;
  margin-left: 100px;
  color: #3b2884;
  font-family: hv-bold;
}

.main-right-page-first-box {
  background-color: white;
  box-shadow: 1px 1px 10px lightgrey;
  margin-right: 20px;
}
.main-right-page-first-box-header {
  color: white;
  padding: 20px;
  background-color: #5631a4;
}
.main-right-page-second-box {
  margin-top: 30px;
  background-color: white;
  box-shadow: 1px 1px 10px lightgrey;
}
.main-right-page-second-box-header {
  color: #3b0080;
  padding-top: 20px;
  padding-left: 25px;
}
.main-right-page-second-box-line {
  margin-left: 23.5;
  margin-right: 23.5;
  color: #3b0080;
  border-top: 1px solid;
}
.main-right-page-second-box-list {
  padding-left: 15;
  padding-right: 15;
  margin-top: 20;
  margin-bottom: 20;
}
.main-right-page-second-box-list-date {
  width: 70;
  color: white;
  background-color: #966dd1;
  padding: 2;
  padding-left: 10;
  padding-right: 10;
}
.main-right-page-second-box-list-group-bussiness {
  width: 70;
  color: #966dd1;
  border: 2px solid #966dd1;
  border-radius: 30px;
  padding: 5;
  padding-top: 3;
  padding-bottom: 3;
  font-size: 10;
  border-style: solid;
  border-width: 3px;
  margin-top: 5;
}
.main-right-page-second-box-list-group-station {
  width: 70;
  color: #577e24;
  border: 2px solid #577e24;
  border-radius: 30px;
  padding: 5;
  padding-top: 3;
  padding-bottom: 3;
  font-size: 10;
  border-style: solid;
  border-width: 3px;
  margin-top: 5;
}
.main-right-page-second-box-list-group-develope {
  width: 70;
  color: #f3a740;
  border: 2px solid #f3a740;
  border-radius: 30px;
  padding: 5;
  padding-top: 3;
  padding-bottom: 3;
  font-size: 10;
  border-style: solid;
  border-width: 3px;
  margin-top: 5;
}
.main-right-page-second-box-line-bottom {
  width: 100%;
  color: #5732a4;
  height: 3px;
  background-color: #5732a4;
}

/* ------------------------------------- */
/* ------- TDSC Event Info PAGE ------- */
/* ------------------------------------- */

.info-page-main-container {
  padding: 20px;
  background-color: white;
  box-shadow: 1px 1px 10px lightgrey;
}
.info-page-main-container-line {
  margin-left: 23.5px;
  margin-right: 23.5px;
  color: #979797;
  border-top: 1px solid;
}
.info-page-main-header-detail {
  color: #3b0080;
  font-size: 22px;
  /* font-size: 28; */
}
.info-page-main-content {
  text-decoration: underline;
  color: black;
  font-size: 22px;
  /* font-size: 18; */
}
.info-page-main-detail {
  font-size: 22px;
  color: black; 
}
.info-page-main-each-detail {
  align-items: center;
  margin: 20px;
}
.info-page-main-detail {
  text-align: left;
}
.info-page-main-icon-detail {
  margin-right: 20px;
  height: 20px;
}
.info-page-main-icon-shared {
  margin-top: -5px;
  margin-left: 10px;
  margin-right: 10px;
  height: 20px;
}
.info-page-main-footer-line {
  margin-left: 23.5px;
  margin-right: 23.5px;
  color: #979797;
  border-top: 1px solid;
}

/* ------------------------------------- */
/* ------- TDSC Event List PAGE ------- */
/* ------------------------------------- */

.list-page-container {
  background-color: white;
  box-shadow: 1px 1px 10px lightgrey;
}
.list-page-sub-container {
  padding: 15px 40px 40px 40px;
}
.list-page-header-icon-left {
  margin-right: 10px;
}
.list-page-header-icon-right {
  margin-left: 10px;
}
.list-page-header-line {
  margin-top: 10px;
  color: #979797;
  border-top: 1px solid;
}
.list-page-main-date-box {
  width: 70;
  color: white;
  background-color: #966dd1;
  padding: 2;
  padding-left: 10;
  padding-right: 10;
}
.list-page-main-group-box-bussiness {
  width: 70;
  color: #755caf;
  border: 2px solid #755caf;
  border-radius: 30px;
  padding: 5;
  padding-top: 3;
  padding-bottom: 3;
  font-size: 22px;
  border-style: solid;
  border-width: 3px;
  margin-top: 5;
}
.list-page-main-group-box-station {
  width: 70;
  color: #577e24;
  border: 2px solid #577e24;
  border-radius: 30px;
  padding: 5;
  padding-top: 3;
  padding-bottom: 3;
  font-size: 22px;
  border-style: solid;
  border-width: 3px;
  margin-top: 5;
}
.list-page-main-group-box-develope {
  width: 70;
  color: #f3a740;
  border: 2px solid #f3a740;
  border-radius: 30px;
  padding: 5;
  padding-top: 3;
  padding-bottom: 3;
  font-size: 22px;
  border-style: solid;
  border-width: 3px;
  margin-top: 5;
}
.list-page-main-content {
  font-size: 180%;
}
.list-page-main-read-box {
  width: 100%;
  color: white;
  background-color: #3b0080;
  padding: 2;
  padding-left: 10;
  padding-right: 10;
}
.list-page-main-line {
  color: #979797;
  border-top: 1px solid;
}
.list-page-main-line-bottom-page {
  width: 100%;
  color: #3b0080;
  height: 10px;
  background-color: #3b0080;
}
.list-page-dev-main-right{
    text-align: -webkit-right
}

/* ------------------------------------- */
/* -----------  HEADER DEV  ----------- */
/* ------------------------------------- */

.header-dev-page-left-section {
  padding-top: 20;
  padding-bottom: 20;
  padding-left: 50;
  align-items: center;
}
.header-dev-page-left-section-top {
  font-size: 200%;
  color: #5732a4;
}
.header-dev-page-left-section-bottom {
  font-size: 130%;
  color: #ad87fa;
}
.header-dev-page-right-section {
  position: relative;
}
.header-dev-page-right-section-tab {
  /* background-color:#5732A4;  */
  display: flex;
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 5px;
  /* border-radius:20px 0 0 0;  */
  align-items: center;
  justify-content: flex-end;
}
.header-dev-page-right-section-tab-icon {
  width: 35px;
  margin-right: 5px;
}
.header-dev-page-navbar {
  border-radius: 0px;
  background-color: #4c337e;
  padding: 13px;
  padding-right: 200px;
  padding-left: 200px;
  margin-bottom: 0px;
}
.header-dev-page-navbar-dropdown {
  margin-top: 5px;
  margin-bottom: 5px;
}
.header-dev-page-user {
  color: #5631a4;
}
.header-dev-page-help-and-contect {
  color: #22143e;
}
.header-dev-page-login {
  color: #ba99fe;
}
.header-dev-page-logo {
  width: 100px;
}
.header-dev-page-logo-box {
  margin-right: 20px;
}

/* ------------------------------------- */
/* ------- TDSC Dev Info PAGE ------- */
/* ------------------------------------- */

.info-page-dev-container {
  padding: 20;
  background-color: white;
  box-shadow: 1px 1px 10px lightgrey;
}
.info-page-dev-container-line {
  margin-left: 23.5;
  margin-right: 23.5;
  color: #979797;
  border-top: 1px solid;
}
.info-page-dev-header-detail {
  color: #3b0080;
  font-size: 22px;
  /* font-size: 28; */
}
.info-page-dev-content {
  text-decoration: underline;
  color: black;
  font-size: 22px;
  /* font-size: 18; */
}
.info-page-dev-detail {
  font-size: 22px;
  color: black;
}
.info-page-dev-each-detail {
  align-items: center;
  margin: 20;
}
.info-page-dev-detail {
  text-align: left;
}
.info-page-dev-icon-detail {
  margin-right: 20;
  height: 20;
}
.info-page-dev-icon-shared {
  margin-top: -5;
  margin-left: 10;
  margin-right: 10;
  height: 20;
}
.info-page-dev-footer-line {
  margin-left: 23.5;
  margin-right: 23.5;
  color: #979797;
  border-top: 1px solid;
}

/* ------------------------------------- */
/* ------- TDSC Dev Info PAGE ------- */
/* ------------------------------------- */

.list-page-dev-container {
  background-color: white;
  box-shadow: 1px 1px 10px lightgrey;
}
.list-page-dev-sub-container {
  padding: 15px 40px 40px 40px;
}
.list-page-dev-header-icon-left {
  margin-right: 10px;
}
.list-page-dev-header-icon-right {
  margin-left: 10px;
}
.list-page-dev-header-line {
  margin-top: 10px;
  color: #979797;
  border-top: 1px solid;
}
.list-page-dev-main-date-box {
  /* width:100;  */
  color: #3b226b;
  /* background-color:#F4CA19;  */
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  padding-bottom: 10px;
}
.list-page-dev-main-group-box-bussiness {
  width: 70px;
  color: #755caf;
  border: 2px solid #755caf;
  border-radius: 30px;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 22px;
  border-style: solid;
  border-width: 3px;
  margin-top: 5px;
}
.list-page-dev-main-group-box-station {
  width: 70px;
  color: #577e24;
  border: 2px solid #577e24;
  border-radius: 30px;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 22px;
  border-style: solid;
  border-width: 3px;
  margin-top: 5px;
}
.list-page-dev-main-group-box-develope {
  width: 70px;
  color: #ffa417;
  border: 2px solid #ffa417;
  border-radius: 30px;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 22px;
  border-style: solid;
  border-width: 3px;
  margin-top: 5px;
}
.list-page-dev-main-content {
  font-size: 180%;
}
.list-page-dev-main-read-box {
  width: 100%;
  color: white;
  background-color: #3b0080;
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
}
.list-page-dev-main-line {
  color: #979797;
  border-top: 1px solid;
}
.list-page-dev-main-line-bottom-page {
  width: 100%;
  color: #3b0080;
  height: 10px;
  background-color: #3b0080;
}

/* ------------------------------------- */
/* ------- TDSC Dev Search PAGE ------- */
/* ------------------------------------- */
/* .date-form{
    margin: 5
} */

.search-left-page-box {
  background-color: white;
  box-shadow: 1px 1px 10px lightgrey;
}
.search-left-page-box-header {
  color: #3b0080;
  padding-top: 20px;
  padding-left: 25px;
  font-size: 22px;
}
.search-left-page-box-line {
  margin-left: 23.5px;
  margin-right: 23.5px;
  color: #3b0080;
  border-top: 1px solid;
}
.search-left-page-box-line-bottom {
  width: 100%;
  color: #5732a4;
  height: 3px;
  background-color: #5732a4;
}
.search-left-page-content {
  color: #3b2884;
}
.search-left-page-border-box {
  border-color: #3b2884;
}
.search-left-page-search-icon {
  border-color: #3b2884;
  background-color: #3b2884;
}

/* ------------------------------------- */
/* -------- MAIN LEFT PAGE DEV -------- */
/* ------------------------------------- */

.main-left-dev-page-header {
  font-size: 200%;
  padding-top: 40;
  margin-bottom: 20;
  margin-left: 100;
  color: #3b2884;
}
.main-left-dev-page-box {
  background-color: white;
  box-shadow: 1px 1px 10px lightgrey;
}
.main-left-dev-page-box-header {
  color: #3b0080;
  padding-top: 20;
  padding-left: 25;
}
.main-left-dev-page-box-line {
  margin-left: 23.5;
  margin-right: 23.5;
  color: #3b0080;
  border-top: 1px solid;
}
.main-left-dev-page-box-list {
  padding-left: 15;
  padding-right: 15;
  margin-top: 20;
  margin-bottom: 20;
}
.main-left-dev-page-box-list-date {
  width: 70px;
  color: white;
  background-color: #966dd1;
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
}
.main-left-dev-page-box-list-group-bussiness {
  width: 70px;
  color: #966dd1;
  border: 2px solid #966dd1;
  border-radius: 30px;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 22px;
  border-style: solid;
  border-width: 3px;
  margin-top: 5px;
}
.main-left-dev-page-box-list-group-station {
  width: 70px;
  color: #577e24;
  border: 2px solid #577e24;
  border-radius: 30px;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 22px;
  border-style: solid;
  border-width: 3px;
  margin-top: 5px;
}
.main-left-dev-page-box-list-group-develope {
  width: 70px;
  color: #f3a740;
  border: 2px solid #f3a740;
  border-radius: 30px;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 22px;
  border-style: solid;
  border-width: 3px;
  margin-top: 5px;
}
.main-left-dev-page-box-line-bottom {
  width: 100%;
  color: #5732a4;
  height: 3px;
  background-color: #5732a4;
}

/* ------------------------------------- */
/* ------ MAIN LEFT PAGE DEV DATA ------ */
/* ------------------------------------- */

.main-left-dev-data-page-box {
  background-color: white;
}
.main-left-dev-data-page-box-header {
  font-size: 22px;
  color: #3b0080;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
}
.main-left-dev-data-page-box-line-bottom {
  width: 100%;
  color: #5732a4;
  height: 3px;
  background-color: #5732a4;
}

/* ------------------------------------- */
/* ------ MAIN LEFT PAGE DEV DATA ------ */
/* ------------------------------------- */

.main-left-page-header-1 {
  font-size: 180%;
  padding-top: 40;
  margin-bottom: 20;
  margin-left: 100;
  color: #3b2884;
}
.main-left-page-header-2 {
  font-size: 250%;
  padding-top: 40;
  margin-bottom: 20;
  color: #3b2884;
  margin-left: 20;
}

/* ------------------------------------- */
/* --------------- ADMIN --------------- */
/* ------------------------------------- */

.admin-header--container {
  background-color: #22143e;
  padding: 10px 40px 10px;
  margin-bottom: 0px;
  box-shadow: 0px 5px 5px grey;
}

.admin--title {
  font-weight: 600px;
  letter-spacing: 3px;
}

.admin-sidebar--list__selected {
  color: white;
  font-family: hv-med;
  font-size: 24px;
  padding: 10px 0px 10px 0px;
}
.admin-sidebar--list__not-selected {
  color: white;
  font-size: 24px;
  padding: 10px 0px 10px 0px;
}
.admin-sidebar--container {
  background-color: #39207e;
  text-align: end;
  padding: 20px 20px 10px 10px;
  box-shadow: 6px 3px 10px 0px grey;
  min-height: 100%;
}


/* ------------------------------------- */
/* ------------ ADMIN ALBUM ------------ */
/* ------------------------------------- */

.admin-detail-header {
  background-color: #fdfdfd;
  font-size: 120%;
  padding: 10px;
}
.admin-detail-headerleft {
  color: #666666;
  font-size: 22px;
}
.admin-table-header {
  font-size: 22px;
  color: white;
  text-decoration: underline;
}
.admin-intable-center {
  align-items: center;
  color: #333333;
  font-size: 22px;
}
.admin-intable-start {
  text-align: start;
  color: #333333;
  font-size: 22px;
}
.admin-footer-gray {
  color: #b9b9b9;
  padding: 10px;
  font-size: 22px;
}
.admin-footer-blue {
  color: #0076ff;
  padding: 10px;
  font-size: 22px;
}

.admin-table-row-with-gray-bg {
  text-align: center;
  background-color: #f4f4f4;
}
.admin-table-row-with-white-bg {
  text-align: center;
  background-color: #fdfdfd;
}

.admin-footer-page-number {
  max-width: 40px;
}

.admin-table-footer--input-number {
  width: 40px;
}

/* ------------------------------------- */
/* --------- ADMIN MANAGE ALBUM -------- */
/* ------------------------------------- */
.admin-upload-image-title {
  color: #000000;
  font-size: 120%;
}


.admin-text-area {
  color: gray;
  margin: 10px;
}
.admin-image-margin {
  margin: 20px;
}
.admin-submit-button {
  background-color: #39207e;
  color: white;
  width: 100px;
}
.admin-image-size {
  height: 80px;
  width: 160px;
  padding-right: 20px;
}

/* ------------------------------------- */
/* ----------- BGCOLOR/COLOR ----------- */
/* ------------------------------------- */
.bg{
    background-color: #F2EBFF
}
.color-blue{
    color:#0076FF
}
.color-gray{
    color:gray
}
.color-pupple{
    color:#3B0080
}
.color-brown{
    color:#D0B44C
}

.bgr {
  background-color: red;
}
.bgg {
  background-color: green;
}
.bgb {
  background-color: blue;
}
.bgy {
  background-color: yellow;
}
.bgp {
  background-color: pink;
}

/* Boss Css */

table tr th.input {
  padding-bottom: 14px;
}

.bg__gradient-purple {
  background: linear-gradient(180deg, #fbf6ff 0%, #f6eeff 100%);
  background-size:100%;
}

.bg__light-purple {
  background-color: #f6eeff;
}

.bg__purple {
  background-color: #5732a4;
  background-size:100%;
}

.bg__white {
  background-color: white;
  background-size:100%;
}

.text__white {
  color: white;
}

.text__light-grey {
  color: #333333;
}

.text__light-purple {
  color: #3b0080;
}

.text__purple {
  color: #39207e !important;
}
.text__yellow {
  color: #d0b44c !important;
}

.underline {
  border-top: 1px solid black;
}

.bold {
  font-weight: bold;
}

.icon {
  height: 24px;
}

.icon.icon-big {
  height: 36px;
}

.btn.btn-purple {
  background-color: #39207e;
  color: white;
  min-width:100px;
  padding: 8px 24px 6px;
}

.btn.btn-rounded {
  border-radius: 14px;
}

.image__small {
  height: 80px;
  width: 160px;
}

.line {
  border-bottom: 1px solid black;
}


.header--icon {
  height: 38px;
}

.header--image {
  width: 85px;
  height: 85px;
}

.content-block {
  border-bottom: 12px solid #39207e;
  height: fit-content;
  -webkit-box-shadow: 0px 4px 16px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 4px 16px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}



.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.bg-rain {
  top: 160px;
  left: 40%;
  height: 220px;
}

.card__height {
  height: 300px;
}

.orange-tag {
  color: #fd9315;
  border: 3px solid #fd9315;
  border-radius: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

.purple-tag {
  color: #39207e;
  border: 2px solid #39207e;
  border-radius: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

.green-tag {
  color: #006600;
  border: 2px solid #006600;
  border-radius: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

.orange-sm-tag {
  color: #fd9315;
  border: 2px solid #fd9315;
  border-radius: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.text-box-2 {
  min-height: 64px;
}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #eeeeee -moz-use-text-color #ffffff;
  border-style: solid none;
  border-width: 1px 0;
  margin: 4px 0;
}
.border-purple {
  border-color: #39207e !important;
}
.border-thick {
  border-width: 2px !important;
}
.no-shadow {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.admin--search--label {
  font-size: 20px;
}
.admin--search {
  	height: 32px;	width: 200px;	border-radius: 40px;
}

.admin--search--date {
  height: 32px;	width: 210px;
  border-radius: 3px;
}


.table thead th {
  vertical-align: middle;
}
.pagination {
  margin-bottom: 60px;
}

.admin-table-footer--input-number {
  width:40px;
}

table {
  font-size: 23px;
}

.admin--search--date--btn {
  height: 32px;	width: 43px;
  border-radius: 3px;
  border-radius: 0 2px 2px 0;
  background-color: #5631A4;
  vertical-align: top;
}

.admin--search--date--btn &gt; span {
  color: white;
  font-size: 22px;
}


.qTable &gt; thead &gt; tr &gt;th{
  letter-spacing: 2px;
}

.qTable &gt; tbody &gt; tr &gt;td &gt;div {
  min-height: 16px;
  display: flex;
  justify-content: space-around;
}

.not-pass {
  color: red;
}

.icon--deactive {
  opacity: 0.2;
}

.search {
 height: 32px;
 width: 260px;
 margin-bottom: 20px;
 border-radius: 40px;
 background-color: #FFFFFF;
 box-shadow: inset 0 1px 2px 0 rgba(48,48,48,0.5);

}

.search &gt; input:focus{
    outline: none;
}

.search &gt; input {
  border: none;
  background-color: transparent;
  width: calc(100% - 52px);
  margin-left: 20px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: hv-med;
  font-size: 22px;
  letter-spacing: 1px;
  color:#CCCCCC;
}
::-moz-placeholder { /* Firefox 19+ */
  font-family: hv-med;
  font-size: 22px;
  letter-spacing: 1px;
  color:#CCCCCC;
}
:-ms-input-placeholder { /* IE 10+ */
  font-family: hv-med;
  font-size: 22px;
  letter-spacing: 1px;
  color:#CCCCCC;
}
:-moz-placeholder { /* Firefox 18- */
  font-family: hv-med;
  font-size: 22px;
  letter-spacing: 1px;
  color:#CCCCCC;
}

.modal-download-btn {
  padding: 2px 17px;
  color: white;
  line-height: 1;
  border-radius: 8px;	background-color: #7763C0;
  margin-left: 14px;
}

.modal-download-btn &gt; span {
  padding: 8px ;

}

.search-bar {
  padding: 0 !important;
  margin-bottom: 28px;
}

.search-bar &gt; div {
  display: inline-block;
  margin-right: 25px;
}

.search &gt; span {
  color: #39207E;
}


</pre></body></html>