@charset "UTF-8";
pre {
  position: relative;
  top: 3.0rem;
  z-index: 9999;
  background-color: #000;
  color: #fff;
  opacity: 0.7;
}

html {
  /* overflow-y: scroll; */
}
body {
  /* overflow-x: hidden; */
}

.fa-28x {
  font-size: 2.8rem !important;
}

.transition-2s {
  transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
.transition-5s {
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}

.text-base-color {
  color: #5AA087;
}
.text-staff {
  color: #ec932d;
}

.w-10 {
  width: 1.0rem !important;
}
.w-15 {
  width: 1.5rem !important;
}
.w-20 {
  width: 2.0rem !important;
}
.w-25 {
  width: 2.5rem !important;
}
.w-30 {
  width: 3.0rem !important;
}
.w-36 {
  width: 3.6rem !important;
}
.w-40 {
  width: 4.0rem !important;
}
.w-60 {
  width: 6.0rem !important;
}
.w-65 {
  width: 6.5rem !important;
}
.w-80 {
  width: 8.0rem !important;
}
.w-90 {
  width: 9.0rem !important;
}
.w-130 {
  width: 13.0rem !important;
}
.w-150 {
  width: 15.0rem !important;
}
.w-180 {
  width: 18.0rem !important;
}
.w-240 {
  width: 24.0rem !important;
}
.w-300 {
  width: 30.0rem !important;
}
.w-650 {
  width: 65.0rem !important;
}
.w-800 {
  width: 80.0rem !important;
}
.w-900 {
  width: 90.0rem !important;
}
.w-950 {
  width: 95.0rem !important;
}
.w-1000 {
  width: 100.0rem !important;
}

.maw-500 {
  max-width: 50.0rem !important;
}
.maw-1000 {
  max-width: 100.0rem !important;
}

.miw-180 {
  min-width: 18.0rem !important;
}




.zi-1060 {
  z-index: 1060 !important;
}

.h-34 {
  height: 3.4rem !important;
}
.h-80 {
  height: 8.0rem !important;
}

.lh-34 {
  line-height: 3.4rem !important;
}


.left-minus-15::before {
  left: -1.5rem !important;
}
.left-minus-15::after {
  left: -1.5rem !important;
}


.pt-20 {
  padding-top: 2.0rem !important;
}



/**
 * Stisla
 *
 * Stisla is a clean & modern HTML5 admin template based on Bootstrap 4.
 * Stisla will make it easier for you to create your own admin interface.
 *
 * @packageStisla
 * @version2.3.0
 * @author Muhamad Nauval Azhar
 * @url https://getstisla.com
 *
 */
/**
 * TABLE OF CONTENTS
 *
 * 1. Variable
 * 2. Mixin
 * 3. Bootstrap Override
 *   3.1 Misc
 *   3.2 Form
 *   3.3 List
 *   3.4 Alert
 *   3.5 Card
 *   3.6 Table
 *   3.7 Tooltip
 *   3.8 Modal
 *   3.9 Nav
 *   3.10 Pagination
 *   3.11 Badge
 *   3.12 Button
 *   3.13 Media
 *   3.14 Breadcrumb
 *   3.15 Accordion
 *   3.16 Popover
 *   3.17 Grid
 *   3.18 Navbar
 *   3.19 Dropdown
 *   3.20 Tab
 *   3.21 Progressbar
 *   3.22 Jumbotron
 *   3.23 Carousel
 * 4. Theme Style
 *   4.1 Misc
 *   4.2 Section
 *   4.3 Page
 *   4.4 Layout
 *   4.5 Animation
 * 5. Responsive
 *
 */
/* 1. Variable */
/* 2. Mixin */
/* 3. Bootstrap Override */
/* 3.1 Misc */
@import url("//fonts.googleapis.com/css?family=Nunito:400,600,700,800");

.btn:focus,
.btn:active,
.btn:active:focus,
.custom-select:focus,
.form-control:focus {
    box-shadow: none !important;
    outline: none;
}

a {
    /* color: #0056b3; */
  color: #006666;
    font-weight: 700;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
button {
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}
button:hover {
  opacity: .5 !important;
}

a:hover{
    /* color: #000000; */
  opacity: .5 !important;
}

a:not(.btn-social-icon):not(.btn-social):not(.page-link) .ion,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fas,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .far,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fal,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
    margin-left: 0.4rem;
}

.bg-admin-color {
  background-color: #5aa087;
}

.bg-primary {
    background-color: #6777ef !important;
}

.bg-secondary {
    background-color: #cdd3d8 !important;
}

.bg-success {
    background-color: #47c363 !important;
}

.bg-info {
    background-color: #3abaf4 !important;
}

.bg-warning {
    background-color: #ffa426 !important;
}

.bg-danger {
    background-color: #fc544b !important;
}

.bg-light {
    background-color: #e3eaef !important;
}

.bg-dark {
    background-color: #191d21 !important;
}

.text-primary,
.text-primary-all *,
.text-primary-all *:before,
.text-primary-all *:after {
    color: #6777ef !important;
}

.text-secondary,
.text-secondary-all *,
.text-secondary-all *:before,
.text-secondary-all *:after {
    /* color: #949697 !important; */
  color: #006666 !important;

}

.text-success,
.text-success-all *,
.text-success-all *:before,
.text-success-all *:after {
    color: #47c363 !important;
}

.text-info,
.text-info-all *,
.text-info-all *:before,
.text-info-all *:after {
    color: #3abaf4 !important;
}

.text-warning,
.text-warning-all *,
.text-warning-all *:before,
.text-warning-all *:after {
    color: #ffa426 !important;
}

.text-danger,
.text-danger-all *,
.text-danger-all *:before,
.text-danger-all *:after {
    color: #fc544b !important;
}

.text-light,
.text-light-all *,
.text-light-all *:before,
.text-light-all *:after {
    color: #e3eaef !important;
}

.text-white,
.text-white-all *,
.text-white-all *:before,
.text-white-all *:after {
    color: #ffffff !important;
}

.text-dark,
.text-dark-all *,
.text-dark-all *:before,
.text-dark-all *:after {
    color: #191d21 !important;
}

.font-weight-normal {
    font-weight: 500 !important;
}

.lead {
    line-height: 3.4rem;
}

@media (max-width: 575.98px) {
    .lead {
        font-size: 1.7rem;
        line-height: 3.0rem;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

p,
ul:not(.list-unstyled),
ol {
    /* line-height: 2.8rem; */
  line-height: 2.0rem;
}

.shadow {
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.03);
}

.text-muted {
    color: #98a6ad !important;
}

/* 3.2 Form */
.form-control,
.input-group-text,
.custom-select,
.custom-file-label {
    /* background-color: #fefeff !important; */
    /* border: .2rem solid #ccc; */
  border: .1rem solid #ddd;
}

.form-control:focus,
.input-group-text:focus,
.custom-select:focus,
.custom-file-label:focus {
    background-color: #fefeff;
    border-color: #3C787E;
}

.input-group-text,
select.form-control:not([size]):not([multiple]),
.form-control:not(.form-control-sm):not(.form-control-lg) {
  font-size: 1.4rem;
  /* padding: 1.0rem 1.5rem;
  height: 4.2rem; */
  padding: .5rem 1.5rem;
  height: 3.4rem;
}

textarea.form-control {
    height: 6.4rem;
}

.custom-control {
    line-height: 1.6rem;
}

.custom-file,
.custom-file-label,
.custom-select,
.custom-file-label:after,
.form-control[type="color"],
select.form-control:not([size]):not([multiple]) {
    /* height: calc(2.25rem + .6rem); */
  height: calc(2.25rem + 1.3rem);
}

.form-control.creditcard {
    background-position: 98%;
    background-repeat: no-repeat;
    background-size: 4.0rem;
    padding-right: 6.0rem;
}

.form-control.creditcard.paypal {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MzhDMkFERDA5N0ExMUUzOEU3NkI3REVBNTBBQTM3QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MzhDMkFEQzA5N0ExMUUzOEU3NkI3REVBNTBBQTM3QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzjbbwAABEdJREFUeNrsWGtsk1UYfnpd13Yd68boXOmAgnO4VSfLUBIhRhYIGkPMDHHGCJloNOIPL9EYkKB4SURiovBnRn+QQaZchUgQp8KcDlh2MawwV7YJG1u3sVtvWy9fPef9sMt0Gp1JQ/KdNzl9z7Xt85znfd9+VdlLKx0APmVtFWt6KMPCrJ1h7WmNJfeeg6xTxpoGyjGO1clasZq9rIRy7X61gmQ/oxLUULgJAgQBggBBgCBAECAIEAQIAgQBCjXtbA8+UlaKPTufmXrADkdx+UoPtu3aj6aLnbN7MtGnILPABZVKJU/E44hFwgj0X0doePBvz/H98jk1Btuak6OAVffeSZ6D/qymFgM3RuEqWIAPt22ieb1eiwX2bOQ7c5GZkUZzOp0W9pws9gg29bGGFD3NmU2p0JnTCIwUiyI46EUkGCBSLI6FUOt0HCnzemhTjeQTt2g00T4pFkmeAkpci8nvrvoKJ79vgrvjGnZt3Uhglxffjpq9r0wDeqK2EQ1N7dj56hP48kQ9Xnr7cwJde2AHbptnxZY3q/Cd20t7J4ZvwNf7G4HKWnqXrA4GODO/CGrt1FeOToQw4rkEndFM40jAnxwCrHPMWOSYR32fP4TSu5fgqcceoHF942Xyr7+3D13XvKQCTszDD5bg0Nc/0VpRQR75Fzc9ROCb2zpx7JvzsOYX0rwUjdAtm7Jz5DELAykaRWCgD9FQkFRimb8QWkMq22eCzvQHAYHkELCsaHGif+CTlxP9C60d2PpBNZHjuiMP5evuQ67NSmtXewdxydNDfafDBmeeDZsfL2NhHqe8AaYWDoibOcdOjVssHMZYt4cnBKg1Ghjn2pgy9AklxCZDUwoIJkkBJS4neX7DR0+dw/CoHy3uLrS0dWH9muX4+K3NtFZ95CyRUbF+JS784kFv/zD8wQmYjQbsfedZaLUa1Bz/Ea3ubugt6XLekyQW//0snmNM4kFEfONQ8+TI5M9zQHDIi7BvDGm5DlIGJ5ATEqf9oWQRICugav9p7Dv8w7S18nUryH9xvB5HTjXgo+2VNG5s9ZBvv9LLFOTE0iXz4Q+E8P6eQ3LSNMqJcnJsBP6+nmnvaUjPgIrd/uT4KILePhizbXLlYTH/f25/1lXAdTOGf2ZJ7c92sf0q+deefxSnq3eguHARjRua5b2/dl5P7OUJdGjEJ1cIlsllUL6/vGeEKYFbimUO5hYWw2DNkuf94/947t+Yyl5aGf+vh3KyMyBJcXiHRmesySuW5VN5O9fSgYx0E1WD7p4BWn/jhXI89+RaeLr7UFaxHdGYJN8Ei2mVWsNifnJmqbKkqEkxIMpuPR6XqAxyyfO8wPsx1ufhkBQCZmtp5lTUHXyXSmXFlt2oO+9W1k/hyg2rCfzhkw23BPikK0A8DAkCBAGCAEGAIEAQIAgQBNxiBIQVjD/GCTirYALqOAH8H4tvFaaEyE3MG38XYABCjHjqM0/uowAAAABJRU5ErkJggg==");
}

.form-control.creditcard.visa {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0ZCMEUyQjA5N0ExMUUzQThCQUUwNkRBQTdGOUQzMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0ZCMEUyQTA5N0ExMUUzQThCQUUwNkRBQTdGOUQzMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NGpUrQAABKJJREFUeNrsWHtMW1UY/3ELFAq0tCuDQjtbnm7SjbkBA3lMN4LO6QwxzmWSmKiJfyiJMWaJ/0m2mCzTaJYZXTYN6kKi0z/cDIsyF0eGcxuMOXkMxvv9KOXVVvr0nHPpbe8kMUpS/uj9ktN77ndPzznf73zf7/vujSg6WL8JwBnSykmLRniIk7RfSXs1kvycJW0vwkvoQVeQVseRnzKEr5RyYeT2q4mMQ5iLBIAEgASABIAEgASABIAEQNhK5H8ZrI+zotLQiQr9PWjkNqbz+DhcGDTjk/ZS0dgXnsrGk6VG1u8ZnMP7n93AB0fKoFbFMN2Jz1vQcd/C+rqkODxfmYWduclITY4n9SmH2XkHmm6N4uMvb4vmfbN6O7blaMFxEey+5ugVLNldoQFgxKbG2a5i1HUXoiqjE4czbyCWs2Pfpj9xuuMxuH28Q9HNHdr/MJI3KNj9dz/1IFYeiV15qYjg9w2L1cGu5fl6vFdThOgomWit1I3xeChNKdLt2qbDoadzRLockwYt7ZOhDQG3V4bzvWaM53+BUc6MaM4Do9Ii2qjf+LnFZTQ2DzFj/MbbHC5MWuwMlCOv5QvG3+maZid+6lwbLv82hPYei2jdlw5s/sdecrM2hC4EgsXr9WFmwYu8/R9i8Md3ka2awv35JPbswJ4MYdzFK31Ydnpg0gdOc2BkgV03Z2iQqJQL+tpT1zE+bVt1vWyjGo9u2cj6M8R7tOpY1n9kjQCsiQR/vzMOjSoWun3HkJ7kZTq6seLtqTw/eHzM/amY9Crhf30j8+w6v+QUzXeCcETJjrRV16qqyBT61EPo3FS2ZK4rABPsqklUwFRWzfrPPpEOmYz39ebbY5icsbN+ukEV5AE8AL1Dc/jhcq+gpyAdf6cUp2v3wpCSIOgTE+SoXCHUuYVl/HJ9mBCrlV+bkCol0XUBYGrWjr5h3piCnTlI0cbhmccD7v9NQ7fQN6YFAOhfCQEqx8/cwsmv27BoC3hDbrYWn9bugSqBD4/nyOnLo3me+Ll5EC63F3e7Z4TxawmDNdcBNAzYpxVy6jXVeUjWKgQjWzt4dqZkl5KkCAAwOh/gEp8P9Re7UPXGBXx7KQCYWhmD8gI9mzfY/ScIR+Sbk+F0eYOIUBt6EhQA+GOCpTwquwsNgp7Gvo8PU5YBuJUUYHe4WVj4T5QSpD8zfFTXisoSI5Txga90uwsMAuH564AHhZLpugHQ1jnNjPAbRGWJuHPD1f6g2FYGuT9/+ltJMXPsrRJcaxlF94CVnWgZqQn8xrs9Xtwk4NbWFP/rHnJMakRFciw0Qg6A0+Uhrj6FojydoGtoGoDjL7eI3B4EgOriFVGM3PwEF5xiT37VRsg1RohvCsjhtxtYXSGkTVJAFZKag9YRWSRN+ivLkAJApZEQkzoon5+/1CN6LiOVYVffLO8xpNihcq/fikZS7JgJ4SURF6ceMG21M4/6noQPff76i1sxNrXExt+8O4nhiUXRvNdax2DQ8dlCT0ro/wNARNHBep/0NigBIAEgASABIAEgASABIAEgARCeADjD2H4PBeBqGAPQRAF4hb7QhZknuFZsfvlvAQYAHheK9jMfKWkAAAAASUVORK5CYII=");
}

.form-control.creditcard.americanexpress {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RkI5MDAxRjA5N0ExMUUzOUQ4QkU1OTZBNzYxMzREQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RkI5MDAxRTA5N0ExMUUzOUQ4QkU1OTZBNzYxMzREQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jutENgAAB2FJREFUeNrsWGlQlWUUfi7cy2VfZFdAFkUQUVxAwz3TLM3d1DQEpRzN1GaymHEdl6yxcVyyUcfQynBJUxx1zNBEMERRSBkUEdkR2ZEdLtzOebn3E4p+hEN/7j0zL5fvvd/33vc855znPO8n6xMR4wbgMI2xNIygG9ZEI5ZGuJz+fEfjDeiWcaAn0vjegP6Mge7aaAMdSvvOzNAAOm56APQA6AHQA6AHQJdNrv2np7Uxrn4aDLmhTFw3NLfi0v3nmDXUWbq5plGFcV/dRC8bE0R/HNSlH6xvbkHG81r0cTCDqZGhmKusa8bVh6UY420Le4vOZclPt/KxcISLdN3Sqsa+q1lYM9FTmvv610wcvJ7dNQDeD3bF9fRSRJxOE9e7F/jj7YGOuJxajPW/PBRz+xYOxOKRbnCxMcbppEJ8eSlDzB8ODRD38Vx72zbLFym5VR3mFSQ9RnjZYNtMX4QfTZGeZ9iXRCbjWVWDmLsRMQqTd91CXZMKkwc4Yv073lIA2EJpH8vHu+NJcS3mH0gSv9XlDLA0lmNeYE8sOZICbydzFL9oxAFC8tgHQ9CsakVVvYoio8Q3hPiBkIEwkhtgyu5bMFPKUVjZABVFo54yRk7O7ZrnJy3e19EcCZkV0jzfdyW1BCfvFJBTDqhtbBH33c97gYgzaZjY3x7LxrmTPJPh5O0CFFc3YlqAE87cK8SK191hQfvkvfQwM8K3v2fjTVqjVa0Wc7zPLnPAu+Q8I8nRWkRpFkLZkPi0AmmF1dKNoSNdcTurAulFNYh7XIacsnosHe3WYbE6cugEbVw72AE2djy3vB75NEpqGkXq+/WykJ6Lf1IO8gNbZ/qguaUVk/zscfRmnnBw7WQvyg4ZfvwjT7o/fIwbbM0VWEeZyc+9EglySoaQc4dicyCjPIzLKEcKRYSN57T2lr8D3GxNRN3x5kZTvfbvafE3YS2Daw8TaZgoDCRgOKKn7hQi4UmFeM7OXCk9p9Z4wZniZW8muIczq6K2CXtjsmBtKhfPvmhQifvMCMAtM3yQTAE7lpD/aiQ4dZAjmlRqXCMSCu7TA3JyQk4/MMzdWtS1r7O55Fz46N7YeO6RuOby+LspyeGRtIbWLIwV4pOJ7ezKIJTVNCG1oFrU/t3sSum+IA8b8bmJ1p7k54CDBHxvAru3ramY5zXPJRcJELQ23scOU4ijTiUVvBoAYaNccSIxH3a0yb3v+YuNGVEkPOxNMX3fbUSnFMHKRA4DSg/uCJHxuXC2UmK4p40oGf6OQeNoqyh9V0U96ECCPM+1y7b9YgbCKNv4GY65mbKtCwR6WGPz9H6ibOIzHomM2Ditn+gUXGrj+tniOfESZwY/yxxUQBmygYiRs6CWyFEh71pHl6nVL6uIa56d5mhfWxssWmN7K6GaZjJkq6htho2Z4j/92OrjqdizYMA/5quoDcYSr7xG3cHW3EiAzbuatCsB2aV1wlHmpfYWRW3R0coYE3ztXqkNyvpExKihw6ZXgt21cMaOCf/6HbfSBQfvYgoR8JbpPqL7tLdG6umc+nZUDlwS7a2aOgF/5+9i2enadU0tyKN2y91Eq2rZ8ivqRftlDfG/AMA2dU8iijTK7mXRybCZCO7MikDYEvHOIxXHLa+huaWDWhxAOmE7kega4o34jDLpOxZfM4c4C5LWqkKtBbhZYedcP+y8/KStlWvobeUET0Go2y48RqlGm7BdWD2iewHgaLFemDuspzTH7eyzn9NIavvh89O5guU3TfMWBPnJJC8EuFqKdrmW7jlCHaeWIupoaYx1U/uSSFLjBxJE+69lkUJ0FAqQyVFLhNxtTpHKjE0vwxezfWGubHOvn5OZWN+QwN8686VktiJ9Ie/uGksrrBHtjc2PBNAO2hgD89GxB6KlHftwKLSJygLH0kQhNL8QSFJJtAglqSIA+ODkYWcqpTK37RJNVHl97gwiun8+F+XDgiyI2qwDda97OVW4SK2UgRpM2WIsN+x+ACzJSd5EmyBSCu3OeqFNXBlAQS2XpTLbriuZlP4kfClS3BLDRrlh/dlH5GCTUJL8WEZxDeYH9RKtmo1bcfv1Zwx2Ih0jQxIBwxkSGZcjOGE3tV8ORC5lXBZxCB/QmGO6HQA+ObZXh1zTiU8rcWjxIJHKoXQC3Eqylo01wjhSeHzUZaKTa5xk6czKs4Yy5xRtnGt8OR2a2DyJ7LTrc2SZTxjAQFKXvE5CZjkp3VZBvC50jOfhaKkUZx0+d3QrALwhPjjxkPouObV/kT+lqhIHQwYhLDIFm8+ntylKIr9N0elC5LAdXzZUlAVrNVaCUYkFcCeJzKdXThp+Jjr5mRhaEpxDfLPh7EMpwzyJLFfQsZnPNVoyNVYYYjap2pF9e3QvABdWD+90nk+Vc/YniUPY+VUdX6z8llbS4Xq3RjlyZNnYwTkaUk3aOLbT9fmorX1pUlTVSGRoKK2jfbHDL2VWRaXqlaD+pageAD0AegD0AOgB0HEAmnTY/xYG4IYOAxDHACylEaNjmdCs8Tn0LwEGANFzD+vUOoKUAAAAAElFTkSuQmCC");
}

.form-control.creditcard.dinersclub {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QzZFN0NDMjA5N0ExMUUzQTlFREIzQkJBNTFDMUVBOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QzZFN0NDMTA5N0ExMUUzQTlFREIzQkJBNTFDMUVBOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DhLVaQAABA5JREFUeNrsmHlIFFEcx7+r5qqb95GWeaRWpBamhhZ2UFKupZ2S1h9Z0QkdEFF0KR0UEf1RWFAWREFaJF1GEZgWphGdVt6laZalrpjttofbe2s7u9OYGbQxy8wP3rIz83tv9/eZ3/WeBPITAQBOkzGFDHsIQ9RkFJOx0hZhsy+TL4lk2EI4Qm0NISPKhnxMhnAlwUZAbt+nJ9hA4CICEAGIAEQAgha7//EjwzxlWDZjFBKj/DHE3Ql6vR5eLg7wdnVkdLpVWjS3daOioR1Xy94i/34dVGqdxf+bhLTCekstLh1ki+ylMVg4KQQ5NysMRjV96Waeuw+WQh4bgI0pkYgd6cOa+6G9G1vPlOFCUY11AnCV2aMwW4437xXYcPIBvn3X/j4OJRJsTI3E4RXxpDORsJ7l3qnE6mPF0PVY5j3RvUDWP48r0l/d2JOE4pct2HyqFBpdT7/61LSyyk94Vt+GtIQQAxCjjA/xgp+HDNcfNVgPgC0LxpEYd8S6nBIWlPBAd7QqlMy9Eb4uBjhqbS+gqmYFVBqdIVeYS3SoN2pbOvHyXTv/qwB1/fWzI7DmeAlJdr33PJ0dcO9gCrYtimLpzowejoqcNIwN9mTuHbnyHK8bOzjrHl4eD0d7O/4DyJgahmtl7/C5U8nEd8GumZg0xrdP/UAfZ9zemwwft96KQGP9QP4Tjp6fhxMWJYzgPwB5TAAuPahjrhdPCUVCuF+/c3xJady5OJq5vkoAarTcvDFnQhD/AVB3flr3hbleQjxiYJ4TCmPu+6rUoJrkg18lJsyb/wAGOwxCFzHAKKOHuw1oHs0TPmaN0ccOZZ9hwHsAKg273uv/onybq37X6PrsF3gPgLa0TlJTtn7VOLDSRcujeYn095JxdFo6vvEfQCXp/CZHmJLeQFvZC/dMeh7OUtIzeHB0yqs+8R/ADdKxzZsYzFzTilD0ornfObUfOrH/oqn0pcYFc1piKgWlb/kP4HxRNaaP8zeUNmMOmL/vDu4+a/qt8Ul7CtHWpWI6xu1pUVzPalIQmPXWsRlaNWsMUuICMSf7FpMEaQILG+aKqiYFqwmica9UmxLn7vRosoOM5STS5KxC3HrcaB0HIqduvya1XItDmXHMvR5ihbnxVBpau1jGzyehszsjhrPejnPlFjHeYgDoG8s8WoTgIS44u3ka3GTSfvXt7XrdPm9bIiv26Tr7857g4KWn1nkgQt1+09xIrJWHk9xQgyul9awdHS11NOFtSo1E6FBX1ly6IdqS+9Bib/6/ADAKPf5KJ3uClLggwxaYgqGbH/N+gR6YNH7+isc1rYZsf628Ado/nCNYDQA+i3gsLgIQAYgARABCB6AWsP06CqBEwADuUwAryLgrME/Q/LR52Q8BBgBm3GJpfFCpogAAAABJRU5ErkJggg==");
}

.form-control.creditcard.discover {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTYxNkM1QzA5N0ExMUUzODkyODk5REFFMENGQ0I0MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MTYxNkM1QjA5N0ExMUUzODkyODk5REFFMENGQ0I0MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Nbpv+wAABOVJREFUeNrsmnlQVVUcx79gGWtvGCuteBgOSykiISQaO5GgwWtKZlJkMfpDrZQmBNOCxqJF0UlsEaPYbAMCCp1JnjFsZSKyiRA8FkGCARyBx9Lb7judexzuSKMNIU7Lu7+Z39x7f++sn/P7/c59d44RIcQGQDpVH6rzYRiioVpO9QUjCkBOb56AYUoZD0BtQCv/Z+F4AAQGLCIAEYAIQAQgAhABiABEACIAEYAIQARgkGI804J2Do5MXVxXYld8PIaHR5h92/YXESp7GjzH+IQEPGgthZPzCuTm5l378qDRMPt9ixbB1NwCXt4+1xrUc9CUpGEiKQDju9zw+0cx0Pe3o7a2jvWTn/+t0HdjYyOz5eXlC+Pg1dXNHS0tLcKzx5o1+Dwj4/YA6OnpgYO9PRwc7PHxJ0fhFxCAsbExDA4Noa+/HyVyOT44nIqQkBAE+Pujo7OT1QuPiEDqkQ8hC5Vhz2u7MXTlCrOrvk6CunA/9IOXQMaHoWsqw+T+Z7HiAQmMjY1xNC1N6Ds7JwcDAwMIDAxk41hsY0PbC8W64CAKWMtsPt7ekNwtwdZt2xnEGQuZodx5lwnJys5m9z+fOUPmm5iSd997nzyzIYysdH+MpB07xspQEEKds9XVzEZXRbCNjIwQrl9BlFuX3FAn03eQt95OZvXa29uJVqsl1KsIBSmM43DqEaG9+voGZisrLycdHR3sPuf48ZlOixjPJm5We3jA2Xk5KisrBVtwUBDuWbAA658KwdqgYOa2VVU/wdLSElGRkUI5iUQCTnHu5p9o6G9RkREwMjJCRmYm5KdPMy+LjooSyiS/k8xc3tfPX7CVlJTgzX37mPe4u7nNeC53zDp50I54nRKpVIoLFxqRnZ2DlJQUBK9bj9jY2L/fMNGztvz9/JCVlY02hQLW1tbseUqcljnBxcUFVlZWgo0PMz7f5Od+A0dHx7nPAddLTc15UNeDr6+vYBsdHYWS6iuxO7F37x4W60sfeZjlCRo6QjmlUol5S1xv2vY8O3d25Vd8YHAQRUXfMY+4HrZMJsPBlAN4nfYzJUmJiexa39Bwe7ZBGvMswVlYmKOwsIhSdkBZaSkio7egu7ubrsoy0DhEzPNbkEuzNQ+js6Mdz23ahOLiE4jYvBk2NlJ88eVX+LX5IlSZcdCeLZw+mPmmMNtdBOP77aBSqSBd/BAD29rSDFtbW2EcXp6ezANMTU0QtiEM7qtWQV5yCgUFhfg0PR1VFRVwdX10bpMgn+h4fdzTi7yRmEjoSjL7q3FxZGN4OOnt7SV0OyRmFpZkqdNylpR4UavVhG6b5N6FC4mJmTmrz4TTEdX3h8hYwmqifMmRTBzcSHTdTdP6fHnHThL45NobjoNXmgNIa2sru6deSSgsZouMjp5xEhTfBEUAIgARgAjAECeuv9wMddEBwwOgH+qBpvgQtDUn2VunwQDgOmuh+TEDuvpT7K+4YYSATgNdgxya0kwGwGByAHepAbqaE9D+UgAyMWIYSZDraYKu7gfozp9kcf6/3wWIehKcohpccwVzc/3Vvllvg/+JIzL8hPVdddC1nwPXRifeRWNap71lx/l3HpLidND3K8Bdvsjimeuqh/631mnZe46EHZLij8l9RtX7n/AEMn4V+j46WTpBfW8zU66vbS5W96+Eb5w/JhfzhwADAEp6pBLh7YWZAAAAAElFTkSuQmCC");
}

.form-control.creditcard.jcb {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3ODJEODgyMDA5N0ExMUUzQUZBM0UzQ0IwMzlDQTM2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3ODJEODgxRjA5N0ExMUUzQUZBM0UzQ0IwMzlDQTM2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RS3J7gAAA3pJREFUeNrsWHtIU1EY/22z+Zo1Tc10zVctXSWZFib2olIxE6KgoqclERRoUPT4wzAii6AIgrCkt2UU/lVYUfaCHqL5gLKmtsxX6dxSm489XOcec2gzZ7Bi894ffLtn537n277fPef3nXN5WJwjBZBLbBExIdgBHbFnxNIECFp5hzSWExOAPWByDSUWyScfC8FeLOCzaNoPOxP4YDk4AjgCOAI4AlgNJ1sGm+IrwpndsUiYJ4Gbs2Vo3pLz9Jq2Igz718/G1IDxFj4HLxTj+I1ySHzccXrXfCTFSEeMZTcEuLs4oehU8rBJDcbOFDnO7Ykb0ceVJPyYxJJJJjjOElizKMRq8gz2rYuw6rMqLui/JG9TAiZPdBuVX5Cfh1Uf6STR2BVBPo/HVYExWwV+R01jB9q1OtoerA+azl6UfGxFU1sXdPo++IhdEOI/HuFSMb3/Vd2FUoXKIh4TY4K70HEIyDj7Evdef6Htu9mJ9Jp64inyHtVAb+ijQjcj2BPNhIjymjZkrJlFfS7fV1CTB3qSiiBAQ6sW3zTdcBEKcOvwMqTEBjoGAcOBSYxB5uY5yEqNNvf/6NajvkWLqw8V5r78zKWYFeKFd581mJl6Gz06Iwrf1Ds2AfRHySn80MbIIX0i13EIDxQP6Tty9S28PJzxvk5Dv88N80H66pmOKYIC/t+rv5wQEjXdG8uiAmj1qKxV4+bjGvskQFHfbha8gSld+Undv20luU8btLExGPuQnVc+ZDzjX1X33WJztSM5HAc3REIsEqJXb8TRa2V0vN0tgYIXStx9VYc5Mm/4ebmhuKqFqrzzOAGObItGqH9/FdiSIMMN8hSzrpQiv6gW8iAxUf1ulFWrzCI4gKQDhRA6CSg5alI56PhEGV1CtgIPi3NMtgi0d20ENsXLoGzuQFtHL0wmE/wnuiNG7gtPso4HDjCmJztoMrQMqkgZNBjhK3Y1l8HMSyW0DO5eZbnWGT0Inuxhn4ch5qlEEMVmzBqYROKjJX+8z8ygKDKTuJ3gWCLA2GdiNwHK5s5R+TWqtDaLZVcEnMyvsOpT3dCOgudK67FuVdjsf/3znWBtUweOXS/DxcKPf/Tp6jXgQXED0snZQdtjGDEW87os994H+yuDnAhyBHAEcARwBHAEOCYBOhbnb2QIeM5iAl4wBGwn9ohlM0H/K+etPwUYAO7UFu8nZtFbAAAAAElFTkSuQmCC");
}

.form-control.creditcard.mastercard {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2REIxOTA4NTA5N0ExMUUzQTM0MEZENTU0MTExMTk3MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2REIxOTA4NDA5N0ExMUUzQTM0MEZENTU0MTExMTk3MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XxeyrgAABOJJREFUeNrsWmtsU3UU/93e2wdryzo21r2f7GX2YGOsC+KmM5MoRMyWICrgC2MkYCSRT8ZADJqIUePzg4iPRGMEBaODoV8UFhgje7ixh869YOs65rq1g7brvb33eno18YsZdq3pTHuS0/b/zz23//O7590yTOXzGQA+JK4l1iAyiCc+R7ybZVI2fEUf6olZRA75dc0lLlfRSw0il+5QRZDZ/6MlqBDhFAUgCkAUgCgAEU3cf3HTlaKAxrmrqJ+fRLHHgViRV/Zt6hX4OWYVTsemoZnYxzB/PwlGxubkMeKrqE6YQqLWDY1KgkPQoscRj7NTmfjyWh6cQmizNkOlsByymxHvsg/hwFQfjATCYjSmMeDF1HKcN5pRlziBwyWXkG90LCozT8q/MlCJYyO3QV5uAKhlCe9ca8O9TmtAcheK43FPw3BAMt9NZuPp9rvAS8F7sL8XOBSKJ//2eBs2B6i8nzKmPbBDB2PWwr+WKSBLyTU4FSCWRRB8xD6CLY6JJcsbzjEQrIGFowdSR/Bo9kD4AdBLPvL53iAPIePG94aA5V4oaoeeE8ILQANFe9NfUT4Y0pIBeSYDi/BxGi+2pQ+FFwB/qlMlxEG7cf2fQSU1CRpL+dJy8jAdh1FBnVULTf59YDjt4gEsoQBb0m3hrQP8eV6/6yGY3jgIq7kMCV+8D8nlxuxj+8EV5MA3Og7JPgetpQKS2w1dfQ1E23V4TjRBXVwI39gExKlpqEsKIfM2GBpfgsqQBFlww2cfBKs3Q5qfgOz6HaqVqZAXHJAp47CxGTDubELJkbLwAhDv80K9rhSyZwHG/U9BU1mK+TePImZHA7icTOi3b8XCTxfBmlfD9dnXyprvGYDh8e3gO3oQ8+D9mK7bBnPLKXiaz4BLrYLj3VJA9EJn2QM2LhfatTtws2kv9JuOwHPhddrfS6D1EDBWrMJM+LOApqIY/OUuGJ99EsKvw/D9MkQuUQV14RqIM3YIpLC6KI++TQU2KRHzr74HLi9bcRe+u48ALIHn2x/gvdgCaXZIUZ6hQonL2Ah2dQEkeuqcma5pfUs5sjB4Bnz/SQKhO/xZYC7WBC4rnQ7fAfeps2DTUsg5WWjIpEWrDUJ3vzJ3EfoHoa2uIDPnoSktAtmxsse3diprvvMKuUMfWcA6GLZ+AF31PnDJ5RCd5CK2brDJa5V3hlXTNeuhq3oGPlrbvbrwukC/zgTzpochTlAwoprS9clxUqod0pyT9ibJZ73g8nPBX+okV2iFtqYavqFRTNc2Kn7vbesi3zZAnJ6BNecGNB/VgY3PhzDWAvH6FcXMZe88mBVxtO6Fz3oZov03SM5xAmcc3c6E8JbCO+3DOGztCk1dvtuNmJTAUuqB7tvx8WhR+FzgZFwmHGzwHZojmQtY+Tlei+Pja8IbA1wqDq8lFQd1D5maCXX9QsByL1Nn6PKpw58FPo/PQZMpbemHuNuLxKybAcl8Y83Bp0GYfkgB8AeR59Kr0BybGrDsidwMxGzwBNwO7+m4MyQzgZC0w36SGAanTemY5TSodNuhpWrtVgORfRkWHDUUoH02EWWmGcRrF245EDnYZ8GhXgtEmVl+E6GIH4n9Hyk6Fo8CEAUgCkAUgEgHgI9g/UU/AOcjGIAWfyns/7tYCbG/m4mUf4r5f0z4kfiJPwQYAB3H59j066DAAAAAAElFTkSuQmCC");
}

.form-group {
    /* margin-bottom: 2.5rem; */
  margin-bottom: 1.5rem;
}

.form-group .control-label,
.form-group>label {
    /* font-weight: 700;
    color: #000000;
    font-size: 1.4rem;
    letter-spacing: .5px; */
  font-weight: 500;
  color: #555;
  font-size: 1.3rem;
  letter-spacing: .5px;
  margin-bottom: .3rem;
}

.form-group.floating-addon {
    position: relative;
}

.form-group.floating-addon .input-group-prepend {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 5;
}

.form-group.floating-addon:not(.floating-addon-not-append) .input-group-append {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    left: initial;
    right: 0;
}

.form-group.floating-addon .input-group-prepend .input-group-text,
.form-group.floating-addon .input-group-append .input-group-text {
    border-color: transparent;
    background-color: transparent;
    font-size: 2.0rem;
}

.form-group.floating-addon .form-control {
    border-radius: .3rem;
    padding-left: 4.0rem;
}

.form-group.floating-addon .form-control+.form-control {
    border-radius: 0 .3rem .3rem 0;
    padding-left: 1.5rem;
}

.input-group-append [class*="btn-outline-"] {
    background-color: #fdfdff;
}

.form-text {
    font-size: 80%;
    line-height: 2.2rem;
    margin: .25rem !important;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before {
    /* background-color: #3C787E; */
  background-color: #006666;
}
.custom-control-label::before {
  top: -0.1rem;
  left: -3.5rem;
  width: 2.0rem;
  height: 2.0rem;
}
.custom-control-label-match::before {
  left: -1.0rem;
}
.custom-control-label::after {
  top: -0.1rem;
  left: -3.5rem;
  width: 2.0rem;
  height: 2.0rem;
}
.custom-control-label-match::after {
  left: -1.0rem;
}


.custom-file-label {
    line-height: 2.2;
}

.custom-file-label:after {
    height: calc(2.25rem + 0.4rem);
    line-height: 2.2;
    border-color: transparent;
}

.custom-file-label:focus,
.custom-file-label:active {
    box-shadow: none;
    outline: none;
}

.custom-file-input:focus+.custom-file-label {
    box-shadow: none;
    border-color: #3C787E;
}

.custom-file-input:focus+.custom-file-label:after {
    border-color: transparent;
}

.selectgroup {
    display: inline-flex;
}

.selectgroup-item {
    flex-grow: 1;
    position: relative;
}

.selectgroup-item+.selectgroup-item {
    margin-left: -1px;
}

.selectgroup-item:not(:first-child) .selectgroup-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.selectgroup-item:not(:last-child) .selectgroup-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.selectgroup-input {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.selectgroup-button {
    background-color: #fdfdff;
    border-color: #e4e6fc;
    border-width: .1rem;
    border-style: solid;
    display: block;
    text-align: center;
    padding: 0 1rem;
    height: 3.5rem;
    position: relative;
    cursor: pointer;
    border-radius: .3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.3rem;
    min-width: 2.375rem;
    line-height: 3.6rem;
}

.selectgroup-button-icon {
    padding-left: .5rem;
    padding-right: .5rem;
}

.selectgroup-button-icon i {
    font-size: 1.4rem;
}

.selectgroup-input:checked+.selectgroup-button {
    background-color: #3C787E;
    color: #fff;
    z-index: 1;
    border-color: #3C787E;
}

.selectgroup-pills {
    display: block;
    flex-wrap: wrap;
    align-items: flex-start;
}

.selectgroup-pills .selectgroup-item {
    margin-right: .5rem;
    flex-grow: 0;
}

.selectgroup-pills .selectgroup-button {
    border-radius: 5.0rem !important;
}

.custom-switch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.custom-switch-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-switches-stacked {
    display: flex;
    flex-direction: column;
}

.custom-switches-stacked .custom-switch {
    margin-bottom: .5rem;
}

.custom-switch-indicator {
    display: inline-block;
    height: 1.25rem;
    width: 2.25rem;
    background: #e9ecef;
    border-radius: 5.0rem;
    position: relative;
    vertical-align: bottom;
    border: .1rem solid rgba(0, 40, 100, 0.12);
    transition: .3s border-color, .3s background-color;
}

.custom-switch-indicator:before {
    content: '';
    position: absolute;
    height: calc(1.25rem - 0.4rem);
    width: calc(1.25rem - 0.4rem);
    top: .1rem;
    left: .1rem;
    background: #fff;
    border-radius: 50%;
    transition: .3s left;
}

.custom-switch-input:checked~.custom-switch-indicator {
    background: #6777ef;
}

.custom-switch-input:checked~.custom-switch-indicator:before {
    left: calc(1rem + .1rem);
}

.custom-switch-input:focus~.custom-switch-indicator {
    border-color: #6777ef;
}

.custom-switch-description {
    margin-left: .5rem;
    color: #6e7687;
    transition: .3s color;
}

.custom-switch-input:checked~.custom-switch-description {
    color: #495057;
}

.imagecheck {
    margin: 0;
    position: relative;
    cursor: pointer;
}

.imagecheck-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.imagecheck-figure {
    background-color: #fdfdff;
    border-color: #e4e6fc;
    border-width: .1rem;
    border-style: solid;
    border-radius: .3rem;
    margin: 0;
    position: relative;
}

.imagecheck-input:focus~.imagecheck-figure {
    border-color: #6777ef;
}

.imagecheck-input:checked~.imagecheck-figure {
    border-color: rgba(0, 40, 100, 0.24);
}

.imagecheck-figure:before {
    content: '';
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #6777ef url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
    color: #fff;
    z-index: 1;
    border-radius: .3rem;
    opacity: 0;
    transition: .3s opacity;
}

.imagecheck-input:checked~.imagecheck-figure:before {
    opacity: 1;
}

.imagecheck-image {
    max-width: 100%;
    opacity: .64;
    transition: .3s opacity;
}

.imagecheck-image:first-child {
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
}

.imagecheck-image:last-child {
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
}

.imagecheck:hover .imagecheck-image {
    opacity: 1;
}

.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,
.imagecheck-input:checked~.imagecheck-figure .imagecheck-image {
    opacity: 1;
}

.imagecheck-caption {
    text-align: center;
    padding: .25rem .25rem;
    color: #9aa0ac;
    font-size: 0.875rem;
    transition: .3s color;
}

.imagecheck:hover .imagecheck-caption {
    color: #495057;
}

.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,
.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption {
    color: #495057;
}

.colorinput {
    margin: 0;
    position: relative;
    cursor: pointer;
}

.colorinput-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.colorinput-color {
    background-color: #fdfdff;
    border-color: #e4e6fc;
    border-width: .1rem;
    border-style: solid;
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .3rem;
    color: #fff;
    box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.05);
}

.colorinput-color:before {
    content: '';
    opacity: 0;
    position: absolute;
    top: .25rem;
    left: .25rem;
    height: 1.25rem;
    width: 1.25rem;
    transition: .3s opacity;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
}

.colorinput-input:checked~.colorinput-color:before {
    opacity: 1;
}

/* 3.3 List */
.list-unstyled-border li {
    border-bottom: .1rem solid #f9f9f9;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.list-unstyled-border li .custom-checkbox {
    margin-right: 1.5rem;
}

.list-unstyled-border li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.list-unstyled-noborder li:last-child {
    border-bottom: none;
}

.list-group-item.active {
    background-color: #6777ef;
}

.list-group-item.disabled {
    color: #c9d7e0;
}

.list-group-item-primary {
    background-color: #6777ef;
    color: #fff;
}

.list-group-item-secondary {
    background-color: #cdd3d8;
    color: #fff;
}

.list-group-item-success {
    background-color: #47c363;
    color: #fff;
}

.list-group-item-danger {
    background-color: #fc544b;
    color: #fff;
}

.list-group-item-warning {
    background-color: #ffa426;
    color: #fff;
}

.list-group-item-info {
    background-color: #3abaf4;
    color: #fff;
}

.list-group-item-light {
    background-color: #e3eaef;
    color: #191d21;
}

.list-group-item-dark {
    background-color: #191d21;
    color: #fff;
}

/* 3.4 Alert */
.alert {
    color: #fff;
    border: none;
    padding: 1.5rem 2.0rem;
}

.alert .alert-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: .5rem;
}

.alert code {
    background-color: #fff;
    border-radius: .3rem;
    padding: .1rem 0.4rem;
}

.alert p {
    margin-bottom: 0;
}

.alert.alert-has-icon {
    display: flex;
}

.alert.alert-has-icon .alert-icon {
    margin-top: 0.4rem;
    width: 3.0rem;
}

.alert.alert-has-icon .alert-icon .ion,
.alert.alert-has-icon .alert-icon .fas,
.alert.alert-has-icon .alert-icon .far,
.alert.alert-has-icon .alert-icon .fab,
.alert.alert-has-icon .alert-icon .fal {
    font-size: 2.0rem;
}

.alert.alert-has-icon .alert-body {
    flex: 1;
}

.alert:not(.alert-light) a {
    color: #fff;
}

.alert.alert-primary {
    background-color: #6777ef;
}

.alert.alert-secondary {
    background-color: #cdd3d8;
}

.alert.alert-success {
    background-color: #47c363;
}

.alert.alert-info {
    background-color: #3abaf4;
}

.alert.alert-warning {
    background-color: #ffa426;
}

.alert.alert-danger {
    background-color: #fc544b;
}

.alert.alert-light {
    background-color: #e3eaef;
    color: #191d21;
}

.alert.alert-dark {
    background-color: #191d21;
}

/* 3.5 Card */
.card {
    /* box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.03); */
    background-color: #fff;
    border-radius: .3rem;
    border: none;
    position: relative;
    margin-bottom: 3.0rem;
}

.card .card-header,
.card .card-body,
.card .card-footer {
    background-color: transparent;
    padding: 1.0rem 0px;
}

.card .navbar {
    position: static;
}

.card .card-body {
    padding-top: 1.0rem;
    padding-bottom: 1.0rem;
}

.card .card-body .section-title {
    margin: 3.0rem 0 1.0rem 0;
    font-size: 1.6rem;
}

.card .card-body .section-title:before {
    margin-top: 0.8rem;
}

.card .card-body .section-title+.section-lead {
    margin-top: -.5rem;
}

.card .card-body p {
    font-weight: 500;
}

.card .card-header {
/*    border-bottom-color: #f9f9f9; */
    border-bottom-color: rgb(178,178,178);
    /* border-width: .5rem; */
    border-width: 0;
    line-height: 3.0rem;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
/*    min-height: 7.0rem; */
/*    padding: 1.5rem 2.5rem; */
    padding: .5rem 2.5rem;
    /* display: flex; */
    align-items: center;
    margin-bottom: 1.0rem;
}

.card .card-header .btn {
    margin-top: .1rem;
    padding: .2rem 1.5rem;
}

.card .card-header .btn:not(.note-btn) {
    /* border-radius: 3.0rem; */
    border-radius: none;
}

.card .card-header .btn:hover {
    box-shadow: none;
}

.card .card-header .form-control {
    height: 31px;
    font-size: 1.3rem;
    border-radius: 3.0rem;
}

.card .card-header .form-control+.input-group-btn .btn {
    margin-top: -1px;
}

.card .card-header h4 {
  /* font-size: 2.2rem; */
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #000000;
  /* padding-right: 1.0rem; */
  margin-bottom: 0;
}

.card .card-header h4+.card-header-action,
.card .card-header h4+.card-header-form {
    margin-left: auto;
}

.card .card-header h4+.card-header-action .btn,
.card .card-header h4+.card-header-form .btn {
    font-size: 1.2rem;
    border-radius: 3.0rem !important;
    padding-left: 1.3rem !important;
    padding-right: 1.3rem !important;
}

.card .card-header h4+.card-header-action .btn.active,
.card .card-header h4+.card-header-form .btn.active {
    box-shadow: 0 .2rem .6rem #f7dff1;
    background-color: #3f1134;
    color: #fff;
}

.card .card-header h4+.card-header-action .dropdown,
.card .card-header h4+.card-header-form .dropdown {
    display: inline;
}

.card .card-header h4+.card-header-action .btn-group .btn,
.card .card-header h4+.card-header-form .btn-group .btn {
    border-radius: 0 !important;
}

.card .card-header h4+.card-header-action .btn-group .btn:first-child,
.card .card-header h4+.card-header-form .btn-group .btn:first-child {
    border-radius: 3.0rem 0 0 3.0rem !important;
}

.card .card-header h4+.card-header-action .btn-group .btn:last-child,
.card .card-header h4+.card-header-form .btn-group .btn:last-child {
    border-radius: 0 3.0rem 3.0rem 0 !important;
}

.card .card-header h4+.card-header-action .input-group .form-control,
.card .card-header h4+.card-header-form .input-group .form-control {
    border-radius: 3.0rem 0 0 3.0rem !important;
}

.card .card-header h4+.card-header-action .input-group .form-control+.input-group-btn .btn,
.card .card-header h4+.card-header-form .input-group .form-control+.input-group-btn .btn {
    border-radius: 0 3.0rem 3.0rem 0 !important;
}

.card .card-header h4+.card-header-action .input-group .input-group-btn+.form-control,
.card .card-header h4+.card-header-form .input-group .input-group-btn+.form-control {
    border-radius: 0 3.0rem 3.0rem 0 !important;
}

.card .card-header h4+.card-header-action .input-group .input-group-btn .btn,
.card .card-header h4+.card-header-form .input-group .input-group-btn .btn {
    margin-top: -1px;
    border-radius: 3.0rem 0 0 3.0rem !important;
}

.card .card-footer {
    background-color: transparent;
    border: none;
}

.card.card-mt {
    margin-top: 3.0rem;
}

.card.card-progress:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 99;
    z-index: 99;
}

.card.card-progress .card-progress-dismiss {
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    color: #fff !important;
    padding: .5rem 1.3rem;
}

.card.card-progress.remove-spinner .card-progress-dismiss {
    top: 50%;
    transform: translate(-50%, -50%);
}

.card.card-progress:not(.remove-spinner):after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6Ij4NCjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCINCiAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIg0KICB0eXBlPSJyb3RhdGUiDQogIGZyb209IjAgMjUgMjUiDQogIHRvPSIzNjAgMjUgMjUiDQogIGR1cj0iMC42cyINCiAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCjwvcGF0aD4NCjwvc3ZnPg0K");
    background-size: 8.0rem;
    background-repeat: no-repeat;
    background-position: center;
}

