/*---------------------------------
[Table of contents]
1. Color
2. Font
3. Gutter
4. Border
5. Shadow
6. Customized
---------------------------------*/

/*---------------------------------
1. Color
---------------------------------*/

:root {
  --c-primary:#448bff;
  --c-primary-d :#e03b39;
  --c-primary-l:#ffc1c1;
  --c-secondary:#cbc09d;
  --c-secondary-d:#a59a77;
  --c-secondary-l:#e2d9bf;
  --c-tertiary:#718c93;
  --c-tertiary-d:#4d646a;
  --c-tertiary-l:#bcd1d6;
  --c-black:#000000;
  --c-black-gray:#777777;
  --c-dark-gray:#aaaaaa;
  --c-gray:#e2e2e2;
  --c-light-gray:#f2f2f2;
  --c-white-gray:#fafafa;
  --c-blue:#2ea1de;
  --c-green:#58cc97;
  --c-yellow:#f0cd59;
  --c-orange:#ff8900;
  --c-purple:#e38ce0;
  --c-red:#ff2e2c;
}

a:hover {
  color: var(--c-black);
}

.gray svg{
  color: var(--c-black-gray)!important;
}

.gray svg:hover{
  color: var(--c-black)!important;
}

.bg-login {
      box-shadow: 0 1px 3px rgb(0 0 0 / 5%)!important;
  background-color: #13182cd1!important;   
}

.bg-404 {
      box-shadow: 0 1px 3px rgb(0 0 0 / 5%)!important;
  background-color: #ffffffe6!important;   
}


/*---------------------------------
2. Font
---------------------------------*/

/*-- Work Sans thongterm --*/
@import url("https://use.typekit.net/gfl6hki.css");

/*-- CircularStd --*/
@font-face {
  font-family: 'CircularStd';
  src: url('../fonts/circularstd/CircularStd-Bold.eot');
  src: url('../fonts/circularstd/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/circularstd/CircularStd-Bold.woff2') format('woff2'),
       url('../fonts/circularstd/CircularStd-Bold.woff') format('woff'),
       url('../fonts/circularstd/CircularStd-Bold.ttf') format('truetype'),
       url('../fonts/circularstd/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
  font-weight: 600;
  font-style: normal;
}

.font-circularStd {
  font-family: 'CircularStd';
}


/*---------------------------------
3. Gutter
---------------------------------*/


.round {
position: relative;
margin-bottom: 15px;
}

.round label {
background-image: url('../img/recheck.png');
border-radius: 50%;
cursor: pointer;
height: 24px;
left: 0;
position: absolute;
top: 0;
width: 24px;
}

/*.round label:after {
border: 2px solid #fff;
border-top: none;
border-right: none;
content: "";
height: 6px;
left: 5px;
opacity: 0;
position: absolute;
top: 7px;
transform: rotate(-45deg);
width: 12px;
}*/

.round input[type="checkbox"] {
visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
background-image: url('../img/recheck-2.png');
}

.round input[type="checkbox"]:checked + label:after {
opacity: 1;
}

.dropdown-toggle::after {
  margin-left: 10px!important;
}

      .treeview .list-group-item {
          cursor: pointer
      }

      .treeview span.indent {
          margin-left: 10px;
          margin-right: 10px
      }

      .treeview span.icon {
          width: 12px;
          margin-right: 5px
              color: blue;
      }

      .treeview .node-disabled {
          color: silver;
          cursor: not-allowed
      }

      .node-treeview1 {
      }

      .node-treeview1:not(.node-disabled):hover {
              background-color: #F5F5F5;
      }

.filter-buttons {
display: flex;
margin-bottom: 20px;
}
.filter {
    float: right;
}

.filter-buttons .btn.active {
  color: black;
}

.filter-buttons .btn {
  color: #bfbfbf;
}

.list-view-button1, .list-view-button,
.grid-view-button {
padding: 5px;
font-size: 14px;
cursor: pointer;
border-radius: 3px;
}

.filter-buttons .btn.active {
  color: ;
}

.filter-buttons .btn {
  color: #bfbfbf;
}

.list-view-button1:hover, .list-view-button:hover,
.grid-view-button:hover {
color: #0e2439;
}

.list-view-button1, .list-view-button {
 margin-right: 10px;
}

.list-view-button1 img {
  display: none;
}

.list-view-button1 ul li ul li:nth-child(2) {
  display: none;
}

.list-view-button1 ul li:nth-child(2) {
  display: none;
}

.list-view .list.list-view-filter .text-p {
  padding-top: 3rem;
}

.list-view .list.list-view-filter.list-view-button1 .text-p {
  padding-top: 1rem;
}

.list-view .list.list-view-filter.list-view-button1 li ul li {
   width:20%;
}
.list-view .list.list-view-filter.view-container li ul li {
   width:20%;
}

.list-view .list.list-view-filter.view-container.list-view-button1 li ul li {
   width:25%;
}

.list-view {
    padding:20px;
}

.list-view .list {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
display: flex;
}

.media-image {
  width: 100%;
  height: 225px;
  overflow: hidden;
  background-color: #dfe1e5;
}

.list-view .media-image {
  height: auto;
  max-height: 212px;
}

.list-view .bg-sign li {
  background-color: transparent!important;
}

.list-view li {
    background-color: #f9f9fa;
    color: black;
    transition: 0.3s;
    border-bottom: 0px solid #f1f1f1;
}

.bg-dark .list-view li {
  background-color: #252c4a;
  color: white;
  transition: 0.3s;
  border-bottom: 0px solid #f1f1f1;
}


.list-view li.first {
    background-color: transparent;
    text-align: center;
}

.list-view .list.list-view-filter {
flex-direction: column;
}

.list-view .list.list-view-filter li {
padding: 10px;
border-radius: 4px;
}

.list-view .list.list-view-filter li ul  {
    padding:0;
    list-style: none;
}

.list-view .list.list-view-filter li ul li {
    width:16.66%;
    float:left;
    border-bottom: 0px solid white;
    background-color: transparent;
    text-align: center;
}
.list-view .list.grid-view-filter {
flex-flow: row wrap;
}

 .list-view .list.grid-view-filter li {
    list-style: none;
}

.list-view .list.grid-view-filter ul {
    padding: 0;
}

.bg-dark .list-view .list.grid-view-filter li {
  background-color: #252c4a;
}

 .bg-dark .list-view .list.grid-view-filter li ul li p {
  color: white;
}

.list-view .list.grid-view-filter li {
    background-color: #ebedf2;
    width: calc(25% - 10px);
    padding: 0;
    margin-right: 10px;
    margin-bottom: 5px;
    border-bottom: 0px solid white;
}

.list-view .list.grid-view-filter li ul li {
    width: auto;
    padding: 0;
    margin-right: 0;
}

.list-view .list.grid-view-filter li ul li p {
    padding: 0px 15px 0 15px;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 500;
    color: #48465b;
}

 .list-view .list.grid-view-filter .toolsm {
   justify-content: right!important;
   margin-right: 10px;
 }

.list-view .list.grid-view-filter li ul li p.sub-title {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}

.list-view .list.grid-view-filter li ul li .manage-page {
    padding: 0 15px 15px 15px;
    float: right;
}

.list-view .list.grid-view-filter li ul li .image-page {
    min-height: 240px;
    background-color: #dce1f1;
}

.list-view .list.grid-view-filter li.first {
    display: none;
}

.bdt-15 {
  height: 15px;
  width: 100%;
 /* background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(122,114,255) 0%, rgba(255,245,171) 35%, rgba(2,212,255) 100%);*/
  background: rgb(0,97,255);
  background: linear-gradient(90deg, rgba(0,97,255,1) 0%, rgba(68,139,255,1) 51%);
  border-radius: 4px 4px 0 0;
}

.bdt-16 {
  height: 15px;
  width: 100%;
 /* background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(122,114,255) 0%, rgba(255,245,171) 35%, rgba(2,212,255) 100%);*/
  background: rgb(0,97,255);
  background: linear-gradient(90deg, rgba(0,97,255,1) 0%, rgba(68,139,255,1) 51%);
  border-radius: 4px 4px 0 0;
}

.bdt-17 {
  height: 15px;
  width: 100%;
  background: #ffc107;
  background: linear-gradient(90deg, #ffc107 0%, rgb(255 215 68) 51%);
  border-radius: 4px 4px 0 0;
}

.color-font {
  background: -webkit-gradient(linear, left top, right top, from(#12c2e9), 
  color-stop(#c471ed), to(#f64f59));
  background: -webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
  background: -o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
  background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

:root {
  --std-section-margin:60px;
  --std-sub-section-margin:48px;
  --std-card-padding:36px;
  --modal-dialog-margin:20px;
}

.w-360 {
  width: 100%;
}

.p-36 {
  padding: 36px;
}

.form-control:disabled {
  background-color: transparent;
  opacity: 1;
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.scoll {
  overflow-y: scroll;
  overflow-x: hidden;
}

.modal-100 {
  width: 85%;
}

.table-theme tbody td:last-child {
  border-radius: 0px!important;
}

.custom-select {
  width: 80px;

}



/*.page-header .nav-item .active {
  background-color: #ffc107;
}*/

.page-header .dropdown-item.roll:hover, .dropdown-item.roll:focus, .dropdown-item.roll.active:hover, .dropdown-item.roll.active:focus {
  background-color: rgb(255 230 155);
}

.bg-dark .page-header .dropdown-item.roll:hover, .bg-dark .dropdown-item.roll:focus, .bg-dark .dropdown-item.roll.active:hover, .bg-dark .dropdown-item.roll.active:focus {
  background-color: rgb(33 150 243);
}

.bg-dark ._bM5ap {
  background-color: #1c233f !important;
}

.bg-dark  hr{
  border-color: rgb(57 76 88 / 15%);
}


.bg-dark .table-theme thead {
  color: white;
}

.bg-dark .btn-white, .bg-dark .card, .bg-dark .block, .bg-dark .list-group, .bg-dark .ui-switch i:before, .bg-dark .table-theme tbody td {
  color: #b9c0d3;
  background-color: #252c4a;
}
                                                          

.bg-dark ._bM5ap {
  background-color: white;
}

.listset{
  list-style: none;
  line-height: 40px;
  font-size: 16px;
} 

.listset ul{
  list-style: none;
  padding: 0;
} 

.btn svg {
  width: 24px;
}
.table-theme thead {
  font-size: 1rem;
}
.dropdown-menu.show {
  border-radius: 6px;
}
.btn {
  font-size:1rem;
}
:lang(th) .btn {
  padding: 0.402rem 0.625rem;
}
:lang(en) .btn {
  padding: 0.402rem 0.75rem;
}
a {
  color:var(--c-black-gray);
  font-family:'Work Sans' ,'thongterm';
}
a:hover {
  color:var(--c-black);
}
ol, ul, dl {
  padding-left: 20px;
}

.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: rgba(0, 0, 0, 0.8);
cursor: move;
}

select .form-control::after {
  top: 6px;
right: 10px;
position: absolute;
}

.card:hover .overlay {
opacity: 1;
cursor: pointer;
}

.overlay  svg{
height: 30px;
width: 30px;
}

/*.text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}*/

.modal-body {
  padding: 2rem;
}

.modal-body .btn svg {
  color: white;
}

.modal-body .btn-group .btn svg {
  color: #448bff;
}

.modal-body .btn-group .btn:hover svg{
  color: white;
}

.modal-body .btn-group .btn.active svg{
  color: white;
}

#datatable_length {
  display: none;
}

#datatable_filter {
  display: none;
}

.box-shadow {
box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12)

}

.fillter-right {
  float: right;
}

.dropdown-item {
  padding: 0.5rem 1.5rem;
}
.ac .dropdown-toggle::after {
  display: none;
}
.table-theme thead {
  font-size: 1rem;
}

.pagination .page-link, .pagination li a {
  border-radius: 4px;
}

.bg-dark .select2-container--default .select2-dropdown {
  background-color: #1c233f;
}

.table-theme tr {
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}
.avatar {
  margin: 0 auto;
}

.page-item {
  background-color: white;
  border-radius: 4px ; 
  margin: 0 4px ;
}

.bg-dark .page-item {
  background-color: #252c4a;
  border-radius: 4px ; 
  margin: 0 4px ;
}

.bg-dark .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 0px solid #aaa;
  background-color: #252c4a;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 0px solid #aaa;
}

.pagination .active .page-link, .pagination .active a {
  border-radius: 4px ; 
}

.text-md {
  font-size: 1rem;
}


/*---------------------------------
4. Border
---------------------------------*/

.btn-prime {
  color:var(--white);
  background-color:var(--c-primary);
  border-color:var(--c-primary);
}
.btn-prime:hover,.btn-prime.active {
  color:var(--white);
  background-color:var(--c-secondary);
  border-color:var(--c-secondary);
}
.btn-sub {
  color:var(--white);
  background-color:var(--c-secondary);
  border-color:var(--c-secondary);
}
.btn-sub:hover,.btn-sub.active {
  color:var(--white);
  background-color:var(--c-primary);
  border-color:var(--c-primary);
}
.btn-std {
  color:var(--white);
  background-color:var(--c-tertiary);
  border-color:var(--c-tertiary);
}
.btn-std:hover,.btn-std.active {
  color:var(--white);
  background-color:var(--c-tertiary-d);
  border-color:var(--c-tertiary-d);
}
.btn-light-gray {
  color:var(--c-black-gray);
  background-color:var(--c-light-gray);
  border-color:var(--c-light-gray);
}
.btn-light-gray:hover,.btn-light-gray.active {
  color:var(--c-black-gray);
  background-color:var(--c-gray);
  border-color:var(--c-gray);
}
.btn-sm,.btn-group-sm>.btn {
  padding-left:1rem;
  padding-right:1rem;
}
.btn:hover, .btn:active {
  box-shadow: none;
}
.hvr-float {
  vertical-align:middle;
  -webkit-transform:perspective(1px) translateZ(0);
  transform:perspective(1px) translateZ(0);
  box-shadow:0 0 1px rgba(0,0,0,0);
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
  -webkit-transition-property:transform;
  transition-property:transform;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
}
.hvr-float:hover,.hvr-float:focus,.hvr-float:active {
  -webkit-transform:translateY(-8px);
  transform:translateY(-8px);
}

/* Grow */
.hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}



.hvr-zoom:hover {
  z-index: 1;
  -webkit-box-shadow: 0 8px 12px 0 rgb(49 103 180 / 10%);
  box-shadow: 0 8px 12px 0 rgb(49 103 180 / 10%);
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
  background-color: white;
}

.modal-icon svg {
  width: 50px;
  height: 50px;
  color: black;
}

/*.bg-dark .modal-icon svg {
  color: white;
}*/

.bg-dark .modal-icon svg path{
  fill: white;
}

.bg-dark #logout .modal-icon svg {
  width: 50px;
  height: 50px;
  color: white;
}

