@-webkit-keyframes loading { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes loading { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.container:before, .container:after { display: table; content: " "; }
.container:after { clear: both; }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.container-fluid:before, .container-fluid:after { display: table; content: " "; }
.container-fluid:after { clear: both; }

.row { margin-right: -15px; margin-left: -15px; }
.row:before, .row:after { display: table; content: " "; }
.row:after { clear: both; }

.row-no-gutters { margin-right: 0; margin-left: 0; }
.row-no-gutters [class*="col-"] { padding-right: 0; padding-left: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.33333333%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-12 { width: 100%; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.33333333%; }

.col-xs-pull-2 { right: 16.66666667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.33333333%; }

.col-xs-pull-5 { right: 41.66666667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.33333333%; }

.col-xs-pull-8 { right: 66.66666667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.33333333%; }

.col-xs-pull-11 { right: 91.66666667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.33333333%; }

.col-xs-push-2 { left: 16.66666667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.33333333%; }

.col-xs-push-5 { left: 41.66666667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.33333333%; }

.col-xs-push-8 { left: 66.66666667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.33333333%; }

.col-xs-push-11 { left: 91.66666667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.col-xs-offset-12 { margin-left: 100%; }

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-12 { width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-12 { margin-left: 100%; } }
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-12 { width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-12 { margin-left: 100%; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-12 { margin-left: 100%; } }
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: black; text-decoration: none; background-color: #fff; border: 1px solid black; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: white; background-color: black; border-color: black; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: black; border-color: black; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; cursor: not-allowed; background-color: rgba(0, 0, 0, 0.1); border-color: rgba(0, 0, 0, 0.1); }

.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

table { background-color: transparent; }
table col[class*="col-"] { position: static; display: table-column; float: none; }
table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; }

caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; }

th { text-align: left; }

.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; }
.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > tbody + tbody { border-top: 2px solid #ddd; }
.table .table { background-color: #fff; }

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; }

.table-bordered { border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }

.table-hover > tbody > tr:hover { background-color: #f5f5f5; }

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; }

.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; }

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; }

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; }

.table-responsive { min-height: .01%; overflow-x: auto; }
@media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
  .table-responsive > .table { margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
  .table-responsive > .table-bordered { border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } }

.modal-open { overflow: hidden; }

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog { transform: translate(0, -25%); transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { transform: translate(0, 0); }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: relative; width: auto; margin: 10px; }

.modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }
.modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; }

.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-header:before, .modal-header:after { display: table; content: " "; }
.modal-header:after { clear: both; }

.modal-header .close { margin-top: -2px; }

.modal-title { margin: 0; line-height: 1.42857143; }

.modal-body { position: relative; padding: 15px; }

.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after { display: table; content: " "; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; }
  .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm { width: 300px; } }