.card.card-primary {
    border-top: .2rem solid #6777ef;
}

.card.card-secondary {
    border-top: .2rem solid #cdd3d8;
}

.card.card-success {
    border-top: .2rem solid #47c363;
}

.card.card-danger {
    border-top: .2rem solid #fc544b;
}

.card.card-warning {
    border-top: .2rem solid #ffa426;
}

.card.card-info {
    border-top: .2rem solid #3abaf4;
}

.card.card-dark {
    border-top: .2rem solid #191d21;
}

.card.card-hero .card-header {
    padding: 4.0rem;
    background-image: linear-gradient(to bottom, #6777ef, #95a0f4);
    color: #fff;
    overflow: hidden;
    height: auto;
    min-height: auto;
    display: block;
}

.card.card-hero .card-header h4 {
    font-size: 4.0rem;
    line-height: 1;
    color: #fff;
}

.card.card-hero .card-header .card-description {
    margin-top: .5rem;
    font-size: 1.6rem;
}

.card.card-hero .card-header .card-icon {
    float: right;
    color: #8c98f3;
    margin: -6.0rem;
}

.card.card-hero .card-header .card-icon .ion,
.card.card-hero .card-header .card-icon .fas,
.card.card-hero .card-header .card-icon .far,
.card.card-hero .card-header .card-icon .fab,
.card.card-hero .card-header .card-icon .fal {
    font-size: 14.0rem;
}

.card.card-statistic-1 .card-header,
.card.card-statistic-2 .card-header,
.card.card-statistic-3 .card-header {
    border-color: transparent;
    padding-bottom: 0;
    height: auto;
    min-height: auto;
    display: block;
}

.card.card-statistic-1 .card-header h4,
.card.card-statistic-2 .card-header h4 {
    line-height: 1.2;
    /* color: #98a6ad; */
  color: #555;
}

.card.card-statistic-1 .card-body,
.card.card-statistic-2 .card-body,
.card.card-statistic-3 .card-body {
    padding-top: 0;
}

.card.card-statistic-1 .card-body,
.card.card-statistic-2 .card-body {
    font-size: 2.6rem;
    font-weight: 700;
    color: #34395e;
    padding-bottom: 0;
}

.card.card-statistic-1,
.card.card-statistic-2,
.card.card-statistic-3 {
  /* display: inline-block; */
  /* width: 100%; */
  /* box-shadow: 0px 0.4rem 2.0rem 0px rgb(0 0 0 / 4%); */
  /* padding: 2.0rem; */
  /* border-radius: 2.0rem; */
  /* border: 1px solid #bbb; */
}

.card.card-statistic-1 .card-icon,
.card.card-statistic-2 .card-icon,
.card.card-statistic-3 .card-icon {
    width: 8.0rem;
    height: 8.0rem;
    margin: 1.0rem;
    border-radius: .3rem;
    line-height: 9.4rem;
    text-align: center;
    float: left;
    margin-right: 1.5rem;
}

.card.card-statistic-1 .card-icon .ion,
.card.card-statistic-1 .card-icon .fas,
.card.card-statistic-1 .card-icon .far,
.card.card-statistic-1 .card-icon .fab,
.card.card-statistic-1 .card-icon .fal,
.card.card-statistic-2 .card-icon .ion,
.card.card-statistic-2 .card-icon .fas,
.card.card-statistic-2 .card-icon .far,
.card.card-statistic-2 .card-icon .fab,
.card.card-statistic-2 .card-icon .fal {
    font-size: 2.2rem;
    color: #fff;
}

.card.card-statistic-1 .card-icon {
    line-height: 9.0rem;
}

.card.card-statistic-2 .card-icon {
    width: 5.0rem;
    height: 5.0rem;
    line-height: 5.0rem;
    font-size: 2.2rem;
    margin: 2.5rem;
}

.card.card-statistic-1 .card-header,
.card.card-statistic-2 .card-header,
.card.card-statistic-3 .card-header {
    padding-bottom: 0;
    /* padding-top: 2.5rem; */
  padding: 0;
  margin: 0;
}

.card.card-statistic-2 .card-body,
.card.card-statistic-3 .card-body {
    padding-top: 2.0rem;
}

.card.card-statistic-2 .card-header+.card-body,
.card.card-statistic-3 .card-header+.card-body,
.card.card-statistic-3 .card-body+.card-header,
.card.card-statistic-2 .card-body+.card-header {
    padding-top: 0;
}

.card.card-statistic-1 .card-header h4,
.card.card-statistic-2 .card-header h4 {
    /* font-weight: 600;
    font-size: 1.3rem;
    letter-spacing: .5px; */
  font-size: 1.4rem;
  font-weight: 700;
}

.card.card-statistic-1 .card-header h4 {
    margin-bottom: 0;
}

.card.card-statistic-2 .card-header h4 {
    text-transform: none;
    margin-bottom: 0;
}

.card.card-statistic-1 .card-body {
  font-size: 4.0rem;
  font-weight: 400;
  color: #555;
  /* font-family: "roboto", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important; */
  font-family: 'M PLUS 1', 'Inter', sans-serif !important;
}

.card.card-statistic-2 .card-chart {
    padding-top: 2.0rem;
    margin-left: -9px;
    margin-right: -1px;
    margin-bottom: -15px;
}

.card.card-statistic-2 .card-chart canvas {
    height: 9.0rem !important;
}

.card .card-stats {
    width: 100%;
    display: inline-block;
    margin-top: .2rem;
    margin-bottom: -.6rem;
}

.card .card-stats .card-stats-title {
    padding: 1.5rem 2.5rem;
    background-color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: .3px;
}

.card .card-stats .card-stats-items {
    display: flex;
    height: 5.0rem;
    align-items: center;
}

.card .card-stats .card-stats-item {
    width: calc(100% / 3);
    text-align: center;
    padding: .5rem 2.0rem;
}

.card .card-stats .card-stats-item .card-stats-item-label {
    font-size: 1.2rem;
    letter-spacing: .5px;
    margin-top: 0.4rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card .card-stats .card-stats-item .card-stats-item-count {
    line-height: 1;
    margin-bottom: 0.8rem;
    font-size: 2.0rem;
    font-weight: 700;
}

.card.card-large-icons {
    display: flex;
    flex-direction: row;
}

.card.card-large-icons .card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 15.0rem;
    border-radius: .3rem 0 0 .3rem;
}

.card.card-large-icons .card-icon .ion,
.card.card-large-icons .card-icon .fas,
.card.card-large-icons .card-icon .far,
.card.card-large-icons .card-icon .fab,
.card.card-large-icons .card-icon .fal {
    font-size: 6.0rem;
}

.card.card-large-icons .card-body {
    padding: 2.5rem 3.0rem;
}

.card.card-large-icons .card-body h4 {
    font-size: 1.8rem;
}

.card.card-large-icons .card-body p {
    opacity: .6;
    font-weight: 500;
}

.card.card-large-icons .card-body a.card-cta {
    text-decoration: none;
}

.card.card-large-icons .card-body a.card-cta i {
    margin-left: .7rem;
}

.card.bg-primary,
.card.bg-danger,
.card.bg-success,
.card.bg-info,
.card.bg-dark,
.card.bg-warning {
    color: #fff;
}

.card.bg-primary .card-header,
.card.bg-danger .card-header,
.card.bg-success .card-header,
.card.bg-info .card-header,
.card.bg-dark .card-header,
.card.bg-warning .card-header {
    color: #fff;
    opacity: .9;
}

.card-wrap {
  text-align: center;
}

@media (max-width: 575.98px) {
    .card.card-large-icons {
        display: inline-block;
    }

    .card.card-large-icons .card-icon {
        width: 100%;
        height: 20.0rem;
    }
}

@media (max-width: 767.98px) {
    .card .card-header {
        height: auto;
        flex-wrap: wrap;
    }

    .card .card-header h4+.card-header-action,
    .card .card-header h4+.card-header-form {
        flex-grow: 0;
        width: 100%;
        margin-top: 1.0rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .card .card-stats .card-stats-items {
        height: 49px;
    }

    .card .card-stats .card-stats-items .card-stats-item {
        padding: .5rem .7rem;
    }

    .card .card-stats .card-stats-items .card-stats-item .card-stats-item-count {
        font-size: 1.6rem;
    }

    .card.card-sm-6 .card-chart canvas {
        height: 8.5rem !important;
    }

    .card.card-hero .card-header {
        padding: 2.5rem;
    }
}

/* 3.6 Table */
.table {
    color: inherit;
}

.table td,
.table:not(.table-bordered) th {
    border-top: none;
}

.table:not(.table-sm):not(.table-md):not(.dataTable) td {
    padding: .3rem 1.0rem;
    line-height: 1.7;
    vertical-align: middle;
}
.table:not(.table-sm):not(.table-md):not(.dataTable) th {
    padding: .5rem 0;
    line-height: 1.7;
    vertical-align: middle;
}


.table:not(.table-sm) thead th {
    border-bottom: none;
/*    background-color: rgba(0, 0, 0, 0.04); */
    background-color: #DEECE7;
/*    color: #666; */
    color: rgb(95,106,102);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border: .2rem solid #fff;
}

.table.table-md th,
.table.table-md td {
    padding: 1.0rem 1.5rem;
}

.table.table-bordered td,
.table.table-bordered th {
    border-color: #f6f6f6;
}

.table-links {
    color: #34395e;
    font-size: 1.2rem;
    margin-top: .5rem;
    opacity: 0;
    transition: all .3s;
}

.table-links a {
    color: #666;
}

table tr:hover .table-links {
    opacity: 1;
}

.table-striped tbody tr:nth-of-type(odd) {
/*    background-color: rgba(0, 0, 0, 0.02); */
  background-color: #f2f2f2;
}

@media (max-width: 575.98px) {
    .table-responsive table {
        min-width: 800px;
    }
}

#table-1 {
  width: 127.0rem;
}
.table-100per {
  width: 100% !important;
}
.table-800 {
  width: 80.0rem !important;
}
.table-1000 {
  width: 100.0rem !important;
}
.table-1200 {
  width: 120.0rem !important;
}
.min-width-200 {
  min-width: 20.0rem !important;
}
.width-40 {
  width: 4.0rem;
}

/* 3.7 Tooltip */
.tooltip {
    font-size: 1.2rem;
}

.tooltip-inner {
    padding: .7rem 1.3rem;
}

/* 3.8 Modal */
.modal-header,
.modal-body,
.modal-footer {
    padding: 2.5rem;
}

.modal-body {
    /* padding-top: 1.5rem; */
  padding: 0 2.0rem 2.0rem 2.0rem;
}

.modal-header {
    border-bottom: none;
    padding-bottom: .5rem;
}

.modal-header h5 {
    font-size: 1.8rem;
}

/* .modal-header .close {
  background-color: #666;
  border-radius: 50%;
  border: .1rem solid #666;
  color: #fff;
} */
.modal-header .close {
  width: 3.2rem;          /* 円のサイズ */
  height: 3.2rem;
  background-color: #666;
  border: .1rem solid #666;
  padding: 0;
}
.modal-header .close:hover {
  background-color: #555;
  border-color: #555;
}


.modal-footer {
    border-top: none;
    border-radius: 0 0 .3rem .3rem;
}

.modal-content {
    max-width: 100%;
    border: none;
    box-shadow: 0 .3rem 0.8rem rgba(0, 0, 0, 0.05);
}

.modal.show .modal-content {
    box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.2);
}