.bg-dark #logout .modal-icon svg path{
  fill: transparent;
}


/*.table tr {
  -webkit-transform:perspective(1px) translateZ(0);
  transform:perspective(1px) translateZ(0);
  box-shadow:0 0 1px rgba(0,0,0,0);
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
  -webkit-transition-property:transform;
  transition-property:transform;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
}

.table tr:hover,.hvr-float:focus,.table tr:active {
  -webkit-transform:translateY(-8px);
  transform:translateY(-8px);
}*/

.ml-auto svg:hover {
  color: var(--c-black)!important;
}

.bg-dark  .ml-auto svg:hover {
  color: white!important;
}

/*---------------------------------
5. Shadow
---------------------------------*/


/*---------------------------------
6. Customized
---------------------------------*/
.post-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;
}
.accordion > .card {
  border-bottom: 1px solid #efefef!important;
}

.loader {
  background-color: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  display: grid;
  height: 100%;
  place-items: center;
}

.loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader ::before,
.loader ::after {
  position: absolute;
  content: "";
  box-sizing: border-box;
}

.mini_logo_serenald .loader-container .web-logo {
  width: 30px;
  height: auto;
}

.sign-in {
  width:100%; 
  position: absolute;
  z-index:2;
}

.accordion a {
  display: block;
  width: 100%;
}

.accordion .table-theme tr {
  text-align: left;
}

.note-editor.note-frame {
  background-color: #f8f8f8;
}

.wrapper {
margin: 30px;
padding: 30px;
background: #fff;
width: 360px;
height: 640px;
display: flex;
flex-direction: column;
}

.wrapper-cell {
display: flex;
margin-bottom: 30px;
}

@-webkit-keyframes placeHolderShimmer {
0% {
  background-position: -468px 0;
}
100% {
  background-position: 468px 0;
}
}

@keyframes placeHolderShimmer {
0% {
  background-position: -468px 0;
}
100% {
  background-position: 468px 0;
}
}
.animated-background, .text-line, .image {
-webkit-animation-duration: 1.25s;
        animation-duration: 1.25s;
-webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
-webkit-animation-name: placeHolderShimmer;
        animation-name: placeHolderShimmer;
-webkit-animation-timing-function: linear;
        animation-timing-function: linear;
background: #F6F6F6;
background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
background-size: 800px 104px;
height: 96px;
position: relative;
}

.image {
height: 60px;
width: 60px;
}

.text {
margin-left: 20px;
}

.text-line {
height: 10px;
width: 100%;
margin: 4px 0;
}

.close-ab {
  padding-bottom: 15px!important;
}

.overlay .text {
color: white;
font-size: 20px;
position: absolute;
top: 45%;
left: 45%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}

.overlay .text2 {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}

.ace-tm {
  background-color: #090033!important;
  color: white!important;
  height: 400px;
}

.modal-header {
  padding: 15px;
}

.modal-content .bg-transparent {
  background-color: transparent;!important;
}

.bg-dark .modal-content {
  background-color: #1c223b;
}

.bg-dark a {
  color: white;
}

.bg-dark .text-dark {
  color: white!important;
}

#modal-add-user .select2-container--default .select2-selection {
  min-height: 37px;
}

#modal-add-user .select2-container {
  width: 100%!important;
}

.modal-content .select2-container {
  width: 100%!important;
}

