/**
 * 1. Global Styles
 * -----------------------------------------------------------------------------
 */
/*--- sass ---*/
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
.list_format li:first-child {
  margin: 0;
  padding: 0;
  border: 0; }

.list_reset, .box-title .sj-dropdown-content, .box-time .sj-dropdown-content, .dv3-main-menu .sj-dropdown-content, .main-account .sj-dropdown-content {
  list-style: none;
  padding: 0; }
  .list_reset li, .box-title .sj-dropdown-content li, .box-time .sj-dropdown-content li, .dv3-main-menu .sj-dropdown-content li, .main-account .sj-dropdown-content li {
    list-style: none; }
  .list_reset ul, .box-title .sj-dropdown-content ul, .box-time .sj-dropdown-content ul, .dv3-main-menu .sj-dropdown-content ul, .main-account .sj-dropdown-content ul, .list_reset ol, .box-title .sj-dropdown-content ol, .box-time .sj-dropdown-content ol, .dv3-main-menu .sj-dropdown-content ol, .main-account .sj-dropdown-content ol {
    list-style: none;
    padding: 0; }

.clearfix:before, .container:before, .dv3-tab .nav-tabs:before, .clearfix:after, .container:after, .dv3-tab .nav-tabs:after {
  content: "";
  display: table; }
.clearfix:after, .container:after, .dv3-tab .nav-tabs:after {
  clear: both; }

.transition, a, input, select, button, textarea, [class*="dv3-icon-"], [class*="btn-"], .box-title .sj-dropdown-content, .box-info div, .box-time .sj-dropdown-content, .dv3-main-menu .sj-dropdown-content, .main-account .sj-dropdown-content {
  transition: all .3s, visibility 0s;
  -ms-transition: all .3s, visibility 0s;
  -webkit-transition: all .3s, visibility 0s;
  -moz-transition: all .3s, visibility 0s; }

.fa {
  display: inline-block;
  font-family: FontAwesome !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ti {
  font-family: 'themify' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.text_format, body {
  font-size: 14px;
  line-height: 22px;
  font-style: normal; }

::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1); }