.modal-progress .modal-content {
    position: relative;
}

.modal-progress .modal-content:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 999;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6Ij4NCjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCINCiAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIg0KICB0eXBlPSJyb3RhdGUiDQogIGZyb209IjAgMjUgMjUiDQogIHRvPSIzNjAgMjUgMjUiDQogIGR1cj0iMC42cyINCiAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCjwvcGF0aD4NCjwvc3ZnPg0K");
    background-size: 8.0rem;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: .3rem;
}

.modal-part {
    display: none;
}

/* 3.9 Nav */
.nav-tabs .nav-item .nav-link {
    color: #6777ef;
}

.nav-tabs .nav-item .nav-link.active {
    color: #000;
}

.tab-content>.tab-pane {
    padding: 1.0rem 0;
    line-height: 2.4rem;
}

.tab-bordered .tab-pane {
    padding: 1.5rem;
    border: .1rem solid #ededed;
    margin-top: -1px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #6777ef;
}

.nav-pills .nav-item .nav-link {
    /* color: #6777ef; */
  color: #333;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  padding-top: 1.0rem !important;
}

.nav-pills .nav-item .nav-link:hover {
    background-color: #f6f7fe;
}

.nav-pills .nav-item .nav-link.active {
    box-shadow: 0 0px 0px #acb5f6;
    /* color: rgb(0, 0, 0); */
    color: #fff;
/*    background-color: #ffffff; */
    background-color: #5AA087;
/*    border-bottom: .5rem solid #3C787E; */
    border-top-right-radius: 0.8rem;
    border-top-left-radius: 0.8rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  font-weight: 700;
}

.nav-pills .nav-item .nav-link .badge {
    padding: .5rem 0.8rem;
    margin-left: .5rem;
}

.nav .nav-item .nav-link .ion,
.nav .nav-item .nav-link .fas,
.nav .nav-item .nav-link .far,
.nav .nav-item .nav-link .fab,
.nav .nav-item .nav-link .fal {
    margin-right: .3rem;
    font-size: 1.2rem;
}

/* 3.10 Pagination */
.page-item .page-link {
    /* color: #3C787E; */
    border-radius: .3rem;
    margin: 0 .3rem;
  color: #333;
  border-color: #BBB;
}

.page-item.active .page-link {
    /* background-color: #3C787E;
    border-color: #3C787E; */
  background-color: #5AA087;
  border-color: #5AA087;
  color: #fff;
}

.page-item.disabled .page-link {
    border-color: transparent;
    background-color: #f9fafe;
    /* color: #3C787E; */
  color: #333;
    opacity: .6;
}

.page-link {
    border-color: transparent;
    background-color: #f9fafe;
    font-weight: 600;
}

.page-link:hover {
    background-color: #3C787E;
    color: #fff;
    border-color: transparent;
}

.page-link:focus {
    box-shadow: none;
}

/* 3.11 Badge */
.badges .badge {
    margin: 0 0.8rem 1.0rem 0;
}

.badge {
    /* vertical-align: middle;
    padding: .7rem 1.2rem;
    font-weight: 600;
    letter-spacing: .3px;
    border-radius: 3.0rem;
    font-size: 1.2rem; */
  padding: .3rem 1.2rem;
  font-weight: 700;
  border-radius: 1.0rem;
  font-size: 1.2rem;
  height: 2.0rem;
  width: 7.6rem;
}

.badge.badge-warning {
    color: #fff;
}

.badge.badge-primary {
    background-color: #6777ef;
}

.badge.badge-secondary {
    background-color: #cdd3d8;
}

.badge.badge-success {
    background-color: #47c363;
}

.badge.badge-info {
    background-color: #3abaf4;
}

.badge.badge-danger {
    background-color: #fc544b;
}

.badge.badge-light {
    background-color: #e3eaef;
    color: #191d21;
}

.badge.badge-white {
    background-color: #ffffff;
    color: #191d21;
}

.badge.badge-dark {
    background-color: #191d21;
}

h1 .badge {
    font-size: 2.4rem;
    padding: 1.6rem 2.1rem;
}

h2 .badge {
    font-size: 2.2rem;
    padding: 1.4rem 1.9rem;
}

h3 .badge {
    font-size: 1.8rem;
    padding: 1.1rem 1.6rem;
}

h4 .badge {
    font-size: 1.6rem;
    padding: 0.8rem 1.3rem;
}

h5 .badge {
    font-size: 1.4rem;
    padding: .5rem 1.0rem;
}

h6 .badge {
    font-size: 1.1rem;
    padding: .3rem 0.8rem;
}

.btn .badge {
    margin-left: .5rem;
    padding: 0.4rem .7rem;
}

.btn .badge.badge-transparent {
    background-color: rgba(255, 255, 255, 0.25);
    color: #fff;
}

/* 3.12 Button */
.buttons .btn {
    margin: 0 0.8rem 1.0rem 0;
}

.btn:focus {
    box-shadow: none !important;
    outline: none;
    color:#1d1c1c !important;
}

.btn:active {
    box-shadow: none !important;
    outline: none;
    color:#1d1c1c !important;
}

.btn:active:focus {
    box-shadow: none !important;
    outline: none;
    color:#1d1c1c !important;
}

.btn.btn-icon-split i,
.dropdown-item.has-icon i {
    text-align: center;
    width: 1.5rem;
    font-size: 1.5rem;
    float: left;
    margin-right: 1.0rem;
}

.btn {
    font-weight: 600;
    /* font-size: 1.2rem; */
  font-size: 1.4rem;
    line-height: 2.4rem;
    padding: .3rem .8rem;
    color: #fff;
    letter-spacing: .5px;
  border-width: .1rem;
    border-radius: 1.0rem;
}

.btn.btn-icon-split {
    position: relative;
}

.btn.btn-icon-split i {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 45px;
    border-radius: .3rem 0 0 .3rem;
    line-height: 32px;
}

.btn.btn-icon-split div {
    margin-left: 4.0rem;
}

.btn.btn-icon-noflo-splitat {
    display: table;
    text-align: right;
}

.btn.btn-icon-noflo-splitat i {
    float: none;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    width: 30%;
}

.btn.btn-icon-noflo-splitat div {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
    text-align: left;
    padding-left: 1.0rem;
}

.btn:not(.btn-social):not(.btn-social-icon):active,
.btn:not(.btn-social):not(.btn-social-icon):focus,
.btn:not(.btn-social):not(.btn-social-icon):hover {
    /* border-color: transparent !important; */
    background-color: white;
}

.btn>i {
    margin-left: 0 !important;
}

.btn.btn-lg {
    padding: .65rem 1.5rem;
    font-size: 1.4rem;
}

.btn.btn-lg.btn-icon-split i {
    line-height: 4.2rem;
}

.btn.btn-lg.btn-icon-split div {
    margin-left: 2.5rem;
}

.btn.btn-sm {
    padding: .10rem .4rem;
    font-size: 1.2rem;
}

.btn.btn-icon .ion,
.btn.btn-icon .fas,
.btn.btn-icon .far,
.btn.btn-icon .fab,
.btn.btn-icon .fal {
    margin-left: 0 !important;
    font-size: 1.2rem;
}

.btn.btn-icon.icon-left .ion,
.btn.btn-icon.icon-left .fas,
.btn.btn-icon.icon-left .far,
.btn.btn-icon.icon-left .fab,
.btn.btn-icon.icon-left .fal {
    margin-right: .3rem;
}

.btn.btn-icon.icon-right .ion,
.btn.btn-icon.icon-right .fas,
.btn.btn-icon.icon-right .far,
.btn.btn-icon.icon-right .fab,
.btn.btn-icon.icon-right .fal {
    margin-left: .3rem !important;
}

.btn-action {
    color: #fff !important;
    line-height: 2.5rem;
    font-size: 1.2rem;
    min-width: 3.5rem;
    min-height: 3.5rem;
}