.clamp-h-2x {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.clamp-h-3x {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.select2-dropdown {
  z-index: 1055;
}

.icon {
color:var(--c-black-gray);
cursor:pointer;
}
.icon:hover {
color:var(--c-black);
}
.icon.active {
color:var(--c-primary);
}
.icon.active>.active-color-icon {
color:var(--c-primary);
opacity:1;
}
.social-icon {
fill:#b1b1b1;
max-width:24px;
height:auto!important;
}
.social-icon:hover {
fill:var(--c-primary);
}
.rounded-t-0 {
  border-top-left-radius:0px;
  border-top-right-radius:0px;
}
.rounded-b-0 {
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
}
.rounded-l-0 {
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
}
.rounded-r-0 {
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
}
.bg-light-gray {
  background-color:var(--c-light-gray);
}
.bg-black-gray {
  background-color:var(--c-black-gray);
}
.bg-white-gray {
  background-color:var(--c-white-gray);
}
.bg-gray {
  background-color:var(--c-gray);
}
.bg-dark-gray {
  background-color:var(--c-dark-gray);
}

video {
object-fit: cover;
width: 100vw;
height: 100vh;
min-height: 100vh;
position: relative;
}

.bg-video .carousel-item {
  height: 100vh;
  z-index: 0;
}

.ace-tm .ace_print-margin {
  width: 0!important;
}

.viewport-header {
position: relative;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}

/*Profile Pic Start*/
.picture-container{
  position: relative;
  cursor: pointer;
  text-align: center;
  margin: 50px auto;
  width: 106px;
  height: 106px;
}

.picture-container i {
  position: absolute;
  top: 0;
  right: 5px;
}

.tab-features.in {
  border-top: 0px solid #dfdfdf;
  border-bottom: 0px solid #dfdfdf;
}

.card-icon svg {
  width: 20px;
}

/*.picture{
  width: 106px;
  height: 106px;
  background-color: #999999;
  border: 4px solid #CCCCCC;
  color: #FFFFFF;
  border-radius: 50%;
  margin: 0px auto;
  overflow: hidden;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}*/

.picture input[type="file"] {
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0 !important;
  position: absolute;
  top: 0;
  width: 100%;
}

.picture-src{
  width: 100%;
  
}
/*Profile Pic End*/

body.bg-gradient {
  background: #2196f3;
  background: -moz-linear-gradient(45deg, rgba(250,82,80,1) 0%, rgba(203,192,157,1) 100%);
  background: -webkit-linear-gradient(
45deg
, #2196f3 0%, #03a9f4 100%);
  background: linear-gradient(
45deg
, #2196f3 0%, #03a9f4 100%);
}

.text-sm {
  font-size:0.8 !important;
}
.text-lg {
  font-size: 2rem !important;
}
.text-muted {
  color:var(--c-dark-gray) !important;
  font-weight: 400;
}
.modal-backdrop {
  z-index:1050;
}
.modal {
  z-index:1055;
  font-family: 'Work Sans' ,'thongterm';
  font-weight: 500;
}
.modal .close {
  cursor: pointer;
}
.modal.modal-secondary {
  background-color:rgba(0,0,0,0.5);
}
/*.modal-header {
  padding:var(--std-card-padding) var(--std-card-padding);
}
.modal-body {
  padding:var(--std-card-padding);
}
.modal-footer {
  padding:var(--std-card-padding);
}*/
.tooltip {
  z-index: 1051;
}
.bootstrap-tagsinput {
  width: 100%;
  border-color: rgba(135, 150, 165, 0.15);
  border-width: 1px;
  border-radius: 0.25rem;
  box-shadow: none;
}
.bootstrap-tagsinput .tag.label-info{
  background-color:var(--c-light-gray);
  color:var(--c-black-gray);
  font-size: 1rem;
  margin: 2px 0;
}
.bootstrap-tagsinput .label {
  display: inline-block;
  padding: .25em .4em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,
  border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.frame-builder_p {
  padding:var(--std-card-padding) 0;
  border: 1px dashed  var(--c-dark-gray);
  position: relative;
  margin-bottom: 3rem!important;
}
.frame-builder_p>.above {
  position: absolute;
  cursor: pointer;
  top: -13px;
  left: 50%;
  transform: translate(-50%,0);
  fill:var(--white);
  z-index: 5;
}
.frame-builder_p>.below {
  position: absolute;
  cursor: pointer;
  bottom: -13px;
  left: 50%;
  transform: translate(-50%,0);
  fill:var(--white);
  z-index: 5;
}
.frame-builder_no-p {
  border: 1px dashed  var(--c-dark-gray);
  position: relative;
  margin-bottom: 3rem!important;
}
.frame-builder_no-p>.above {
  position: absolute;
  cursor: pointer;
  top: -13px;
  left: 50%;
  transform: translate(-50%,0);
  fill:var(--white);
  z-index: 5;
}
.frame-builder_no-p>.below {
  position: absolute;
  cursor: pointer;
  bottom: -13px;
  left: 50%;
  transform: translate(-50%,0);
  fill:var(--white);
  z-index: 5;
}
.frame-builder_empty {
  background-color: #d9e7eb;
  padding:var(--std-card-padding);
  border: 1px dashed  var(--c-dark-gray);
  position: relative;
}
.frame-builder_empty .btn {
  color: var(--c-black-gray);
  margin: 0.125rem;
}
.frame-builder_empty .btn:hover {
  background-color:var(--white);
}
.frame-builder_empty .btn.no-hover:hover {
  background-color:transparent;
  color: inherit;
}
.frame-builder_p>.frame-builder_tool>div>div {
  background-color:var(--c-light-gray);
  width:1.5rem;
  height:1.75rem;
}
.frame-builder_no-p>.frame-builder_tool>div>div {
  background-color:var(--c-white-gray);
  width:1.5rem;
  height:1.75rem;
}
.frame-setting {
  position: absolute;
  right: -1.938rem!important;
  transform: translate(0,-50%);
  z-index: 5;
}
.frame-builder_tool {
  position: absolute;
  top: 50%;
  right: 0.938rem;
  transform: translate(0,-50%);
  z-index: 5;
}
.frame-builder_tool div div:hover {
  background-color:var(--c-primary);
}
.frame-builder_tool div div:hover svg {
  color:var(--white); 
}
.frame-builder_tool div div:hover svg circle {
  fill:var(--white); 
}
.frame-builder_tool div div:hover svg path {
  fill: var(--white);
  stroke: #fff;
}
.frame-builder_move {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 7;
}
.frame-builder_move .x {
position: absolute;
cursor: pointer;
color: #fff;
width: 24px;
height: auto;
top: 15px;
right: 15px;
}
.frame-builder_move .move-group {
width: 165px;
  display: block;
  height: 95px;
  position: relative;
}
.frame-builder_move .move-group .btn.btn-blank {
background-color: rgba(0,0,0,0.7);
}
.frame-builder_move .move-group .btn.btn-blank .icon {
opacity: 0;
visibility: hidden;
}
.frame-builder_move .move-group .btn .icon {
color: #707070;
}
.frame-builder_move .move-group .btn {
background-color: #fff;
position: absolute;
}
.frame-builder_move .move-group .btn.up {
top: 0;
left: 50%;
margin-right: -50%;
transform: translate(-50%, 0);
}
.frame-builder_move .move-group .btn.left {
top: 50%;
left: 0;
transform: translate(0, -50%);
}
.frame-builder_move .move-group .btn.right {
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.frame-builder_move .move-group .btn.down {
bottom: 0;
left: 50%;
margin-right: -50%;
transform: translate(-50%, 0);
}
.frame-builder_move .move-group .btn.active {
background-color: #F3C416;
}
.frame-builder_move .move-group .btn.active .icon {
color: #fff;
}
.l-through {
  overflow: hidden;
  text-align: center;
}
.l-through > span{
  position: relative;
  display: inline-block;
}
.l-through > span:before, .l-through > span:after{
  content: '';
  position: absolute;
  top: 50%;
  height:1px;
  background-color:var(--c-black-gray);
  width: 1.875rem;
  margin: 0 0.938rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.l-through > span:before{
  right: 100%;
}
.l-through > span:after{
  left: 100%;
}
.line-through:before,.line-through:after {
  content:'\00a0\00a0\00a0\00a0';
  text-decoration: line-through;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.line-through:before {
  left: 0;
}
.line-through:after {
  right: 0;
}
.line-through {
  position: relative;
  padding: 0 1.875rem;
}
.nav-active-text-primary .nav-link.active, .nav-active-text-primary .nav-item.active > a, .nav-active-text-primary .nav > li.active > a, .nav-active-text-primary .nav-sub > li.active > a {
  color:var(--c-primary)!important;
}
.navbar.navbar-expand-lg {
  justify-content:space-between;
}
.navbar.navbar-expand-lg .navbar-collapse {
  flex-grow: inherit;
}
.sidenav {
  background-color:var(--white);
}
.bg-dark .sidenav {
  background-color: #1d2644 !important;
}

.form-control {
  background-color: #fafafa;
}

.bg-dark .form-control {
  background-color: #292f4a;
}

.sidenav .navbar-brand {
  color:var(--black);
}
.sidenav ul a {
  color:var(--c-black-gray);
}

.sidenav ul a:hover {
  color:black;
}

.bg-dark .dropdown-divider {
  border-color: #353535;
}

.dropdown-divider {
  margin: 0;
}

.sidenav .nav li li a:hover {
  color:black;
  background: rgb(244,173,20);
  background: linear-gradient(90deg, rgba(244,173,20,1) 0%, rgba(255,208,107,1) 53%);
  color: white!important;
  border-radius: 3px;
}

.sidenav .nav li li a:hover path {
  fill: white;
}

.bg-dark .sidenav .nav li li a:hover {
  color:#c7c7c7;
}

.bg-dark .sidenav ul a {
  color:var(--white);
}
.sidenav .nav li>a {
  margin: 5px 10px;
}

.sidenav .nav li>a>.nav-text {
  margin:0 0.938rem;
}

.sidenav .nav li li a .nav-text {
  padding: 0.7rem 0;
}


.sidenav .nav li>a.active  {
  background-color: #f4ad14 !important;
  color: white;
  margin: auto 10px;
  border-radius: 3px;
}

.sidenav .nav li.active>a  {
  background: rgb(0,97,255);
  background: linear-gradient(90deg, rgba(0,97,255,1) 0%, rgba(68,139,255,1) 51%);
  color: white!important;
  margin: 5px 10px;
  border-radius: 3px;
}

.nav-sub li.active>a {
  background-color:  #f4ad14 !important;
}

.sidenav .nav li.active>a svg {
  color: white;
}

.sidenav .nav li.active>a svg path {
  fill: white;
}

.sidenav .nav .nav-mega li svg {
  margin: 8px;
}

.sidenav .nav li>a.active svg {
  color: white;
}

i.bg-dark {
  background-color: #949494  !important;
}

.nav-icon {
  opacity: 1;
}
.navbar-brand>span {
  color: #c3c3c3;
}

.bg-dark .navbar-brand>span {
  color: white;
}

.bg-dark .page-sidenav { 
  border-right: 1px solid #192039;
}

.page-sidenav {
  /*box-shadow:0 4px 8px rgba(40,40,40,.2);*/
  /*border-right: 1px solid #e1e1e1;*/
  z-index:1050!important;
  min-width:17.813rem;
  transition: min-width 0.15s ease;
}
.page-sidenav .nav-icon.nav__icon-folded {
display:none;
}
.page-sidenav.folded .nav-icon.nav__icon-folded {
display:-ms-flexbox;
display:flex;
}
.page-sidenav.folded .nav-icon {
display:none;
}

.navbar-brand img,.navbar-brand svg {
  width:auto!important;
}
.folded .nav>li>a .nav-badge {
  display:none;
}
.nav-badge.badge-mini {
  display:none;
}
.folded .nav>li>a .nav-badge.badge-mini {
  display:block;
}
.badge {
  font-size: 0.825rem;
  font-weight: normal;
}
.slick-track {
  padding-top:10px;
}
.slick-arrow:after {
  padding:0;
}
.slick-prev:after {
  content:"";
  background-image:url("../img/chevron-left.svg");
  background-repeat:no-repeat;
  background-size:24px;
  width:24px;
  height:24px;
  display:block;
}
.slick-next:after {
  content:"";
  background-image:url("../img/chevron-right.svg");
  background-repeat:no-repeat;
  background-size:24px;
  width:24px;
  height:24px;
  display:block;
}
.slick-arrow-top .slick-arrow {
  right:0.938rem;
  top:-6.25rem;
  padding:0;
}
:lang(en) .slick-arrow-top .slick-arrow {
  top:-5.85rem;
}
.slick-arrow-top .slick-prev {
  right:2rem;
}
.list-index .list-item:before {
  display:none;
}

.carousel-fade .carousel-item {
opacity: 0;
transition-duration: .6s;
transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
transform: translateX(0);
transform: translate3d(0, 0, 0);
}

.carousel-indicators {
  justify-content:flex-end;
  margin-right:5%;
  margin-left:5%;
  bottom: 20px;
}
.carousel-indicators li {
  border-bottom:none;
  border-top:none;
  width:7px;
  height: 7px;
  border-radius:7px;
}
.nav-pills .nav-link {
  border-radius: 0.25rem;
  background-color: #afafaf;
  color: white;
  margin: 5px;
}

.nav-pills .nav-link:hover {
  color: white;
  background-color: #448bff;
}

.nav-pills .nav-link {
  color: #212529;
  background-color: transparent;
}

.modal .nav-link svg {
  width: 16px;
  height: 16px;
}

.bg-dark .nav-pills .nav-link {
  color: white;
}

.nav-pills .nav-link[data-toggle="dropdown"].active,.nav-pills .show>.nav-link[data-toggle="dropdown"] {
  background-color:transparent;
  color:inherit;
}
.form-control::-webkit-input-placeholder {
  color:var(--c-black-gray);
  opacity:1;
}
.form-control::-moz-placeholder {
  color:var(--c-black-gray);
  opacity:1;
}
.form-control:-ms-input-placeholder {
  color:var(--c-black-gray);
  opacity:1;
}
.form-control {
  font-size:1rem;
  /*color:var(--c-black);*/
}
.col-form-label {
  color:var(--c-black);
}
.custom-select {
  font-size:1rem;
}
.input-group .custom-select {
  color:var(--c-black);
  background-color:var(--c-light-gray);
  border-color:var(--c-black);
}
.list-title-table {
  display:table;
  table-layout:fixed;
  width:100%;
}
.list-title-table .list-title-table__table-cell {
  display:table-cell;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.list-overlay .list-body .list-title,.list-hover-overlay .list-body .list-title {
  color:var(--white);
}
.dropdown-menu {
  padding:0;
}
.dropdown-item span {
  color:var(--c-black);
}

.bg-dark .dropdown-item span {
  color:var(--white);
}
.twitter-typeahead .dropdown-menu {
  width: 100%;
}
.twitter-typeahead .dropdown-menu .dropdown-item {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.twitter-typeahead .dropdown-menu .dropdown-item span {
  color:var(--c-dark-gray);
}
.twitter-typeahead .dropdown-menu .dropdown-item:hover span, .twitter-typeahead .dropdown-menu .dropdown-item:focus span, .twitter-typeahead .dropdown-menu .dropdown-item.active:hover span, .twitter-typeahead .dropdown-menu .dropdown-item.active:focus span {
  color:var(--c-black);
}
.media-content:before {
  display:none;
}
.nav-active-border .nav-link {
  color:var(--c-black-gray);
  padding-left: 2rem;
  padding-right: 2rem;
}
.nav-active-border .nav-link.active {
  color:var(--c-black);
}

.bg-dark .nav-active-border .nav-link.active {
  color:white;
}
.nav-active-border li > a.active:before, .nav-active-border .nav-link.active:before {
  border-bottom-color:var(--c-primary);
}
.ui-check > i {
  border-radius: 3px;
}
.ui-switch {
  background-color:var(--c-primary-l);
}
.ui-switch i:before {
  background-color:var(--c-gray);
  border-color:var(--c-gray);
}
.ui-switch input:checked + i:before {
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  border-radius: 30px;
  background-color:var(--c-primary-l);
}
.ui-switch i:after {
  background-color:var(--c-dark-gray);
}
.ui-switch-md input:checked + i:after {
  background-color:var(--c-primary);
}
.ui-check input:checked + i {
  background-color:var(--c-primary);
}
.ui-check-md input:checked + i:before {
  width: 14px;
  height: 14px;
}

.dd-list ol li .dd3-content {
  background-color: #efefef;
  border: 1px solid #efefef;
}

.dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0;}

.dd-item.dd-bg-color .dd3-handle,.dd-item.dd-bg-color .dd3-content { border-color: #d9e7eb;background:#d9e7eb;  }

.dd-handle {
  display: block;
  height: 60px;
  padding: 15px;
  margin: 5px 0;
  text-decoration: none;
  background: #F4F4F4;
  border-radius: 3px;
  box-sizing: border-box;}

.dd-item > button[data-action="collapse"] {display: none;}

.bg-dark .dd-placeholder, .bg-dark .dd-empty { background: #313b60;}

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                    -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                       -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                            linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
          box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}
.dd-hover > .dd-handle { background: #2ea8e5 !important; }

.dd3-content { display: block; height: 60px; margin: 12px 0; padding: 8px 20px 5px 80px; color:var(--c-black); text-decoration: none; 
  border: 1px solid #ececec;
  background: #ececec;
          border-radius: 3px;
  box-sizing: border-box; -moz-box-sizing: border-box;
}

#myDIV {
  display: none;
}

#myDIV1 {
  display: none;
}

#myDIV2 {
  display: none;
}
#myDIV3 {
  display: none;
}

.h-auto {
  height: auto!important;
}

.bg-dark .dd-handle {
  background: #151b31;
}

.bg-dark .dd3-content {
  color: white;
  border: 1px solid #212944;
  background: #212944;
}

.bg-dark .dd-list ol li .dd3-content {
  background-color: #2c365a;
  border: 1px solid #2c365a;
}

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 60px; white-space: nowrap; overflow: hidden;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.owl-carousel .owl-stage-outer {
  padding-top: 0.625rem;
}
.owl-theme .owl-dots .owl-dot span,.owl-theme .owl-dots .owl-dot:hover span {
  width: 7px;
  height: 7px;
  margin: 5px 3px;
  background: var(--c-gray);
  transition: all .2s ease;
  border-radius: 7px;
}
.owl-theme .owl-dots .owl-dot.active span {
  width: 20px;
  background: var(--c-dark-gray);
}
._text h1,._text h2,._text h3,._text h4,._text h5,._text h6{
  margin-bottom: 1rem;
}
._text p:last-child {
  margin-bottom: 0;
}
._gallery .card-columns {
  column-count:6;
}
._tags .badge {
background-color:var(--c-light-gray);
color:var(--c-black-gray);
font-size:1rem;
padding: 0.438em 0.4em;
}
._tags .badge:hover {
background-color:var(--c-primary);
color:var(--white);
}
._comment .card {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
._comment .card .card-header {
  border: none;
  padding: 0;
}
.datepicker {
  font-size: 1rem;
}
@media (max-width:1199.98px) {
  .hide-lebel {
      display: none;
  }
}
@media (max-width:991.98px) {
  h1, .h1 {
  font-size: 1.8rem;
}
  .page-sidenav {
      z-index:1060 !important;
  }
  .page-sidenav > * {
      width: 17.5rem!important;
  }
  ._gallery .card-columns {
  column-count:4;
}
}
@media (max-width:767.98px) {


.sign-in {
  top: 0;
}

.w-360 {
  width: 100%;
}

.close-ab {
  position: absolute;
  right: 15px;
  top: 15px;
}

.dm-block {
  display: block!important
}

video {
height: auto;
}
._gallery .card-columns {
  column-count:2;
}
.modal-dialog {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.modal-dialog .modal-content {
  border-radius: 0;
}
body.bg-gradient {
  background:var(--white);
}
}

@media (max-width:575.98px) {
}
@media (min-width:1600px) {
.col-hh-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
}
@media (min-width:992px) {
  
  .page-container {
      max-width: 1280px;
  }
  .folded {
      min-width: 0;
  }
  .nav-dropup .nav > li > ul a, .folded.nav-dropdown .nav > li > ul a {
      padding-left: 0!important;
      padding-right: 0!important;
  }
  .nav-dropup .nav > li > ul .nav-text, .folded.nav-dropdown .nav > li > ul .nav-text {
      font-size: 14px;
  }
}

.page-footer ._col {
flex:0 0 20%;
max-width:20%;
}
.page-footer ._col._colsecondary {
flex:0 0 13%;
max-width:13%;
}
.page-footer ._col ul li {
margin-bottom:0.188rem;
}
.page-footer ._col ul li a {
color:#777;
display:block;
line-height:normal;
padding:0.188rem 0.625rem;
}
.page-footer ._col ul li:hover a {
color:#fff;
background-color:var(--c-primary);
border-radius:0.188rem;
transition:all 0.3s ease;
}
.page-footer ._col h6 {
padding-left:0.625rem;
padding-right:0.625rem;
}
.page-footer ._col._colsecondary>a {
padding:0.625rem;
}
.page-footer ._col._colsecondary>a:hover, .page-footer ._col._colsecondary>a.active {
color:#fff;
background-color:var(--c-secondary);
border-radius:0.188rem;
transition:all 0.3s ease;
}
.w-140 {
width:140px;
}
.w-350 {
width:350px;
}
.w-90p {
width:90%;
}
._jB7az a {
color:var(--c-black-gray);
}
._jB7az a:hover {
color:var(--c-black);
}
._jB7az a:first-child:hover {
color:var(--c-primary);
}
._jB7az a.active {
color:var(--c-primary);
}
._jB7az a.active>.active-color {
color:var(--c-primary);
opacity:1;
}
._uI8ok .flat-icon {
width:auto;
height:24px;
margin-right:.5rem;
}
._uI8ok label {
padding:0.625rem 1.5rem 0.313rem;
display:block;
margin:0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
._uI8ok .dropdown-item i,._uI8ok .dropdown-item svg {
margin-left:0;
}
._uI8ok .dropdown-item {
padding-top:0.625rem;
padding-bottom:0.625rem;
}
._jJ6cx .logo {
max-width:48px;
height:auto !important;
}
._jJ6cx .footer-brand {
font-family:'CircularStd';
color:var(--c-primary);
}
._hd1We {
text-align:center;
}
._hd1We .btn {
margin:2px;
}
._hd1We .btn:first-child {
margin-left:0;
}
._gh5Tr {
position:relative;
width:640px;
}
._gh5Tr .twitter-typeahead {
width:100%;
}
._gh5Tr .form-control {
border-width:0 0 1px 0;
border-color:var(--c-gray);
border-radius:0;
padding-right:2.5rem;
}
._gh5Tr button {
z-index:1;
position:absolute;
right:0.75rem;
top:50%;
-webkit-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
color:var(--c-black-gray);
}
._gh5Tr .form-control:not(.is-valid):not(.is-invalid):focus {
border-color:var(--c-black);;
}
._jh7Rz .btn {
width:360px;
}
._bvR5d {
width:4rem;
height:3.2rem;
padding:0 !important;
border-radius:3px;
margin:0 1rem;
}
._bvR5d:hover {
border:1px dashed #fff;
}
._bvR5d svg {
width:24px;
height:auto;
}
._mNg3a .list-title {
padding-right:60px;
}
._mNg3a ._mNg3b {
cursor:pointer;
z-index:1;
position:absolute;
right:0;
top:50%;
-webkit-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
color:#777;
}
._mNg3a ._mNg3b:hover {
color:var(--c-primary);
}
._mNg3a ._mNg3b.active {
color:var(--c-primary);
}
._mNg3a ._mNg3b.active>.active-color {
color:var(--c-primary);
opacity:1;
}
.bg-dark .form__input-group-header .input-group-prepend {
  background-color:#252c4a!important;
}

.bg-search {
  background-color:white!important;
}

.bg-dark .form__input-group-header .form__control-header {
  background-color:#252c4a!important;
  color: white;
}

.form__input-group-header .form__control-header {
width:130px;
background-color:#eaeaea;
color:#000;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s;
border-top-left-radius:0;
border-bottom-left-radius:0;
}

.form__input-group-header .input-group-prepend {
padding-left:0.75rem;
border-top-left-radius:0.25rem;
border-top-right-radius:0;
border-bottom-right-radius:0;
border-bottom-left-radius:0.25rem;
background-color:#eaeaea;
}

.form__input-group-header .form__control-header:focus {
width:200px;
}
.form__input-group-header .input-group-prepend button svg {
width:16px;
height:auto;
}
.nav__item-language .dropdown-menu {
top: 90%;
min-width: auto;
}
.navbar-mode .dropdown-menu {
top: 115%;
}
._5akfds ul {
padding:0;
}
._5akfds .un_MZs {
display:inline-block;
vertical-align:middle;
}
._5akfds .un_MZs ._1HTgw {
fill:#b1b1b1;
max-width:24px;
height:auto!important;
}
._5akfds .un_MZs ._1HTgw:hover {
fill:var(--c-primary);
}
._5akfds .un_MZs:not(:first-child) {
margin-left:15px;
}
._bM5ap ul {
margin:0;
text-align:right;
padding:0;
list-style:none;
}
._bM5ap ul li {
display:inline-block;
}
._bM5ap ul li a {
color:var(--c-black-gray);
text-decoration: none !important;
}
._bM5ap ul li a:hover {
color:var(--c-black-gray);
text-decoration:underline;
-webkit-text-underline-position: under;
-ms-text-underline-position: below;
text-underline-position: under; 
}
._i7dg4e {
background-color:var(--c-white-gray);
}
._i7dg4e .toolbar .btn-icon {
width:2.625rem;
height:2.625rem;
}
._i7dg4e .toolbar>* {
margin:0 0.5rem;
}
._i7dg4e .toolbar .icon {
color:var(--c-black);
cursor:pointer;
}
._i7dg4e .toolbar .icon.active>.active-color-icon {
color:var(--c-primary) !important;
opacity:1 !important;
}
._gh2Zr .toolbar .icon {
color:var(--c-black-gray);
cursor:pointer;
}
._gh2Zr .toolbar .icon:hover {
color:var(--c-black);
}
._gh2Zr .toolbar .icon.active {
color:var(--c-primary);
}
._gh2Zr .toolbar .icon.active>.active-color-icon {
color:var(--c-primary);
opacity:1;
}
._gh2Zr .card-document ._col {
padding-bottom:15px;
}

.list-item {
  border-bottom: 1px solid whitesmoke;
}

._yT1zx .list-item {
  border-bottom: 1px solid var(--c-gray);
}
._yT1zx .list-item:hover {
  background-color:var(--c-light-gray);
}
._yT1zx .list-item .item-feed {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
._yT1zx .list-item .item-feed a:first-child {
  display: block;
}
.btn-google {
background-color:#dd4b39;
background-image:url("../img/google.svg");
background-position:0.5em;
background-repeat:no-repeat;
background-size:1em;
color:#fff;
}
.btn-google:hover {
background-color:#e47365;
color:#fff;
}
.btn-google:active {
background-color:#c23321;
color:#fff;
}
.btn-facebook {
background-color:#3b5998;
background-image:url("../img/facebook.svg");
background-position:0.5em;
background-repeat:no-repeat;
background-size:1em;
color:#fff;
}
.btn-facebook:hover {
background-color:#4c70ba;
color:#fff;
}
.btn-facebook:active {
background-color:#2d4373;
color:#fff;
}
._sD4rt {
width: 35%;
}
._sD4rt .logo {
max-height:6rem;
width:auto!important;
margin:0 auto;
display:block
}
._sD4rt .ui-check {
margin-bottom:0;
color:#000
}
._sD4rt .ui-check>i {
width:20px;
height:20px
}
._sD4rt .b-t-line {
overflow:hidden;
text-align:center
}
._sD4rt .b-t-line:after,._sD4rt .b-t-line:before {
background-color:#aaa;
content:"";
display:inline-block;
height:1px;
position:relative;
vertical-align:middle;
width:50%
}
._sD4rt .b-t-line:before {
right:.5em;
margin-left:-50%
}
._sD4rt .b-t-line:after {
left:.5em;
margin-right:-50%
}
._sD4rt .box-txt {
border: 1px solid rgba(135, 150, 165, 0.15);
max-height: 7.5rem;
}
._sD4rt.web-create {
width: 800px;
}
._sD4rt.web-create .card {
  box-shadow: none;
}
._sD4rt.web-create .b_dashed-b {
border-bottom: 1px dashed var(--c-dark-gray);
}
._sD4rt.web-create span.u {
  text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;
}
._tH5sa .icon {
position:absolute;
top:1rem;
right:1rem;
color:#fff;
z-index:1;
cursor:pointer;
width:24px;
height:auto;
}
._tH5sa .list-caption {
position:absolute;
bottom:1rem;
left:1rem;
z-index: 1;
}
._tH5sa .list-caption .text-clamp {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
._tH5sa .overlay {
  position: relative;
}
._tH5sa .overlay30p:after {
content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
._tH5sa .overlay20p:after {
content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
._tH5sa .overlay10p:after {
content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
._tH5sa .overlay5p:after {
content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.05);
}
._tH5sa .overlay0p:after {
content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
}
.modal__type-a .modal-header .v__toolbar-box .no-hover:hover,.modal__type-a .modal-header .v__toolbar-box .no-hover:active {
box-shadow:none;
}
.modal__type-a .modal-header .close {
padding:0;
margin:0;
line-height:0;
opacity:1;
color:#777;
}
.modal__type-a .modal-body .card-columns {
column-count:6;
}
.modal__type-a .modal-body .card-columns .card img {
border-radius:0.25rem;
}
.modal__type-a .icon-color.active {
color:var(--c-primary);
}
.modal__type-a .icon-color.active>.active-color {
color:var(--c-primary);
opacity:1;
}
.modal__type-a .icon-color:hover {
  color: var(--c-primary);
}
._dSs1t .txt {
color: var(--c-black);
line-height: normal;
}
._dSs1t .list-item .list-content .checkbox .ui-check i {
min-width: 20px;
}
._dSs1t .ui-check input[disabled] + i {
  opacity: 1;
  background-color: var(--c-dark-gray);
}
._ohD2q {
display: inline-block;
vertical-align: middle;
min-width: 50px;
}
._ohD2p {
display: inline-block;
vertical-align: middle;
min-width: 90px;
}
._bN1az .btn-outline {
border:2px solid transparent;
display: inline-block;
vertical-align: middle;
}
._bN1az .btn-outline:hover,._bN1az .btn-outline:active,._bN1az .btn-outline.active {
border:2px solid var(--c-primary);
}
._bN1az .btn {
width: 48px;
height: 48px;
border-color: var(--c-dark-gray);
}
._bN1ay .btn-outline {
border:1px solid transparent;
display: inline-block;
vertical-align: middle;
margin-bottom: 0.25rem;
}
._bN1ay .btn-outline:first-child {
margin-left: 0;
}
._bN1ay .btn-outline:hover,._bN1az .btn-outline:active,._bN1ay .btn-outline.active {
border:1px solid var(--c-red);
}
._bN1ay .btn {
width: 36px;
height: 36px;
}
._e5Tya .media {
  min-height: 90px;
  border-radius: 3px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
._e5Tya .media:after {
  padding-top: inherit;
}
._e5Tya .media.media-square {
  min-width: 90px;
}
._e5Tya .media.media-landscape {
  min-width: 200px;
}
._e5Tya .max-w {
  max-width: 200px;
}
._e5Tya .media-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 0 5%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border-radius: inherit;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
._e5Tya .media:hover .media-overlay {
  opacity: 1;
  pointer-events: initial;
}
._e5Tya .media ._bvR5d,._e5Tya .media ._bvR5d:hover {
  border: none;
}
._e5Tya textarea.form-control {
  background-color: var(--c-light-gray);
  min-height: 90px;
  border-color: var(--c-light-gray);
}
._e5Tya .table {
  color: var(--c-black-gray);
  margin: 0;
}
._e5Tya .table-theme tbody tr:first-child td:first-child {
  border-radius: .25rem 0 0 0;
}
._e5Tya .table-theme tbody tr:first-child td:last-child {
  border-radius: 0 0 0 .25rem;
}
._e5Tya .table-theme tbody td:first-child,.table-theme tbody td:last-child {
  border-radius: 0;
}
._e5Tya .table-theme tbody td {
  border-top: 1px solid rgba(160, 175, 185, 0.15);
}

._e5Tya .list-row .list-item {
  border-bottom: 1px solid rgba(160, 175, 185, 0.15);
}

.bg-dark .list-row .list-item {
  border-bottom: 1px solid #252c4c;
}

._e5Tya .list-row .list-item:last-child {
  border-bottom: none;
}
._e9Dyk {
position: relative;
}
._e9Dyk .icon-absolute {
position: absolute;
top: 50%;
right: 0.5rem;
transform: translate(0, -50%);
z-index: 1;
}
._e0Dyk {
margin: 1rem 0;
background-color: var(--white);
}
._e0Dyk .navbar-menu {
background-color: var(--white);
}
._e0Dyk .navbar-menu:hover, ._e0Dyk .navbar-menu.active {
background-color:var(--c-white-gray);
}
._hB6yt .media-box {
position: absolute;
top: 1rem;
right: 1rem;
z-index: 3;
}
._hB6yt .media-box .ui-check > i {
  border-radius: 50%;
  background-color:var(--white); 
}
._hB6yt .media-box .ui-check input:checked + i {
  background-color:var(--c-primary);
}
._hB6yt .list-checked {
  border:1px solid var(--c-primary);
}
._hB6yt .list-create {
border: 1px dashed var(--c-dark-gray);
}
._hB6yt .media-action {
opacity: 1;
}
._tP7zq .sidenav {
padding:var(--std-card-padding);
}
._tP7zq .sidenav .nav li {
  padding-left: 0;
  padding-right: 0;
}
._tP7zq .sidenav .nav li a {
  padding-left: 0;
  padding-right: 0;
}
._tP7zq .nav-badge {
line-height: 0;
}
._tP7zq .badge {
border-radius: 50%;
background-color:var(--c-gray);
color:var(--c-black-gray);
padding: 0;
width: 42px;
height: 42px;
}
._tP7zq .nav-text {
color:var(--c-black-gray);
}
._tP7zq .active .badge {
background-color:var(--c-primary);
color:var(--white);
}
._tP7zq .active .nav-text {
color:var(--c-black);
}
._bvR5c {
width:15rem;
height:10rem;
padding:0 !important;
margin:0 1rem;
border:1px dashed white;
}
._bvR5c svg {
width:48px;
height:auto;
}
._gT5mk {
float: right;
}
._gT5mk a {
color: var(--c-black-gray);
margin-top: 0.313rem;
}
._gT5mk a:hover {
color: var(--c-primary);
}
._gT5mk a svg {
  fill: #b1b1b1;
  max-width: 24px;
  height: auto!important;
}
._gT5mk a:hover svg {
  fill: var(--c-primary);
}
._gT5mk .table td {
  padding-top: 0;
  padding-bottom: 0.625rem;
}
._fF9iq,._fF9ip,._fF9ir {
padding:var(--std-card-padding);
}
._fF9iq table td,._fF9ip table td {
padding:0;
border-top: none;
border-bottom: 1px solid var(--c-gray);
}
._fF9iq table tr:last-child td,._fF9ip table tr:last-child td {
border-bottom: none;
}
._fF9iq table td:first-child {
min-width: 170px;
width: 170px;
}
._fF9iq table td:nth-child(3) {
min-width: 160px;
width: 160px;
}
._fF9iq table td > div,._fF9ip table td > div{
padding: 0.438rem 0.625rem;
}
._fF9iq table tr:first-child td > div,._fF9ip table tr:first-child td > div{
padding-top: 0;
}
._fF9iq table tr:last-child td > div,._fF9ip table tr:last-child td > div{
padding-bottom: 0;
}
._fF9iq table td:first-child > div,._fF9ip table td:first-child > div {
padding-left: 0;
}
._fF9iq table td:last-child > div,._fF9ip table td:last-child > div {
padding-right: 0;
}
._fP1iq {
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 0;
}
._fP1iq span {
text-decoration: underline;
-webkit-text-underline-position: under;
-ms-text-underline-position: below;
text-underline-position: under;
margin-left: 10px;
}
._fF9ir .badge-circle {
background-color:#ffe5e5;
color:#ffe5e5;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
}
._fF9is .media {
background-color: #d9e7eb;
}
._fF9is .media-action {
opacity: 1;
}
._fF9is .media-action .in-frame {
border: 1px dashed #718c93;
}
._fF9is .list-item .list-tool {
opacity: 0;
padding: 0 1rem 1rem 1rem;
}
._fF9is .list-item:hover .list-tool {
opacity: 1;
}
._Vks8y div {
background-color: #00b215;
color: var(--white);
border-radius: 50%;
margin-right: 5px;
width: 24px;
height: 24px;
}
._Vks8y div svg {
width: 16px;
height: auto;
}
._Vks8y span {
color: #1db215;
}
._hbR1q .card {
box-shadow: none;
border: 3px solid transparent;
cursor: pointer;
}
._hbR1q .card.active, ._hbR1q .card:hover {
border: 3px solid var(--c-primary);
}
._bBv3z {
background-color: var(--c-white-gray);
}
._bBv2z {
background-color: var(--c-white-gray);
max-height: 350px;
min-height: 350px;
}
._bBv2z ._gb7Yu {
border: 2px solid transparent;
cursor: pointer;
}
._bBv2z ._gb7Yu.active, ._bBv2z ._gb7Yu:hover {
border: 2px solid var(--c-primary);
}
._kK0ap {
 margin: 2rem 0;
}
._kK0ap [class^=col-] {
padding: 0;
}
._kK0ap [class^=col-]:first-child {
padding-right: 25px;
}
._kK0ap [class^=col-]:last-child {
padding-left: 25px;
}
._kK0ap .sticky-top {
 top: 95px;
}
._kK0ap ._kK1ap {
 padding-left: 0;
 margin: 0 0 3rem;
}
._kK0ap ._kK1ap li {
 list-style: none;
}
._kK0ap ._kK1ap li:last-child a {
 border-bottom: 1px solid transparent;
}
._kK0ap ._kK1ap li a:hover,._kK0ap ._kK1ap li a.active {
 cursor: pointer;
 color: var(--white);
 background-color: var(--c-primary);
 -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}
._kK0ap ._kK1ap li a {
 color: var(--c-black);
 padding: 10px 15px;
 display: block;
 border-bottom: 1px solid var(--c-gray);
}
._kK0ap .content ul {
 padding-left: 17px;
}
._hkU9a {
background-color: var(--white);
}
._hkU9a .list-row .list-item {
border-bottom: 1px solid var(--c-gray);
}
._hkU9a .list-row .list-item:hover {
background-color: var(--c-light-gray);
}
._hkU9a .list-row .list-item:last-child:hover {
background-color: transparent;
}
._hkU9a .list-row .list-item:last-child {
border-bottom: none;
}
._s6Faz .text-muted.disabled {
color: var(--c-gray)!important;
}
._hkU9b {
background-color: transparent;
}
._hkU9b .btn.btn-md.btn-icon.active {
background-color: var(--c-secondary-l);
}
._hkU9b .w-xxl {
width: 500px;
}
._hkU9b .dropdown-toggle::after {
  display: none;
}
._hkU9b .form-control {
  font-size: 1rem;
  border-color: var(--white);
}
._hkU9b ._sS7az .card-columns .card {
padding: 1rem;
cursor: pointer;
}
._hkU9b ._sS7az .card-columns {
  column-count: 2;
  column-gap: 0.75rem;
  margin: 5px 0;
}
._tJ8po {
  text-align: center;
}
._tJ8po .canvas-container {
  background-color: var(--white);
  display: inline-block;
  vertical-align: top;
}
._hd1Ws .logo {
z-index: 2;
}
._hd1Ws .logo img {
height: 48px;
width: auto;
}
._e9Dym {
z-index: 2;
}
._gH1qo .list-body {
-ms-flex-direction: row;
flex-direction: row;
}
._gH1qo .media-box {
position: relative;
display: block;
padding: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: inherit;
}
._gH1qo .media-box:after {
  content: '';
  display: block;
  padding-top: 75%;
}
._gH1qo .media-content-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0;
  border-radius: inherit;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: rgba(120, 120, 120, 0.1);
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.live-chat {
  bottom:0;
  right:2rem;
  position:fixed;
  z-index:1030;
}
.live-chat:nth-child(2) {
right:7rem;
}
.live-chat:nth-child(3) {
right:12rem;
}
.live-chat .chat-box {
box-shadow: 0 12px 28px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.1);
border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}
.live-chat .chat-bar .avatar {
background-color: var(--c-primary);
color:var(--white);
border-bottom-right-radius: 0;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.live-chat .chat-bar .avatar.opened {
border-top-right-radius: 0;
border-bottom-right-radius: 500px;
}
.live-chat .chat-bar .avatar .feather-x {
display: none;
}
.live-chat .chat-bar .avatar.opened .feather-x {
display: block;
}
/*.live-chat .chat-bar .avatar.opened .feather-message-circle {
display: none;
}*/
.live-chat .chat .list {
  height:350px;
  max-height:350px
}
.live-chat .head {
  background-color: var(--c-secondary-l);
  color:#fff;
  position:relative;
}
.live-chat .chat {
  background:#fff;
}
.live-chat-hide {
  bottom:16px;
  right:16px;
  position:fixed;
  width:40px;
  height:40px;
  z-index:1030;
}
.live-chat-hide .avatar {
  box-shadow: 0 12px 28px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.1);
}

.radialProgressBar {
border-radius: 50%;
width: 64px;
height: 64px;
min-width: 64px;
}
.radialProgressBar .overlay {
border-radius: 50%;
width: 48px;
height: 48px;
margin: auto;
background: var(--white);
color: var(--c-primary);
}
.progress-0 {
background-image: -webkit-linear-gradient(left, var(--c-gray) 50%, transparent 50%), -webkit-linear-gradient(left, var(--c-primary) 50%, var(--c-gray) 50%);
background-image: linear-gradient(90deg, var(--c-gray) 50%, transparent 50%), linear-gradient(90deg, var(--c-primary) 50%, var(--c-gray) 50%);
}
.progress-10 {
background-image: -webkit-linear-gradient(36deg, var(--c-gray) 50%, transparent 50%), -webkit-linear-gradient(left, var(--c-primary) 50%, var(--c-gray) 50%);
background-image: linear-gradient(54deg, var(--c-gray) 50%, transparent 50%), linear-gradient(90deg, var(--c-primary) 50%, var(--c-gray) 50%);
}
.progress-20 {
background-image: -webkit-linear-gradient(72deg, var(--c-gray) 50%, transparent 50%), -webkit-linear-gradient(left, var(--c-primary) 50%, var(--c-gray) 50%);
background-image: linear-gradient(18deg, var(--c-gray) 50%, transparent 50%), linear-gradient(90deg, var(--c-primary) 50%, var(--c-gray) 50%);
}
.progress-30 {
background-image: -webkit-linear-gradient(108deg, var(--c-gray) 50%, transparent 50%), -webkit-linear-gradient(left, var(--c-primary) 50%, var(--c-gray) 50%);
background-image: linear-gradient(-18deg, var(--c-gray) 50%, transparent 50%), linear-gradient(90deg, var(--c-primary) 50%, var(--c-gray) 50%);
}
.progress-40 {
background-image: -webkit-linear-gradient(144deg, var(--c-gray) 50%, transparent 50%), -webkit-linear-gradient(left, var(--c-primary) 50%, var(--c-gray) 50%);
background-image: linear-gradient(-54deg, var(--c-gray) 50%, transparent 50%), linear-gradient(90deg, var(--c-primary) 50%, var(--c-gray) 50%);
}
.progress-50 {
background-image: -webkit-linear-gradient(right, var(--c-gray) 50%, transparent 50%), -webkit-linear-gradient(left, var(--c-primary) 50%, var(--c-gray) 50%);
background-image: linear-gradient(-90deg, var(--c-gray) 50%, transparent 50%), linear-gradient(90deg, var(--c-primary) 50%, var(--c-gray) 50%);
}

.progress-60 {
background-image: -webkit-linear-gradient(left, var(--c-primary) 50%, transparent 50%), -webkit-linear-gradient(36deg, var(--c-primary) 50%, var(--c-gray) 50%);
background-image: linear-gradient(90deg, var(--c-primary) 50%, transparent 50%), linear-gradient(54deg, var(--c-primary) 50%, var(--c-gray) 50%);
}
.progress-70 {
background-image: -webkit-linear-gradient(left, var(--c-primary) 50%, transparent 50%), -webkit-linear-gradient(72deg, var(--c-primary) 50%, var(--c-gray) 50%);
background-image: linear-gradient(90deg, var(--c-primary) 50%, transparent 50%), linear-gradient(18deg, var(--c-primary) 50%, var(--c-gray) 50%);
}
.progress-80 {
background-image: -webkit-linear-gradient(left, var(--c-primary) 50%, transparent 50%), -webkit-linear-gradient(108deg, var(--c-primary) 50%, var(--c-gray) 50%);
background-image: linear-gradient(90deg, var(--c-primary) 50%, transparent 50%), linear-gradient(-18deg, var(--c-primary) 50%, var(--c-gray) 50%);
}
.progress-90 {
background-image: -webkit-linear-gradient(left, var(--c-primary) 50%, transparent 50%), -webkit-linear-gradient(144deg, var(--c-primary) 50%, var(--c-gray) 50%);
background-image: linear-gradient(90deg, var(--c-primary) 50%, transparent 50%), linear-gradient(-54deg, var(--c-primary) 50%, var(--c-gray) 50%);
}
.progress-100 {
background-image: -webkit-linear-gradient(left, var(--c-primary) 50%, transparent 50%), -webkit-linear-gradient(right, var(--c-primary) 50%, var(--c-gray) 50%);
background-image: linear-gradient(90deg, var(--c-primary) 50%, transparent 50%), linear-gradient(-90deg, var(--c-primary) 50%, var(--c-gray) 50%);
}
.c-web_component-001 .card {
position: relative;
}
.c-web_component-001 .captions {
position: absolute;
padding:var(--std-card-padding);
}
.c-web_component-001 .captions.bottom-left {
bottom: 0;
left: 0;
}
.c-web_component-001 .captions.top-left {
top: 0;
left: 0;
}
.c-web_component-003 .card {
padding:var(--std-card-padding);
}
.c-web_component-004 .card {
padding:0;
}
.c-web_component-004 .card ._gN7aq {
padding:var(--std-card-padding);
}
.c-web_component-004 .card .l-through > span:before, .c-web_component-004 .card .l-through > span:after{
  background-color:var(--white);
}
.c-web_component-005 .media-content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.accordion-in-modal-editor .card {
border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
}
.accordion-in-modal-editor .card.b-b {
border-bottom: 1px solid #d8d8d8;
}
.accordion-in-modal-editor .card-header {
  padding-left:0;
padding-right:0;
}
.accordion-in-modal-editor .card-header .ui-check > i {
  border-radius: 50%;
}
.accordion-in-modal-editor .card-header .ui-check-md > i {
  width: 24px;
  height: 24px;
}
.accordion-in-modal-editor .btn-group-toggle {
  padding: 0;
  border: none;
  border-radius: 0;
}
.accordion-in-modal-editor .btn-group-toggle .btn {
  font-size: 1rem;
  margin: 0 !important;
border-radius: 0;
border-color: #d8d8d8;
}
.accordion-in-modal-editor .btn-group.btn-group-toggle > .btn:not(:first-child), .accordion-in-modal-editor .btn-group.btn-group-toggle > .btn-group:not(:first-child) {
  margin-left: -1px !important;
border-left: none;
}
.accordion-in-modal-editor .btn-group-toggle .btn:first-child {
  border-top-left-radius: 3px!important;
  border-bottom-left-radius: 3px!important;
}
.accordion-in-modal-editor .btn-group-toggle .btn:last-child {
  border-top-right-radius: 3px!important;
  border-bottom-right-radius: 3px!important;
}
.accordion-in-modal-editor .btn-group-toggle .btn:first-child.active {
  border-top-left-radius: 3px!important;
  border-bottom-left-radius: 3px!important;
}
.accordion-in-modal-editor .btn-group-toggle .btn:last-child.active {
  border-top-right-radius: 3px!important;
  border-bottom-right-radius: 3px!important;
}
.accordion-in-modal-editor .form-check-position {
position:relative;
width: 48px;
height: 48px;
}
.accordion-in-modal-editor .form-check-position .form-check-input {
margin: 0;
}
.accordion-in-modal-editor .form-check-position .form-check-input.top-left {
top: 0;
left: 0;
}
.accordion-in-modal-editor .form-check-position .form-check-input.top-center {
top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.accordion-in-modal-editor .form-check-position .form-check-input.top-right {
top: 0;
right: 0;
}
.accordion-in-modal-editor .form-check-position .form-check-input.center-left {
top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.accordion-in-modal-editor .form-check-position .form-check-input.center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.accordion-in-modal-editor .form-check-position .form-check-input.center-right {
top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.accordion-in-modal-editor .form-check-position .form-check-input.bottom-left {
bottom: 0;
left: 0;
}
.accordion-in-modal-editor .form-check-position .form-check-input.bottom-center {
bottom: 0;
left: 50%;
  transform: translate(-50%, 0);
}
.accordion-in-modal-editor .form-check-position .form-check-input.bottom-right {
bottom: 0;
right: 0;
}



@media (max-width:1199.98px) {
._sD4rt {
  width: 40%;
}
.modal__type-a .modal-body .card-columns {
  column-count:4;
}
.page-footer ._col {
  flex:0 0 33.3333333333%;
  max-width:33.3333333333%;
}
.page-footer ._col._colsecondary {
  flex:0 0 33.3333333333%;
  max-width:33.3333333333%;
}
._sD4rt.web-create {
  width: 80%;
}
._fF9iq table,._fF9iq table tbody,._fF9iq table tbody tr,._fF9iq table tbody tr td {
display: block;
}
._fF9iq table td:first-child {
  min-width: inherit;
  width: auto;
}
._fF9iq table td:nth-child(3) {
  min-width: inherit;
  width: auto;
}
._fF9iq table td {
  border-bottom: none;
}
._fF9iq table tr {
  border-bottom: 1px solid var(--c-gray);
}
._fF9iq table tr:last-child {
  border-bottom: none;
}
._fF9iq table td > div {
  padding: 0.188rem 0;
}
._fF9iq table tr:first-child td > div {
  padding: 0 0 0.375rem;
}
._fF9iq table td:first-child > div {
  padding: 0.375rem 0 0.188rem;
}
._fF9iq table td:last-child > div {
padding: 0.188rem 0 0.375rem;
}
}
@media (max-width:991.98px) {
  .list-view .list.grid-view-filter li {
      background-color: #ebedf2;
      width: calc(50% - 10px);
      margin-right: 10px;
  }
.fillter-right {
  float: left;
}
._sD4rt {
  width: 55%;
}
.modal__type-a .modal-body .card-columns {
  column-count:3;
}
._bvR5c {
  width: 4rem;
  height: 3.2rem;
  margin: 0 0.313rem;
}
._bvR5c svg {
  width:24px;
}
}
@media (max-width:767.98px) {
.list-view .list.grid-view-filter li {
  background-color: #ebedf2;
  width: 100%;
  margin-right: 0;
}
.modal__type-a .modal-body .card-columns {
  column-count:2;
}
._gh5Tr {
  width:100%;
}
._bM5ap ul {
  margin:0.625rem 0 0 0;
  text-align:center;
}
._bvR5d {
  margin: 0 0.313rem;
}
._i7dg4e .w-50 {
  width: 100%!important;
}
._sD4rt {
  width: 100%;
  padding: 0!important;
}
._sD4rt.web-create {
  width: 100%;
}
._sD4rt .card {
  margin-bottom: 0;
  box-shadow:none;
  height: 100vh;
}
._e5Tya .table-theme tbody td:nth-child(3),._e5Tya .table-theme tbody td:nth-child(4),._e5Tya .table-theme tbody td:nth-child(5) {
  display: none;
}
._gT5mk {
  float: left;
}
._fP1iq {
position: relative;
top: 0;
transform: translate(0, 0);
margin-top: 1rem;
}
._hbR1q .card-columns {
  column-count: 2;
}
._hkU8a {
z-index: 1051!important;
}
._kK0ap [class^=col-]:first-child {
padding-right: 0;
}
._kK0ap [class^=col-]:last-child {
padding-left: 0;
}
._kK0ap .sticky-top {
  top: 0;
  position: relative;
}
._gH1qo .list-body {
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width:575.98px) {
.modal__type-a .modal-body .card-columns {
  column-count:1;
}
.page-footer ._col {
  flex:0 0 50%;
  max-width: 50%;
}
.page-footer ._col._colsecondary {
  flex:0 0 50%;
  max-width: 50%;
}
.modal .w-90p {
  width: 100%;
}
._i7dg4e .toolbar .btn:last-child {
  width: 2.625rem;
  height: 2.625rem;
  padding: 0;
}
._tH5sa .media:after {
  padding-top: 133.33333%;
}
._fF9iq table tr td .d-flex {
  display: block!important;
}
._fF9iq table tr td .d-flex .media {
  display: inline-block;
  vertical-align: top;
  margin-bottom:0.375rem;
}
._pH1qo .h1 {
color: var(--white);
}
._pH1qo .media:after {
padding-top: 133.33333%;
}
._pH1qo .media-action {
opacity: 1;
width: 100%;
}
._pH1qo .bg-light:after {
content: '';
  display: block;
position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  border-radius: inherit;
  background-color: rgba(0, 0, 0, 0.25);
}
._hb5Ta {
width: 80%;
}
._jh7Rz .btn {
  width: 240px;
}
.c-web_component-001 .media-21x9:after {
  padding-top: 133.33333%;
}
}