@media (min-width: 992px) { .modal-lg { width: 900px; } }
@font-face { font-family: "ember"; src: url("../font/amazon/AmazonEmber_W_Rg.ttf"); src: url("../font/amazon/AmazonEmber_W_Rg.ttf") format("truetype"), url("../font/amazon/AmazonEmber_W_Rg.eot?#iefix") format("embedded-opentype"), url("../font/amazon/AmazonEmber_W_Rg.woff2") format("woff2"), url("../font/amazon/AmazonEmber_W_Rg.woff") format("woff"), url("../font/amazon/AmazonEmber_W_Rg.svg#euclid") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "ember"; src: url("../font/amazon/AmazonEmber_W_Lt.ttf"); src: url("../font/amazon/AmazonEmber_W_Lt.ttf") format("truetype"), url("../font/amazon/AmazonEmber_W_Lt.eot?#iefix") format("embedded-opentype"), url("../font/amazon/AmazonEmber_W_Lt.woff2") format("woff2"), url("../font/amazon/AmazonEmber_W_Lt.woff") format("woff"), url("../font/amazon/AmazonEmber_W_Lt.svg#euclid") format("svg"); font-weight: lighter; font-style: normal; }
@font-face { font-family: "ember"; src: url("../font/amazon/AmazonEmber_W_Bd.ttf"); src: url("../font/amazon/AmazonEmber_W_Bd.ttf") format("truetype"), url("../font/amazon/AmazonEmber_W_Bd.eot?#iefix") format("embedded-opentype"), url("../font/amazon/AmazonEmber_W_Bd.woff2") format("woff2"), url("../font/amazon/AmazonEmber_W_Bd.woff") format("woff"), url("../font/amazon/AmazonEmber_W_Bd.svg#euclid") format("svg"); font-weight: bold; font-style: normal; }
body { font-size: 18px; background: #fafafa; }

* { margin: 0; padding: 0; box-sizing: border-box; font-family: "ember", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

h1, .h1 { font-size: 42px; }

h2, .h2 { font-size: 38px; }

h3, .h3 { font-size: 32px; }

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

h5, .h5 { font-size: 20px; }

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

a { transition: all 0.3s ease-in-out; }

p { margin-bottom: 16px; }

.clr { width: 100%; height: 0; display: block; clear: both; }

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

.text-right { text-align: right; }

.col-centered { float: none; margin: 0 auto; }

.icon { width: 1em; height: 1em; display: inline-block; vertical-align: middle; stroke-width: 0; stroke: currentColor; fill: currentColor; }

.btns-multi a, .btns-multi button, .btns-multi .button { font-size: 16px !important; margin: 3px !important; display: inline-block !important; }

.central_content { min-height: 493px; position: relative; }
.central_content#dashboard, .central_content#transactions, .central_content#product, .central_content#chartsxrf, .central_content#reportes { background: white; }

.btn { width: 26%; padding: 10px 6px; display: inline-block; font-weight: bold; text-decoration: none; font-size: 14px; border-radius: 6px; border-width: 1px; border-style: solid; }
.btn.btn_view { color: #356d07; border-color: #356d07; }
.btn.btn_view:hover { background: #356d07; color: white; }
.btn.btn_edit { color: #ffdd00; border-color: #ffdd00; }
.btn.btn_edit:hover { background: #ffdd00; color: white; }
.btn.btn_delete { color: #b51010; border-color: #b51010; }
.btn.btn_delete:hover { background: #b51010; color: white; }
.btn.btn_cancel { color: #4d4d4d; border-color: #4d4d4d; }
.btn.btn_cancel:hover { background: #4d4d4d; color: white; }

#loader { margin-bottom: 16px; text-align: center; font-weight: bold; }
#loader span { display: inline-block; vertical-align: middle; }
#loader svg { margin-right: 4px; -webkit-animation: loading 0.6s linear infinite; animation: loading 0.6s linear infinite; }

@media (max-width: 768px) { * { line-height: 1; vertical-align: baseline; }
  h1, .h1 { font-size: 32px; }
  h2, .h2 { font-size: 26px; }
  h3, .h3 { font-size: 20px; }
  h4, .h4 { font-size: 16px; }
  h5, .h5 { font-size: 12px; }
  h6, .h6 { font-size: 9px; }
  .central_content { min-height: 200px; padding: 15px 15px 30px; } }
header { padding: 10px 0; background: #f6f6f6; }
header.admin_header .container .row, header.general_header .container .row { display: flex; align-items: stretch; }
header.admin_header .container .row .logo, header.general_header .container .row .logo { display: flex; align-self: center; }
header.admin_header .container .row .logo a, header.general_header .container .row .logo a { line-height: 0; }

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

.user_top { color: #202020; display: flex; align-items: center; justify-content: end; }
.user_top .user, .user_top .points { padding: 8px; text-align: left; display: inline-block; }
.user_top .user small, .user_top .points small { font-size: 11px; font-weight: 300; }
.user_top .user .avatar { width: 36px; height: 36px; margin: 6px; background: #00305b url(../img/system_user.png); background-size: cover; display: block; float: left; border-radius: 50%; }
.user_top .user .data_user { margin: 0 0 0 6px; display: inline-block; }
.user_top .user a { color: black; font-weight: bold; text-decoration: none; }
.user_top .user a:hover { text-decoration: underline; }
.user_top .points { background: rgba(255, 255, 255, 0.1); }
.user_top .points strong, .user_top .points span { display: inline-block; vertical-align: top; }
.user_top .points #loader { color: white; font-size: 12px; }

h1.title { padding: 40px 0; color: #404040; }

@media (max-width: 768px) { header { padding: 16px 0 10px; }
  header .container .row { display: flex; flex-direction: column; }
  .logo { text-align: center; }
  .logo img { margin: 0 auto; }
  .logo.av_mobile { background: #b51010; }
  .user_top { background: #f6f6f6; padding: 0; order: -1; justify-content: center; }
  .user_top .nav_user { padding: 15px; text-align: center; }
  .user_top .nav_user ul li { border: none; }
  .user_top .nav_user ul li a { padding: 10px 28px; margin: 0 6px; background: #f6f6f6; }
  .user_top .user { width: 60%; float: left; }
  .user_top .user .avatar { display: none; }
  .user_top .user .data_user { margin: 0; }
  .user_top .points { width: 40%; }
  h1.title { padding: 20px 0; } }
footer { padding: 80px 70px; background: url(../img/vigilado-superintendencia-blanco.png) #00305b no-repeat left center; background-color: #00305b; background-size: auto 330px; text-align: center; color: white; }
footer .details p { margin-bottom: 40px; color: white; font-size: 16px; line-height: 1.5; }
footer a { color: white; font-weight: bold; }

@media (max-width: 768px) { footer { padding: 25px 10px 25px 70px; }
  footer .container .row { display: flex; flex-direction: column; }
  footer .container .row .copyright { padding-bottom: 60px; display: flex; flex-direction: column-reverse; }
  footer p { font-size: 14px; } }
nav { background: #00305b; }

.nav_user ul li, .nav_principal ul li { display: inline-block; }

.nav_user { padding: 6px 0; }
.nav_user ul li a { padding: 4px 16px 6px; color: #202020; font-size: 18px; font-weight: bold; text-decoration: none; display: block; border: 1px solid #00305b; border-radius: 30px; }
.nav_user ul li a:hover { background: #00305b; color: white; }

.nav_principal ul li a { padding: 12px 8px; color: white; font-size: 16px; font-weight: bold; text-decoration: none; display: block; border: 1px solid transparent; }
.nav_principal ul li a.active, .nav_principal ul li a:hover { background: rgba(0, 0, 0, 0.1); border: 1px solid #ffdd00; }
.nav_principal ul li.active a { background: rgba(0, 0, 0, 0.2); border: 1px solid #ffdd00; }

.nav_social { padding: 30px 0 0 0; }
.nav_social ul { text-align: center; }
.nav_social ul li { padding: 0 10px; display: inline-block; }
.nav_social ul li a { padding: 10px; display: block; color: #FFA41C; font-size: 32px; }

.admin_nav .nav_principal ul, .general_nav .nav_principal ul { padding: 6px 0; }
.admin_nav .nav_principal ul li a, .general_nav .nav_principal ul li a { padding: 12px 8px; }

@media (max-width: 768px) { nav [class*="col"] { padding: 0; }
  .nav_principal .btn_nav { width: 48px; height: 48px; background: #00305b; display: block; float: right; position: relative; }
  .nav_principal .btn_nav span { width: 26px; height: 3px; background: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out; }
  .nav_principal .btn_nav span.top { margin-top: -8px; }
  .nav_principal .btn_nav span.bot { margin-top: 8px; }
  .nav_principal .btn_nav.active span.top { margin: 0; left: 25%; transform: rotate(-45deg); }
  .nav_principal .btn_nav.active span.middle { opacity: 0; }
  .nav_principal .btn_nav.active span.bot { margin: 0; left: 25%; transform: rotate(45deg); }
  .nav_principal ul { width: calc(100% - 48px); }
  .nav_principal ul li { width: 100%; height: 0; display: block; overflow: hidden; transition: all 0.3s ease-in-out; }
  .nav_principal ul li.active { height: auto; }
  .nav_principal ul li.active a { color: white; background: none; }
  .nav_principal ul li a { padding: 16px 24px; text-align: left; }
  .nav_principal ul.visible li { height: 48px; }
  .nav_principal ul.visible li.active a { background: rgba(0, 0, 0, 0.1); }
  .nav_social { padding: 0 0 15px 0; }
  .nav_social ul li a { font-size: 20px; } }
.message { width: 100%; max-width: 1000px; padding: 26px 38px 26px 26px; margin: 30px auto; font-size: 20px; line-height: 1.2; font-weight: bold; position: relative; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; border-radius: 8px; }
.message:after, .message:before { content: ""; width: 20px; height: 4px; background: black; position: absolute; top: 14px; right: 4px; }
.message:after { transform: rotate(45deg); }
.message:before { transform: rotate(-45deg); }
.message:hover { transform: translate(0, -2px); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
.message.hidden { display: none; }
.message.error { background: #fef9f9; border: 3px solid #b51010; }
.message.error:after, .message.error:before { background: white; }
.message.success { background: #cffaac; border: 3px solid #356d07; }
.message.success:after, .message.success:before { background: black; }
.message.warn { background: white; border: 3px solid #FFA41C; }
.message.warn:after, .message.warn:before { background: black; }
@media (max-width: 768px) { .message { max-width: 300px; } }

.slider_home ul li { list-style: none; }
.slider_home ul li a { padding: 20px 10px; display: block; line-height: 0; }
.slider_home ul li a img { width: 100%; height: auto; }

@media (max-width: 768px) { .slider_home ul li a { padding: 15px 0; } }
.catalogo { display: block; }

.user_details { margin: 10px 0; background: white; border-radius: 8px; border: 1px solid #fafafa; overflow: hidden; }
.user_details:first-child { margin-top: 0; }
.user_details h4 { margin: 0; font-size: 22px; background: #f2f2f2; padding: 10px; text-align: center; border-bottom: 2px solid #fafafa; }
.user_details p { padding: 10px; margin: 0; font-weight: bold; }
.user_details ul { padding: 10px; font-size: 12px; list-style: none; }
.user_details ul li { line-height: 2; }
.user_details .title { margin: 0; background: #f2f2f2; padding: 10px; border-bottom: 2px solid #fafafa; display: flex; flex-direction: row; align-items: center; }
.user_details .title .img_title { padding: 6px; }
.user_details .title .img_title img { width: 52px; height: auto; }
.user_details .title .txt_title { width: 100%; padding: 6px; font-size: 22px; text-align: center; font-weight: bold; }
.user_details.categorias ul.cats_products { padding: 0; }
.user_details.categorias ul.cats_products li a { width: 100%; padding: 6px 12px; color: black; font-size: 14px; text-decoration: none; display: block; border-bottom: 1px solid rgba(250, 250, 250, 0.7); transition: all 0.3s ease-in-out; }
.user_details.categorias ul.cats_products li a:hover { color: black; background: rgba(250, 250, 250, 0.5); }
.user_details.categorias ul.cats_products li:last-child a { border-bottom: none; }
.user_details.expend ul, .user_details.points ul { padding: 0; }
.user_details.expend ul li, .user_details.points ul li { padding: 10px; line-height: 1.3; border-bottom: 1px solid white; color: #262626; }
.user_details.expend ul li small, .user_details.points ul li small { color: #b51010; }
.user_details.expend ul li strong, .user_details.points ul li strong { color: #080808; }
.user_details.expend ul li:nth-child(odd), .user_details.points ul li:nth-child(odd) { background: rgba(250, 250, 250, 0.5); }
.user_details.expend ul li:last-child, .user_details.points ul li:last-child { border-bottom: none; }
.user_details.expend p { text-align: center; font-weight: normal; }
.user_details.expend p span { display: block; font-weight: bold; }

.loyaltyproducts ul.products { list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; }
.loyaltyproducts ul.products li { width: 25%; padding: 15px; }

.product_card { height: 100%; border: 3px solid #fafafa; display: flex; flex-direction: column; border-radius: 10px; overflow: hidden; }
.product_card .product_image { position: relative; overflow: hidden; line-height: 0; border-radius: 3px; overflow: hidden; }
.product_card .product_image a { min-height: 150px; display: block; line-height: 0; background: white; overflow: hidden; transition: all 0.3s ease-in-out; }
.product_card .product_image img { width: 100%; }
.product_card .product_details { position: relative; padding: 15px 15px 30px 15px; background: #fafafa; display: flex; flex-direction: column; flex: 2; justify-content: space-between; }
.product_card .product_details .product_cost { margin-bottom: 8px; color: #00305b; font-size: 14px; line-height: 1; font-weight: bold; }
.product_card .product_details .product_name { margin-bottom: 20px; flex: 2; }
.product_card .product_details .product_name h3 { font-size: 15px; font-weight: 400; color: black; }
.product_card .product_details .product_name p { color: black; line-height: 1.3; }
.product_card .product_details .product_actions { width: 100%; text-align: center; }
.product_card .product_details .product_actions .btn.btn_redeem { width: auto; padding: 8px 20px; font-size: 16px; color: black; background: #ffdd00; border: 1px solid #ccb100; border-radius: 30px; }

.paginator { padding: 0 0 100px 0; }
.paginator ul.pagination { margin: 50px auto 30px; display: table; border: 1px solid #fafafa; line-height: 0; border-radius: 8px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
.paginator ul.pagination li { display: inline-block; }
.paginator ul.pagination li a { font-size: 13px; padding: 12px; line-height: 1; border: none; background: none; }
.paginator ul.pagination li a:hover, .paginator ul.pagination li a:focus { background: white; color: black; }
.paginator ul.pagination li.first a:after, .paginator ul.pagination li.prev a:after, .paginator ul.pagination li.next a:after, .paginator ul.pagination li.last a:after { content: ""; width: 1px; height: 28px; display: block; background: #fafafa; position: absolute; right: 0px; top: 50%; transform: translate(0, -50%); z-index: 1; }
.paginator ul.pagination li.next a:after, .paginator ul.pagination li.last a:after { right: inherit; left: 0px; }
.paginator ul.pagination li.first a, .paginator ul.pagination li.prev.disabled a { border-radius: 7px 0 0 7px; }
.paginator ul.pagination li.last a, .paginator ul.pagination li.next.disabled a { border-radius: 0 7px 7px 0; }
.paginator ul.pagination li.active a { padding: 12px; color: black; background: none; outline: 1px solid #0f1111; }
.paginator p { font-size: 12px; color: #666666; text-align: center; }

@media (max-width: 768px) { .catalogo { display: flex; flex-direction: column; }
  .catalogo .user_side { order: 2; }
  .loyaltyproducts ul.products li { width: 50%; margin: 0; }
  .paginator ul.pagination { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
  .paginator ul.pagination li { display: flex; text-align: center; }
  .paginator ul.pagination li.first, .paginator ul.pagination li.prev, .paginator ul.pagination li.next, .paginator ul.pagination li.last { width: 100%; }
  .paginator ul.pagination li.first a, .paginator ul.pagination li.prev a, .paginator ul.pagination li.next a, .paginator ul.pagination li.last a { width: 100%; display: block; }
  .paginator ul.pagination li.first a:after, .paginator ul.pagination li.prev a:after, .paginator ul.pagination li.next a:after, .paginator ul.pagination li.last a:after { display: none; } }
.producto { display: block; }

.loyalty_product { padding-top: 10px; margin-bottom: 60px; }
.loyalty_product .product_card { background: none; }
.loyalty_product .product_card:hover { transform: none; }
.loyalty_product .form_product { margin: 0 auto; float: none; }
.loyalty_product .product_name { margin: 0 0 8px 0; display: block; line-height: 1; }
.loyalty_product .product_cost { margin: 0 0 40px; display: inline-block; font-size: 18px; color: #00305b; }
.loyalty_product .myButton { margin: 0; }
.loyalty_product .conditions { padding-top: 30px; font-weight: normal; font-size: 11px; line-height: 1.4; }

@media (max-width: 768px) { h1.tit_producto { display: none; }
  .producto { display: flex; flex-direction: column; }
  .producto .user_side { margin-top: 30px; order: 2; }
  .loyalty_product { margin-bottom: 0; }
  .loyalty_product .product_card { border: none; box-shadow: none; }
  .loyalty_product .product_card .product_name { padding-left: 0; }
  .loyalty_product .product_card .product_image { margin: 0 60px; } }
form fieldset { border: none; }
form fieldset legend { display: none; }
form input, form button, form select { width: 100%; padding: 12px 26px; background: #fafafa; font-size: 18px; color: #2e2e2e; text-decoration: none; border: 1px solid transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 30px; transition: all 0.3s ease-in-out; border: 1px solid rgba(0, 48, 91, 0.4); }
form input:hover, form input:active, form button:hover, form button:active, form select:hover, form select:active { background: white; }
form input:disabled, form input:disabled:hover, form button:disabled, form button:disabled:hover, form select:disabled, form select:disabled:hover { cursor: inherit; color: white; background: white; }
form input[type="checkbox"], form input[type="radio"], form button[type="checkbox"], form button[type="radio"], form select[type="checkbox"], form select[type="radio"] { width: auto; display: inline-block; margin: 0 10px 10px 0; }
form input[type="checkbox"], form button[type="checkbox"], form select[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
form input[type="radio"], form button[type="radio"], form select[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }
form input::-webkit-input-placeholder, form button::-webkit-input-placeholder, form select::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.4); }
form input:-moz-placeholder, form button:-moz-placeholder, form select:-moz-placeholder { color: rgba(0, 0, 0, 0.4); }
form input::-moz-placeholder, form button::-moz-placeholder, form select::-moz-placeholder { color: rgba(0, 0, 0, 0.4); }
form input:-ms-input-placeholder, form button:-ms-input-placeholder, form select:-ms-input-placeholder { color: rgba(0, 0, 0, 0.4); }
form input.error, form button.error, form select.error { border: 1px solid #b51010; }
form input.valid, form button.valid, form select.valid { border: 1px solid #356d07; }
form input[type="button"], form input[type="submit"], form button { width: auto; margin: 0 auto; padding: 12px 46px; background: #00305b; border: 1px solid #00284c; color: white; font-weight: bold; cursor: pointer; display: table; box-shadow: 0 2px 5px 0 rgba(213, 217, 217, 0.5); }
form input[type="button"]:hover, form input[type="button"]:active, form input[type="submit"]:hover, form input[type="submit"]:active, form button:hover, form button:active { background: #002342; }
form input[type="button"]:disabled, form input[type="button"]:disabled:hover, form input[type="submit"]:disabled, form input[type="submit"]:disabled:hover, form button:disabled, form button:disabled:hover { cursor: inherit; color: #cccccc; background: #f6f6f6; border: 1px solid #cccccc; }
form select { padding-right: 44px; cursor: pointer; background: #fafafa url(../img/arrow-down.png) no-repeat; background-position: 99% 0; }
form select:hover, form select:active, form select:focus { background: white url(../img/arrow-down.png) no-repeat; background-position: 99% center; }
form label { display: block; cursor: pointer; position: relative; }
form label[for="fecha-de-nacimiento"] { margin: 0 0 4px 22px; }
form label.error { width: auto; padding: 3px 5px; margin: 0 0 2px 0; background: #b51010; color: white; font-size: 11px; font-weight: bold; float: left; border-radius: 6px; position: relative; }
form label.error:after { content: ""; border-style: solid; border-color: transparent; border-width: 5px; border-top-color: #b51010; position: absolute; top: 100%; left: 20px; }
form label.error[id*="fechanacido"]:after { border-top-color: transparent; border-left-color: #f6f6f6; top: 50%; left: 100%; }
form label label.error { padding: 3px 5px 1px; position: absolute; bottom: calc(100% - 8px); left: 0; }
form label label.error#tos-error { padding: 12px 22px; font-size: 16px; }
form .input { width: 100%; position: relative; margin: 0 0 16px 0; }
form .input label { display: none; }
form .input .terminos_condiciones, form .input .beneficio_extralegal { width: 100%; padding: 10px 0; display: table; font-size: 13px; line-height: 1.3; }
form .input .terminos_condiciones input, form .input .beneficio_extralegal input { float: left; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
form .input .terminos_condiciones a, form .input .beneficio_extralegal a { display: inline; color: #00305b; font-weight: bold; }
form .input .terminos_condiciones a:hover, form .input .beneficio_extralegal a:hover { color: #001528; }
form .input.date { display: flex; flex-direction: row; justify-content: space-between; }
form .input.date select { width: auto; margin: 0; }

button, .button { width: 100%; padding: 12px 26px; background: #ffdd00; font-size: 18px; color: black; text-decoration: none; border: 1px solid transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 30px; transition: all 0.3s ease-in-out; width: auto; margin: 0 auto; padding: 12px 46px; background: #f6f6f6; border: 1px solid #eeeeee; color: white; font-weight: bold; cursor: pointer; display: table; box-shadow: 0 2px 5px 0 rgba(213, 217, 217, 0.5); }
button:hover, button:active, .button:hover, .button:active { background: #ffe01a; }
button:disabled, button:disabled:hover, .button:disabled, .button:disabled:hover { cursor: inherit; color: #fff199; background: white; }
button:hover, button:active, .button:hover, .button:active { background: #e9e9e9; }
button:disabled, button:disabled:hover, .button:disabled, .button:disabled:hover { cursor: inherit; color: #cccccc; background: #f6f6f6; border: 1px solid #cccccc; }
button.button_cancel, .button.button_cancel { width: auto; margin: 0 auto; padding: 12px 46px; background: white; border: 1px solid #fff0f0; color: white; font-weight: bold; cursor: pointer; display: table; box-shadow: 0 2px 5px 0 rgba(213, 217, 217, 0.5); }
button.button_cancel:hover, button.button_cancel:active, .button.button_cancel:hover, .button.button_cancel:active { background: #ffe6e6; }
button.button_cancel:disabled, button.button_cancel:disabled:hover, .button.button_cancel:disabled, .button.button_cancel:disabled:hover { cursor: inherit; color: #cccccc; background: #f6f6f6; border: 1px solid #cccccc; }
button.button_process, .button.button_process { width: auto; margin: 0 auto; padding: 12px 46px; background: #f6f6f6; border: 1px solid #eeeeee; color: white; font-weight: bold; cursor: pointer; display: table; box-shadow: 0 2px 5px 0 rgba(213, 217, 217, 0.5); color: black; }
button.button_process:hover, button.button_process:active, .button.button_process:hover, .button.button_process:active { background: #e9e9e9; }
button.button_process:disabled, button.button_process:disabled:hover, .button.button_process:disabled, .button.button_process:disabled:hover { cursor: inherit; color: #cccccc; background: #f6f6f6; border: 1px solid #cccccc; }

.loyaltyusers { width: 100%; margin: 50px auto; max-width: 500px; padding: 50px; display: table; background: white; border-radius: 12px; border: 2px solid #00305b; box-shadow: rgba(0, 0, 0, 0.04) 0 0 8px; }
.loyaltyusers h2 { font-size: 32px; color: #666666; display: block; text-align: center; margin: 0 0 46px; }
.loyaltyusers h5 { margin: 0 0 30px; }
.loyaltyusers a { width: 100%; display: block; padding: 18px 0 0 0; text-decoration: none; color: #010101; font-size: 14px; }
.loyaltyusers a:hover { text-decoration: underline; }
.loyaltyusers button, .loyaltyusers input[type="submit"] { margin-top: 20px; }
.loyaltyusers.admin_edit label { padding: 0 0 2px 20px; display: block; font-size: 13px; font-weight: bold; }

#search_form { width: 100%; display: table; margin: 0 0 15px 0; }
#search_form .input { margin: 0; }
#search_form input, #search_form input[type="button"], #search_form input[type="submit"], #search_form button { width: 100%; padding: 12px; margin: 0; }
#search_form .clean-filters p { margin-bottom: 15px; }
#search_form a { color: #999999; font-size: 14px; }
#search_form a:hover, #search_form a:active { color: #666666; }

@media (max-width: 768px) { form select { padding: 12px 36px 12px 12px; }
  .loyaltyusers { padding: 50px 20px; max-width: 100%; margin: 0; box-shadow: none; border-radius: 0; }
  #search_form .col { margin-bottom: 15px; } }
table.table thead.thead-dark { background: #333333; }
table.table thead.thead-dark * { color: white; }
table.table thead th { padding: 0; }
table.table thead th a { padding: 8px; display: block; }
table.table thead a { text-decoration: none; }
table.table thead a:hover { text-decoration: underline; }
table.table tbody tr.reedem td { color: #b51010; background: rgba(181, 16, 16, 0.02); border-top: 1px solid rgba(181, 16, 16, 0.1); }
table.table tbody tr.amount td { color: #356d07; background: rgba(53, 109, 7, 0.02); border-top: 1px solid rgba(53, 109, 7, 0.2); }
table.table tbody a { color: #666666; text-decoration: none; font-weight: bold; }
table.table tbody a:hover { text-decoration: underline; }

.loyaltyusers_admin * { font-size: 14px; }
.loyaltyusers_admin table thead a { text-decoration: none; }
.loyaltyusers_admin table thead a:hover { text-decoration: underline; }
.loyaltyusers_admin .btn { margin: 3px; padding: 2px 4px; text-align: center; color: black; }
.loyaltyusers_admin .btn:hover, .loyaltyusers_admin .btn:active { text-decoration: none; }
.loyaltyusers_admin .btn.btn_view, .loyaltyusers_admin .btn.btn_edit { width: 100%; }
.loyaltyusers_admin .btn.btn_edit:hover, .loyaltyusers_admin .btn.btn_edit:active { color: black; }

.card_alert { width: 100%; max-width: 800px; padding: 100px 30px; display: table; margin: 50px auto; position: relative; background: white; background-size: cover; text-align: center; background: white; border: 3px solid #CCC; }
.card_alert h2 { margin-bottom: 52px; color: black; }
.card_alert p { margin-bottom: 32px; font-size: 20px; color: black; line-height: 1.2; }
.card_alert a { text-decoration: none; font-weight: bold; color: black; }

.modal#filters { background: rgba(0, 0, 0, 0.5); }

.modal-dialog { margin: 0 !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; }
.modal-dialog .modal-content .modal-header { position: relative; }
.modal-dialog .modal-content .modal-header .close { margin: 12px; padding: 2px 8px; position: absolute; top: 0; right: 0; border-radius: 0; }
.modal-dialog .modal-content .modal-body select { margin-bottom: 16px; }
.modal-dialog .modal-content .modal-footer .btn-secondary { background: #b3b3b3; }

.f_text { max-width: 900px; }
.f_text p { color: gray; }
.f_text strong { display: block; color: black; }

#clickme { width: 100%; margin: 10px 0 0 0; text-align: center; text-decoration: underline; cursor: pointer; }

.full_view { width: 100%; height: 100vh; display: none; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 10; }
.full_view.show_div { display: block; }
.full_view .content_full_view { padding: 50px 18px 10px 18px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.full_view .content_full_view #btn_close { padding: 6px 10px; background: rgba(0, 0, 0, 0.1); line-height: 1; position: absolute; top: 20px; right: 20px; font-size: 18px; font-weight: bold; border-radius: 30px; cursor: pointer; }
.full_view .content_full_view p { font-size: 14px; line-height: 1.2; }