.btn-secondary,
.btn-secondary.disabled {
    box-shadow: 0 .2rem .6rem #e1e5e8;
    background-color: #cdd3d8;
    border-color: #cdd3d8;
    color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.disabled:hover,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:active {
    background-color: #bfc6cd !important;
    color: #fff !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary.disabled:active {
    background-color: #cdd3d8 !important;
    color: #fff !important;
}

.btn-success,
.btn-success.disabled {
    box-shadow: 0 .2rem .6rem #81d694;
    background-color: #47c363;
    border-color: #47c363;
    color: #fff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active {
    background-color: #3bb557 !important;
    color: #fff !important;
}

.btn-outline-success,
.btn-outline-success.disabled {
    border-color: #47c363;
    color: #47c363;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success.disabled:hover,
.btn-outline-success.disabled:focus,
.btn-outline-success.disabled:active {
    background-color: #47c363 !important;
    color: #fff !important;
}

.btn-danger,
.btn-danger.disabled {
    box-shadow: 0 .2rem .6rem #fd9b96;
    background-color: #fc544b;
    border-color: #fc544b;
    color: #fff;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active {
    background-color: #ae2441 !important;
}

.btn-outline-danger,
.btn-outline-danger.disabled {
  border-color: #ae2441;
  color: #ae2441;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger.disabled:hover,
.btn-outline-danger.disabled:focus,
.btn-outline-danger.disabled:active {
    background-color: #ae2441 !important;
    color: #fff !important;
}

.btn-dark,
.btn-dark.disabled {
    box-shadow: 0 .2rem .6rem #728394;
    background-color: #191d21;
    border-color: #191d21;
    color: #fff;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.disabled:hover,
.btn-dark.disabled:focus,
.btn-dark.disabled:active {
    background-color: black !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active,
.btn-outline-dark.disabled:hover,
.btn-outline-dark.disabled:focus,
.btn-outline-dark.disabled:active {
    background-color: black !important;
    color: #fff !important;
}

.btn-light,
.btn-light.disabled {
    box-shadow: 0 .2rem .6rem #e6ecf1;
    background-color: #e3eaef;
    border-color: #e3eaef;
    color: #191d21;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.disabled:hover,
.btn-light.disabled:focus,
.btn-light.disabled:active {
    background-color: #c3d2dc !important;
}

.btn-outline-light,
.btn-outline-light.disabled {
    border-color: #e3eaef;
    color: #e3eaef;
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active,
.btn-outline-light.disabled:hover,
.btn-outline-light.disabled:focus,
.btn-outline-light.disabled:active {
    background-color: #e3eaef !important;
    color: #fff !important;
}

.btn-warning,
.btn-warning.disabled {
    box-shadow: 0 .2rem .6rem #ffc473;
    background-color: #ffa426;
    border-color: #ffa426;
    color: #fff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active {
    background-color: #ff990d !important;
    color: #fff !important;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning.disabled:hover,
.btn-outline-warning.disabled:focus,
.btn-outline-warning.disabled:active {
    background-color: #ffa426 !important;
    color: #fff !important;
}

.btn-info,
.btn-info.disabled {
    box-shadow: 0 .2rem .6rem #82d3f8;
    background-color: #3abaf4;
    border-color: #3abaf4;
    color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active {
    background-color: #0da8ee !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info.disabled:hover,
.btn-outline-info.disabled:focus,
.btn-outline-info.disabled:active {
    background-color: #0da8ee !important;
    color: #fff !important;
}

.btn-primary,
.btn-primary.disabled {
    box-shadow: 0 .2rem .6rem #acb5f6;
    background-color: #6777ef;
    border-color: #6777ef;
}

.btn-primary:focus,
.btn-primary.disabled:focus {
    background-color: #394eea !important;
}

.btn-primary:focus:active,
.btn-primary.disabled:focus:active {
    background-color: #394eea !important;
}

.btn-primary:active,
.btn-primary:hover,
.btn-primary.disabled:active,
.btn-primary.disabled:hover {
    background-color: #394eea !important;
}

.btn-outline-primary,
.btn-outline-primary.disabled {
  border-color: #6777ef;
  color: #6777ef;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.disabled:hover,
.btn-outline-primary.disabled:focus,
.btn-outline-primary.disabled:active {
    background-color: #6777ef !important;
    color: #fff;
}

.btn-outline-white,
.btn-outline-white.disabled {
    border-color: #fff;
    color: #fff;
}

.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:active,
.btn-outline-white.disabled:hover,
.btn-outline-white.disabled:focus,
.btn-outline-white.disabled:active {
    background-color: #fff;
    color: #6777ef;
}

.btn-round {
    border-radius: 3.0rem;
    padding-left: 3.4rem;
    padding-right: 3.4rem;
}

.btn-social-icon,
.btn-social {
    border: none;
    border-radius: .3rem;
}

.btn-social-icon {
    color: #fff !important;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.btn-social-icon> :first-child {
    font-size: 1.6rem;
}

.btn-social {
    padding: 1.2rem 1.2rem 1.2rem 5.0rem;
    color: #fff !important;
    font-weight: 500;
}

.btn-social> :first-child {
    width: 55px;
    line-height: 5.0rem;
    border-right: none;
}

.btn-reddit {
    color: #000 !important;
}

.btn-group .btn.active {
    background-color: #6777ef;
    color: #fff;
}

.btn-progress {
    position: relative;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6Ij4NCjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCINCiAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIg0KICB0eXBlPSJyb3RhdGUiDQogIGZyb209IjAgMjUgMjUiDQogIHRvPSIzNjAgMjUgMjUiDQogIGR1cj0iMC42cyINCiAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCjwvcGF0aD4NCjwvc3ZnPg0K");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 3.0rem;
    color: transparent !important;
    pointer-events: none;
}

/* 3.13 Media */
.media .media-right {
    float: right;
    color: #6777ef;
    font-weight: 600;
    font-size: 1.6rem;
}

.media .media-icon {
    font-size: 2.0rem;
    margin-right: 1.5rem;
    line-height: 1;
}

.media .media-title {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 600;
    font-size: 1.5rem;
    color: #34395e;
}

.media .media-title a {
    font-weight: inherit;
    color: #000;
}

.media .media-description {
    line-height: 2.4rem;
    color: #34395e;
}

.media .media-links {
    margin-top: 1.0rem;
}

.media .media-links a {
    font-size: 1.2rem;
    color: #999;
}

.media .media-progressbar {
    flex: 1;
}

.media .media-progressbar .progress-text {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: .5rem;
    color: #34395e;
}

.media .media-cta {
    margin-left: 4.0rem;
}

.media .media-cta .btn {
    padding: .5rem 1.5rem;
    border-radius: 3.0rem;
    font-size: 1.2rem;
}

.media .media-items {
    display: flex;
}

.media .media-items .media-item {
    flex: 1;
    text-align: center;
    padding: 0 1.5rem;
}

.media .media-items .media-item .media-label {
    font-weight: 600;
    font-size: 1.2rem;
    color: #34395e;
    letter-spacing: .5px;
}

.media .media-items .media-item .media-value {
    font-weight: 700;
    font-size: 1.8rem;
}

/* 3.14 Breadcrumb */
.breadcrumb {
    background-color: #f9f9f9;
}

.breadcrumb .breadcrumb-item {
    line-height: 1;
}

.breadcrumb .breadcrumb-item i {
    margin-right: .5rem;
}

/* 3.15 Accordion */
.accordion {
    display: inline-block;
    width: 100%;
    margin-bottom: 1.0rem;
}

.accordion .accordion-header,
.accordion .accordion-body {
    padding: 1.0rem 1.5rem;
}

.accordion .accordion-header {
    background-color: #f9f9f9;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .5s;
}

.accordion .accordion-header h4 {
    line-height: 1;
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
}

.accordion .accordion-header:hover {
    background-color: #f2f2f2;
}

.accordion .accordion-header[aria-expanded="true"] {
    box-shadow: 0 .2rem .6rem #acb5f6;
    background-color: #6777ef;
    color: #fff;
}

.accordion .accordion-body {
    line-height: 2.4rem;
}

/* 3.16 Popover */
.popover {
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.03);
    border-color: transparent;
}

.popover .manual-arrow {
    position: absolute;
    bottom: -15px;
    font-size: 2.6rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
}

.bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::before {
    border-left-color: #f2f2f2;
}

.bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::before {
    border-bottom-color: #f2f2f2;
}

.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::before {
    border-top-color: #f2f2f2;
}

.bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::before {
    border-right-color: #f2f2f2;
}

.popover .popover-header {
    background-color: transparent;
    border: none;
    padding-bottom: 0;
    padding-top: 1.0rem;
}

.popover .popover-body {
    padding: 1.5rem;
    line-height: 2.4rem;
}

/* 3.17 Grid */
.sm-gutters {
    margin-left: -.5rem;
    margin-right: -.5rem;
}

.sm-gutters>.col,
.sm-gutters>[class*=col-] {
    padding-left: .5rem;
    padding-right: .5rem;
}

/* 3.18 Navbar */
.navbar {
  /* height: 7.0rem; */
  height: 8.0rem;
  /* left: 250px; */
  left: 29.0rem;
  position: absolute;
  /* z-index: 890; */
  z-index: 2;
  background-color: transparent;
  /* background-color: rgb(233,241,238); */
  background-color: #e7f2ee;
  padding: .5rem 0;
  width: 128.0rem;
}

.navbar.active {
    background-color: #6777ef;
    box-shadow: rgba(103, 119, 239, 0.2) rgba(0, 0, 0, 0.03);
}

.navbar-bg {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 115px;
    background-color: #ffffff;
    z-index: -1;
  /* z-index: 9999; */
}

.navbar {
    align-items: center;
}

.navbar .navbar-brand {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .3rem;
    font-weight: 700;
}

.navbar .form-inline .form-control {
    background-color: #fff;
    border-color: transparent;
    padding-left: 2.0rem;
    padding-right: 0;
    margin-right: -.6rem;
    min-height: 46px;
    font-weight: 500;
    border-radius: .3rem 0 0 .3rem;
    transition: all 1s;
}

.navbar .form-inline .form-control:focus,
.navbar .form-inline .form-control:focus+.btn {
    position: relative;
    z-index: 9001;
}

.navbar .form-inline .form-control:focus+.btn+.search-backdrop {
    opacity: .6;
    visibility: visible;
}

.navbar .form-inline .form-control:focus+.btn+.search-backdrop+.search-result {
    opacity: 1;
    visibility: visible;
    top: 8.0rem;
}

.navbar .form-inline .btn {
    border-radius: 0 .3rem .3rem 0;
    background-color: #fff;
    padding: 9px 1.5rem 9px 1.5rem;
    border-color: transparent;
}

.navbar .form-inline .search-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.navbar .form-inline .search-result {
    position: absolute;
    z-index: 9002;
    top: 10.0rem;
    background-color: #fff;
    border-radius: .3rem;
    width: 45.0rem;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.navbar .form-inline .search-result:before {
    position: absolute;
    top: -26px;
    left: 3.4rem;
    content: '\f0d8';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    color: #fff;
    font-size: 3.0rem;
}

.navbar .form-inline .search-result .search-header {
    padding: 1.3rem 1.8rem .2rem 1.8rem;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-weight: 600;
    font-size: 1.0rem;
    color: #bcc1c6;
}

.navbar .form-inline .search-result .search-item {
    display: flex;
}

.navbar .form-inline .search-result .search-item a {
    display: block;
    padding: 1.3rem 1.8rem;
    text-decoration: none;
    color: #34395e;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.navbar .form-inline .search-result .search-item a:hover {
    background-color: #f1f3fe;
}

.navbar .form-inline .search-result .search-item a:not(.search-close) {
    width: 100%;
}

.navbar .form-inline .search-result .search-item a i {
    margin-left: 0 !important;
}

.navbar .form-inline .search-result .search-item .search-icon {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    border-radius: 50%;
}

.navbar .active .nav-link {
    color: #fff;
    font-weight: 700;
}

.navbar .navbar-text {
    color: #fff;
}

.navbar .nav-link {
    color: #f2f2f2;
/*    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; */
  padding-left: .7rem !important;
  padding-right: .7rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 100%;
}

.navbar .nav-link.nav-link-lg div {
    margin-top: .3rem;
}

.navbar .nav-link.nav-link-lg i {
    margin-left: 0 !important;
   /* font-size: 1.8rem; */
    /* line-height: 32px; */
  font-size: 3.0rem;
  line-height: 4.0rem;
}

.navbar .nav-link.nav-link-user {
    color: rgb(0, 0, 0);
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    font-weight: 600;
}

.navbar .nav-link.nav-link-user img {
    /* width: 3.0rem; */
  width: 4.0rem;
}

.navbar .nav-link.nav-link-img {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    border-radius: 50%;
    overflow: hidden;
}

.navbar .nav-link.nav-link-img .flag-icon {
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.03);
    border-radius: 50%;
    line-height: 1.8rem;
    height: 2.2rem;
    width: 2.2rem;
    background-size: cover;
}

.remove-caret:after {
    display: none;
}

.navbar .nav-link:hover {
    color: rgb(0, 86, 179);
}

.navbar .nav-link.disabled {
    color: #fff;
    opacity: .6;
}

.navbar ul {
  /* width: 7.0rem; */
}

.nav-collapse {
    display: flex;
}

@media (max-width: 575.98px) {
    body.search-show .navbar .form-inline .search-element {
        display: block;
    }

    .navbar .form-inline .search-element {
        position: absolute;
        top: 1.0rem;
        left: 1.0rem;
        right: 1.0rem;
        z-index: 892;
        display: none;
    }

    .navbar .form-inline .search-element .form-control {
        float: left;
        border-radius: .3rem 0 0 .3rem;
        width: calc(100% - 43px) !important;
    }

    .navbar .form-inline .search-element .btn {
        margin-top: .1rem;
        border-radius: 0 .3rem .3rem 0;
    }

    .navbar .form-inline .search-result {
        width: 100%;
    }

    .navbar .form-inline .search-backdrop {
        display: none;
    }

    .navbar .nav-link.nav-link-lg div {
        display: none;
    }
}

.form-inline .navbar-nav li {
  /* background-color: rgb(95,151,129); */
  background-color: #5aa087;
  border-radius: 1.0rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .navbar .form-inline .search-element {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .collapse {
        position: relative;
    }

    .collapse .navbar-nav {
        position: absolute;
    }
}

@media (max-width: 1024px) {
    .nav-collapse {
        position: relative;
    }

    .nav-collapse .navbar-nav {
        box-shadow: 0 0 3.0rem rgba(0, 0, 0, 0.03);
        position: absolute;
        top: 4.0rem;
        left: 0;
        width: 20.0rem;
        display: none;
    }

    .nav-collapse .navbar-nav.show {
        display: block;
    }

    .nav-collapse .navbar-nav .nav-item:first-child {
        border-radius: .3rem .3rem 0 0;
    }

    .nav-collapse .navbar-nav .nav-item:last-child {
        border-radius: 0 0 .3rem .3rem;
    }

    .nav-collapse .navbar-nav .nav-item .nav-link {
        background-color: #fff;
        color: #6c757d;
    }

    .nav-collapse .navbar-nav .nav-item .nav-link:hover {
        background-color: #fcfcfd;
        color: #6777ef;
    }

    .nav-collapse .navbar-nav .nav-item:focus>a,
    .nav-collapse .navbar-nav .nav-item.active>a {
        background-color: #6777ef;
        color: #fff;
    }

    .navbar {
        left: .5rem;
        right: 0;
    }

    .navbar .dropdown-menu {
        position: absolute;
    }

    .navbar .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto;
    }
}

/* 3.19 Dropdown */
.dropdown-item.has-icon i {
    margin-top: -1px;
    font-size: 1.3rem;
}

.dropdown-menu {
    /* box-shadow: 0 1.0rem 4.0rem 0 #ecf2f2; */
    border: none;
    width: 20.0rem;
}

.dropdown-menu.show {
    display: block !important;
}

.dropdown-menu a {
    font-size: 1.3rem;
}

.dropdown-menu .dropdown-title {
    text-transform: uppercase;
    font-size: 1.0rem;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: #191d21 !important;
    padding: 1.0rem 2.0rem;
    line-height: 2.0rem;
    color: #ecf2f2;
}

.dropdown-menu.dropdown-menu-sm a {
    font-size: 1.4rem;
    letter-spacing: normal;
    padding: 1.0rem 2.0rem;
    color: #6c757d;
}

a.dropdown-item {
    padding: 1.0rem 2.0rem;
    font-weight: 500;
    line-height: 1.2;
}

a.dropdown-item:focus,
a.dropdown-item:active,
a.dropdown-item.active {
    background-color: #3C787E;
    color: #ffffff !important;
}

a.dropdown-item:hover {
    background-color: #ecf2f2;
    color: #3C787E !important;
}

.dropdown-divider {
    border-top-color: #f9f9f9;
}

.dropdown-list {
    width: 350px;
    padding: 0;
}

.dropdown-list .dropdown-item {
    display: inline-block;
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 1.3rem;
    border-bottom: .1rem solid #f9f9f9;
}

.dropdown-list .dropdown-item.dropdown-item-header:hover {
    background-color: transparent;
}

.dropdown-list .dropdown-item .time {
    margin-top: 1.0rem;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.0rem;
    letter-spacing: .5px;
}

.dropdown-list .dropdown-item .dropdown-item-avatar {
    float: left;
    width: 4.0rem;
    text-align: right;
    position: relative;
}

.dropdown-list .dropdown-item .dropdown-item-avatar img {
    width: 100%;
}

.dropdown-list .dropdown-item .dropdown-item-avatar .is-online {
    position: absolute;
    bottom: 0;
    right: 0;
}

.dropdown-list .dropdown-item .dropdown-item-desc {
    line-height: 2.4rem;
    white-space: normal;
    color: #34395e;
    margin-left: 6.0rem;
}

.dropdown-list .dropdown-item .dropdown-item-desc b {
    font-weight: 600;
    color: #666;
}

.dropdown-list .dropdown-item .dropdown-item-desc p {
    margin-bottom: 0;
}

.dropdown-list .dropdown-item:focus {
    background-color: #6777ef;
}

.dropdown-list .dropdown-item:focus .dropdown-item-desc {
    color: #fff !important;
}

.dropdown-list .dropdown-item:focus .dropdown-item-desc b {
    color: #fff !important;
}

.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc {
    color: #6c757d;
}

.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc b {
    color: #6c757d;
}

.dropdown-list .dropdown-item:active .dropdown-item-desc {
    color: #fff;
}

.dropdown-list .dropdown-item:active .dropdown-item-desc b {
    color: #fff;
}

.dropdown-list .dropdown-item.dropdown-item-unread {
    background-color: #fbfbfb;
    border-bottom-color: #f2f2f2;
}

.dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc {
    color: #6c757d !important;
}

.dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc b {
    color: #6c757d !important;
}

.dropdown-list .dropdown-footer,
.dropdown-list .dropdown-header {
    letter-spacing: .5px;
    font-weight: 600;
    padding: 1.5rem;
}

.dropdown-list .dropdown-footer a,
.dropdown-list .dropdown-header a {
    font-weight: 600;
}

.dropdown-list .dropdown-list-content {
    height: 350px;
    overflow: hidden;
}

.dropdown-list .dropdown-list-content:not(.is-end):after {
    content: ' ';
    position: absolute;
    bottom: 46px;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
    height: 6.0rem;
}

.dropdown-list .dropdown-list-icons .dropdown-item {
    display: flex;
}

.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon {
    flex-shrink: 0;
    border-radius: 50%;
    width: 4.0rem;
    height: 4.0rem;
    line-height: 4.2rem;
    text-align: center;
}

.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon i {
    margin: 0;
}

.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc {
    margin-left: 1.5rem;
    line-height: 2.0rem;
}

.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc .time {
    margin-top: .5rem;
}

.dropdown-flag .dropdown-item {
    font-weight: 600;
}

.dropdown-flag .dropdown-item .flag-icon {
    width: 2.0rem;
    height: 1.3rem;
    margin-right: .7rem;
    margin-top: -.6rem;
}

.dropdown-flag .dropdown-item.active {
    background-color: #6777ef;
    color: #fff;
}

@media (max-width: 575.98px) {
    .dropdown-list-toggle {
        position: static;
    }

    .dropdown-list-toggle .dropdown-list {
        left: 1.0rem !important;
        width: calc(100% - 2.0rem);
    }
}

/* 3.20 Dropdown */
.tab-content.no-padding>.tab-pane {
    padding: 0;
}

.tab-content>.tab-pane {
    line-height: 2.8rem;
}

ul.nav-tabs li.nav-item a.nav-link i {
    color: #6777ef;
}

ul.nav-tabs li.nav-item a.nav-link span {
    display: block;
    line-height: 60%;
}

ul.nav-tabs li.nav-item a.nav-link span i {
    font-size: 1.6rem !important;
}

ul.nav-tabs li.nav-item a.nav-link.active i {
    color: #191d21;
}

/* 3.21 Progress Bar */
.progress-bar {
    background-color: #6777ef;
}

/* 3.22 Jumbotron */
.jumbotron {
    background-color: #e3eaef;
}

/* 3.23 Carousel */
.carousel .carousel-caption p {
    font-size: 1.3rem;
    line-height: 2.4rem;
}

/* 4. Theme Style */
/* 4.1 Misc */
:root {
    /* Colors */
    --primary: #6777ef;
    --secondary: #34395e;
    --success: #47c363;
    --info: #3abaf4;
    --warning: #ffa426;
    --danger: #fc544b;
    --light: #e3eaef;
    --dark: #191d21;
}

body,
html {
    min-height: 100%;
}

body {
    background-color: #ffffff;
    /* font-size: 1.4rem; */
    font-size: 1.2rem;
    font-weight: 400;
    /* font-family: "Nunito", "Segoe UI", arial; */
    /* font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif; */
    /* font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important; */
    font-family: 'M PLUS 1', 'Inter', sans-serif !important;
    color: #333333e3;
  width: 192.0rem;
  max-width: 192.0rem;
}
@media screen and (max-width: 1920px) {
  body {
    width: 100%;
  }
}


a.bb {
    text-decoration: none;
    border-bottom: .1rem solid #6777ef;
    padding-bottom: .1rem;
}

.form-divider {
    display: inline-block;
    width: 100%;
    margin: 1.0rem 0;
    font-size: 1.6rem;
    font-weight: 600;
}

.ui-sortable-handle,
.sort-handler {
    cursor: move;
}

.text-job {
    font-size: 1.0rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-weight: 700;
    color: #34395e;
}

.text-time {
    font-size: 1.2rem;
    color: #666;
    font-weight: 500;
    margin-bottom: 1.0rem;
}

.bullet,
.slash {
    display: inline;
    margin: 0 0.4rem;
}

.bullet:after {
    content: '\2022';
}

.slash:after {
    content: '/';
}

.login-brand {
    margin: 2.0rem 0;
    margin-bottom: 4.0rem;
    font-size: 2.4rem;
    text-transform: uppercase;
    letter-spacing: 0.4rem;
    color: #666;
    text-align: center;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.budget-price {
    display: inline-block;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
}

.budget-price .budget-price-square {
    width: 1.5rem;
    height: .3rem;
    background-color: #f9f9f9;
}

.budget-price .budget-price-label {
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: .5rem;
}

.gradient-bottom {
    position: relative;
}

.gradient-bottom:after {
    content: ' ';
    position: absolute;
    bottom: 41px;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
    height: 6.0rem;
}

.text-small {
    font-size: 1.2rem;
    line-height: 2.0rem;
}

.text-title {
    font-size: 1.4rem;
    color: #34395e;
    font-weight: 600;
}

.text-muted-transparent {
    color: rgba(255, 255, 255, 0.8);
}

.img-shadow {
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.03);
}

.colors {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.5rem;
}

.colors .color {
    border-radius: .3rem;
    width: calc((100% / 4) - 1.0rem);
    padding: 1.0rem;
    height: 6.0rem;
    line-height: 4.0rem;
    text-align: center;
    margin: .5rem;
}

blockquote {
    padding: 2.0rem;
    padding-left: 4.0rem;
    font-style: oblique;
    background-color: #f9f9f9;
    border-radius: .3rem;
    position: relative;
    font-family: 'Time new Romans';
    font-size: 1.6rem;
    letter-spacing: .3px;
}

blockquote:before {
    content: '"';
    font-size: 3.0rem;
    position: absolute;
    top: 1.0rem;
    left: 2.0rem;
    opacity: .2;
}

blockquote .blockquote-footer {
    margin-top: 1.0rem;
}

.bg-whitesmoke {
    background-color: #f7f9f9 !important;
}

.ion {
    font-size: 1.5rem;
}

.fas,
.far,
.fab,
.fal {
    font-size: 1.3rem;
}

#visitorMap {
    height: 210px;
}

.sidebar-gone-show {
    display: none !important;
}

pre {
    border-radius: .3rem;
}

.circle-step {
    display: flex;
    margin-bottom: 1.0rem;
}

.circle-step .circle-content {
    margin-top: .3rem;
    margin-left: 1.3rem;
}

.circle-step .circle {
    border-width: .2rem;
    border-style: solid;
    border-radius: 50%;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 3.0rem;
    font-size: 1.1rem;
    text-align: center;
}

.circle-step .circle.circle-primary {
    border-color: #6777ef;
    color: #6777ef;
}

.pe-none {
    pointer-events: none;
}

.contact-map {
    width: 100%;
    height: 100%;
    min-height: 400px;
}

#visitorMap2,
#visitorMap3 {
    height: 350px;
}

.shadow-primary {
    box-shadow: 0 .2rem .6rem #acb5f6;
}

.shadow-secondary {
    box-shadow: 0 .2rem .6rem #e1e5e8;
}

.shadow-success {
    box-shadow: 0 .2rem .6rem #81d694;
}

.shadow-warning {
    box-shadow: 0 .2rem .6rem #ffc473;
}

.shadow-danger {
    box-shadow: 0 .2rem .6rem #fd9b96;
}

.shadow-info {
    box-shadow: 0 .2rem .6rem #82d3f8;
}

.shadow-light {
    box-shadow: 0 .2rem .6rem #e6ecf1;
}

.shadow-dark {
    box-shadow: 0 .2rem .6rem #728394;
}

.is-online {
    width: 1.0rem;
    height: 1.0rem;
    background-color: #47c363;
    border-radius: 50%;
    display: inline-block;
}

.gutters-xs {
    margin-right: -.25rem;
    margin-left: -.25rem;
}

.gutters-xs>.col,
.gutters-xs>[class*="col-"] {
    padding-right: .25rem;
    padding-left: .25rem;
}

.beep {
    position: relative;
}

.beep:after {
    content: '';
    position: absolute;
    top: .2rem;
    right: 0.8rem;
    width: .7rem;
    height: .7rem;
    background-color: #ffa426;
    border-radius: 50%;
    -webkit-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 1;
}

.beep.beep-sidebar:after {
    position: static;
    margin-left: 1.0rem;
}

@media (max-width: 575.98px) {
    .fc-overflow {
        width: 100%;
        overflow: auto;
    }

    .fc-overflow #myEvent {
        width: 800px;
    }

    .ionicons li {
        width: calc(100% / 4);
    }

    .icon-wrap {
        width: 100%;
    }
}

.background-walk-y {
    background-repeat: no-repeat;
    background-position: 0 0%;
    -webkit-animation-name: backgroundWalkY;
    animation-name: backgroundWalkY;
    -webkit-animation-duration: 70s;
    animation-duration: 70s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-size: 100%;
}

@media (max-width: 1199.98px) {
    .background-walk-y {
        background-size: cover;
    }
}

.background-walk-x {
    background-repeat: no-repeat;
    background-position: 0 0%;
    -webkit-animation-name: backgroundWalkX;
    animation-name: backgroundWalkX;
    -webkit-animation-duration: 70s;
    animation-duration: 70s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes backgroundWalkY {
    0% {
        background-position: 0 0%;
    }

    100% {
        background-position: 0 100%;
    }
}

@keyframes backgroundWalkY {
    0% {
        background-position: 0 0%;
    }

    100% {
        background-position: 0 100%;
    }
}

@-webkit-keyframes backgroundWalkX {
    0% {
        background-position: 0 0%;
    }

    100% {
        background-position: 100% 0;
    }
}

@keyframes backgroundWalkX {
    0% {
        background-position: 0 0%;
    }

    100% {
        background-position: 100% 0;
    }
}

.overlay-gradient-bottom:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: false;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%);
    z-index: 1;
}

.overlay-gradient-top:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: false;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%);
    z-index: 1;
}

.index-1 {
    z-index: 1 !important;
}

.index-2 {
    z-index: 2 !important;
}

.index-3 {
    z-index: 3 !important;
}

.index-4 {
    z-index: 4 !important;
}

.index-5 {
    z-index: 5 !important;
}

.absolute-bottom-left {
    position: absolute;
    left: 0;
    bottom: 0;
}

.bg-paypal {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MzhDMkFERDA5N0ExMUUzOEU3NkI3REVBNTBBQTM3QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MzhDMkFEQzA5N0ExMUUzOEU3NkI3REVBNTBBQTM3QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzjbbwAABEdJREFUeNrsWGtsk1UYfnpd13Yd68boXOmAgnO4VSfLUBIhRhYIGkPMDHHGCJloNOIPL9EYkKB4SURiovBnRn+QQaZchUgQp8KcDlh2MawwV7YJG1u3sVtvWy9fPef9sMt0Gp1JQ/KdNzl9z7Xt85znfd9+VdlLKx0APmVtFWt6KMPCrJ1h7WmNJfeeg6xTxpoGyjGO1clasZq9rIRy7X61gmQ/oxLUULgJAgQBggBBgCBAECAIEAQIAgQBCjXtbA8+UlaKPTufmXrADkdx+UoPtu3aj6aLnbN7MtGnILPABZVKJU/E44hFwgj0X0doePBvz/H98jk1Btuak6OAVffeSZ6D/qymFgM3RuEqWIAPt22ieb1eiwX2bOQ7c5GZkUZzOp0W9pws9gg29bGGFD3NmU2p0JnTCIwUiyI46EUkGCBSLI6FUOt0HCnzemhTjeQTt2g00T4pFkmeAkpci8nvrvoKJ79vgrvjGnZt3Uhglxffjpq9r0wDeqK2EQ1N7dj56hP48kQ9Xnr7cwJde2AHbptnxZY3q/Cd20t7J4ZvwNf7G4HKWnqXrA4GODO/CGrt1FeOToQw4rkEndFM40jAnxwCrHPMWOSYR32fP4TSu5fgqcceoHF942Xyr7+3D13XvKQCTszDD5bg0Nc/0VpRQR75Fzc9ROCb2zpx7JvzsOYX0rwUjdAtm7Jz5DELAykaRWCgD9FQkFRimb8QWkMq22eCzvQHAYHkELCsaHGif+CTlxP9C60d2PpBNZHjuiMP5evuQ67NSmtXewdxydNDfafDBmeeDZsfL2NhHqe8AaYWDoibOcdOjVssHMZYt4cnBKg1Ghjn2pgy9AklxCZDUwoIJkkBJS4neX7DR0+dw/CoHy3uLrS0dWH9muX4+K3NtFZ95CyRUbF+JS784kFv/zD8wQmYjQbsfedZaLUa1Bz/Ea3ubugt6XLekyQW//0snmNM4kFEfONQ8+TI5M9zQHDIi7BvDGm5DlIGJ5ATEqf9oWQRICugav9p7Dv8w7S18nUryH9xvB5HTjXgo+2VNG5s9ZBvv9LLFOTE0iXz4Q+E8P6eQ3LSNMqJcnJsBP6+nmnvaUjPgIrd/uT4KILePhizbXLlYTH/f25/1lXAdTOGf2ZJ7c92sf0q+deefxSnq3eguHARjRua5b2/dl5P7OUJdGjEJ1cIlsllUL6/vGeEKYFbimUO5hYWw2DNkuf94/947t+Yyl5aGf+vh3KyMyBJcXiHRmesySuW5VN5O9fSgYx0E1WD7p4BWn/jhXI89+RaeLr7UFaxHdGYJN8Ei2mVWsNifnJmqbKkqEkxIMpuPR6XqAxyyfO8wPsx1ufhkBQCZmtp5lTUHXyXSmXFlt2oO+9W1k/hyg2rCfzhkw23BPikK0A8DAkCBAGCAEGAIEAQIAgQBNxiBIQVjD/GCTirYALqOAH8H4tvFaaEyE3MG38XYABCjHjqM0/uowAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-visa {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0ZCMEUyQjA5N0ExMUUzQThCQUUwNkRBQTdGOUQzMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0ZCMEUyQTA5N0ExMUUzQThCQUUwNkRBQTdGOUQzMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NGpUrQAABKJJREFUeNrsWHtMW1UY/3ELFAq0tCuDQjtbnm7SjbkBA3lMN4LO6QwxzmWSmKiJfyiJMWaJ/0m2mCzTaJYZXTYN6kKi0z/cDIsyF0eGcxuMOXkMxvv9KOXVVvr0nHPpbe8kMUpS/uj9ktN77ndPzznf73zf7/vujSg6WL8JwBnSykmLRniIk7RfSXs1kvycJW0vwkvoQVeQVseRnzKEr5RyYeT2q4mMQ5iLBIAEgASABIAEgASABIAEQNhK5H8ZrI+zotLQiQr9PWjkNqbz+DhcGDTjk/ZS0dgXnsrGk6VG1u8ZnMP7n93AB0fKoFbFMN2Jz1vQcd/C+rqkODxfmYWduclITY4n9SmH2XkHmm6N4uMvb4vmfbN6O7blaMFxEey+5ugVLNldoQFgxKbG2a5i1HUXoiqjE4czbyCWs2Pfpj9xuuMxuH28Q9HNHdr/MJI3KNj9dz/1IFYeiV15qYjg9w2L1cGu5fl6vFdThOgomWit1I3xeChNKdLt2qbDoadzRLockwYt7ZOhDQG3V4bzvWaM53+BUc6MaM4Do9Ii2qjf+LnFZTQ2DzFj/MbbHC5MWuwMlCOv5QvG3+maZid+6lwbLv82hPYei2jdlw5s/sdecrM2hC4EgsXr9WFmwYu8/R9i8Md3ka2awv35JPbswJ4MYdzFK31Ydnpg0gdOc2BkgV03Z2iQqJQL+tpT1zE+bVt1vWyjGo9u2cj6M8R7tOpY1n9kjQCsiQR/vzMOjSoWun3HkJ7kZTq6seLtqTw/eHzM/amY9Crhf30j8+w6v+QUzXeCcETJjrRV16qqyBT61EPo3FS2ZK4rABPsqklUwFRWzfrPPpEOmYz39ebbY5icsbN+ukEV5AE8AL1Dc/jhcq+gpyAdf6cUp2v3wpCSIOgTE+SoXCHUuYVl/HJ9mBCrlV+bkCol0XUBYGrWjr5h3piCnTlI0cbhmccD7v9NQ7fQN6YFAOhfCQEqx8/cwsmv27BoC3hDbrYWn9bugSqBD4/nyOnLo3me+Ll5EC63F3e7Z4TxawmDNdcBNAzYpxVy6jXVeUjWKgQjWzt4dqZkl5KkCAAwOh/gEp8P9Re7UPXGBXx7KQCYWhmD8gI9mzfY/ScIR+Sbk+F0eYOIUBt6EhQA+GOCpTwquwsNgp7Gvo8PU5YBuJUUYHe4WVj4T5QSpD8zfFTXisoSI5Txga90uwsMAuH564AHhZLpugHQ1jnNjPAbRGWJuHPD1f6g2FYGuT9/+ltJMXPsrRJcaxlF94CVnWgZqQn8xrs9Xtwk4NbWFP/rHnJMakRFciw0Qg6A0+Uhrj6FojydoGtoGoDjL7eI3B4EgOriFVGM3PwEF5xiT37VRsg1RohvCsjhtxtYXSGkTVJAFZKag9YRWSRN+ivLkAJApZEQkzoon5+/1CN6LiOVYVffLO8xpNihcq/fikZS7JgJ4SURF6ceMG21M4/6noQPff76i1sxNrXExt+8O4nhiUXRvNdax2DQ8dlCT0ro/wNARNHBep/0NigBIAEgASABIAEgASABIAEgARCeADjD2H4PBeBqGAPQRAF4hb7QhZknuFZsfvlvAQYAHheK9jMfKWkAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-americanexpress {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RkI5MDAxRjA5N0ExMUUzOUQ4QkU1OTZBNzYxMzREQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RkI5MDAxRTA5N0ExMUUzOUQ4QkU1OTZBNzYxMzREQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jutENgAAB2FJREFUeNrsWGlQlWUUfi7cy2VfZFdAFkUQUVxAwz3TLM3d1DQEpRzN1GaymHEdl6yxcVyyUcfQynBJUxx1zNBEMERRSBkUEdkR2ZEdLtzOebn3E4p+hEN/7j0zL5fvvd/33vc855znPO8n6xMR4wbgMI2xNIygG9ZEI5ZGuJz+fEfjDeiWcaAn0vjegP6Mge7aaAMdSvvOzNAAOm56APQA6AHQA6AHQJdNrv2np7Uxrn4aDLmhTFw3NLfi0v3nmDXUWbq5plGFcV/dRC8bE0R/HNSlH6xvbkHG81r0cTCDqZGhmKusa8bVh6UY420Le4vOZclPt/KxcISLdN3Sqsa+q1lYM9FTmvv610wcvJ7dNQDeD3bF9fRSRJxOE9e7F/jj7YGOuJxajPW/PBRz+xYOxOKRbnCxMcbppEJ8eSlDzB8ODRD38Vx72zbLFym5VR3mFSQ9RnjZYNtMX4QfTZGeZ9iXRCbjWVWDmLsRMQqTd91CXZMKkwc4Yv073lIA2EJpH8vHu+NJcS3mH0gSv9XlDLA0lmNeYE8sOZICbydzFL9oxAFC8tgHQ9CsakVVvYoio8Q3hPiBkIEwkhtgyu5bMFPKUVjZABVFo54yRk7O7ZrnJy3e19EcCZkV0jzfdyW1BCfvFJBTDqhtbBH33c97gYgzaZjY3x7LxrmTPJPh5O0CFFc3YlqAE87cK8SK191hQfvkvfQwM8K3v2fjTVqjVa0Wc7zPLnPAu+Q8I8nRWkRpFkLZkPi0AmmF1dKNoSNdcTurAulFNYh7XIacsnosHe3WYbE6cugEbVw72AE2djy3vB75NEpqGkXq+/WykJ6Lf1IO8gNbZ/qguaUVk/zscfRmnnBw7WQvyg4ZfvwjT7o/fIwbbM0VWEeZyc+9EglySoaQc4dicyCjPIzLKEcKRYSN57T2lr8D3GxNRN3x5kZTvfbvafE3YS2Daw8TaZgoDCRgOKKn7hQi4UmFeM7OXCk9p9Z4wZniZW8muIczq6K2CXtjsmBtKhfPvmhQifvMCMAtM3yQTAE7lpD/aiQ4dZAjmlRqXCMSCu7TA3JyQk4/MMzdWtS1r7O55Fz46N7YeO6RuOby+LspyeGRtIbWLIwV4pOJ7ezKIJTVNCG1oFrU/t3sSum+IA8b8bmJ1p7k54CDBHxvAru3ramY5zXPJRcJELQ23scOU4ijTiUVvBoAYaNccSIxH3a0yb3v+YuNGVEkPOxNMX3fbUSnFMHKRA4DSg/uCJHxuXC2UmK4p40oGf6OQeNoqyh9V0U96ECCPM+1y7b9YgbCKNv4GY65mbKtCwR6WGPz9H6ibOIzHomM2Ditn+gUXGrj+tniOfESZwY/yxxUQBmygYiRs6CWyFEh71pHl6nVL6uIa56d5mhfWxssWmN7K6GaZjJkq6htho2Z4j/92OrjqdizYMA/5quoDcYSr7xG3cHW3EiAzbuatCsB2aV1wlHmpfYWRW3R0coYE3ztXqkNyvpExKihw6ZXgt21cMaOCf/6HbfSBQfvYgoR8JbpPqL7tLdG6umc+nZUDlwS7a2aOgF/5+9i2enadU0tyKN2y91Eq2rZ8ivqRftlDfG/AMA2dU8iijTK7mXRybCZCO7MikDYEvHOIxXHLa+huaWDWhxAOmE7kega4o34jDLpOxZfM4c4C5LWqkKtBbhZYedcP+y8/KStlWvobeUET0Go2y48RqlGm7BdWD2iewHgaLFemDuspzTH7eyzn9NIavvh89O5guU3TfMWBPnJJC8EuFqKdrmW7jlCHaeWIupoaYx1U/uSSFLjBxJE+69lkUJ0FAqQyVFLhNxtTpHKjE0vwxezfWGubHOvn5OZWN+QwN8686VktiJ9Ie/uGksrrBHtjc2PBNAO2hgD89GxB6KlHftwKLSJygLH0kQhNL8QSFJJtAglqSIA+ODkYWcqpTK37RJNVHl97gwiun8+F+XDgiyI2qwDda97OVW4SK2UgRpM2WIsN+x+ACzJSd5EmyBSCu3OeqFNXBlAQS2XpTLbriuZlP4kfClS3BLDRrlh/dlH5GCTUJL8WEZxDeYH9RKtmo1bcfv1Zwx2Ih0jQxIBwxkSGZcjOGE3tV8ORC5lXBZxCB/QmGO6HQA+ObZXh1zTiU8rcWjxIJHKoXQC3Eqylo01wjhSeHzUZaKTa5xk6czKs4Yy5xRtnGt8OR2a2DyJ7LTrc2SZTxjAQFKXvE5CZjkp3VZBvC50jOfhaKkUZx0+d3QrALwhPjjxkPouObV/kT+lqhIHQwYhLDIFm8+ntylKIr9N0elC5LAdXzZUlAVrNVaCUYkFcCeJzKdXThp+Jjr5mRhaEpxDfLPh7EMpwzyJLFfQsZnPNVoyNVYYYjap2pF9e3QvABdWD+90nk+Vc/YniUPY+VUdX6z8llbS4Xq3RjlyZNnYwTkaUk3aOLbT9fmorX1pUlTVSGRoKK2jfbHDL2VWRaXqlaD+pageAD0AegD0AOgB0HEAmnTY/xYG4IYOAxDHACylEaNjmdCs8Tn0LwEGANFzD+vUOoKUAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-dinersclub {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QzZFN0NDMjA5N0ExMUUzQTlFREIzQkJBNTFDMUVBOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QzZFN0NDMTA5N0ExMUUzQTlFREIzQkJBNTFDMUVBOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DhLVaQAABA5JREFUeNrsmHlIFFEcx7+r5qqb95GWeaRWpBamhhZ2UFKupZ2S1h9Z0QkdEFF0KR0UEf1RWFAWREFaJF1GEZgWphGdVt6laZalrpjttofbe2s7u9OYGbQxy8wP3rIz83tv9/eZ3/WeBPITAQBOkzGFDHsIQ9RkFJOx0hZhsy+TL4lk2EI4Qm0NISPKhnxMhnAlwUZAbt+nJ9hA4CICEAGIAEQAgha7//EjwzxlWDZjFBKj/DHE3Ql6vR5eLg7wdnVkdLpVWjS3daOioR1Xy94i/34dVGqdxf+bhLTCekstLh1ki+ylMVg4KQQ5NysMRjV96Waeuw+WQh4bgI0pkYgd6cOa+6G9G1vPlOFCUY11AnCV2aMwW4437xXYcPIBvn3X/j4OJRJsTI3E4RXxpDORsJ7l3qnE6mPF0PVY5j3RvUDWP48r0l/d2JOE4pct2HyqFBpdT7/61LSyyk94Vt+GtIQQAxCjjA/xgp+HDNcfNVgPgC0LxpEYd8S6nBIWlPBAd7QqlMy9Eb4uBjhqbS+gqmYFVBqdIVeYS3SoN2pbOvHyXTv/qwB1/fWzI7DmeAlJdr33PJ0dcO9gCrYtimLpzowejoqcNIwN9mTuHbnyHK8bOzjrHl4eD0d7O/4DyJgahmtl7/C5U8nEd8GumZg0xrdP/UAfZ9zemwwft96KQGP9QP4Tjp6fhxMWJYzgPwB5TAAuPahjrhdPCUVCuF+/c3xJady5OJq5vkoAarTcvDFnQhD/AVB3flr3hbleQjxiYJ4TCmPu+6rUoJrkg18lJsyb/wAGOwxCFzHAKKOHuw1oHs0TPmaN0ccOZZ9hwHsAKg273uv/onybq37X6PrsF3gPgLa0TlJTtn7VOLDSRcujeYn095JxdFo6vvEfQCXp/CZHmJLeQFvZC/dMeh7OUtIzeHB0yqs+8R/ADdKxzZsYzFzTilD0ornfObUfOrH/oqn0pcYFc1piKgWlb/kP4HxRNaaP8zeUNmMOmL/vDu4+a/qt8Ul7CtHWpWI6xu1pUVzPalIQmPXWsRlaNWsMUuICMSf7FpMEaQILG+aKqiYFqwmica9UmxLn7vRosoOM5STS5KxC3HrcaB0HIqduvya1XItDmXHMvR5ihbnxVBpau1jGzyehszsjhrPejnPlFjHeYgDoG8s8WoTgIS44u3ka3GTSfvXt7XrdPm9bIiv26Tr7857g4KWn1nkgQt1+09xIrJWHk9xQgyul9awdHS11NOFtSo1E6FBX1ly6IdqS+9Bib/6/ADAKPf5KJ3uClLggwxaYgqGbH/N+gR6YNH7+isc1rYZsf628Ado/nCNYDQA+i3gsLgIQAYgARABCB6AWsP06CqBEwADuUwAryLgrME/Q/LR52Q8BBgBm3GJpfFCpogAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-discover {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTYxNkM1QzA5N0ExMUUzODkyODk5REFFMENGQ0I0MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MTYxNkM1QjA5N0ExMUUzODkyODk5REFFMENGQ0I0MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Nbpv+wAABOVJREFUeNrsmnlQVVUcx79gGWtvGCuteBgOSykiISQaO5GgwWtKZlJkMfpDrZQmBNOCxqJF0UlsEaPYbAMCCp1JnjFsZSKyiRA8FkGCARyBx9Lb7judexzuSKMNIU7Lu7+Z39x7f++sn/P7/c59d44RIcQGQDpVH6rzYRiioVpO9QUjCkBOb56AYUoZD0BtQCv/Z+F4AAQGLCIAEYAIQAQgAhABiABEACIAEYAIQARgkGI804J2Do5MXVxXYld8PIaHR5h92/YXESp7GjzH+IQEPGgthZPzCuTm5l378qDRMPt9ixbB1NwCXt4+1xrUc9CUpGEiKQDju9zw+0cx0Pe3o7a2jvWTn/+t0HdjYyOz5eXlC+Pg1dXNHS0tLcKzx5o1+Dwj4/YA6OnpgYO9PRwc7PHxJ0fhFxCAsbExDA4Noa+/HyVyOT44nIqQkBAE+Pujo7OT1QuPiEDqkQ8hC5Vhz2u7MXTlCrOrvk6CunA/9IOXQMaHoWsqw+T+Z7HiAQmMjY1xNC1N6Ds7JwcDAwMIDAxk41hsY0PbC8W64CAKWMtsPt7ekNwtwdZt2xnEGQuZodx5lwnJys5m9z+fOUPmm5iSd997nzyzIYysdH+MpB07xspQEEKds9XVzEZXRbCNjIwQrl9BlFuX3FAn03eQt95OZvXa29uJVqsl1KsIBSmM43DqEaG9+voGZisrLycdHR3sPuf48ZlOixjPJm5We3jA2Xk5KisrBVtwUBDuWbAA658KwdqgYOa2VVU/wdLSElGRkUI5iUQCTnHu5p9o6G9RkREwMjJCRmYm5KdPMy+LjooSyiS/k8xc3tfPX7CVlJTgzX37mPe4u7nNeC53zDp50I54nRKpVIoLFxqRnZ2DlJQUBK9bj9jY2L/fMNGztvz9/JCVlY02hQLW1tbseUqcljnBxcUFVlZWgo0PMz7f5Od+A0dHx7nPAddLTc15UNeDr6+vYBsdHYWS6iuxO7F37x4W60sfeZjlCRo6QjmlUol5S1xv2vY8O3d25Vd8YHAQRUXfMY+4HrZMJsPBlAN4nfYzJUmJiexa39Bwe7ZBGvMswVlYmKOwsIhSdkBZaSkio7egu7ubrsoy0DhEzPNbkEuzNQ+js6Mdz23ahOLiE4jYvBk2NlJ88eVX+LX5IlSZcdCeLZw+mPmmMNtdBOP77aBSqSBd/BAD29rSDFtbW2EcXp6ezANMTU0QtiEM7qtWQV5yCgUFhfg0PR1VFRVwdX10bpMgn+h4fdzTi7yRmEjoSjL7q3FxZGN4OOnt7SV0OyRmFpZkqdNylpR4UavVhG6b5N6FC4mJmTmrz4TTEdX3h8hYwmqifMmRTBzcSHTdTdP6fHnHThL45NobjoNXmgNIa2sru6deSSgsZouMjp5xEhTfBEUAIgARgAjAECeuv9wMddEBwwOgH+qBpvgQtDUn2VunwQDgOmuh+TEDuvpT7K+4YYSATgNdgxya0kwGwGByAHepAbqaE9D+UgAyMWIYSZDraYKu7gfozp9kcf6/3wWIehKcohpccwVzc/3Vvllvg/+JIzL8hPVdddC1nwPXRifeRWNap71lx/l3HpLidND3K8Bdvsjimeuqh/631mnZe46EHZLij8l9RtX7n/AEMn4V+j46WTpBfW8zU66vbS5W96+Eb5w/JhfzhwADAEp6pBLh7YWZAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-jcb {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3ODJEODgyMDA5N0ExMUUzQUZBM0UzQ0IwMzlDQTM2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3ODJEODgxRjA5N0ExMUUzQUZBM0UzQ0IwMzlDQTM2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RS3J7gAAA3pJREFUeNrsWHtIU1EY/22z+Zo1Tc10zVctXSWZFib2olIxE6KgoqclERRoUPT4wzAii6AIgrCkt2UU/lVYUfaCHqL5gLKmtsxX6dxSm489XOcec2gzZ7Bi894ffLtn537n277fPef3nXN5WJwjBZBLbBExIdgBHbFnxNIECFp5hzSWExOAPWByDSUWyScfC8FeLOCzaNoPOxP4YDk4AjgCOAI4AlgNJ1sGm+IrwpndsUiYJ4Gbs2Vo3pLz9Jq2Igz718/G1IDxFj4HLxTj+I1ySHzccXrXfCTFSEeMZTcEuLs4oehU8rBJDcbOFDnO7Ykb0ceVJPyYxJJJJjjOElizKMRq8gz2rYuw6rMqLui/JG9TAiZPdBuVX5Cfh1Uf6STR2BVBPo/HVYExWwV+R01jB9q1OtoerA+azl6UfGxFU1sXdPo++IhdEOI/HuFSMb3/Vd2FUoXKIh4TY4K70HEIyDj7Evdef6Htu9mJ9Jp64inyHtVAb+ijQjcj2BPNhIjymjZkrJlFfS7fV1CTB3qSiiBAQ6sW3zTdcBEKcOvwMqTEBjoGAcOBSYxB5uY5yEqNNvf/6NajvkWLqw8V5r78zKWYFeKFd581mJl6Gz06Iwrf1Ds2AfRHySn80MbIIX0i13EIDxQP6Tty9S28PJzxvk5Dv88N80H66pmOKYIC/t+rv5wQEjXdG8uiAmj1qKxV4+bjGvskQFHfbha8gSld+Undv20luU8btLExGPuQnVc+ZDzjX1X33WJztSM5HAc3REIsEqJXb8TRa2V0vN0tgYIXStx9VYc5Mm/4ebmhuKqFqrzzOAGObItGqH9/FdiSIMMN8hSzrpQiv6gW8iAxUf1ulFWrzCI4gKQDhRA6CSg5alI56PhEGV1CtgIPi3NMtgi0d20ENsXLoGzuQFtHL0wmE/wnuiNG7gtPso4HDjCmJztoMrQMqkgZNBjhK3Y1l8HMSyW0DO5eZbnWGT0Inuxhn4ch5qlEEMVmzBqYROKjJX+8z8ygKDKTuJ3gWCLA2GdiNwHK5s5R+TWqtDaLZVcEnMyvsOpT3dCOgudK67FuVdjsf/3znWBtUweOXS/DxcKPf/Tp6jXgQXED0snZQdtjGDEW87os994H+yuDnAhyBHAEcARwBHAEOCYBOhbnb2QIeM5iAl4wBGwn9ohlM0H/K+etPwUYAO7UFu8nZtFbAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-mastercard {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2REIxOTA4NTA5N0ExMUUzQTM0MEZENTU0MTExMTk3MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2REIxOTA4NDA5N0ExMUUzQTM0MEZENTU0MTExMTk3MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XxeyrgAABOJJREFUeNrsWmtsU3UU/93e2wdryzo21r2f7GX2YGOsC+KmM5MoRMyWICrgC2MkYCSRT8ZADJqIUePzg4iPRGMEBaODoV8UFhgje7ixh869YOs65rq1g7brvb33eno18YsZdq3pTHuS0/b/zz23//O7590yTOXzGQA+JK4l1iAyiCc+R7ybZVI2fEUf6olZRA75dc0lLlfRSw0il+5QRZDZ/6MlqBDhFAUgCkAUgCgAEU3cf3HTlaKAxrmrqJ+fRLHHgViRV/Zt6hX4OWYVTsemoZnYxzB/PwlGxubkMeKrqE6YQqLWDY1KgkPQoscRj7NTmfjyWh6cQmizNkOlsByymxHvsg/hwFQfjATCYjSmMeDF1HKcN5pRlziBwyWXkG90LCozT8q/MlCJYyO3QV5uAKhlCe9ca8O9TmtAcheK43FPw3BAMt9NZuPp9rvAS8F7sL8XOBSKJ//2eBs2B6i8nzKmPbBDB2PWwr+WKSBLyTU4FSCWRRB8xD6CLY6JJcsbzjEQrIGFowdSR/Bo9kD4AdBLPvL53iAPIePG94aA5V4oaoeeE8ILQANFe9NfUT4Y0pIBeSYDi/BxGi+2pQ+FFwB/qlMlxEG7cf2fQSU1CRpL+dJy8jAdh1FBnVULTf59YDjt4gEsoQBb0m3hrQP8eV6/6yGY3jgIq7kMCV+8D8nlxuxj+8EV5MA3Og7JPgetpQKS2w1dfQ1E23V4TjRBXVwI39gExKlpqEsKIfM2GBpfgsqQBFlww2cfBKs3Q5qfgOz6HaqVqZAXHJAp47CxGTDubELJkbLwAhDv80K9rhSyZwHG/U9BU1mK+TePImZHA7icTOi3b8XCTxfBmlfD9dnXyprvGYDh8e3gO3oQ8+D9mK7bBnPLKXiaz4BLrYLj3VJA9EJn2QM2LhfatTtws2kv9JuOwHPhddrfS6D1EDBWrMJM+LOApqIY/OUuGJ99EsKvw/D9MkQuUQV14RqIM3YIpLC6KI++TQU2KRHzr74HLi9bcRe+u48ALIHn2x/gvdgCaXZIUZ6hQonL2Ah2dQEkeuqcma5pfUs5sjB4Bnz/SQKhO/xZYC7WBC4rnQ7fAfeps2DTUsg5WWjIpEWrDUJ3vzJ3EfoHoa2uIDPnoSktAtmxsse3diprvvMKuUMfWcA6GLZ+AF31PnDJ5RCd5CK2brDJa5V3hlXTNeuhq3oGPlrbvbrwukC/zgTzpochTlAwoprS9clxUqod0pyT9ibJZ73g8nPBX+okV2iFtqYavqFRTNc2Kn7vbesi3zZAnJ6BNecGNB/VgY3PhzDWAvH6FcXMZe88mBVxtO6Fz3oZov03SM5xAmcc3c6E8JbCO+3DOGztCk1dvtuNmJTAUuqB7tvx8WhR+FzgZFwmHGzwHZojmQtY+Tlei+Pja8IbA1wqDq8lFQd1D5maCXX9QsByL1Nn6PKpw58FPo/PQZMpbemHuNuLxKybAcl8Y83Bp0GYfkgB8AeR59Kr0BybGrDsidwMxGzwBNwO7+m4MyQzgZC0w36SGAanTemY5TSodNuhpWrtVgORfRkWHDUUoH02EWWmGcRrF245EDnYZ8GhXgtEmVl+E6GIH4n9Hyk6Fo8CEAUgCkAUgEgHgI9g/UU/AOcjGIAWfyns/7tYCbG/m4mUf4r5f0z4kfiJPwQYAB3H59j066DAAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: cover;
}

/* 4.2 Section */
.section {
    position: relative;
    /* z-index: 1; */
}


.section>*:first-child {
    margin-top: -7px;
}

.section .section-header {
  /* box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.03); */
  background-color: #fff;
  border-radius: .3rem;
  border: none;
  position: relative;
  /* margin-bottom: 3.0rem; */
  /* padding: 2.0rem; */
  padding: 1.5rem;
  display: flex;
  align-items: center;
}

.section .section-header h1 {
    margin-bottom: 0;
    font-weight: 700;
    display: inline-block;
    /* font-size: 2.4rem; */
  font-size: 2.8rem;
    margin-top: .3rem;
/*    color: #34395e; */
    color: #5AA087;
}
.section .section-header h1 i {
  font-size: 2.5rem;
}
.section .section-header h1.page-titile-reply {
  font-size: 1.4rem !important;
}

.section .section-header .section-header-back {
    margin-right: 1.5rem;
}

.section .section-header .section-header-back .btn:hover {
    background-color: #6777ef;
    color: #fff;
}

.section .section-header .section-header-button {
    margin-left: 2.0rem;
}

.section .section-header .section-header-breadcrumb {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.section .section-header .section-header-breadcrumb .breadcrumb-item {
    font-size: 1.2rem;
}

.section .section-header .btn {
    font-size: 1.2rem;
}

.section-body {
  width: 127.0rem;
}
.section-body-create {
  width: 100% !important;
  margin-top: 4.0rem;
}

.section .section-title {
  font-size: 2.2rem;
  /* color: #555; */
  color: #5aa087;
  font-weight: 700;
  position: relative;
  margin: 0 0 1.0rem 0;
  display: flex;
  align-items: center;
}

.section .section-title:before {
    /* content: ' ';
    border-radius: .5rem;
    height: 0.8rem;
    width: 3.0rem;
    background-color: #3C787E;
    display: inline-block;
    float: left;
    margin-top: .6rem;
    margin-right: 1.5rem; */
}

.section .section-title+.section-lead {
    margin-top: -20px;
}

.section .section-lead {
    margin-left: 45px;
}

.main-wrapper-1 .section .section-header {
    /* margin-left: -3.0rem;
    margin-right: -3.0rem;
    margin-top: -1.0rem;
    border-radius: 0;
    border-top: .1rem solid #f9f9f9;
    padding-left: 3.5rem;
    padding-right: 0;
  width: 935px; */
  margin: 0;
  margin-bottom: 2.5rem;
  padding: 0;
  /* width: 90.0rem; */
}

@media (max-width: 575.98px) {
    .section .section-title {
        font-size: 1.4rem;
    }

    .section .section-header {
        flex-wrap: wrap;
        margin-bottom: 2.0rem !important;
    }

    .section .section-header h1 {
        font-size: 1.8rem;
    }

    .section .section-header .float-right {
        display: inline-block;
        width: 100%;
        margin-top: 1.5rem;
    }

    .section .section-header .section-header-breadcrumb {
        flex-basis: 100%;
        margin-top: 1.0rem;
    }
}

/* 4.3 Page */
.page-error {
    height: 100%;
    width: 100%;
    padding-top: 6.0rem;
    text-align: center;
    display: table;
}

.page-error .page-inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.page-error h1 {
    font-size: 10em;
    font-weight: 700;
}

.page-error .page-description {
    font-size: 1.8rem;
    font-weight: 400;
    color: #34395e;
}

.page-error .page-search {
    margin: 4.0rem auto;
    max-width: 100%;
    width: 350px;
}

.page-error .page-search .form-control {
    border-radius: 3.0rem;
}

.page-error .page-search .btn {
    border-radius: 3.0rem;
    margin-left: 1.0rem;
}

@media (max-width: 575.98px) {
    .page-error .page-search {
        width: 100%;
    }
}

/* 4.4 Layout */
.main-sidebar {
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.03);
    position: fixed;
    top: 0;
    height: 100%;
    /* width: 250px; */
    width: 27.0rem;
/*    background-color: #fff; */
    background-color: #5aa087;
    z-index: 880;
    left: 0;
}

.main-sidebar,
.navbar,
.main-content,
.main-footer {
    transition: all .5s;
}

body.sidebar-gone .main-sidebar {
    left: -27.0rem;
}

body.sidebar-mini .hide-sidebar-mini {
    display: none !important;
}

body.sidebar-mini .main-sidebar {
    overflow: initial !important;
    /* position: absolute; */
  position: fixed;
    box-shadow: none;
  width: 6.5rem;
}

body.sidebar-mini .main-sidebar:after {
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.03);
    content: ' ';
    position: fixed;
    background-color: #fff;
    width: 6.5rem;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    -webkit-animation-name: mini-sidebar;
    animation-name: mini-sidebar;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes mini-sidebar {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mini-sidebar {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

body.sidebar-mini .main-sidebar .sidebar-brand {
    display: none;
}

body.sidebar-mini .main-sidebar .sidebar-brand-sm {
    /* display: block; */
  display: flex;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li {
    /* padding: 1.0rem; */
  height: 54;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li.menu-header {
    padding: 0;
    font-size: 0;
    /* height: .2rem; */
  height: 0.8rem;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li>a {
    border-radius: .3rem;
    /* height: 45px; */
  height: 5.4rem;
    padding: 0;
    justify-content: center;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li>a .ion,
body.sidebar-mini .main-sidebar .sidebar-menu>li>a .fas,
body.sidebar-mini .main-sidebar .sidebar-menu>li>a .far,
body.sidebar-mini .main-sidebar .sidebar-menu>li>a .fab,
body.sidebar-mini .main-sidebar .sidebar-menu>li>a .fal {
    margin: 0;
    font-size: 2.0rem;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li>a span {
    display: none;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li>a .badge {
    padding: .5rem;
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    font-size: 1.0rem;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li>a.has-dropdown:after {
    content: initial;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li.active>a {
    /* box-shadow: 0 0.4rem 0.8rem #e9d3e3;
    background-color: #ecf2f2; */
  background-color: #006666;
    color: #3C787E;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu {
    position: absolute;
    background-color: #fff;
    left: 6.5rem;
    top: 1.0rem;
    width: 20.0rem;
    display: none;
    box-shadow: 0 0 3.0rem rgba(0, 0, 0, 0.03);
}

body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li>a:focus,
body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li.active>a,
body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li.active>a:hover {
    background-color: #ecf2f2;
    color: #3C787E !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li a {
    height: 4.0rem;
    padding: 0 2.0rem;
    background-color: #fff;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu li a.has-dropdown:after {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 2.0rem;
    transform: translate(0, -50%);
    font-size: 1.2rem;
    transition: all .5s;
}

body.sidebar-mini .main-sidebar .sidebar-menu li:hover>ul.dropdown-menu {
    display: block !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu li:hover>ul.dropdown-menu li:hover>a {
    background-color: #3C787E;
    color: #fff;
}

body.sidebar-mini .main-sidebar .sidebar-menu li:hover>ul.dropdown-menu li .dropdown-menu {
    left: 20.0rem;
    padding: 0;
}

body.sidebar-mini .navbar {
    left: 6.5rem;
}

body.sidebar-mini .main-content,
body.sidebar-mini .main-footer {
    padding-left: 9.0rem;
}

body.layout-2 .navbar-bg {
    z-index: 889;
    height: 7.0rem;
}

body.layout-2 .navbar {
    left: 0;
    z-index: 890;
}

body.layout-2 .main-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5.0rem;
}

body.layout-2 .main-sidebar,
body.layout-2 .main-content,
body.layout-2 .main-footer {
    flex-shrink: 0;
    flex-grow: 0;
}

body.layout-2 .main-sidebar {
    background-color: transparent;
    box-shadow: none;
    position: static;
    margin-top: 10.0rem;
    width: 20.0rem;
}

body.layout-2 .main-sidebar .sidebar-menu li.menu-header {
    padding: 0;
}

body.layout-2 .main-sidebar .sidebar-menu li a {
    padding: 0;
}

body.layout-2 .main-sidebar .sidebar-menu li a i {
    width: 1.0rem;
}

body.layout-2 .main-sidebar .sidebar-menu li a.has-dropdown:after {
    right: 0;
}

body.layout-2 .main-sidebar .sidebar-menu li a:hover {
    color: #6777ef;
    background-color: transparent;
}

body.layout-2 .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
    padding-left: 3.4rem;
}

body.layout-2 .main-sidebar .sidebar-menu li.active a {
    background-color: transparent;
}

body.layout-2 .main-sidebar .sidebar-menu li.active ul.dropdown-menu {
    background-color: transparent;
}

body.layout-2 .main-sidebar .sidebar-menu li.active ul.dropdown-menu a {
    background-color: transparent;
}

body.layout-2 .main-content {
    padding-top: 107px;
    padding-left: 3.0rem;
    padding-right: 0;
    width: calc(100% - 20.0rem);
}

body.layout-2 .main-footer {
    margin-left: 230px;
    width: calc(100% - 230px);
    padding-left: 0;
    padding-right: 0;
}

body.layout-3 .navbar {
    left: 0;
    right: 0;
}

body.layout-3 .navbar.navbar-secondary {
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.03);
    background-color: #fff;
    top: 7.0rem;
    padding: 0;
    z-index: 889;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item.active>.nav-link {
    color: #6777ef;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item.active>.nav-link:before {
    left: 3.5rem;
    right: 0;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item:first-child .nav-link {
    margin-left: 0;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item:last-child .nav-link {
    margin-right: 0;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link {
    color: #868e96;
    font-size: 1.3rem;
    letter-spacing: .3px;
    height: 7.0rem;
    padding: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    position: relative;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link.has-dropdown {
    margin-right: 3.5rem;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link.has-dropdown:after {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 2.0rem;
    transform: translate(0, -50%);
    font-size: 1.2rem;
    transition: all .5s;
    right: -20px;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link:before {
    content: ' ';
    position: absolute;
    left: initial;
    right: initial;
    bottom: 0;
    height: .2rem;
    background-color: #6777ef;
    transition: all .5s;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link span {
    line-height: 74px;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link i {
    width: 3.0rem;
    font-size: 1.6rem;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item>.nav-link:hover {
    color: #191d21 !important;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu {
    padding: 0;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item .nav-link {
    color: #6c757d;
    font-weight: 600;
    letter-spacing: .3px;
    padding: .7rem !important;
    padding-left: 2.0rem !important;
    padding-right: 2.0rem !important;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item .nav-link.has-dropdown:after {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 2.0rem;
    transform: translate(0, -50%);
    font-size: 1.2rem;
    transition: all .5s;
    right: 1.5rem;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item:hover>.nav-link {
    background-color: #fcfcfd;
    color: #191d21;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item:hover>.dropdown-menu {
    display: block !important;
    top: -.5rem;
    left: 20.0rem;
}

body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item.active>.nav-link,
body.layout-3 .navbar.navbar-secondary .navbar-nav>.nav-item .dropdown-menu .nav-item .nav-link:focus {
    background-color: #6777ef;
    color: #fff;
}

body.layout-3 .main-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 170px;
}

body.layout-3 .main-footer {
    padding-left: 0;
    padding-right: 0;
}

.main-sidebar .sidebar-brand {
    display: inline-block;
    width: 100%;
    text-align: center;
    /* height: 6.0rem;
    line-height: 6.0rem; */
  height: 8.0rem;
  line-height: 8.0rem;
}

.main-sidebar .sidebar-brand.sidebar-brand-sm {
    display: none;
}

.main-sidebar .sidebar-brand a {
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: #000;
}

.main-sidebar .sidebar-user {
    display: inline-block;
    width: 100%;
    padding: 1.0rem;
    margin-bottom: 1.0rem;
}

.main-sidebar .sidebar-user .sidebar-user-picture {
    float: left;
    margin-right: 1.0rem;
}

.main-sidebar .sidebar-user .sidebar-user-picture img {
    width: 5.0rem;
    border-radius: 50%;
}

.main-sidebar .sidebar-menu {
    padding: 0;
    margin: 0;
}

.main-sidebar .sidebar-menu li {
    display: block;
    border-top: .1rem solid rgb(176,206,193);
}

.main-sidebar .sidebar-menu li.menu-header {
    padding: .3rem 1.5rem;
    color: #a1a8ae;
    /* font-size: 1.0rem; */
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-weight: 600;
  color: #006666;
  background-color: #fff;
  height: 2.8rem;
}

.main-sidebar .sidebar-menu li.menu-header:not(:first-child) {
    /* margin-top: 1.0rem; */
}

.main-sidebar .sidebar-menu li a {
  position: relative;
  display: flex;
  align-items: center;
  height: 4.3rem;
  padding: 0 2.0rem;
  width: 100%;
  letter-spacing: .3px;
/*    color: #78828a; */
  color: #fff;
  text-decoration: none;
  font-size: 1.5rem;
}

.main-sidebar .sidebar-menu li a .badge {
    float: right;
    padding: .5rem 1.0rem;
    margin-top: .2rem;
}

.main-sidebar .sidebar-menu li a i {
    width: 2.8rem;
    margin-right: 2.0rem;
    text-align: center;
  font-size: 2.0rem;
}

.main-sidebar .sidebar-menu li a span {
    /* margin-top: .3rem; */
    width: 100%;
}

.main-sidebar .sidebar-menu li a:hover {
    /* color: #3C787E; */
    font-weight: 700;
    /* background-color: #ecf2f2; */
    color: #006666;
    background-color: #DEECE7;
}

.main-sidebar .sidebar-menu li.active a {
    /* color: #3C787E; */
    font-weight: 700;
    background-color: #ecf2f2;
    color: #fff;
}

.main-sidebar .sidebar-menu li.active a.has-dropdown:after {
    transform: translate(0, -50%) rotate(90deg);
}

.main-sidebar .sidebar-menu li.active ul.dropdown-menu {
    color: #3C787E;
    background-color: #ecf2f2;
}

.main-sidebar .sidebar-menu li a.has-dropdown:after {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 2.0rem;
    transform: translate(0, -50%);
    font-size: 1.2rem;
    transition: all .5s;
}

.main-sidebar .sidebar-menu li.active>ul.dropdown-menu li a:hover {
    color: #3C787E;
    background-color: #ecf2f2;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu {
    padding: 0;
    margin: 0;
  /* display: none; */
  display: block;
    position: static;
    float: none;
    width: 100%;
    box-shadow: none;
    background-color: transparent;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
    color: #868e96;
    height: 3.5rem;
    padding-left: 6.5rem;
    font-weight: 400;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
    color: #6777ef;
    background-color: inherit;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li.active>a {
    color: #3C787E;
    font-weight: 600;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a i {
    margin-top: .1rem;
    text-align: center;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li ul.dropdown-menu {
    padding-left: 1.0rem;
}

.main-content {
  padding-left: 30.0rem;
  padding-top: 10.0rem;
  width: 100%;
  position: relative;
}
.main-content-create {
  padding-top: 2.0rem !important;
}

.main-footer {
    padding: 2.0rem 3.0rem 2.0rem 280px;
    margin-top: 4.0rem;
    color: #000000;
    border-top: .1rem solid #e3eaef;
    display: inline-block;
    width: 157.0rem;
}

.main-footer .footer-left {
    float: left;
}

.main-footer .footer-right {
    float: right;
}

.simple-footer {
    text-align: center;
    margin-top: 4.0rem;
    margin-bottom: 4.0rem;
}

body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
    background-color: #6777ef;
    color: #fff;
}

body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
    color: #e8ebfd;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a:hover {
    background-color: #3C787E;
    color: #fff;
}

body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li.active a {
    color: #fff;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li.active>a {
    padding-left: 1.6rem;
    /* background-color: #ffffff; */
    position: relative;
    font-weight: 700;
    background-color: #006666;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li.active>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2.5rem;
    width: 0.4rem;
    /* background-color: #3C787E; */
  background-color: #006666;
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li.active>a:hover:before {
  background-color: #DEECE7; 
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li.active>a:hover {
  font-weight: 700;
  color: #006666;
  background-color: #DEECE7;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {
    padding-left: 6.1rem;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .sidebar-gone-hide {
        display: none !important;
    }

    .sidebar-gone-show {
        display: block !important;
    }

    .main-sidebar {
        position: fixed !important;
        margin-top: 0 !important;
        z-index: 891;
    }

    body.layout-2 .main-wrapper,
    body.layout-3 .main-wrapper {
        width: 100%;
        padding: 0;
        display: block;
    }

    .main-content {
        padding-left: 1.0rem;
        padding-right: 1.0rem;
        width: 100% !important;
    }

    .main-footer {
        padding-left: 3.0rem;
    }

    body.search-show {
        overflow: hidden;
    }

    body.search-show .navbar {
        z-index: 892;
    }

    body.sidebar-show {
        overflow: hidden;
    }

    body.search-show:before,
    body.sidebar-show:before {
        content: '';
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0;
        z-index: 891;
        -webkit-animation-name: fadeinbackdrop;
        animation-name: fadeinbackdrop;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    @-webkit-keyframes fadeinbackdrop {
        to {
            opacity: .6;
        }
    }

    @keyframes fadeinbackdrop {
        to {
            opacity: .6;
        }
    }
}

/* 4.5 Animation */
.pulsate {
    -webkit-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 1;
}


@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}

.icon_space {
    width: 1.6rem;
}

.btn-custom,
.btn-custom.disabled {
    /* box-shadow: 0 .2rem .6rem #ecf2f2; */
/*    background-color: #0056b3 !important;
    border-color: #0056b3; */
  background-color: #5AA087 !important;
  /* border-color: rgb(119,166,146); */
    /* padding: .3rem 1.5rem; */
}
.btn-custom-reply,
.btn-custom-reply.disabled {
  border-color: #8f8f8f;
  color: #8f8f8f;
  font-size: 1.6rem;
}



.btn-custom:focus,
.btn-custom.disabled:focus {
    /* background-color: #0056b3 !important; */
  background-color: #006666 !important;
}

.btn-custom:focus:active,
.btn-custom.disabled:focus:active {
    /* background-color: #0056b3 !important; */
  background-color: #006666 !important;
}

.btn-custom:active,
.btn-custom:hover,
.btn-custom.disabled:active,
.btn-custom.disabled:hover {
    color: #fff;
    /* background-color: #3366CC !important; */
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px .5rem 1.5rem; */
  background-color: #006666 !important;
  cursor: pointer;
}

.btn-outline-custom,
.btn-outline-custom.disabled {
    border-color: #3C787E;
    color: #3C787E;
}

.btn-outline-custom:hover,
.btn-outline-custom:focus,
.btn-outline-custom:active,
.btn-outline-custom.disabled:hover,
.btn-outline-custom.disabled:focus,
.btn-outline-custom.disabled:active {
    background-color: #3C787E !important;
    color: #fff;
}

.btn-custom-clear {
  background-color: #F5F5F5 !important;
  border: .1rem solid #555;
  color: #555;
}
.btn-custom-clear:hover {
  color: #fff;
  background-color: #006666 !important;
}
.btn-custom-back {
  min-width: 13.0rem;
  background-color: #F5F5F5 !important;
  border: .1rem solid #555;
  color: #555;
}
.btn-custom-back:hover {
  color: #fff;
  background-color: #006666 !important;
}

.btn-response {
  padding-left: 3.5rem;
}
.btn-custom-close {
  background-color: #F5F5F5 !important;
  border: .1rem solid #555;
  color: #555;
}
.btn-custom-close:hover {
  color: #fff;
  background-color: #006666 !important;
}



.inline-block {
    display: inline-block;
}

.text-success-dark {
    color: #4c8f5c !important;
}

.text-custom {
    color: #3C787E;
}

.bg-custom {
    background-color: #3C787E !important;
}

.bg-success-dark {
    background-color: #4c8f5c !important;
}

button .bg-success-dark {
    background-color: #4c8f5c !important;
    box-shadow: 0 .2rem .6rem #4c8f5c !important;
    border-color: #4c8f5c !important;
    color: #fff !important;
}


.bg-custom-login {
    background-color: #ebdde9 !important;
    color: #3C787E;
}

.bg-custom-login .nav-link {
    color: #3C787E;
}

.bg-custom-login .nav-link:hover,
.bg-custom-login .nav-link:focus {
    color: #3C787E;
}

.bg-custom-login .nav-link.active {
    color: #3C787E;
}

.dorpdown-custom {
    color: #3C787E;
}

.card.card-custom {
    /* border-top: .2rem solid #3C787E; */
}

.badge.badge-custom {
    background-color: #ebdde9;
    color: rgba(0, 0, 0, 0.719);
}

.color-black {
    color: rgba(0, 0, 0, 0.685);
}

.list-group-item-custom {
    background-color: #3C787E;
    color: #fff;
}


.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: #3C787E;
    /* green */
    /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
    border-radius: 50%;
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio .custom-control-input:active~.custom-control-label::before {
    color: #fff;
    background-color: #3C787E;
    /* red */
}

/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .1rem #fff, 0 0 0 .2rem #ecf2f2;
    /* pink, 25% opacity */
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f7f1f6 !important;
    opacity: 1 !important;
    border-color: #326569;
}

@media (min-width: 992px) {

    .pt-lg-5-custom,
    .py-lg-5-custom {
        padding-top: 3.5rem !important;
    }
}

.logo {
    height: 2.8rem;
    width: 180px;
}

.ml-login {
    margin-left: -1.1rem !important;
}

.fa-5x {
    font-size: 5em !important;
}

.fa-4x {
    font-size: 4em !important;
}

.fa-3x {
    font-size: 3em !important;
}

.fa-2x {
    font-size: 2em !important;
}

.fs-2x {
    font-size: 1.6rem /* 1.6rem */ !important;
}

.height-190 {
    min-height: 19.0rem;
}

.height-220 {
    min-height: 22.0rem;
}

.height-450 {
    min-height: 45.0rem;
}

.height-75 {
    height: 75px !important;
}

.mt-30 {
    margin-top: 3.0rem !important;
}

.width-270 {
    min-width: 270px;
}

.width-100 {
    min-width: 10.0rem;
}

.width-10 {
    width: 10%;
}

.width-15 {
    width: 10%;
}

.width-20 {
    width: 20%;
}

.width-30 {
    width: 30%;
}

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

.bg-custom-light {
    background-color: #ecf2f2 !important;
}

.card.card-statistic-3 .card-icon .fas {
    font-size: 2.2rem; /* 2.2rem; */
    color: rgb(54, 11, 11);
}

.card.card-statistic-3 .card-icon {
    line-height: 9.0rem;
    width: 5.0rem;
    height: 5.0rem;
    line-height: 5.0rem;
    font-size: 2.2rem; /* 2.2rem; */
    margin: 2.5rem;
}

.card.card-statistic-3 .card-header h4 {
    font-weight: 600;
    font-size: 1.5rem; /* 1.5rem; */
    letter-spacing: .5px;
    line-height: 1.3;
    color: #6c6e6e;
}

.card.card-statistic-3 .card-body {
    font-size: 2.6rem; /* 26px; */
    font-weight: 600;
    color: #34395e;
    padding-bottom: 0;
}

.shadow-custom {
    box-shadow: 0 .2rem .6rem #ecf2f2;
}

.pointer {
    cursor: pointer;
}

select:focus>option:checked {
    background: #ecf2f2 !important;
    color: #3C787E;
}

.invoice-details {
    margin-bottom: .3rem !important;
    background-color: #f5f3f5 !important;
    opacity: 1 !important;
    border-color: #fff !important;
}

.margin-0 {
    margin-bottom: .1rem !important
}

.card-invoice {
    border: .1rem solid #3C787E !important;
    margin-bottom: .1rem !important;
}

.demo-alert {
    color: #634b03 !important;
    background-color: #fde698 !important;
    border-color: #ffeeba !important;
}

table {
    /* border-collapse: separate;
    border-spacing: .2rem; */
  border-collapse: collapse;
}

.search-bar {
    display: flex;
}

.search-bar-input {
    border-radius: 0.4rem 0 0 0.4rem !important;
    height: 3.6rem !important;
}

.search-bar-button {
    /* border-radius: 0 3.0rem 3.0rem 0 !important; */
    height: 3.6rem !important;
    border-radius: 0 0.4rem 0.4rem 0 !important;

}

.gateway-logo {
    height: 3.0rem;
}

.gateway-logo-1 {
    height: 2.0rem;
    margin: 0 0 0 1.0rem;
}

.gateway-table {
    height: 10.0rem;
}

.bg-gray-shade {
    background-color: #EDE6E4;
}

.display-flex {
    display: flex !important;
}

/*
.ticket-divider {
    height: .1rem;
    width: 100%;
    display: inline-block;
    background-color: #f2f2f2;
}
*/
.ticket-divider {
    height: .1rem;
    width: 100%;
    display: block;
    background-color: #D5E7E1;
}

.center {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.brand {
    text-decoration: none !important;
    height: 1.0rem;
    line-height: 2.0rem;
    font-size: 2.5rem;
    font-weight: 600;
    color: #3C787E !important;
}

.user-brand {
    text-decoration: none !important;
    height: 1.0rem;
    line-height: 2.0rem;
    font-size: 1.8rem;
    font-family: "Nunito", "Segoe UI", arial;
    color: #000000 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 600;
}

.fixed-nav {
    position: fixed !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 1030 !important;
    height: 6.0rem;
}

.main-user {
    padding-left: .5rem;
    padding-right: .5rem;

}

.user-navbar {
  /* height: 7.0rem; */
  height: 5.0rem;
  left: .5rem;
  right: .5rem;
  /* position: absolute; */
  z-index: 890;
  background-color: transparent;
  position: fixed;
  top: 0;
  width: 100%;
  border-bottom: .1rem solid #e7e7e7;
  background: #fff;
  transition: padding 300ms ease;
}

a.dashboard-ticket-status {
  border: .1rem solid #bbb;
  border-radius: 2.0rem;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
a.dashboard-ticket-status:hover {
  opacity: .5;
  transform: translateY(-.3rem);
}


.user-ticket-divider {
/*    height: .1rem;
    width: 100%;
    background-color: #b8b8b8; */
    height: 0.4rem;
    max-width: 127.0rem;
    background-color: #5AA087;
}
.dashboard-ticket-divider {
  height: 0.3rem;
  max-width: 127.0rem;
  background-color: #5AA087;
}

.custom-card-icon {
  /* width: 6.0rem;
  height: 6.0rem;
  margin: 2.0rem;
  border-radius: 10.0rem;
  line-height: 7.0rem;
  text-align: center; */
  float: left;
  margin-right: 2.0rem;
}

.card.card-statistic-1 .custom-card-icon .ion,
.card.card-statistic-1 .custom-card-icon .fas,
.card.card-statistic-1 .custom-card-icon .far,
.card.card-statistic-1 .custom-card-icon .fab,
.card.card-statistic-1 .custom-card-icon .fal,
.card.card-statistic-2 .custom-card-icon .ion,
.card.card-statistic-2 .custom-card-icon .fas,
.card.card-statistic-2 .custom-card-icon .far,
.card.card-statistic-2 .custom-card-icon .fab,
.card.card-statistic-2 .custom-card-icon .fal {
    font-size: 2.0rem;
    color: #fff;
    margin-left: 0px !important;
}

.bg-table-custom {
    background-color: #f8f9fafb !important;
}

.custom-back {
    font-size: 2.0rem !important;
    color: #3C787E;
}

.card-statistic-1 a {
    text-decoration: none;
}

.font-weight-bold-custom {
    font-weight: 1000 !important;
}

.align {
    font-size:xx-large;
    color: #000;
    align-items: center;
    text-decoration: none;
    /* font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */

}


/* *,
*::before,
*::after{
    margin: 0;
    padding: 0;
    box-sizing: inherit;
} */
/* html{
    font-family: 'Roboto', sans-serif;
    font-size: 1.0rem;
    box-sizing: border-box;  
} */
/* section{
    width: 100%;
    height: 100vh;
    background-color: #3c4053;
    display: flex;
    align-items: center;
    justify-content: center;
} */
/* .container{
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1.5rem;

} */
.accordionMenu {
    width: 800px;
    margin: 0 auto;
}

.accordionMenu input[type=radio] {
    display: none;
}

.accordionMenu label {
    background: #eef1eb;
    font-size: 1.8rem;
    color: rgb(19, 18, 18);
    position: relative;
    cursor: pointer;
    display: block;
    height: 5.0rem;
    line-height: 4.7rem;
    padding: 0 2.5rem 0 1.0rem;
    border-bottom: .1rem solid #e6e6e6;
}

.accordionMenu label::after {
    display: block;
    content: "";
    border-style: solid;
    border-width: .5rem 0 .5rem 1.0rem;
    border-color: transparent transparent transparent #080808;
    position: absolute;
    width: 0;
    height: 0;
    right: 1.0rem;
    top: 2.0rem;
    z-index: 10;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordionMenu .content {
    max-height: 0;
    height: 0;
    overflow: hidden;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

.accordionMenu .content .inner {
    font-size: 1.2rem;
    color: #020c13;
    line-height: 1.5;
    background: white;
    padding: 2.0rem 1.0rem;
}

.accordionMenu input[type=radio]:checked+label:after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordionMenu input[type=radio]:checked+label+.content {
    max-height: 200.0rem;
    height: auto;
}

.ticket-description img {
/*    max-width: 60.0rem; */
    max-width: 100%;
    max-height: 60.0rem;
}
.ticket-description a:hover {
  opacity: .5;
}

.tag-badge {
    vertical-align: middle;
    padding: .1rem 1.0rem;
    font-weight: 600;
    letter-spacing: .3px;
    border-radius: .5rem !important;
    font-size: 1.2rem;
}

.box-shadow-all {
    box-shadow: 0 0 .6rem #ecf2f2 !important;
}

.cardalign {
    background-color: #3C787E;
}

.wizard-steps .wizard-step.wizard-step-active {
    box-shadow: 0 .2rem .6rem #acb5f6;
    background-color: #6777ef;
    color: #fff;
}

.wizard-steps .wizard-step {
    height: auto !important;
    background-color: #fff;
    border-radius: .3rem;
    border: none;
    position: relative;
    margin-bottom: 3.0rem;
    padding: 0px 3.5rem !important;
    text-align: center;
    flex-grow: 1;
    flex-basis: 0;
    margin: 0 0px !important;
    text-align: start !important;
}

.faq-btn {
    width: 100%;
    display: block;
    color: #000000;
    font-size: 2.0rem;
    font-weight: 700 !important;

}

.faq-btn:hover {
    color: #326569;
}
.hover:focus{
    color:#e8ebfd;
}

.faq-card {
    /* padding: 0px 5.0rem 0px; */
    margin-bottom: .2rem;
}

.custom-faq-card {
    min-height: 1.0rem !important;
    padding: 0px 2.5rem 0px !important;
}

.custom-collapse {
    font-size: 1.6rem;
    font-weight: 600;
    padding: .5rem 5.0rem 2.5rem !important;
    /* background-color: rgb(247, 247, 247) !important; */
    border-radius: 0 .3rem .3rem 0;
}

.custom-title {
    font-size: 2.0rem;
    font-weight: 700;
    color: #000000d2 !important;
}

.custom-p {
    margin-top: 0px !important;
    margin-bottom: 0rem !important;
    line-height: 4.0rem;
}

.bg-custom-shade {
    /* background-color: #dbdbdb !important; */
    border: .1rem solid #dbdbdb;
}



.kb-custom {
    padding: 2.0rem;
    color: #3C787E !important;
    font-size: 1.9rem;
    font-weight: 700 !important;

}
.kb-custom_article {
    padding: .2rem;
    color: #000080 !important;
    font-size: 1.8rem;
    font-weight: 700 !important;

}

.kb-custom_article:hover{
    color: #000000 !important;
    text-decoration: underline;
}

.kb-custom_category {
   
    color: #0e0324 !important;
   

}

.kb-custom-desc {
    color: #4d4d4de8 !important;
    font-size: 1.4rem;
    font-weight: 600 !important;

}

.kb-custom-desc-date {
    color: #4d4d4de8 !important;
    font-size: 1.1rem;
    font-weight: 700 !important;

}

.kb-custom:hover {
    color: #326569 !important;
}

.kb-custom-related {
    padding: 2.0rem;
    color: #3C787E !important;
    font-size: 1.6rem;
    font-weight: 700 !important;

}

.public-footer {
    padding: 2.0rem 3.0rem 2.0rem 3.0rem !important;
  width: 100% !important;
}

.public-theme-padding {
    padding-right: 1.0rem !important;
    padding-left: 1.0rem !important;
}

.no-padding {
    padding: 2.0rem 0px !important;
}

.card-custom-shadow {
    -moz-box-shadow: 0 0 .5rem #ccc;
    -webkit-box-shadow: 0 0 .5rem #ccc;
    box-shadow: 0 0 .5rem #ccc;
}

.custom-shadow {
    box-shadow: 0 .2rem 0.8rem #e1e7e7;
}
.bg-card-dash-1{
    background-color:#B19994;
}
.bg-card-dash-2{
    background-color:#EB6547;
}
.bg-card-dash-3{
    background-color:#A23E48;
}
.bg-card-dash-4{
    background-color:#0d5d20;
}
.bg-card-dash-5{
    background-color:#28cce6;
}
.bg-card-dash-6{
    background-color:#5b7608;
}
.bg-card-dash-7{
    background-color: #05515a;
}


.category{
    font-size: 2.2rem !important;
    color: #05515a;
}

fieldset {
    margin: 0;
    padding: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
    border: 0;
}
.s004 form {
    width: 100%;
    max-width: 79.0rem;
}
.s004 {
    min-height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: poppins,sans-serif;
    background-color: rgb(255 255 255);
    /* background: url('https://www.google.com/url?sa=i&url=https%3A%2F%2Funsplash.com%2Fs%2Fphotos%2Fquestion-mark&psig=AOvVaw0VP4t3YjhFwQTopVXFYIzV&ust=1665766498396000&source=images&cd=vfe&ved=0CAsQjRxqFwoTCLiq1fTV3foCFQAAAAAdAAAAABAE') !important;
    background-image:url('https://www.google.com/url?sa=i&url=https%3A%2F%2Funsplash.com%2Fs%2Fphotos%2Fquestion-mark&psig=AOvVaw0VP4t3YjhFwQTopVXFYIzV&ust=1665766498396000&source=images&cd=vfe&ved=0CAsQjRxqFwoTCLiq1fTV3foCFQAAAAAdAAAAABAE')!important ; */
    background-size: cover;
    background-position: center center;
    padding: 1.5rem;
}

.home_form {
    display: block;
    margin-top: 0em;
    margin-block-end: 1em;
}

.s004 form legend {
    font-size: 4.0rem;
    color: rgb(0 0 0);
    font-weight: 700;
    text-align: center;
    margin-bottom:30px;
}
legend {
    margin: 0;
    padding: 0;
    display: block;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}


legend {
    display: block;
    padding-inline-start: .2rem;
    padding-inline-end: .2rem;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
.s004 form .inner-form {
    width: 100%;
    margin-bottom: 5.0rem;
}

.s004 form .inner-form .input-field {
    width: 100%;
    position: relative;
}

.s004 form .inner-form .input-field .choices {
    margin-bottom: 0;
}

.choices {
    position: relative;
    margin-bottom: 2.4rem;
    font-size: 1.6rem;
}

.s004 form .inner-form .input-field .btn-search {
    width: 10.0rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: rgb(0, 86, 179);
    border: 0;
    padding: 0;
    cursor: pointer;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 5.0rem;
    border-bottom-right-radius: 5.0rem;
}

.s004 form .inner-form .input-field .btn-search:hover{
    background: #3366CC;
}

.btn-search:focus {
    outline:none !important;
}

.s004 form .inner-form .input-field .choices .choices__inner {
    min-height: 7.0rem;
    width: 100%;
    background: 0 0;
    border: 0;
    background: #fff;
    display: block;
    width: 100%;
    padding: 1.0rem 7.0rem 1.0rem 32px;
    font-size: 1.8rem;
    color: #666;
    border-radius: 5.0rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
    cursor: text;
}
.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: .1rem solid #ddd;
    border-radius: 2.5px;
    font-size: 1.4rem;
    min-height: 4.4rem;
    overflow: hidden;
}
.s004 form .inner-form .input-field .choices .choices__inner .choices__input {
    font-size: 1.6rem;
    color: #333;
    background-color: transparent;
    margin-bottom: 0;
}
.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 1.4rem;
    margin-bottom: .5rem;
    border: 0;
    
    border-radius: 0;
    max-width: 100%;
    padding: 0.4rem 0 0.4rem .2rem;
}
.choices__input:focus {
    outline:none !important;
}
button, input {
    overflow: visible;
}

.s004 form .inner-form .input-field .choices .choices__inner {
    min-height: 7.0rem;
    width: 100%;
    background: 0 0;
    border: 0;
    background: #f7f7f7;
    display: block;
    width: 100%;
    padding: 1.0rem 7.0rem 1.0rem 32px;
    font-size: 1.8rem;
    color: #666;
    border-radius: 5.0rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px .3rem 0.8rem;
}
.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
    cursor: text;
}
.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: .1rem solid #ddd;
    border-radius: 2.5px;
    font-size: 1.4rem;
    min-height: 4.4rem;
    overflow: hidden;
}
.choices {
    position: relative;
    margin-bottom: 2.4rem;
    font-size: 1.6rem;
}
.home-article{
    color:#000;
    padding: .3rem;
}
.toggle {
    position : relative ;
    display : inline-block;
    width : 4.0rem;
    height : 2.0rem;
    background-color: whitesmoke;
    border-radius: 3.0rem;
    border: .2rem solid gray;
}
       
/* After slide changes */
.toggle:after {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: gray;
    top: 0px;
    left: .1rem;
    transition:  all 0.5s;
}

  /* Checkbox checked effect */
  .checkbox:checked + .toggle::after {
    left : 2.0rem;
}
       
/* Checkbox checked toggle label bg color */
.checkbox:checked + .toggle {
    background-color: green;
}
       
/* Checkbox vanished */
.checkbox {
    display : none;
}

/** New Edits **/
/*****************/

/** Search result Box **/
.result_box{
    /* border: .2rem solid #C0C0C0; */
    padding: 1.6rem;
    font-weight: 600;
    color: #000080;
    font-size: 2.2rem;
    line-height: 3.6rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px .1rem .2rem 0px, rgba(60, 64, 67, 0.15) 0px .2rem .6rem .2rem;
}

.result_box:hover{
    color: #000;
    /* text-decoration: underline; */
}

.result_box p{
    font-weight: normal;
    font-size: 1.4rem;
    color: #000;
}

.card-title a{
    font-weight: 600;
    padding: 0px;
}

.dropdown-menu.show{
    box-shadow: rgba(60, 64, 67, 0.3) 0px .1rem .2rem 0px, rgba(60, 64, 67, 0.15) 0px .2rem .6rem .2rem;
}

.search_results_title{
    color: #000000;
    cursor: none;
}

.article_card{
    margin-left: -7.0rem;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 3.0rem white inset !important;
}

@media only screen and (max-width: 768px){
    .article_card{
        margin-left: 0px;
    }
}

/** End **/







/* 2023 add */
.basic-text-color {
  color: #5aa087 !important;
}



.first-contact {
  /* background-color: rgb(247,250,249); */
  padding: 1.5rem 0;
  padding-left: 3.5rem;
}
.first-contact > div.avatar-block {
  margin-right: -3.0rem;
}
.reply-divider {
  width: 800px;
  border-top: .1rem solid #ddd;
}
.ticket-detail {
  font-size: 1.3rem;
  font-weight: 500;
  color: #555;
}
.ticket-subject {
  font-size: 2.0rem;
  color: #000;
}
.ticket-inquiry-source {
  font-size: 2.0rem;
  color: #000;
}


.ticket-content-bbs {
  border: .3rem solid #D5E7E1;
  border-radius: 1.0rem;
  /* padding: 1.0rem 3.0rem; */
}
.ticket-content-bbs-reply {
  border: .3rem solid #8DB0D9;
  border-radius: 1.0rem;
}
.ticket-content-myself {
  border-color: #D6A66C;
}
.ticket-header {
  /* padding: 2.0rem 3.0rem; */
}
.ticket-content-bbs-reply .ticket-divider {
  background-color: #8DB0D9;
}
.ticket-content-bbs-reply .ticket-divider-myself {
  background-color: #D6A66C;
}
.btn-download {
  display: inline-block;
  color: #fff;
  background-color: rgb(107,158,135);
  border: .1rem solid rgb(119,166,146);
  border-radius: .5rem;
  padding: 0px .5rem;
  margin-left: 1.0rem;
}

.section-nav {
  /* padding-bottom: 3.0rem; */
  /* margin-bottom: 3.0rem; */
  /* border-bottom: .2rem solid rgb(235,235,235); */
  margin-left: auto;
}
.section-nav a {
  font-weight: normal;
  color: #5AA087;
  font-size: 1.1rem;
}
.section-nav .fas {
  font-size: 1.1rem;
}

.section-nav .btn-custom,
.section-nav .btn-custom.disabled {
  box-shadow: 0 .2rem .6rem #ecf2f2;
  /* background-color: #fff !important; */
  background-color: #deede8 !important;
  /* border-color: rgb(119,166,146); */
  border-color: #5aa087;
  /* padding: .1rem 1.5rem; */
  padding: .6rem 3.0rem;
  color: rgb(107,158,135);
}

.section-nav .btn-custom:focus,
.section-nav .btn-custom.disabled:focus {
    background-color: #0056b3 !important;
}

.section-nav .btn-custom:focus:active,
.section-nav .btn-custom.disabled:focus:active {
    background-color: #0056b3 !important;
}

.section-nav .btn-custom:active,
.section-nav .btn-custom:hover,
.section-nav .btn-custom.disabled:active,
.section-nav .btn-custom.disabled:hover {
    /* color: #fff; */
  color: #deede8;
    /* background-color: #3366CC !important; */
  background-color: #fff !important;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px .5rem 1.5rem; */
}

/* .section-nav > a:first-child i {
  font-size: 2.0rem;
} */

.left-body {
  /* border-right: .2rem solid rgb(235,235,235); */
  width: 935px;
}
.right-body {
  width: 30.0rem;
  margin-left: 3.5rem;
}

#status_management {
  background-color: #FBFAF3;
}
#status_management_title {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 1.0rem;
  border-bottom-right-radius: 1.0rem;
  width: 21.0rem;
  background-color: #D6E7E1;
}

.tabs > div {
    display: none;
}

.tabs > div.active {
    display: block;
}

.note-toolbar-wrapper {
  display: none;
  height: 0px !important;
}
#pricing_tables .note-toolbar-wrapper {
  display: block;
  height: auto !important;
}


.reply-textarea {
  min-height: 20.0rem !important;
  padding-right: 20.0rem !important;
}

#attachment_files label {
  padding: .5rem 2.0rem;
  color: #999;
  cursor: pointer;
  border-radius:10px;
  transition: .3s;
  font-size: 1.3rem;
}
#attachment_files label:hover {
  opacity: 0.8;
}
#attachment_files input[type="file"] {
  display: none;
}
#attachment_files {
  position: absolute;
  top: 0;
  right: 1.0rem;
  z-index: 1000;
}


/**
 * hack components.css 
 */
.selectric {
  background-color: #fdfdff !important;
  border-color: #e4e6fc !important;
  min-height: 3.5rem !important;
  border-radius: .3rem !important;
  padding-left: 1.0rem !important;
  padding-right: 1.0rem !important;
  width: 10.5rem !important;
  margin-right: 3.5rem !important;
}
#reply_search .selectric {
  width: 100% !important;
}
.selectric-response .selectric {
  width: 100% !important;
}
#customer_registration_form .selectric {
  width: 100% !important;
}
#customer_registration_form_reply .selectric {
  width: 100% !important;
}
#customer_edit_form .selectric {
  width: 100% !important;
}
#user_edit_form .selectric {
  width: 100% !important;
}
.user-registration-form .selectric {
  width: 100% !important;
}
#user_registration_form_reply .selectric {
  width: 100% !important;
}
#select_email_modal .selectric {
  width: 100% !important;
}
#select_phone_number_modal .selectric {
  width: 100% !important;
}
#ele_inquiry_source .selectric {
  width: 100% !important;
}
#ticket_statuses_select .selectric {
  width: 100% !important;
}



.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 3.8rem 0 0;
  color: #444;
  height: 3.0rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric .label {
  font-size: 1.4rem !important;
  background-color: transparent;
  line-height: 3.0rem !important;
  min-height: 2.8rem !important;
}
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 3.0rem !important;
  line-height: 38px;
  background-color: #F8f8f8;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
}
.selectric .button {
  background-color: transparent;
  line-height: 3.0rem !important;
  min-height: 2.8rem !important;
}


/**
 * hack vue-select.css 
 */
.vs__search, .vs__search:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: .5px solid transparent;
  border-left: none;
  outline: none;
  margin: .2rem .2rem 0;
  padding: 0.3em 0.5em !important;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}

.ticket-count {
  background-color: #fff;
  color: #006666;
  font-size: 1.3rem;
}
.main-sidebar .sidebar-menu li a:hover .ticket-count {
  color: #fff;
  background-color: #006666;
}

#overlay_audio {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明の黒色 */
  z-index: 5000; /* 他の要素よりも前面に表示するためのz-index */
  display: none; /* 最初は非表示にする */
  align-content: center;
}
.audio-message {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 1.0rem;
}
#start_recording_button {
  box-shadow: 0 .2rem .6rem #ccc;
  background-color: #5AA087;
  width: 31.0rem;
  height: 13.0rem;
  margin-top: 5.0rem;
  border-radius: 2.0rem;
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}
#stopRecordingButton {
  box-shadow: 0 .2rem .6rem #ccc;
  background-color: #006666;
  width: 31.0rem;
  height: 13.0rem;
  margin-top: 5.0rem;
  border-radius: 2.0rem;
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}
#start_recording_button:hover {
  opacity: 0.5;
}
#stopRecordingButton:hover {
  opacity: 0.8;
}
#start_recording_button span
,#stopRecordingButton span
{
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 1.0rem;
}

#attention_block p {
  color: #555;
  font-size: 1.3rem;
}
#audio_play_block {
  max-width: 38.0rem;
  width: 100%;
  margin: 0 auto;
}
audio#recordedAudio {
  max-width: 38.0rem;
  width: 100%;
  height: 6.0rem;
}
#audio_play_block button {
  border: 1px solid #555;
  background-color: #F5F5F5;
  border-radius: 1.6rem;
  width: 11.0rem;
  height: 2.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #555;
  line-height: 1;
}
#audio_play_block button:hover {
  color: #fff;
  border-color: #006666;
  background-color: #006666;
}
#audio_play_block p {
  color: #555;
  font-size: 1.1rem;
}
#audio_info_input_block {
  max-width: 38.0rem;
  width: 100%;
  margin: 0 auto;
}
#audio_info_input_block p {
  color: #5AA087;
  font-size: 1.1rem;
}
#submitFormButton {
  border: 1px solid #5AA087;
  background-color: #5AA087;
  border-radius: 1.6rem;
  width: 11.0rem;
  height: 3.0rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  letter-spacing: 1.0rem;
  text-indent: 1.0rem;
}
#submitFormButton:hover {
  border: 1px solid #006666;
  background-color: #006666;
}