::-webkit-scrollbar-thumb:hover {
  background: #fff; }

::-webkit-scrollbar-thumb:active {
  background: linear-gradient(left, #22ADD4, #1E98BA); }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(left, #e4e4e4, #525151);
  border: 1px solid #aaa; }

/*------*/
/**
 *
 *

1.2.1 Default Structure Tag

1.2.2 Basic Structure Class

1.2.3 Custom Layout

1.2.4 Default Article

1.2.5 Default Module

1.2.6 Elements

 
 * 
 **/
/*___________ 1.2.1 Default Structure Tag ___________*/
::selection {
  background: #000;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: #000;
  color: #fff;
  text-shadow: none; }

/**{
    position: relative;
    &:last-child{
        margin-bottom: 0;
    }
}*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Roboto";
  color: #000;
  font-weight: 700;
  display: block;
  margin: 0 0 10px; }

h1,
.h1 {
  font-size: 28px;
  line-height: 36px; }

h2,
.h2 {
  font-size: 24px;
  line-height: 32px; }

h3,
.h3 {
  font-size: 20px;
  line-height: 28px; }

h4,
.h4 {
  font-size: 18px;
  line-height: 26px; }

h5,
.h5 {
  font-size: 16px;
  line-height: 24px; }

h6,
.h6 {
  font-size: 14px;
  line-height: 22px; }

a {
  color: #000;
  text-decoration: none !important;
  outline: none !important; }

textarea {
  resize: vertical; }

img {
  max-width: 100%;
  height: auto; }

input, select, button, textarea {
  outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important; }

cite,
em,
var,
address,
dfn {
  font-style: italic; }

i {
  font-style: normal; }

p i {
  font-style: italic; }

iframe {
  border: none;
  width: 100%; }

blockquote {
  border-left: 0px; }

::-webkit-input-placeholder {
  color: #333; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #333; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #333; }

:-ms-input-placeholder {
  color: #333; }

html {
  overflow-x: hidden; }

body {
  font-family: "Roboto";
  color: #333;
  background: #fff;
  overflow: hidden; }
  @media screen and (max-width: 479px) {
    body {
      font-size: 14px;
      line-height: 22px; } }

/*___________ 1.2.2 Basic Structure Class ___________*/
.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.container {
  width: 1550px;
  margin: 0 auto;
  padding: 0;
  position: relative; }
  @media screen and (max-width: 1160px) {
    .container {
      width: 100%;
      padding: 0 10px; } }

/*--- hide ---*/
@media screen and (max-width: 1400px) {
  .dv3-desktop-hide {
    display: none; } }

@media screen and (max-width: 1023px) {
  .dv3-desktopSmall-hide {
    display: none; } }

@media screen and (max-width: 800px) {
  .dv3-tablet-hide {
    display: none; } }

@media screen and (max-width: 639px) {
  .dv3-mobile-hide {
    display: none; } }

/*--- list ---*/
.dv3-mh:not([class*='dv3-row']) {
  margin-top: -30px; }
  .dv3-mh:not([class*='dv3-row']) > * {
    margin-top: 30px; }

/*--- table ---*/
table {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }
  table th, table td {
    padding: 8px 5px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc; }

/*--- icon ---*/
/*--- button ---*/
.btn-block {
  width: auto;
  margin: -5px -2px 0; }
  .btn-block > * {
    margin: 5px 2px 0; }

.btn-01, .btn-03, .btn-04 {
  display: inline-block;
  background: #3363CA;
  color: #fff !important;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 4px;
  border: none; }

.btn-02 {
  display: inline-block;
  background: #2E44AA;
  color: #fff !important;
  font-size: 16px;
  text-align: center;
  width: 56px;
  height: 56px;
  line-height: 56px;
  border-radius: 50%;
  border: none;
  box-shadow: 1px 2px 10px 0px #ccc; }

.btn-03, .btn-04 {
  text-align: center;
  min-width: 150px; }

.btn-04 {
  background: #032E78; }

/*--- checkbox ---*/
.checkbox-btn {
  display: block;
  font-weight: 400;
  color: #555;
  padding-left: 16px;
  cursor: pointer;
  user-select: none;
  position: relative; }
  .checkbox-btn i {
    color: #3363CA; }
  .checkbox-btn input {
    cursor: pointer;
    height: 0;
    width: 0; }
    .checkbox-btn input:checked ~ .checkmark:after {
      display: block;
      top: -3px; }
  .checkbox-btn .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 12px;
    width: 12px;
    color: #3995FF;
    border: 1px solid rgba(128, 128, 128, 0.658); }
    .checkbox-btn .checkmark:after {
      content: "\f00c";
      position: absolute;
      display: none; }

/* dropdown */
.sj-dropdown {
  position: relative; }

.sj-dropdown-btn {
  cursor: pointer; }

.sj-dropdown-content {
  display: none; }
  .sj-dropdown-content.active {
    display: block; }

/*___________ 1.2.3 Custom Layout ___________*/
.white-text-style {
  color: #fff; }
  .white-text-style .module-title, .white-text-style span, .white-text-style p, .white-text-style a, .white-text-style h1, .white-text-style h2, .white-text-style h3, .white-text-style h4, .white-text-style h5, .white-text-style h6, .white-text-style input, .white-text-style textarea {
    color: #fff; }
  .white-text-style h1 a, .white-text-style h2 a, .white-text-style h3 a, .white-text-style h4 a, .white-text-style h5 a, .white-text-style h6 a, .white-text-style .h1 a, .white-text-style .h2 a, .white-text-style .h3 a, .white-text-style .h4 a, .white-text-style .h5 a, .white-text-style .h6 a {
    color: #fff;
    opacity: 1; }
    .white-text-style h1 a:hover, .white-text-style h2 a:hover, .white-text-style h3 a:hover, .white-text-style h4 a:hover, .white-text-style h5 a:hover, .white-text-style h6 a:hover, .white-text-style .h1 a:hover, .white-text-style .h2 a:hover, .white-text-style .h3 a:hover, .white-text-style .h4 a:hover, .white-text-style .h5 a:hover, .white-text-style .h6 a:hover {
      color: #fff;
      opacity: .8; }
  .white-text-style p {
    color: rgba(255, 255, 255, 0.7); }

.dark-text-style {
  color: #333; }
  .dark-text-style .module-title,
  .dark-text-style h1, .dark-text-style h2, .dark-text-style h3, .dark-text-style h4, .dark-text-style h5, .dark-text-style h6, .dark-text-style .h1, .dark-text-style .h2, .dark-text-style .h3, .dark-text-style .h4, .dark-text-style .h5, .dark-text-style .h6, .dark-text-style a {
    color: #000; }
  .dark-text-style span, .dark-text-style p, .dark-text-style input, .dark-text-style textarea {
    color: #333; }
  .dark-text-style h1 a, .dark-text-style h2 a, .dark-text-style h3 a, .dark-text-style h4 a, .dark-text-style h5 a, .dark-text-style h6 a, .dark-text-style .h1 a, .dark-text-style .h2 a, .dark-text-style .h3 a, .dark-text-style .h4 a, .dark-text-style .h5 a, .dark-text-style .h6 a {
    color: #000;
    opacity: 1; }

/*___________ 1.2.6 Elements ___________*/
/*--- tab ---*/
.dv3-tab .nav-tabs {
  background: #D2DFF6;
  border: none;
  border-bottom: 1px solid #ccc;
  margin: 0; }
  .dv3-tab .nav-tabs > li {
    width: 50%;
    text-align: center;
    margin: 0 !important;
    border-left: 1px solid #ccc; }
    .dv3-tab .nav-tabs > li:first-child {
      border-left: none !important; }
    .dv3-tab .nav-tabs > li > a {
      color: #333;
      font-weight: 600;
      line-height: 20px;
      margin: 0;
      /*text-transform: uppercase;*/
      border: none !important;
      background: none !important;
      padding: 9px 5px;
      margin-bottom: 0px;
      position: relative;
      overflow: hidden;
      margin-bottom: -1px; }
      .dv3-tab .nav-tabs > li > a:hover {
        color: #333; }
    .dv3-tab .nav-tabs > li.active > a, .dv3-tab .nav-tabs > li.active > a:hover, .dv3-tab .nav-tabs > li.active > a:focus {
      color: #333;
      background: #fff !important; }
.dv3-tab .tab-content {
  background: #fff;
  padding: 5px;
  border: none; }

/*--- box-header ---*/
.box-header {
  padding: 8px 15px;
  border-bottom: 1px solid #ccc; }
  .box-header > * {
    display: inline-block; }
  .box-header h6 {
    text-transform: uppercase;
    color: #082343;
    margin-bottom: 0; }

.box-title .sj-dropdown-content {
  color: #000;
  position: absolute;
  top: 22px;
  left: 0;
  width: 130px;
  background: #f5f5f5;
  border: 1px solid #aaa;
  z-index: 9; }
  .box-title .sj-dropdown-content ul {
    margin-bottom: 0; }
    .box-title .sj-dropdown-content ul li {
      border-top: 1px solid #e5e5e5; }
      .box-title .sj-dropdown-content ul li:first-child {
        border: none; }
      .box-title .sj-dropdown-content ul li a {
        text-transform: capitalize;
        display: block;
        padding: 4px 10px; }
      .box-title .sj-dropdown-content ul li.active a {
        font-weight: 700;
        color: #082343; }

.box-info {
  position: relative; }
  .box-info span {
    color: #999; }
  .box-info div {
    width: 260px;
    padding: 4px 10px;
    background: rgba(8, 35, 67, 0.68);
    color: #fff;
    position: absolute;
    top: -5px;
    left: 25px;
    border-radius: 5px;
    z-index: 999;
    visibility: hidden; }
    .box-info div:before {
      content: '';
      position: absolute;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-right: 10px solid rgba(8, 35, 67, 0.68);
      top: 10px;
      left: -10px; }
  .box-info:hover div {
    visibility: visible; }

.box-time > * {
  display: inline-block;
  margin-bottom: 0; }
.box-time .sj-dropdown .sj-dropdown-btn {
  color: #999; }
.box-time .sj-dropdown-content {
  position: absolute;
  top: 3px;
  left: 10px;
  width: 145px;
  background: #f5f5f5;
  border: 1px solid #aaa;
  z-index: 9; }
  .box-time .sj-dropdown-content h6 {
    padding: 0 5px;
    text-transform: none; }
  .box-time .sj-dropdown-content .dienbien-mn {
    padding: 5px 5px 5px 25px;
    position: relative; }
    .box-time .sj-dropdown-content .dienbien-mn > span {
      font-size: 11px;
      font-weight: 700;
      color: #082343;
      opacity: .5;
      position: absolute;
      top: 52px;
      left: -46px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
  .box-time .sj-dropdown-content ul {
    margin-bottom: 0; }
    .box-time .sj-dropdown-content ul li {
      text-transform: capitalize;
      margin-top: 4px;
      padding-top: 4px;
      border-top: 1px solid #fff; }
      .box-time .sj-dropdown-content ul li:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: none; }

/**
 * 2. Header
 * -----------------------------------------------------------------------------
 */
.dv3-main-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  padding: 10px 50px;
  height: 56px; }
  .dv3-main-header:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3995FF;
    opacity: .9; }
  .dv3-main-header .dv3-main-menu {
    margin-top: 10px; }
  .dv3-main-header .dv3-home-button {
    margin-top: 10px; }

.mh-left, .mh-right {
  position: absolute;
  top: 4px;
  left: 10px; }
  .mh-left > *, .mh-right > * {
    float: left;
    margin-left: 10px; }
    .mh-left > *:first-child, .mh-right > *:first-child {
      margin: 0; }

.mh-right {
  top: 8px;
  left: auto;
  right: 16px; }
  .mh-right .main-acc {
    display: flex;
    padding: 4px 0; }
    .mh-right .main-acc .main-acc-icon {
      font-size: 32px;
      color: #fff; }
    .mh-right .main-acc .acc-name {
      margin-left: 8px;
      text-align: left; }
      .mh-right .main-acc .acc-name h5 {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        line-height: 16px; }
      .mh-right .main-acc .acc-name p {
        margin: 0;
        font-size: 12px;
        font-style: italic;
        color: #fff;
        line-height: 16px; }

.dv3-logo {
  width: 42px;
  height: 42px;
  background-color: #fff;
  border-radius: 50%; }

.dv3-title {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  padding: 12px 6px; }

.form-box-label label {
  font-weight: normal; }

.form-box-control .form-control {
  font-weight: normal;
  height: 24px;
  padding: 0px 12px; }

.input-group-addon {
  background: none;
  padding: 3px 11px; }

/*--- main-menu ---*/
.dv3-main-menu .sj-dropdown-content {
  color: #000;
  position: absolute;
  top: 37px;
  left: 0;
  width: 550px;
  padding: 15px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 1px 2px 10px 0px #ccc;
  z-index: 9; }
  .dv3-main-menu .sj-dropdown-content > .row > *:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #333; }
  .dv3-main-menu .sj-dropdown-content > .row > *:first-child:before {
    display: none; }

.menu-item {
  margin-top: 30px; }
  .menu-item:first-child {
    margin: 0; }
  .menu-item .title {
    text-transform: uppercase; }
    .menu-item .title i {
      float: left;
      margin: 2px 8px 0 0; }
  .menu-item ul > li {
    margin-top: 5px;
    padding-left: 20px;
    position: relative; }
    .menu-item ul > li:first-child {
      margin: 0; }
    .menu-item ul > li:before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 8px;
      left: 0;
      width: 4px;
      height: 4px;
      background: #333; }
    .menu-item ul > li.active {
      font-weight: 700; }
      .menu-item ul > li.active:before {
        top: 0px;
        height: 20px;
        background: #3363CA; }

/*--- main-account ---*/
.main-account.logged .sj-dropdown-content {
  width: 210px;
  padding: 5px 0; }
.main-account .acc-btn {
  color: #333; }
  .main-account .acc-btn i {
    margin-right: 5px; }
.main-account .sj-dropdown-content {
  color: #000;
  position: absolute;
  top: 36px;
  right: 0;
  width: 280px;
  padding: 15px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 1px 2px 10px 0px #ccc;
  z-index: 9; }
  .main-account .sj-dropdown-content > p {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc; }
  .main-account .sj-dropdown-content form > * {
    margin-top: 10px; }
    .main-account .sj-dropdown-content form > *:first-child {
      margin: 0; }
  .main-account .sj-dropdown-content .input-block label, .main-account .sj-dropdown-content .input-block input {
    display: block;
    width: 100%; }
  .main-account .sj-dropdown-content .input-block label {
    font-weight: 400; }
  .main-account .sj-dropdown-content .input-block input {
    border-radius: 4px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    border: 1px solid #ccc; }
  .main-account .sj-dropdown-content .button-block .alignleft {
    margin-top: 3px; }
  .main-account .sj-dropdown-content .button-block input {
    float: left;
    margin-right: 5px; }
  .main-account .sj-dropdown-content .submit {
    border-radius: 4px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    border: none;
    color: #fff; }
  .main-account .sj-dropdown-content .password {
    padding: 0;
    border: none;
    background: none;
    color: #0F5B8C;
    /*font-weight: 500;*/ }
  .main-account .sj-dropdown-content > ul > li a {
    display: block;
    padding: 6px 15px; }
    .main-account .sj-dropdown-content > ul > li a i {
      color: #3363CA;
      margin-right: 10px;
      width: 18px;
      text-align: center; }
  .main-account .sj-dropdown-content > ul > li:last-child a:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background: #ccc; }
.main-account .acc-tool {
  width: 200px; }
  .main-account .acc-tool a:hover {
    color: #fff; }

/**
 * 3. Main
 * -----------------------------------------------------------------------------
 */
.main-map {
  position: relative; }
  .main-map .shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7511379552) 0%, rgba(0, 0, 0, 0.3701855742) 19%, rgba(0, 0, 0, 0.17) 100%); }

/*--- popup ---*/
.box-nm {
  padding: 10px 10px 0;
  overflow-x: hidden;
  overflow-y: auto; }
  .box-nm > * {
    margin-top: 20px; }
    .box-nm > *:first-child {
      margin: 0; }

.popupwindow_content .action {
  padding: 10px 10px 0; }

.popup-ht .popupwindow_titlebar_button_maximize {
  cursor: not-allowed;
  opacity: 0.3; }
.popup-ht .popupwindow_content {
  overflow-y: scroll;
  height: calc(100% - 30px) !important; }
  .popup-ht .popupwindow_content .dv3-tab {
    height: 100%; }
    .popup-ht .popupwindow_content .dv3-tab .tab-content {
      height: calc(100% - 70px);
      overflow-y: scroll; }

.popup-login .popupwindow_titlebar {
  height: 48px; }
  .popup-login .popupwindow_titlebar .popupwindow_titlebar_text {
    font-size: 18px;
    font-weight: 500;
    padding: 8px; }
.popup-login .popupwindow_content {
  overflow: unset !important; }

#popup-logIn {
  padding: 8px 10px; }
  #popup-logIn p {
    font-size: 16px;
    font-weight: normal; }
  #popup-logIn .form-group {
    display: flex;
    margin: 0; }
    #popup-logIn .form-group label {
      width: 35%;
      padding: 6px 8px;
      font-weight: 500; }
    #popup-logIn .form-group .form-control {
      width: 65%;
      height: 32px;
      border-radius: 0; }
  #popup-logIn .form-check {
    margin-left: 35%; }
    #popup-logIn .form-check .form-check-label {
      font-weight: normal; }
    #popup-logIn .form-check .form-check-input {
      width: 16px;
      height: 16px;
      margin-top: 4px; }
  #popup-logIn .login-btn {
    position: relative;
    height: 32px;
    width: 100%; }
    #popup-logIn .login-btn .fg-pass {
      position: absolute;
      bottom: 4px;
      color: #0080FF;
      transition: 0.4s; }
      #popup-logIn .login-btn .fg-pass:hover {
        color: #4400ff; }
    #popup-logIn .login-btn .btn-login {
      position: relative;
      height: 32px;
      width: 110px;
      border: none;
      background-color: #6AAFFF;
      color: #333;
      float: right;
      font-weight: 700;
      box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.24);
      transition: 0.4s; }
      #popup-logIn .login-btn .btn-login:hover {
        box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.24);
        transform: scale(1.02); }

.luuvuc-list {
  display: flex;
  position: absolute;
  top: 0;
  align-items: center;
  padding: 45px;
  width: 100%;
  height: 100%;
  justify-content: space-between; }
  .luuvuc-list .luuvuc-link {
    background: #fff;
    width: 276px;
    height: 270px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.7); }
    .luuvuc-list .luuvuc-link img {
      width: 100%; }
    .luuvuc-list .luuvuc-link .luuvuc-name {
      display: flex;
      background-color: #2C65C7;
      height: 48px;
      width: 100%;
      align-items: center;
      justify-content: center; }
      .luuvuc-list .luuvuc-link .luuvuc-name h6 {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0; }
    .luuvuc-list .luuvuc-link:hover {
      box-shadow: 0px 18px 36px rgba(0, 0, 0, 0.7);
      transform: scale(1.05); }

.dv3-luuvuc {
  padding: 0px 12px;
  padding-top: 8px;
  display: flex; }
  .dv3-luuvuc .dv3-lv-tab-1 {
    width: 35%;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 8px; }
  .dv3-luuvuc h6 {
    margin-bottom: 3px;
    text-transform: uppercase;
    padding-left: 4px;
    font-weight: bold;
    font-size: 16px;
    color: #333; }
  .dv3-luuvuc .dv3-g-list {
    display: flex;
    margin: 0 4px;
    transition: 0.4s; }
    .dv3-luuvuc .dv3-g-list input {
      color: #555;
      opacity: 1;
      font-weight: 600; }
    .dv3-luuvuc .dv3-g-list label {
      color: #555;
      margin: 0;
      width: 60%;
      line-height: 20px; }
    .dv3-luuvuc .dv3-g-list .gm-w-40 {
      width: 40%; }
    .dv3-luuvuc .dv3-g-list .dv3-btn-edit {
      visibility: hidden;
      font-size: 14px;
      color: #555; }
    .dv3-luuvuc .dv3-g-list:hover .dv3-btn-edit {
      visibility: visible; }
  .dv3-luuvuc .dv3-lv-tab-2 {
    width: 65%;
    display: flex; }
  .dv3-luuvuc .tab-2-li {
    margin-left: 8px;
    height: 100%;
    width: 33%;
    border: 1px solid #008380;
    text-align: center;
    padding: 8px; }
    .dv3-luuvuc .tab-2-li label {
      color: #008380;
      margin: 0;
      line-height: 20px; }
    .dv3-luuvuc .tab-2-li .lv-date {
      font-style: italic;
      font-size: 14px;
      color: #555;
      font-weight: normal;
      margin: 0; }
    .dv3-luuvuc .tab-2-li .li-data-2 {
      display: flex;
      margin: 8px 0; }
      .dv3-luuvuc .tab-2-li .li-data-2 .gm-w-50 {
        height: 32px;
        padding: 0; }
    .dv3-luuvuc .tab-2-li input {
      color: #008380;
      opacity: 1;
      font-weight: bold;
      font-size: 20px;
      text-align: center; }
    .dv3-luuvuc .tab-2-li .dv3-btn-edit {
      visibility: hidden;
      font-size: 14px;
      color: #555; }
    .dv3-luuvuc .tab-2-li:hover .dv3-btn-edit {
      visibility: visible; }
  .dv3-luuvuc .non-edit {
    border: none;
    background-color: transparent; }

.btn-top, .btn-bottom, .form-control {
  padding: 2px 8px;
  height: 24px; }

.popup-lake {
  box-shadow: 0px 1px 3px 0px #ccc; }
  .popup-lake .popupwindow_titlebar {
    background-color: #6493B8;
    border-bottom: 1px solid #fff; }
  .popup-lake .popupwindow_titlebar_button {
    background-color: #6493B8; }
  .popup-lake .popupwindow_content {
    background-color: rgba(182, 218, 246, 0.9); }
  .popup-lake .box-nm {
    height: 220px; }
  .popup-lake .top span {
    margin-top: 2px;
    display: block; }

.lake-panel .ts {
  display: flex;
  border-bottom: 1px solid #ececec; }
  .lake-panel .ts .lake-att {
    width: 40%;
    padding-left: 8px;
    font-weight: 500; }
  .lake-panel .ts .lake-data {
    width: 60%;
    font-weight: bold;
    padding-left: 8px;
    border-left: 1px solid #ececec; }
    .lake-panel .ts .lake-data span {
      font-weight: 500; }

/*--- Firefox ---*/
@-moz-document url-prefix() {}
/**
 * 5. - Color
 * -------------------------------------------------------------------
 */
.main_color, a:hover, a:focus, a.active, .white-text-style a:hover, .white-text-style a:hover span, .dark-text-style h1 a:hover, .dark-text-style h2 a:hover, .dark-text-style h3 a:hover, .dark-text-style h4 a:hover, .dark-text-style h5 a:hover, .dark-text-style h6 a:hover, .dark-text-style .h1 a:hover, .dark-text-style .h2 a:hover, .dark-text-style .h3 a:hover, .dark-text-style .h4 a:hover, .dark-text-style .h5 a:hover, .dark-text-style .h6 a:hover, .dark-text-style a:hover, .dark-text-style a:hover span, .menu-item .title, .main-account .acc-btn:hover, .main-account .sj-dropdown-content > ul > li a {
  color: #3995FF; }

.main_bg_color, .main-account .sj-dropdown-content .submit, .main-account .sj-dropdown-content > ul > li a:hover {
  background: #3995FF; }

body .main_bd_color {
  border-color: #3995FF; }
body .main_bdt_color {
  border-top-color: #3995FF; }
body .main_bdr_color {
  border-right-color: #3995FF; }
body .main_bdb_color {
  border-bottom-color: #3995FF; }
body .main_bdl_color {
  border-left-color: #3995FF; }

.i_main_color {
  color: #3995FF !important; }

.i_main_bg_color {
  background: #3995FF !important; }

.i_main_bd_color {
  border-color: #3995FF !important; }

.btn-tmkb {
  position: absolute;
  right: 24px;
  bottom: 24px;
  border: none;
  width: 56px;
  height: 56px;
  max-height: initial;
  max-width: initial;
  border-radius: 50%;
  padding: 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.16) !important;
  background-color: #2E44AA;
  transition: 0.4s; }
  .btn-tmkb:hover {
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.16) !important;
    bottom: 26px;
    background-color: #2E44AA; }

/**
 * Import
 * -------------------------------------------------------------------
 */
/** 
 * 6. - Responsive
 * -------------------------------------------------------------------
 */

/*# sourceMappingURL=style.css.map */