.no-event {
  pointer-events: none; /* マウスイベントを無効にする */
}

.before-none a:after {
  display: none;
}

.multiline-ellipsis {
  display: -webkit-box; /* Chrome, Safari, Edge */
  -webkit-line-clamp: 1; /* 表示する行数を指定 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em; /* 行の高さを調整 */
  max-height: 1.5em; /* 1行分の高さを設定 (line-height * 1) */
  word-wrap: break-word;
  word-break: break-all;
}

.tooltip-inner {
  text-align: left;
}

#table-1 tbody tr td {
  /* cursor: pointer; */
  /* border: .2rem solid #DDD; */
  font-size: 1.2rem;
}
#table-1 tbody tr td a {
  text-decoration: underline;
  font-weight: 500;
}
.thead-title {
  font-size: 1.2rem;
  font-weight: 500;
  color: #006666;
}


.search-condition-area {
  width: 107.5rem;
  background-color: #FBFBFB;
  border-radius: 2.0rem;
  padding: 1.5rem 4.0rem 1.5rem 4.0rem;
  border: 1px solid #EAEAEA;
}

.vs--searchable {
  width: 12.5rem;
  margin-right: 3.5rem;
}
#reply_search .vs--searchable {
  width: 100%;
}
#search {
  width: 24.0rem;
  height: 3.5rem;
}
#reply_search #search {
  width: 100%;
}

.all-tickets {
  width: 15.0rem;
  height: 4.0rem;
  text-align: center;
}

.nav-item a {
  height: 4.0rem;
  font-size: 1.2rem;
  font-weight: 500;
}

.nav-item-ticket {
  width: 10.0rem;
  text-align: center;
}

/* Add space between thead and tbody */
thead::after {
  content: "";
  display: table;
  width: 100%;
  height: .2rem; /* Adjust the height as needed */
}

.custom-icon {
  /* width: 1em; Adjust size as needed */
  height: 1em; /* Adjust size as needed */
  vertical-align: middle;
}
.custom-icon-attachments {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: .5rem;
}
.custom-icon-required {
  height: 1.5em; /* Adjust size as needed */
  vertical-align: middle;
}
.attachment-original-name {
  font-size: 1.1rem;
  color: #555;
}
.attachments-info {
  /* background-color: #F7FAF9; */
  /* border-radius: 0 0 1.0rem 1.0rem; */
  border-radius: 1.0rem;
  /* 左上・右上・右下・左下 */
}
.attachments-info-reply {
  background-color: #F4F7FB;
  border-radius: 0 0 1.0rem 1.0rem;
  /* 左上・右上・右下・左下 */
}
.attachments-info-myself {
  background-color: #FBF6F0;
  border-radius: 0 0 1.0rem 1.0rem;
  /* 左上・右上・右下・左下 */
}
.attachments-info a:hover
,.attachments-info-reply a:hover
,.attachments-info-myself a:hover {
  opacity: 0.5;
}

.custom-avatar {
  width: 4.0rem;
  border-radius: .5rem;
}


th#col_ticket_id {
  width: 10.0rem;
}
th#col_staff_name {
  width: 12.0rem;
}
th#col_subject {
  width: 39.0rem;
}
th#col_created_at {
  width: 15.0rem;
}
th#col_inquiry_source {
  width: 20.0rem;
}
th#col_from_name {
  width: 10.0rem;
}
th#col_from_email {
  width: 15.0rem;  
}
th#col_phone_number {
  width: 9.5rem;
}
th#col_recorded_audio {
  width: 14.4rem;
}
th#col_customer {
  width: 14.4rem;
}
th#col_status {
  width: 10.0rem;
}
th#col_priority {
  width: 7.0rem;
}
th#col_department {
  width: 10.0rem;
}
th#col_last_action {
  width: 12.0rem;
}
th#col_trush {
  width: 7.0rem;
}

td.col-created-at {
  padding: 1.0rem .5rem !important;
}
td.col-subject a {
  color: #555;
}
td.col-inquiry-source a {
  color: #555;
}



.selectric-open .selectric {
  background-color: #EEF5F3;
}
.selectric .button:after {
  border-width: .7rem;
  border-top-color: #a0a0a0;
}
.selectric-hover .selectric .button:after {
  border-top-color: #ddd;
}

.sidebar-logo {
  font-size: 2.2rem;
  font-weight: 500;
  font-family: 'MuseoModerno', "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  color: #fff;
  margin-right: 5.0rem;
}
.sidebar-brand {
  display: flex;
  align-items: center;
}
.double-lines {
  display: inline-block;
  width: 2.0rem; /* 線の幅 */
  height: 2.0rem; /* 高さ */
  position: relative;
  cursor: pointer;
  text-decoration: none; /* リンクの下線を消す */
}
.double-lines::before,
.double-lines::after {
  content: '';
  display: block;
  width: 100%;
  height: .2rem; /* 線の太さ */
  background-color: #D6E7E1; /* 線の色 */
  position: absolute;
  left: 0;
}

.double-lines::before {
  top: .6rem; /* 上の線の位置 */
}

.double-lines::after {
  top: 1.8rem; /* 下の線の位置 */
}

/* 親要素の中央配置 */
.sidebar-brand.sidebar-brand-sm {
  justify-content: center; /* 水平方向の中央配置 */
  align-items: center; /* 垂直方向の中央配置 */
}
.cross {
  display: block;
  position: relative;
  width: 3.8rem;  /* spanのクリック可能範囲を設定 */
  height: 3.0rem; /* spanのクリック可能範囲を設定 */
}
.cross::before, .cross::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: .2rem; /* 棒の幅（太さ） */
  height: 3.0rem; /* 棒の高さ */
  background: #D6E7E1;
}
.cross::before {
  transform: translate(-50%,-50%) rotate(65deg);
}
.cross::after {
  transform: translate(-50%,-50%) rotate(-65deg);
}

#sidebar-wrapper {
  background-color: #5AA087;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li>a>img {
  margin: 0 auto !important;
}
img#menu_dashboard {
  width: 2.2rem;
  height: 2.2rem;
}
img.menu-email {
  width: 2.2rem;
  height: 1.6rem;
}
img.menu-voicemail {
  width: 23px;
  height: 2.0rem;
}
img.menu-web {
  width: 2.2rem;
  height: 2.0rem;
}
img.menu-audio {
  width: 1.6rem;
  height: 2.2rem;
}
img#menu_user {
  width: 2.2rem;
  height: 2.2rem;
}
img#menu_announcements {
  width: 2.2rem;
  height: 2.2rem;
}

/**
 * img icon
 */
img#icon_arrow_caret_down {
  width: 1.6rem;
  height: 1.6rem;
}
img.icon-lifetime {
  width: 2.4rem;
  height: 2.4rem;
}
img.icon-trush {
  width: 2.0rem;
  height: 2.0rem;
}
img.icon-trush:hover {
  opacity: .5;
}
img.icon-edit {
  width: 2.0rem;
  height: 2.0rem;
}
img.icon-edit:hover {
  opacity: .5;
}
.icon-permission {
  font-size: 1.7rem;
  margin-top: 1.0rem;
  color: #777;
}
.icon-permission:hover {
  opacity: .5;
}
img#icon_clip {
  width: 2.2rem;
  height: 2.0rem;
}
img.icon-clip-small {
  width: 1.8rem;
  height: 1.8rem;
}
img#icon_reply {
  width: 2.5rem;
  height: 2.2rem;
  vertical-align: top;
}
img.icon_arrow {
  width: 1.6rem;
  height: 1.6rem;
}
img#icon_memo {
  width: 2.0rem;
  height: 2.0rem;
}
img.icon-sort {
  width: 1.6rem;
  height: 1.6rem;
}
img#icon_reset_password {
  width: 19.0rem;
  height: 11.0rem;
}
img#icon_dialog {
  width: 7.2rem;
  height: 6.4rem;
}
.icon-del-clip {
  width: 2.0rem;
  height: 2.0rem;
  background-image: url('/images/icons/attachments/del_clip.png');
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
}
.icon-del-clip:hover {
  background-image: url('/images/icons/attachments/del_clip_hover.png');
  cursor: pointer;
}
img.icon-arrow-chevron-down {
  width: 1.4rem;
  height: .7rem;
}
img.icon-arrow-caret-right {
  width: 0.866rem;
  /* height: 0.75rem; */
}
img#title_dashboard {
  width: 3.3rem;
  height: 3.3rem;
}
img#title_email {
  width: 2.2rem;
  height: 1.6rem;
}
img#title_voicemail {
  width: 2.3rem;
  height: 2.0rem;
}
img#title_web {
  width: 2.2rem;
  height: 2.0rem;
}
img#time_email
,img#time_voicemail
,img#time_web
,img#time_audio
{
  width: 5.4rem;
  height: 5.4rem;
}
img.microphone-audio {
  width: 5.9rem;
  height: 8.0rem;
}



.search-block button {
  border: .1rem solid #555;
  background-color: #f5f5f5 !important;
  color: #555;
}
.search-block button:hover {
  opacity: 0.5;
}
.note-block button {
  width: 15.5rem;
  height: 3.0rem;
  border: .1rem solid #555;
  background-color: #f5f5f5 !important;
  color: #555;
  border-radius: 2.0rem;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0;
}
.note-block button:hover {
  opacity: 0.5;
}


.reply-created_at {
  font-weight: 500;
  font-size: 1.3rem;
  color: #000;
}
.replied_user_name {
  font-weight: 700;
  font-size: 1.3rem;
}
.reply-block {
  margin-left: -4.5rem;
}

.gallery span {
  font-size: 1.1rem;
  font-weight: 500;
  color: #555;
}


.selectric {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 2.0rem; /* 右側に余白を作ってアイコンを表示 */
}
.selectric .label {
  flex-grow: 1; /* ラベル部分が残りのスペースを占めるように設定 */
}
.selectric .custom-icon {
  position: absolute;
  right: .5rem; /* 右端にアイコンを配置 */
  width: 1.6rem; /* アイコンの幅を調整 */
  height: 1.6rem; /* アイコンの高さを調整 */
  pointer-events: none; /* アイコンがクリックできないようにする */
}


#memo_block {

}
#memo_text {
  font-size: 2.4rem;
  font-weight: 500;
  font-family: 'MuseoModerno', "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  color: #777;
}
.right-body .tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
/* .tab-wrap:after {
  content: '';
  width: 100%;
  height: .3rem;
  background: #5AA087;
  display: block;
  order: -1;
} */
.right-body .tab-label {
  color: #777;
  background-color: #EBEBEB;
  font-weight: 700;
  font-size: 1.2rem;
  white-space: nowrap;
  text-align: center;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 1.0rem 1.0rem 0 0;
  flex: 1;
  max-width: 8.0rem;
  height: 3.0rem;
  padding-top: .3rem;
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  margin-bottom: 0;
}
.right-body .tab-label:hover {
  opacity: 0.5;
}
.right-body .tab-label:not(:last-of-type) {
  margin-right: .5rem;
}
.right-body .tab-label-first {
  white-space: nowrap;
  order: -1;
  position: relative;
  z-index: 1;
  flex: 1;
  max-width: 12.5rem;
  height: 3.0rem;
  margin-bottom: 0;
  top: -.5rem;
}
.right-body .tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.right-body .tab-switch:checked+.tab-label {
  background: #8DB0D9;
  color: #fff;
}
.right-body .tab-switch:checked+.tab-label-myself {
  background: #D6A66C;
}

.right-body .tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  opacity: 1;
  transition: .5s opacity;
  /* box-shadow: 0 0 .3rem rgba(0,0,0,.2); */
  width: 30.0rem;
  position: relative;
}
.right-body .note-frame-border {
  width: 100%;
  border: .2rem solid #8DB0D9;
  border-radius: 1.0rem;
  padding: 1.0rem;
  height: 38.0rem;
}
.right-body .note-frame-border-myself {
  border-color: #D6A66C;
}
.right-body .note-frame-border .form-group {
  height: 100%;
}
.right-body .note-frame-border textarea {
  height: 100% !important;
}
.notebook-textarea {
  font-size: 1.1rem !important;
  padding: .375rem .75rem !important;
  background-color: #fff; /* 背景色 */
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */
                    linear-gradient(180deg, #ddd .1rem, transparent .1rem); /* 点線2の色と太さ */
  background-size: 8px 100%, /* 点線1のサイズ */
                   100% 1.8em; /* 点線2のサイズ */
  line-height: 1.8em; /* 文字の高さ */
  padding-bottom: .1rem; /* 最終行の下にも罫線を引く */
}

/* ラジオボタン非表示 */
.right-body .tab-switch {
  display: none;
}

#signin_input_parts {
  width: 54.0rem;
  margin: 0 auto;
}
#sign_in {
  font-family: Hanken Grotesk, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 6.0rem;
  font-weight: 600;
  line-height: 78.18px;
  letter-spacing: 0.05em;
  color: #006666;
}
#jp_sign_in {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 20.27px;
  letter-spacing: 0.05em;
  color: #006666; 
}
#signin_input_parts input#email {
  width: 54.0rem;
  height: 5.6rem;
  border-radius: 1.0rem;
  border: .2rem solid #BBB;
  margin-right: auto;
  margin-left: auto;
}
#signin_input_parts input#password {
  width: 54.0rem;
  height: 5.6rem;
  border-radius: 1.0rem;
  border: .2rem solid #BBB;
  margin-right: auto;
  margin-left: auto;
}
#forgot_pwd {
  width: 54.0rem;
  margin-right: auto;
  margin-left: auto;
  text-align: right;
}
#forgot_pwd a {
  color: #333;
  text-decoration: underline;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 1.4rem;
  font-weight: 500;
}
#password_sign_in {
  position: relative;
}
#toggle_password {
  position: absolute;
  right: 1.0rem;
  top: 1.5rem;
  border: none;
  background: transparent;
}
#toggle_password:focus {
  outline: none;
}
#password-icon {
  width: 3.0rem;
}
label#remember_me {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
}
/* デフォルトのスタイルを上書き */
.custom-checkbox .custom-control-label#remember_me::before {
  border-radius: 0; /* remember_me IDを持つ要素にのみ適用 */
}
button#submit_sign_in {
  background-color: #5AA087;
  /* font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important; */
  font-family: 'M PLUS 1', 'Inter', sans-serif !important;
  font-size: 2.6rem;
  font-weight: 700;
  color: #fff;
  margin-right: auto;
  margin-left: auto;
}
#or_sign_in {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
}
a#create_one_sign_in {
  width: 22.0rem;
  height: 4.4rem;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 1.7rem;
  font-weight: 500;
  color: #006666;
  border: .2rem solid #CDE2DB;
  display: inline-flex; /* flexを使用 */
  align-items: center; /* 垂直方向の中央揃え */
  justify-content: center; /* 水平方向の中央揃え */
  border-radius: .5rem;
  text-decoration: none; /* 下線を削除 */
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}
a#create_one_sign_in:hover {
  border: .2rem solid #006666;
  background-color: #006666;
  color: #fff;
}
#header_sign_in {
  width: 100%;
  height: 8.0rem;
  background-color: #5AA087;
  position: relative;
  z-index: 1000;
  padding-top: 2.0rem;
  padding-left: 2.0rem;
}
#header_sign_in span {
  font-family: 'MuseoModerno', "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 2.2rem;
  font-weight: 500;
  color: #fff;
}



#password_title {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 2.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #006666;
}


#reset_send_mail {
  width: 24.0rem;
  height: 6.0rem;
  border-radius: 3.0rem;
  background-color: #5AA087;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 2.0rem;
  font-weight: 700;
}
.reset-explanation {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #333;
}



.modal-dialog {
  max-width: 760px;
  margin-top: 10.0rem;
}
.modal-content {
  /* border-radius: 2.0rem; */
  box-shadow: 0.4rem 0.4rem 0.4rem 0px #00000033 !important;
}
.dropzone {
  border: .3rem dashed #f5f5f5 !important;
  text-align: center;
  cursor: pointer;
}
.enter {
  border-color: #000 !important;
}
.dropzone div {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 1.8rem;
  font-weight: 500;
  color: #999;
}
.dropzone .btn-choose-files {
  display: inline-block;
  vertical-align: middle;
  width: 20.0rem;
  height: 3.6rem;
  padding: .2rem 0;
  border-radius: .5rem;
  border: .1rem solid #ddd;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  font-size: 1.6rem;
  font-weight: 700;
  color: #8f8f8f;
  background-color: #fff;
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}
.dropzone .btn-choose-files:hover {
  background-color: #f1f1f1;
  color: #555;
}
.dropzone button.close {
  position: absolute;
  top: -4.5rem;
  right: 0;
  width: 4.0rem;
  height: 4.0rem;
  border: .1rem solid #999 !important;
  color: #999;
  background-color: #fff !important;
  font-size: 2.3rem;
  opacity: 1;
  font-weight: 100;
}
.file-list {
  margin-top: 1.0rem;
}
.file-item {
  display: flex;
  align-items: center;
  margin-bottom: .5rem;
}
.file-item img {
  width: 5.0rem;
  height: 5.0rem;
  object-fit: cover;
  margin-right: 1.0rem;
}
.attachments-info > img:first-child {
  width: 4.0rem;
  height: 4.0rem;
  border-radius: .5rem;
}


.accordion-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    opacity: 0;
  }
  .accordion-content.open {
    max-height: 100.0rem; /* 適切な最大値に設定する */
    opacity: 1;
  }

#assigned_to_area {
  /* margin-right: 3.9rem; */
  position: relative;
}
#assigned_to_area > img {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 2.85rem;
  right: 0.6rem;
}


.alert-dismissible .close {
  top: 0.8rem;
}

.audio-player {
  height: 3.8rem;
}
  

.selectric-items {
  /* display: flex !important; */
  flex-direction: column;
  width: auto !important;
  /* min-width: 10.5rem; */
  min-width: 100%;
}
#customer_registration_form .selectric-items {
  width: 100% !important;
}
#customer_registration_form_reply .selectric-items {
  width: 100% !important;
}
#customer_edit_form .selectric-items {
  width: 100% !important;
}
#user_registration_form .selectric-items {
  width: 100% !important;
}
#user_edit_form .selectric-items {
  width: 100% !important;
}
.user-registration-form .selectric-items {
  width: 100% !important;
}
#user_registration_form_reply .selectric-items {
  width: 100% !important;
}
#select_email_modal .selectric-items {
  width: 100% !important;
}
#select_phone_number_modal .selectric-items {
  width: 100% !important;
}
#ele_inquiry_source .selectric-items {
  width: 100% !important;
}


.selectric-items li {
  /* flex: 1 !important; */
  padding: .8rem 1.5rem !important;
  border-bottom: .1rem solid #e4e6fc;
}
.selectric-items .selectric-scroll {
  padding: .4rem 0;
}
/* .vs__dropdown-option {
  padding: 1.2rem 2.0rem !important;
} */
/* .vs__dropdown-menu {
  padding: .8rem 1.5rem !important;
  border-bottom: .1rem solid #e4e6fc;
} */
/* vue-select のドロップダウンリスト全体 */
#vs1__listbox {
  background-color: #fff;
  /* border: 1px solid #ced4da; */
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 1.0rem;
  padding-bottom: .5rem;
}
/* 各 li 要素 */
#vs1__listbox li {
  padding: .8rem 1.5rem;
  border-bottom: .1rem solid #e4e6fc;
  cursor: pointer;
}
/* ホバー時 */
#vs1__listbox li:hover {
  background-color: #f1f3f5;
}
/* 選択中（vue-select が付与するクラス） */
#vs1__listbox li.vs__dropdown-option--selected {
  background-color: #007bff;
  color: #fff;
}



#description {
  height: 10.0rem;
}

#attach_single {
  display: none;
}
.drop-area-single {
  border: .2rem dashed #ddd;
  padding: 2.0rem;
  text-align: center;
  cursor: pointer;
  border-radius: .5rem;
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}
.drop-area-single:hover {
  opacity: 0.5;
  background-color: #000; 
}
.drop-area-single.drag-over {
  border-color: #5aa087;
}
.thumbnail-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 15.0rem;
  position: relative;
}
.thumbnail-preview p {
  margin: 0;
  color: #aaa;
  font-weight: 500 !important;
  font-size: 1.4rem;
}
.avatar-thumbnails {
  display: flex;
  justify-content: flex-start;
  margin-top: 1.5rem;
}
.thumbnail-div {
  position: relative;
  display: inline-block;
}
.avatar-thumbnail {
  max-width: 12.0rem;
  height: auto;
  border-radius: 0.5rem;
  margin-right: 1.0rem;
}
.remove-button {
  position: absolute;
  top: -1.0rem;
  right: -1.5rem;
  background-color: #E74C3C;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 2.0rem;
  height: 2.0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.7rem;
  cursor: pointer;
  font-weight: 900;    
}
.remove-button:hover {
  background-color: darkred;
}


#outgoing_call {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.0rem 1.2rem;
  /* font-size: 1.5em; */
  color: #fff;
  background-color: #007bff;
  border: none;
  border-radius: .5rem;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
#outgoing_call:hover {
  background-color: #0056b3;
}
#outgoing_call:active {
  transform: scale(0.95);
}

#create_outgoing_call {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.0rem 1.2rem;
  color: #ffffff;
  background-color: #28a745; /* 明るいグリーン */
  border: none;
  border-radius: .5rem;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 6px rgba(40, 167, 69, 0.3);
}
#create_outgoing_call:hover {
  background-color: #218838; /* 少し濃い緑 */
  box-shadow: 0 6px 8px rgba(33, 136, 56, 0.35);
}
#create_outgoing_call:active {
  background-color: #1e7e34; /* さらに濃い緑 */
  transform: scale(0.95);
  box-shadow: 0 2px 4px rgba(30, 126, 52, 0.25);
}


.call-button, .mute-button, .camera-button {
  margin-left: 10px;
  padding: 5px 10px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: #5AA087;
  color: white;
}
.call-button:hover, .mute-button:hover, .camera-button:hover {
  background-color: #4a886a;
}


#product_description {
  height: 40.0rem;
}


td.cannedresponse-image img {
  width: 30.0rem !important;
}



#attach_multi {
  display: none;
}
.drop-area-multi {
  border: .2rem dashed #ddd;
  padding: 2.0rem;
  text-align: center;
  cursor: pointer;
  border-radius: .5rem;
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
}
.drop-area-multi:hover {
  opacity: 0.5;
  background-color: #000; 
}
.drop-area-multi.drag-over {
  border-color: #5aa087;
}
.thumbnail-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 15.0rem;
  position: relative;
}
.thumbnail-preview p {
  margin: 0;
  color: #aaa;
  font-weight: 500 !important;
  font-size: 1.4rem;
}
.avatar-thumbnails-multi {
  margin-top: 1.5rem;
  width: 100%;
}
.thumbnail-div {
  position: relative;
  display: inline-block;
}
.avatar-thumbnail {
  max-width: 12.0rem;
  height: auto;
  border-radius: 0.5rem;
}
.remove-button-multi {
  position: absolute;
  top: -.5rem;
  right: .5rem;
  background-color: #E74C3C;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 2.0rem;
  height: 2.0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.7rem;
  cursor: pointer;
  font-weight: 900;    
}
.remove-button-multi:hover {
  background-color: darkred;
}


/* Summernoteエディタのエラー状態を視覚的に反映 */
.summernote.is-invalid ~ .note-editor .note-editable {
  border: .1rem solid #dc3545; /* 赤い枠線 */
  background-color: #f8d7da; /* 薄い赤の背景 */
}


.selected-canned-response-message {
  border: .1rem solid #ddd;      /* ボーダーの設定 */
  border-radius: 0.5rem;        /* 角丸設定 */
  width: 100%;                  /* 幅を親要素の最大に設定 */
  height: 100%;                 /* 高さを親要素の最大に設定 */
  padding: 2.0rem;                /* パディング設定 */
  box-sizing: border-box;       /* ボーダーとパディングを含む全体のサイズ設定 */
}
.selected-canned-response-message img {
  max-width: 100% !important;
  width: 100% !important;
}
.note-editable img {
  max-width: 100% !important;
  width: 100% !important;
}


.input-icon-calendar {
  position: relative;
}
.input-icon-calendar input {
  padding-right: 3.0rem; /* アイコンのスペースを確保 */
}
.input-icon-calendar i {
  position: absolute;
  right: 1.0rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* アイコンをクリックできないようにする */
  color: #5AA087; /* アイコンの色 */
  font-size: 1.6rem;
  cursor: pointer;
}


.note-editor.note-airframe .note-placeholder
,.note-editor.note-frame .note-placeholder
{
  padding: .5rem 1.5rem;
  font-size: 1.5rem;
  color: #aaa;
}
.note-editor.note-frame {
  border-color: #ddd;
}




#email-list .email-item {
  display: flex;
  align-items: center;
}
#email-list .email-item input {
  flex-grow: 1;
}
#email-list .email-item .remove-email {
  margin-left: 10px;
}




.inactive-row {
  /* background-color: #e9ecef !important; 淡いグレー背景 */
  background-color: #000 !important;
  color: #6c757d; /* ダークグレーの文字色 */
  opacity: 0.7; /* 少し透明感を出す */
  font-style: italic;
}


.table-container {
  max-height: 30.0rem !important; /* 高さを固定 */
  overflow-y: auto; /* 縦方向のスクロールを有効にする */
  background-color: #fff;
}
/* ヘッダーを固定 */
.table thead th {
  position: sticky; /* 固定にする */
  top: -.1rem; /* 上端に固定 */
  background-color: #f8f9fa; /* 背景色を指定して見やすくする */
  z-index: 2; /* 重なり順を設定（データ部分の上に表示） */
  box-shadow: 0 .2rem .2rem rgba(0, 0, 0, 0.1); /* 軽いシャドウを追加 */
}  
/* スクロールバー全体 */
.table-container::-webkit-scrollbar {
  width: 1.0rem; /* スクロールバーの幅 */
  background-color: #f4f4f4; /* 背景色 */
  border-radius: 8px; /* スクロールバー自体の角を丸くする */
}
/* スクロールバーのスライダー部分 */
.table-container::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #5AA087, #2B82B2); /* 緑から青のグラデーション */
  border-radius: 1.0rem; /* スライダー部分の角を丸くする */
  box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.2); /* 立体感を追加 */
}  
/* スライダー部分のホバー効果 */
.table-container::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(45deg, #4e0eab, #1e5fcc); /* ホバー時のグラデーションを濃くする */
}  
/* スクロールバーの上下ボタン部分（オプション） */
.table-container::-webkit-scrollbar-button {
  display: none; /* 上下のボタンを非表示にする（不要な場合） */
}
/* スライドエフェクト用のトランジション */
#table_web_tickets_wrapper {
  transition: max-height 0.5s ease, opacity 0.5s ease;
  opacity: 0; /* 初期状態で非表示 */
  display: none;
}
#table_web_tickets_wrapper.show {
  opacity: 1; /* 表示時 */
}
#toggle_web_tickets {
  cursor: pointer;
}


/* 編集不可のときにクリックを無効化 */
.disabled-label {
  pointer-events: none; /* クリック無効 */
  opacity: 0.6; /* 視覚的に非アクティブ */
}


.minus-square-o {
  width: 2.0rem;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .5rem; /* 角を少し丸める */
  border: .2rem solid #ae2441; /* 枠線 */
  position: relative;
}
.minus-square-o::before {
  content: "";
  width: 60%;
  height: .4rem;
  background-color: #ae2441; /* マイナスの色 */
  position: absolute;
}


/* ボタン風のラジオボタン */
.toggle-radio-group {
  display: flex;
  gap: 1.0rem;
}
.toggle-radio {
  padding:.5rem 1.0rem;
  font-size: 1.2rem;
  font-weight: bold;
  border: 2px solid #007bff;
  background-color: white;
  color: #007bff;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease;
  user-select: none;
}
.toggle-radio:hover {
  background-color: #007bff;
  color: white;
}
.toggle-radio.active {
  background-color: #007bff;
  color: white;
}
.hidden-radio {
  display: none;
}



.info-row {
  display: flex;
  align-items: center;
}
.info-label {
  font-weight: bold;
  color: #fff;
  min-width: 12.0rem;
  text-align: center;
  padding: .5rem 1.5rem;
}
.info-value {
  color: #000;
  padding: .5rem 1.5rem .5rem 3.5rem;
}
.customer-info {
  border: .2rem solid #005f5f; /* 外枠 */
}
.text-customer {
  color: #005f5f;
}
.bg-customer {
  background-color: #005f5f; /* 背景色 */
}
.user-info {
  border: .2rem solid #ed952e; /* 外枠 */
}
.text-user {
  color: #ed952e;
}
.bg-user {
  background-color: #ed952e; /* 背景色 */
}


.add-email-btn {
  display: flex;
  align-items: center;
  justify-content: space-between; /* 左右に配置 */
}
.add-phone-btn {
  display: flex;
  align-items: center;
  justify-content: space-between; /* 左右に配置 */
}
.btn-text {
  flex-grow: 1; /* 左寄せ */
  text-align: left;
}
.btn-icon {
  margin-left: auto; /* 右寄せ */
}


.text-system-active {
  color: #4162ab;
}
.bg-system-active {
  background-color: #4162ab;
}
.text-system-verified {
  color: #ae2441;
}
.bg-system-verified {
  background-color: #ae2441;
}

.customer-info-block {
  border: .2rem solid #b3b3b3;
  border-radius: 1.5rem;
  padding: 1.0rem 2.0rem;
}
#ip_phone_container .customer-info-block {
  border-radius: .5rem;
  padding: .3rem .3rem;
  font-size: 1.0rem;
  width: 6.0rem;
  margin-left: auto;
}
.customer-user-info-block {
  border: .2rem solid #b3b3b3;
  border-radius: 1.0rem;
  padding: .5rem;
  color: #b3b3b3;
}
.customer-user-info-block a {
  color: #b3b3b3;
}
.btn-customer-user {
  background-color: #666;
  color: #fff;
  border: .1rem solid #666;
}
.btn-customer-user-call-to {
  width: 100%;
  background-color: #0164c9;
  border: .1rem solid #0164c9;
}
.btn-customer-user-call-to:hover {
  background-color: #0164c9 !important;
  border: .1rem solid #0164c9 !important;
  opacity: .5 !important;
}
.btn-customer-user-compose-email {
  width: 100%;
  background-color: #b3b3b3;
  border: .1rem solid #b3b3b3;
  padding-bottom: .8rem;
}
.btn-customer-user-compose-email:hover {
  background-color: #b3b3b3 !important;
  border: .1rem solid #b3b3b3 !important;
  opacity: .5 !important;
}
.btn-back-to-list {
  border: .2rem solid #b3b3b3;
  max-width: 12.5rem;
  width: 100%;
  color: #b3b3b3;
}
.btn-back-to-list:hover {
  color: #fff !important;
  background-color: #b3b3b3 !important;
}

.btn-edit-mode {
  border: .2rem solid #b3b3b3;
  max-width: 12.5rem;
  width: 100%;
  color: #b3b3b3;
}
.btn-edit-mode:hover {
  color: #fff !important;
  background-color: #b3b3b3 !important;
}
.btn-edit-mode img {
  transition: 0.3s ease-in-out;
}
.btn-edit-mode:hover img {
  content: url('/images/icons/customer_user_gear_white.png');
}

.btn-update {
  border: .2rem solid #5aa087;
  max-width: 12.5rem;
  width: 100%;
  color: #fff;
}
.btn-update:hover {
  color: #b3b3b3 !important;
  background-color: #fff !important;
}
.btn-update img {
  transition: 0.3s ease-in-out;
}
.btn-update:hover img {
  content: url('/images/icons/customer_user_gear_gray.png');
}

.tbl-customer-user-input tr td:first-child {
  width: 15.0rem;
}


.btn-unlink-user-data {
  border: .2rem solid #666;
  color: #666;
  max-width: 8.0rem;
  width: 100%;
}
.btn-unlink-user-data:hover {
  background-color: #666 !important;
  color: #fff;
}
.btn-unlink-customer-user-data {
  border: .2rem solid #666;
  color: #666;
  max-width: 8.0rem;
  width: 100%;
}
.btn-unlink-customer-user-data:hover {
  background-color: #666 !important;
  color: #fff;
}


#select_email_modal .modal-dialog {
  max-width: 46.0rem;
}
#select_email_modal .modal-content {
  height: 36.0rem;
  border-radius: .1rem;
  border: .1rem solid #5aa087;
  border-bottom-width: 3.0rem;
}
#select_phone_number_modal .modal-dialog {
  max-width: 46.0rem;
}
#select_phone_number_modal .modal-content {
  border-radius: .1rem;
  border: .1rem solid #5aa087;
  border-bottom-width: 3.0rem;
}
.customer-user-select-caption {
  color: #5aa087;
  font-size: 2.0rem;
  font-weight: bold;
}
.close-circle {
  background-color: #666 !important;
  border: none !important;
  color: #fff;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.0rem;
  line-height: 1;
  cursor: pointer;
}
.btn-change {
  background-color: #666;
  border: .2rem solid #666;
  color: #fff;
}
.btn-change:hover {
  background-color: #fff;
  color: #666;
}


.btn-voicemail-switch {
  border-radius: .5rem;
  padding: 0 .2rem .3rem .2rem;
}
.btn-voicemail-switch:hover {
  opacity: .5;
}
.btn-voicemail-switch-on {
  border: .1rem solid #1162b3;
  background-color: #1162b3;
}
.btn-voicemail-switch-on:hover {
  background-color: #1162b3 !important;
}
.btn-voicemail-switch-off {
  border: .1rem solid #909090;
  background-color: #909090;
}
.btn-voicemail-switch-off:hover {
  background-color: #909090 !important;
}
.voicemail-switch-icon {
  width: 2.7rem;
}


.btn-ok {
  border: .1rem solid #5AA087;
  border-radius: 1.0rem;
  background-color: #5AA087;
  width: 100%;
}
.btn-cancel {
  border: .1rem solid #909090;
  border-radius: 1.0rem;
  background-color: #909090;
  width: 100%;
}


.theme-title {
  font-size: 2.0rem;
  font-weight: 700;
  border-bottom: .3rem solid #5AA087;
  padding-bottom: .6rem;
  color: #5AA087;
}


.timeline-yyyymm {
  background-color: #666;
  width: 100%;
  max-width: 16.0rem;
  margin: 0 auto;
  color: #fff;
  padding: .2rem 0;
  border-radius: 1.0rem;
  text-align: center;
}
.timeline-icon {
  background-color: #5AA087;
  border: .1rem solid #5AA087;
}
.timeline-detail-reply-block .timeline-icon {
  background-color: #d7a66c;
  border: .1rem solid #d7a66c;
}
.timeline-icon img {
  width: 2.4rem;
}
.timeline-content {
  border: .1rem solid #5AA087;
}
.timeline-detail-reply-block .timeline-content {
  border: .1rem solid #d7a66c;
}
.timeline-top {
  background-color: #e7f2ee;
}
.timeline-detail-reply-block .timeline-top {
  background-color: #fbf6f2;
}

.timeline-detail-block:hover {
  cursor: pointer;
  opacity: .5;
}

.customer-info-container:hover {
  cursor: pointer;
  opacity: .5;
}


.btn-add-new-customer-user {
  border: .1rem solid #af2441;
  border-radius: .1rem;
  background-color: #af2441;
  width: 21.0rem;
  font-size: 1.2rem;
}
.btn-add-new-customer-user:hover {
  border: .1rem solid #af2441 !important;
  background-color: #af2441 !important;
  opacity: .5;
}


.only-customer {
  border: .2rem solid #006666;
}
.customer-header
,.user-header {
  font-size: 1.3rem;
  font-weight: 500;
  color: #555;
}
.only-user {
  border: .2rem solid #ec932d;
}
.both-customer-user {
  border: .2rem solid #006666;
}





/**
 * Dialog: Confirm Delete
 *
 */
.modal-confirm {
  color: #636363;
}
.modal-confirm .modal-content {
  padding: 20px;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-size: 14px;
}
.modal-confirm .modal-header {
  border-bottom: none;   
  position: relative;
}
.modal-confirm h4 {
  text-align: center;
  font-size: 26px;
  margin: 30px 0 -10px;
}
.modal-confirm .close {
  position: absolute;
  top: -5px;
  right: -2px;
}
.modal-confirm .modal-body {
  color: #999;
}
.modal-confirm .modal-footer {
  border: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
  padding: 10px 15px 25px;
}
.modal-confirm .modal-footer a {
  color: #999;
}
.modal-confirm .icon-box {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  z-index: 9;
  text-align: center;
  border: 3px solid #f15e5e;
}
.modal-confirm .icon-box i {
  color: #f15e5e;
  font-size: 46px;
  display: inline-block;
  margin-top: 13px;
}
.modal-confirm .btn, .modal-confirm .btn:active {
  color: #fff;
  border-radius: 4px;
  background: #60c7c1;
  text-decoration: none;
  transition: all 0.4s;
  line-height: normal;
  min-width: 120px;
  border: none;
  min-height: 40px;
  border-radius: 3px;
  margin: 0 5px;
}
.modal-confirm .btn-secondary {
  background: #c1c1c1;
}
.modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {
  background: #a8a8a8;
}
.modal-confirm .btn-danger {
  background: #f15e5e;
}
.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
  background: #ee3535;
}
.trigger-btn {
  display: inline-block;
  margin: 100px auto;
}
.modal-confirm .icon-box--add {
  border: 3px solid #5AA087; /* ← 緑っぽい色に変更 */
}
.modal-confirm .icon-box--add i {
  color: #5AA087; /* ← アイコンの色も変更 */
}



.icon-unlink {
  color: #777;
  width: 2.0rem;
  height: 2.0rem;
  font-size: 1.7rem;
  padding-top: 10px;
}
.icon-unlink:hover {
  opacity: .5;
}


.iframe-wrapper {
  position: relative;
  width: 100%;
  height: auto;
}

.iframe-wrapper.loading {
  background-color: #ddd;
  opacity: 0.5;
}

.iframe-loading {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  color: #555;
  font-size: 14px;
  display: none;
  z-index: 10;
}

.iframe-wrapper.loading .iframe-loading {
  display: block;
}

.iframe-wrapper iframe {
  width: 100%;
  height: 100%;
}



#ip_phone_notice {
  position: fixed;
  top: 2.0rem;
  left: 5.0rem;
  z-index: 9999;
  display: none;
}

#open_ip_phone_btn {
  background: #ff4d4d;
  color: #fff;
  border: none;
  padding: 0.7rem 4rem;
  border-radius: 0.8rem;
  cursor: pointer;
  transform-origin: center;
  animation: heartbeat 1.2s ease-in-out infinite;
}

/* アニメーション */
@keyframes heartbeat {
  0%   { transform: scale(1);   opacity: 0.3; }
  20%  { transform: scale(1.3); opacity: 1;   }
  40%  { transform: scale(1.15);opacity: 0.7; }
  60%  { transform: scale(1.3); opacity: 1;   }
  80%  { transform: scale(1.1); opacity: 0.6; }
  100% { transform: scale(1);   opacity: 0.3; }
}


/* 親ウィンドウの着信通知 */
#ip_phone_incoming {
  position: fixed;
  top: 2rem;
  right: 2rem;
  z-index: 10000;
  display: none;
  background: #ffcc00; /* 黄色系で注意喚起 */
  color: #000;
  padding: 1rem 2rem;
  border-radius: 1rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  cursor: pointer;
  transform-origin: center;
  animation: shakePulse 1.5s ease-in-out infinite;
}

/* アニメーション：少し揺れる + 拡大縮小 */
@keyframes shakePulse {
  0%   { transform: scale(1) translateX(0); }
  20%  { transform: scale(1.05) translateX(-2px); }
  40%  { transform: scale(1.1) translateX(2px); }
  60%  { transform: scale(1.05) translateX(-2px); }
  80%  { transform: scale(1.1) translateX(2px); }
  100% { transform: scale(1) translateX(0); }
}

/* 中のテキスト */
#ip_phone_incoming span#incoming_text {
  display: block;
}





.audio-btn {
  width: 3.0rem;
  height: 3.0rem;
  border-radius: 50%;
  border: none;
  color: #fff;
  background-color: gray; /* 停止中 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  transition: background-color 0.2s;
}

.audio-btn.playing {
  background-color: white; /* 再生中 */
  color: black;            /* アイコン色変更 */
}



.btn-add-new-customer {
  border: .1rem solid #C82B2B;
  color: #C82B2B;
}
.btn-add-new-customer:hover {
  color: #fff;
  background-color: #C82B2B !important;
}



.tag-tooltip {
  position: relative;
  cursor: pointer;
}

/* 吹き出し本体 */
.tag-tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  white-space: nowrap;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 1000;
}

/* 吹き出しの矢印 */
.tag-tooltip::before {
  content: "";
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 999;
}

.tag-tooltip:hover::after,
.tag-tooltip:hover::before {
  opacity: 1;
}


#preview_frame {
  border: 2px dashed #d0d0d0;
  border-radius: 1.2rem;
  width: 100%;
  min-height: 15.0rem;
  background-color: #fafafa;
  transition: all 0.3s ease;
}
.color-picker {
  width: 4.0rem;
  height: 3.8rem;
  border: none;
  cursor: pointer;
}


.fade-message {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.fade-message.show {
  opacity: 1;
}