/*
 * jsGrid v1.5.3 (http://js-grid.com)
 * (c) 2016 Artem Tabalin
 * Licensed under MIT (https://github.com/tabalinas/jsgrid/blob/master/LICENSE)
 */
@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:url(/Templates/Beta/stylesheets/fonts/OpenSans-Regular-c1fd258938e9e3ad4135f77c3f35f13d.woff2) format("woff2"),url(/Templates/Beta/stylesheets/fonts/OpenSans-Regular-d19611ee2826b63a47844503f8234fef.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:500;src:url(/Templates/Beta/stylesheets/fonts/OpenSans-SemiBold-fbb2b33571129ff9635919341167279c.woff2) format("woff2"),url(/Templates/Beta/stylesheets/fonts/OpenSans-SemiBold-fa81d8652bfc4d15f25c22cfebf6c053.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/Templates/Beta/stylesheets/fonts/OpenSans-Bold-53331fef4d9b4c95bc3eba62b68d16e7.woff2) format("woff2"),url(/Templates/Beta/stylesheets/fonts/OpenSans-Bold-bde040cce94b1c1170b55294639e6d65.woff) format("woff")}
.glitch b{
    font-weight:bold;
}
.jsgrid{position:relative;font-size:1em}
.jsgrid,.jsgrid *,.jsgrid :after,.jsgrid :before{box-sizing:border-box}
.jsgrid input,.jsgrid select,.jsgrid textarea{font-size:1em}
.jsgrid-grid-header{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.jsgrid{-webkit-overflow-scrolling:touch}
.jsgrid-table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}
.jsgrid-cell{padding:.5em}.jsgrid-header-cell,.jsgrid-сell{box-sizing:border-box}
.jsgrid-align-left{text-align:left}
.jsgrid-align-center,.jsgrid-align-center input,.jsgrid-align-center select,.jsgrid-align-center textarea{text-align:center}
.jsgrid-align-right,.jsgrid-align-right input,.jsgrid-align-right select,.jsgrid-align-right textarea{text-align:right}
.jsgrid-header-cell{padding:.5em}
.jsgrid-edit-row input,.jsgrid-edit-row select,.jsgrid-edit-row textarea,.jsgrid-filter-row input,.jsgrid-filter-row select,.jsgrid-filter-row textarea,.jsgrid-insert-row input,.jsgrid-insert-row select,.jsgrid-insert-row textarea{width:100%;padding:.3em .5em}
.jsgrid-edit-row input[type=checkbox],.jsgrid-filter-row input[type=checkbox],.jsgrid-insert-row input[type=checkbox]{width:auto}.jsgrid-selected-row .jsgrid-cell{cursor:pointer}
.jsgrid-nodata-row .jsgrid-cell{padding:.5em 0;text-align:center}
.jsgrid-header-sort{cursor:pointer}.jsgrid-pager{padding:.5em 0}
.jsgrid-pager-nav-button{padding:.2em .6em}
.jsgrid-pager-nav-inactive-button{display:none;pointer-events:none}
.jsgrid-pager-page{padding:.2em .6em}

/*
 * jsGrid v1.5.3 (http://js-grid.com)
 * (c) 2016 Artem Tabalin
 * Licensed under MIT (https://github.com/tabalinas/jsgrid/blob/master/LICENSE)
 */

.jsgrid-edit-row>.jsgrid-cell,.jsgrid-filter-row>.jsgrid-cell,.jsgrid-header-row>.jsgrid-header-cell,.jsgrid-insert-row>.jsgrid-cell{border:1px solid #ddd}
.jsgrid-header-row>.jsgrid-header-cell{border-top:0}
.jsgrid-filter-row>.jsgrid-cell,.jsgrid-header-row>.jsgrid-header-cell,.jsgrid-insert-row>.jsgrid-cell{border-bottom:0}
.jsgrid-filter-row>.jsgrid-cell:first-child,.jsgrid-header-row>.jsgrid-header-cell:first-child,.jsgrid-insert-row>.jsgrid-cell:first-child{border-left:none}
.jsgrid-filter-row>.jsgrid-cell:last-child,.jsgrid-header-row>.jsgrid-header-cell:last-child,.jsgrid-insert-row>.jsgrid-cell:last-child{border-right:none}
.jsgrid-header-row .jsgrid-align-right{
    text-align:right
}
.jsgrid-header-row .jsgrid-align-left{
    text-align:left;
}
.jsgrid-grid-header{background:#f9f9f9}
.jsgrid-header-scrollbar{scrollbar-arrow-color:#f1f1f1;scrollbar-base-color:#f1f1f1;scrollbar-3dlight-color:#f1f1f1;scrollbar-highlight-color:#f1f1f1;scrollbar-track-color:#f1f1f1;scrollbar-shadow-color:#f1f1f1;scrollbar-dark-shadow-color:#f1f1f1}
.jsgrid-header-scrollbar::-webkit-scrollbar{visibility:hidden}
.jsgrid-header-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}
.jsgrid-header-sortable:hover{cursor:pointer;background:#fcfcfc}
.jsgrid-header-row .jsgrid-header-sort{background:#c4e2ff}
.jsgrid-header-sort:before{content:" ";display:block;float:left;width:0;height:0;border-style:solid}
.jsgrid-header-sort-asc:before{border-width:0 5px 5px;border-color:transparent transparent #009a67}
.jsgrid-header-sort-desc:before{border-width:5px 5px 0;border-color:#009a67 transparent transparent}
.jsgrid-grid-body{border-top:none}.jsgrid-cell{border:1px solid #ddd}
.jsgrid-grid-body .jsgrid-alt-row:first-child .jsgrid-cell,.jsgrid-grid-body .jsgrid-row:first-child .jsgrid-cell{border-top:none}
.jsgrid-grid-body .jsgrid-cell:first-child{border-left:none}
.jsgrid-grid-body .jsgrid-cell:last-child{border-right:none}
.jsgrid-row>.jsgrid-cell{background:#fff}
.jsgrid-alt-row>.jsgrid-cell{background:#fcfcfc}
.jsgrid-header-row>.jsgrid-header-cell{background:#f9f9f9}
.jsgrid-filter-row>.jsgrid-cell{background:#fcfcfc}
.jsgrid-insert-row>.jsgrid-cell{background:#e3ffe5}
.jsgrid-edit-row>.jsgrid-cell{background:#fdffe3}
.jsgrid-selected-row>.jsgrid-cell{background:#c4e2ff;border-color:#c4e2ff}
.jsgrid-nodata-row>.jsgrid-cell{background:#fff}
.jsgrid-invalid input,.jsgrid-invalid select,.jsgrid-invalid textarea{background:#ffe3e5;border:1px solid #ff808a}
.jsgrid-pager-current-page{font-weight:700}.jsgrid-pager-nav-inactive-button a{color:#d3d3d3}
.jsgrid-button+.jsgrid-button{margin-left:5px}.jsgrid-button:hover{opacity:.5;transition:opacity 200ms linear}
.jsgrid .jsgrid-button{width:16px;height:16px;border:none;cursor:pointer;background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-color:transparent}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.jsgrid .jsgrid-button{background-image:url(data:image/png;base64,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);background-size:24px 352px}}.jsgrid .jsgrid-mode-button{width:24px;height:24px}.jsgrid-mode-on-button{opacity:.5}.jsgrid-cancel-edit-button{background-position:0 0;width:16px;height:16px}.jsgrid-clear-filter-button{background-position:0 -40px;width:16px;height:16px}.jsgrid-delete-button{background-position:0 -80px;width:16px;height:16px}.jsgrid-edit-button{background-position:0 -120px;width:16px;height:16px}.jsgrid-insert-mode-button{background-position:0 -160px;width:24px;height:24px}.jsgrid-insert-button{background-position:0 -208px;width:16px;height:16px}.jsgrid-search-mode-button{background-position:0 -248px;width:24px;height:24px}.jsgrid-search-button{background-position:0 -296px;width:16px;height:16px}.jsgrid-update-button{background-position:0 -336px;width:16px;height:16px}.jsgrid-load-shader{background:#ddd;opacity:.5;filter:alpha(opacity=50)}.jsgrid-load-panel{width:15em;height:5em;background:#fff;border:1px solid #ddd;padding-top:3em;text-align:center}.jsgrid-load-panel:before{content:' ';position:absolute;top:.5em;left:50%;margin-left:-1em;width:2em;height:2em;border:2px solid #009a67;border-right-color:transparent;border-radius:50%;-webkit-animation:indicator 1s linear infinite;animation:indicator 1s linear infinite}@-webkit-keyframes indicator{from{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}to{-webkit-transform:rotate(360deg)}}@keyframes indicator{from{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}
.jsgrid-grid-header {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.jsgrid-grid-header .table{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.jsgrid .jsgrid-pager {
    float:left;
}
.jsgrid  .jsgird-number-items-to-show{
    float:right;
    padding: .5em 0;
}

.jsgrid  .jsgird-number-items-to-show select{
    border: 1px solid #ccc;
    text-align: left;
    padding: .0em .2em;
    height: 31px;
}

.jsgrid .table{
    margin-bottom: 0px !important ;
}

 .jsgrid .table th {
    padding: 0.8rem;
    vertical-align: middle;
    position:relative;
}

.jsgrid .table .jsgrid-filter-row td{
    padding: 0.6rem;
    vertical-align: middle;
}

.jsgrid .table td {
    padding: 0.2rem 0.6rem;
    vertical-align: middle;
}

#readerBarCode .jsgrid .table td {
    overflow: auto;
}

.jsgrid {
    font-size: 0.8rem;
    line-height: 1.1rem;
}

.jsgrid input, .jsgrid select{
    text-align: left;
    padding: .0em .2em;
    height: 26px;
}

.jsgrid-search-mode-button{
    display:none;
}

.jsgrid .badge{
    font-size:0.7rem;
    padding: 0.3rem 0.5rem;
}

.jsgrid-header-sortable:not(.jsgrid-header-sort-asc):not(.jsgrid-header-sort-desc)::after {
    content: " ";
    display: block;
    position:absolute;
    left:10px;
    top:32px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0px 5px;
    border-color: #009a67 transparent transparent;
}

.jsgrid-header-sortable:not(.jsgrid-header-sort-asc):not(.jsgrid-header-sort-desc)::before {
    content: " ";
    display: block;
    position:absolute;
    left:10px;
    top:22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px;
    border-color: transparent transparent #009a67;
}

.jsgrid .table th.jsgrid-header-sortable{
    padding-left:1.8rem;
    height: 4rem;
}

.jsgrid-header-sortable.jsgrid-header-sort-asc:not(.jsgrid-header-sort-desc)::before {
    content: " ";
    display: block;
    position:absolute;
    left:10px;
    top:22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px;
    border-color: transparent transparent red;
}

.jsgrid-header-sortable.jsgrid-header-sort-asc:not(.jsgrid-header-sort-desc)::after {
    content: " ";
    display: block;
    position:absolute;
    left:10px;
    top:32px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0px 5px;
    border-color: #009a67 transparent transparent;
}

.jsgrid-header-sortable.jsgrid-header-sort-desc:not(.jsgrid-header-sort-asc)::before {
    content: " ";
    display: block;
    position:absolute;
    left:10px;
    top:32px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0px 5px;
    border-color: red transparent transparent;
}

.jsgrid-header-sortable.jsgrid-header-sort-desc:not(.jsgrid-header-sort-asc)::after{
    content: " ";
    display: block;
    position:absolute;
    left:10px;
    top:22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px;
    border-color: transparent transparent #009a67;
}

#fixMobileJsGrid{
    position:relative;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    overflow-x: auto;
    min-height: 420px;
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}

.jsgrid-pager
.jsgird-number-items-to-show{
    width:50%;
}

@media (max-width:766px) {
    .jsgrid-pager,
    .jsgird-number-items-to-show{
        width: 100%;
        float:none;
        text-align: center;
    }
}


.jsgrid .ms-options-wrap{
    position: initial !important;
}
   


.oneline-jsgrid-fix .jsgrid-header-sortable:not(.jsgrid-header-sort-asc):not(.jsgrid-header-sort-desc)::after {
    top:22px !important;
}

.oneline-jsgrid-fix .jsgrid-header-sortable:not(.jsgrid-header-sort-asc):not(.jsgrid-header-sort-desc)::before{
    top:12px !important;
}

    
.oneline-jsgrid-fix .jsgrid-header-sortable.jsgrid-header-sort-asc:not(.jsgrid-header-sort-desc)::before {
    top:12px !important;
}
.oneline-jsgrid-fix .jsgrid-header-sortable.jsgrid-header-sort-asc:not(.jsgrid-header-sort-desc)::after {
    top:22px !important;
}

.oneline-jsgrid-fix .jsgrid-header-sortable.jsgrid-header-sort-desc:not(.jsgrid-header-sort-asc)::before {
    top:22px !important;
}

.oneline-jsgrid-fix .jsgrid-header-sortable.jsgrid-header-sort-desc:not(.jsgrid-header-sort-asc)::after{
    top :12px !important;
}


.jsgrid .jsgrid-filter-row td{
    vertical-align: top;
}
 
.jsgrid .jsgrid-filter-row .form-control {
    border: 1px solid #ccc;
}

.jsgrid .jsgrid-filter-row .form-control + .form-control{
    margin-top: 5px;
}


.jsgrid-search-button{
    
}

.jsgrid .jsgrid-control-field .btn + .btn{  
    margin-top: 5px;
}

.jsgrid .jsgrid-filter-row .btn + .btn{  
    margin-top: 5px;
}


.jsgrid .btn{
    width:100%;
}


.jsgrid-grid-header:after{
    content: "";
    display: table;
    clear: both;
}


#reportsgrid .jsgrid-grid-body .jsgrid-table{
    min-width: 1105px;
}

#companygrid .jsgrid-grid-body   .jsgrid-table{
    min-width: 1065px;
}

#employeegrid .jsgrid-grid-body   .jsgrid-table{
    min-width: 1100px;
}

#reportsStatisticGrid .jsgrid-grid-body   .jsgrid-table{
    min-width: 600px;
}

#reportsStatisticViewGrid .jsgrid-grid-body   .jsgrid-table{
    min-width: 650px;
}

/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
  background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.ms-options-wrap{
    position:relative;
}
.ms-options-wrap,
.ms-options-wrap * {
    box-sizing: border-box;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
    position: relative;
    width: 100%;
    text-align: left;
    background-color: #f5f8f9;
    margin-top: 1px;
    color: #aaa;
    outline-offset: -2px;
    white-space: nowrap;
    border: 1px solid #ccc;
    text-align: left;
    padding: .0em 20px .0em .2em;
    height: 26px;
    outline: none;
}

.ms-options-wrap > button > span {
    display: inline-block;
}

.ms-options-wrap > button[disabled] {
    background-color: #e5e9ed;
    color: #808080;
    opacity: 0.6;
}

.ms-options-wrap > button:after {
    content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #999;
    margin-top: -3px;
}

.ms-options-wrap.ms-has-selections > button {
    color: #333;
}

.ms-options-wrap > .ms-options {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 1px;
    margin-bottom: 20px;
    background: white;
    z-index: 2000;
    border: 1px solid #aaa;
    overflow: auto;
    visibility: hidden;
}

.ms-options-wrap.ms-active > .ms-options {
    visibility: visible
}

.ms-options-wrap > .ms-options > .ms-search input {
    width: 100%;
    padding: 4px 5px;
    border: none;
    border-bottom: 1px groove;
    outline: none;
}

.ms-options-wrap > .ms-options .ms-selectall {
    display: inline-block;
    font-size: .9em;
    text-transform: lowercase;
    text-decoration: none;
}
.ms-options-wrap > .ms-options .ms-selectall:hover {
    text-decoration: underline;
}

.ms-options-wrap > .ms-options > .ms-selectall.global {
    margin: 4px 5px;
}

.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ms-options-wrap > .ms-options > ul li.ms-hidden {
    display: none;
}

.ms-options-wrap > .ms-options > ul > li.optgroup {
    padding: 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
    border-top: 1px solid #aaa;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
    display: block;
    padding: 5px 0 0 0;
    font-weight: bold;
}

.ms-options-wrap > .ms-options > ul label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 4px 4px 4px 20px;
    margin: 1px 0;
    border: 1px dotted transparent;
    text-align: left;
}
.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
    padding: 4px;
}

.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
    background-color: #efefef;
    border-color: #999;
}

.ms-options-wrap > .ms-options > ul li.selected label {
    background-color: #efefef;
    border-color: transparent;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    margin: 0 0px 0 0;
    position: absolute;
    left: 4px;
    top: 0px;
}

.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.fa-fw,
.fa-li,
.wi-fw {
    text-align: center
}

.flag-icon,
.flag-icon-background {
    background-position: 50%;
    background-repeat: no-repeat
}

pre,
textarea {
    overflow: auto
}

.fa-stack,
.flag-icon,
.mdi-set,
.mdi:before,
.wi,
label,
output {
    display: inline-block
}

.dropdown-menu,
.nav,
.navbar-nav {
    list-style: none
}


img,
svg {
    vertical-align: middle
}



.search-box .app-search .form-control,
.topbar .mega-dropdown .dropdown-menu,
button {
    border-radius: 0
}


dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin-top: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    margin: 0
}

address,
dl,
ol,
p,
pre,
ul {
    margin-bottom: 1rem
}

dd,
h1,
h2,
h3,
h4,
h5,
h6,
label {
    margin-bottom: .5rem
}


@font-face {
    font-family: themify;
    src: url(icons/themify/themify.eot?-fvbane);
    src: url(icons/themify/themify.eot?#iefix-fvbane) format('embedded-opentype'),url(icons/themify/themify.woff) format('woff'),url(icons/themify/themify.ttf) format('truetype'), url(icons/themify/themify.svg?-fvbane#themify) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" ti-"],
[class^=ti-] {
    font-family: themify;
    speak: none;
    font-variant: normal;
    text-transform: none;
        font-style:  normal;
    vertical-align: middle;    
}
.ti-big {
    font-size: 1.3rem;
    line-height: 1.3rem;
}
.ti-big:before{
    font-size: 1.3rem;
}
.navbar-header .ti-big {
    font-size: 1.8rem;
    line-height: 1.8rem;
}
.navbar-header .ti-big:before{
    font-size: 1.8rem;
    line-height: 1.8rem;
}
.ti-big2 {
    font-size: 1.1rem;
    line-height: 1.1rem;
}

.ti-big2:before{
    font-size: 1.1rem;
}

.ti-wand:before {
    content: "\e600"
}

.ti-volume:before {
    content: "\e601"
}

.ti-user:before {
    content: "\e602"
}

.ti-unlock:before {
    content: "\e603"
}

.ti-unlink:before {
    content: "\e604"
}

.ti-trash:before {
    content: "\e605"
}

.ti-thought:before {
    content: "\e606"
}

.ti-target:before {
    content: "\e607"
}

.ti-tag:before {
    content: "\e608"
}

.ti-tablet:before {
    content: "\e609"
}

.ti-star:before {
    content: "\e60a"
}

.ti-spray:before {
    content: "\e60b"
}

.ti-signal:before {
    content: "\e60c"
}

.ti-shopping-cart:before {
    content: "\e60d"
}

.ti-shopping-cart-full:before {
    content: "\e60e"
}

.ti-settings:before {
    content: "\e60f"
}

.ti-search:before {
    content: "\e610"
}

.ti-zoom-in:before {
    content: "\e611"
}

.ti-zoom-out:before {
    content: "\e612"
}

.ti-cut:before {
    content: "\e613"
}

.ti-ruler:before {
    content: "\e614"
}

.ti-ruler-pencil:before {
    content: "\e615"
}

.ti-ruler-alt:before {
    content: "\e616"
}

.ti-bookmark:before {
    content: "\e617"
}

.ti-bookmark-alt:before {
    content: "\e618"
}

.ti-reload:before {
    content: "\e619"
}

.ti-plus:before {
    content: "\e61a"
}

.ti-pin:before {
    content: "\e61b"
}

.ti-pencil:before {
    content: "\e61c"
}

.ti-pencil-alt:before {
    content: "\e61d"
}

.ti-paint-roller:before {
    content: "\e61e"
}

.ti-paint-bucket:before {
    content: "\e61f"
}

.ti-na:before {
    content: "\e620"
}

.ti-mobile:before {
    content: "\e621"
}

.ti-minus:before {
    content: "\e622"
}

.ti-medall:before {
    content: "\e623"
}

.ti-medall-alt:before {
    content: "\e624"
}

.ti-marker:before {
    content: "\e625"
}

.ti-marker-alt:before {
    content: "\e626"
}

.ti-arrow-up:before {
    content: "\e627"
}

.ti-arrow-right:before {
    content: "\e628"
}

.ti-arrow-left:before {
    content: "\e629"
}

.ti-arrow-down:before {
    content: "\e62a"
}

.ti-lock:before {
    content: "\e62b"
}

.ti-location-arrow:before {
    content: "\e62c"
}

.ti-link:before {
    content: "\e62d"
}

.ti-layout:before {
    content: "\e62e"
}

.ti-layers:before {
    content: "\e62f"
}

.ti-layers-alt:before {
    content: "\e630"
}

.ti-key:before {
    content: "\e631"
}

.ti-import:before {
    content: "\e632"
}

.ti-image:before {
    content: "\e633"
}

.ti-heart:before {
    content: "\e634"
}

.ti-heart-broken:before {
    content: "\e635"
}

.ti-hand-stop:before {
    content: "\e636"
}

.ti-hand-open:before {
    content: "\e637"
}

.ti-hand-drag:before {
    content: "\e638"
}

.ti-folder:before {
    content: "\e639"
}

.ti-flag:before {
    content: "\e63a"
}

.ti-flag-alt:before {
    content: "\e63b"
}

.ti-flag-alt-2:before {
    content: "\e63c"
}

.ti-eye:before {
    content: "\e63d"
}

.ti-export:before {
    content: "\e63e"
}

.ti-exchange-vertical:before {
    content: "\e63f"
}

.ti-desktop:before {
    content: "\e640"
}

.ti-cup:before {
    content: "\e641"
}

.ti-crown:before {
    content: "\e642"
}

.ti-comments:before {
    content: "\e643"
}

.ti-comment:before {
    content: "\e644"
}

.ti-comment-alt:before {
    content: "\e645"
}

.ti-close:before {
    content: "\e646"
}

.ti-clip:before {
    content: "\e647"
}

.ti-angle-up:before {
    content: "\e648"
}

.ti-angle-right:before {
    content: "\e649"
}

.ti-angle-left:before {
    content: "\e64a"
}

.ti-angle-down:before {
    content: "\e64b"
}

.ti-check:before {
    content: "\e64c"
}

.ti-check-box:before {
    content: "\e64d"
}

.ti-camera:before {
    content: "\e64e"
}

.ti-announcement:before {
    content: "\e64f"
}

.ti-brush:before {
    content: "\e650"
}

.ti-briefcase:before {
    content: "\e651"
}

.ti-bolt:before {
    content: "\e652"
}

.ti-bolt-alt:before {
    content: "\e653"
}

.ti-blackboard:before {
    content: "\e654"
}

.ti-bag:before {
    content: "\e655"
}

.ti-move:before {
    content: "\e656"
}

.ti-arrows-vertical:before {
    content: "\e657"
}

.ti-arrows-horizontal:before {
    content: "\e658"
}

.ti-fullscreen:before {
    content: "\e659"
}

.ti-arrow-top-right:before {
    content: "\e65a"
}

.ti-arrow-top-left:before {
    content: "\e65b"
}

.ti-arrow-circle-up:before {
    content: "\e65c"
}

.ti-arrow-circle-right:before {
    content: "\e65d"
}

.ti-arrow-circle-left:before {
    content: "\e65e"
}

.ti-arrow-circle-down:before {
    content: "\e65f"
}

.ti-angle-double-up:before {
    content: "\e660"
}

.ti-angle-double-right:before {
    content: "\e661"
}

.ti-angle-double-left:before {
    content: "\e662"
}

.ti-angle-double-down:before {
    content: "\e663"
}

.ti-zip:before {
    content: "\e664"
}

.ti-world:before {
    content: "\e665"
}

.ti-wheelchair:before {
    content: "\e666"
}

.ti-view-list:before {
    content: "\e667"
}

.ti-view-list-alt:before {
    content: "\e668"
}

.ti-view-grid:before {
    content: "\e669"
}

.ti-uppercase:before {
    content: "\e66a"
}

.ti-upload:before {
    content: "\e66b"
}

.ti-underline:before {
    content: "\e66c"
}

.ti-truck:before {
    content: "\e66d"
}

.ti-timer:before {
    content: "\e66e"
}

.ti-ticket:before {
    content: "\e66f"
}

.ti-thumb-up:before {
    content: "\e670"
}

.ti-thumb-down:before {
    content: "\e671"
}

.ti-text:before {
    content: "\e672"
}

.ti-stats-up:before {
    content: "\e673"
}

.ti-stats-down:before {
    content: "\e674"
}

.ti-split-v:before {
    content: "\e675"
}

.ti-split-h:before {
    content: "\e676"
}

.ti-smallcap:before {
    content: "\e677"
}

.ti-shine:before {
    content: "\e678"
}

.ti-shift-right:before {
    content: "\e679"
}

.ti-shift-left:before {
    content: "\e67a"
}

.ti-shield:before {
    content: "\e67b"
}

.ti-notepad:before {
    content: "\e67c"
}

.ti-server:before {
    content: "\e67d"
}

.ti-quote-right:before {
    content: "\e67e"
}

.ti-quote-left:before {
    content: "\e67f"
}

.ti-pulse:before {
    content: "\e680"
}

.ti-printer:before {
    content: "\e681"
}

.ti-power-off:before {
    content: "\e682"
}

.ti-plug:before {
    content: "\e683"
}

.ti-pie-chart:before {
    content: "\e684"
}

.ti-paragraph:before {
    content: "\e685"
}

.ti-panel:before {
    content: "\e686"
}

.ti-package:before {
    content: "\e687"
}

.ti-music:before {
    content: "\e688"
}

.ti-music-alt:before {
    content: "\e689"
}

.ti-mouse:before {
    content: "\e68a"
}

.ti-mouse-alt:before {
    content: "\e68b"
}

.ti-money:before {
    content: "\e68c"
}

.ti-microphone:before {
    content: "\e68d"
}

.ti-menu:before {
    content: "\e68e"
}

.ti-menu-alt:before {
    content: "\e68f"
}

.ti-map:before {
    content: "\e690"
}

.ti-map-alt:before {
    content: "\e691"
}

.ti-loop:before {
    content: "\e692"
}

.ti-location-pin:before {
    content: "\e693"
}

.ti-list:before {
    content: "\e694"
}

.ti-light-bulb:before {
    content: "\e695"
}

.ti-Italic:before {
    content: "\e696"
}

.ti-info:before {
    content: "\e697"
}

.ti-infinite:before {
    content: "\e698"
}

.ti-id-badge:before {
    content: "\e699"
}

.ti-hummer:before {
    content: "\e69a"
}

.ti-home:before {
    content: "\e69b"
}

.ti-help:before {
    content: "\e69c"
}

.ti-headphone:before {
    content: "\e69d"
}

.ti-harddrives:before {
    content: "\e69e"
}

.ti-harddrive:before {
    content: "\e69f"
}

.ti-gift:before {
    content: "\e6a0"
}

.ti-game:before {
    content: "\e6a1"
}

.ti-filter:before {
    content: "\e6a2"
}

.ti-files:before {
    content: "\e6a3"
}

.ti-file:before {
    content: "\e6a4"
}

.ti-eraser:before {
    content: "\e6a5"
}

.ti-envelope:before {
    content: "\e6a6"
}

.ti-download:before {
    content: "\e6a7"
}

.ti-direction:before {
    content: "\e6a8"
}

.ti-direction-alt:before {
    content: "\e6a9"
}

.ti-dashboard:before {
    content: "\e6aa"
}

.ti-control-stop:before {
    content: "\e6ab"
}

.ti-control-shuffle:before {
    content: "\e6ac"
}

.ti-control-play:before {
    content: "\e6ad"
}

.ti-control-pause:before {
    content: "\e6ae"
}

.ti-control-forward:before {
    content: "\e6af"
}

.ti-control-backward:before {
    content: "\e6b0"
}

.ti-cloud:before {
    content: "\e6b1"
}

.ti-cloud-up:before {
    content: "\e6b2"
}

.ti-cloud-down:before {
    content: "\e6b3"
}

.ti-clipboard:before {
    content: "\e6b4"
}

.ti-car:before {
    content: "\e6b5"
}

.ti-calendar:before {
    content: "\e6b6"
}

.ti-book:before {
    content: "\e6b7"
}

.ti-bell:before {
    content: "\e6b8"
}

.ti-basketball:before {
    content: "\e6b9"
}

.ti-bar-chart:before {
    content: "\e6ba"
}

.ti-bar-chart-alt:before {
    content: "\e6bb"
}

.ti-back-right:before {
    content: "\e6bc"
}

.ti-back-left:before {
    content: "\e6bd"
}

.ti-arrows-corner:before {
    content: "\e6be"
}

.ti-archive:before {
    content: "\e6bf"
}

.ti-anchor:before {
    content: "\e6c0"
}

.ti-align-right:before {
    content: "\e6c1"
}

.ti-align-left:before {
    content: "\e6c2"
}

.ti-align-justify:before {
    content: "\e6c3"
}

.ti-align-center:before {
    content: "\e6c4"
}

.ti-alert:before {
    content: "\e6c5"
}

.ti-alarm-clock:before {
    content: "\e6c6"
}

.ti-agenda:before {
    content: "\e6c7"
}

.ti-write:before {
    content: "\e6c8"
}

.ti-window:before {
    content: "\e6c9"
}

.ti-widgetized:before {
    content: "\e6ca"
}

.ti-widget:before {
    content: "\e6cb"
}

.ti-widget-alt:before {
    content: "\e6cc"
}

.ti-wallet:before {
    content: "\e6cd"
}

.ti-video-clapper:before {
    content: "\e6ce"
}

.ti-video-camera:before {
    content: "\e6cf"
}

.ti-vector:before {
    content: "\e6d0"
}

.ti-themify-logo:before {
    content: "\e6d1"
}

.ti-themify-favicon:before {
    content: "\e6d2"
}

.ti-themify-favicon-alt:before {
    content: "\e6d3"
}

.ti-support:before {
    content: "\e6d4"
}

.ti-stamp:before {
    content: "\e6d5"
}

.ti-split-v-alt:before {
    content: "\e6d6"
}

.ti-slice:before {
    content: "\e6d7"
}

.ti-shortcode:before {
    content: "\e6d8"
}

.ti-shift-right-alt:before {
    content: "\e6d9"
}

.ti-shift-left-alt:before {
    content: "\e6da"
}

.ti-ruler-alt-2:before {
    content: "\e6db"
}

.ti-receipt:before {
    content: "\e6dc"
}

.ti-pin2:before {
    content: "\e6dd"
}

.ti-pin-alt:before {
    content: "\e6de"
}

.ti-pencil-alt2:before {
    content: "\e6df"
}

.ti-palette:before {
    content: "\e6e0"
}

.ti-more:before {
    content: "\e6e1"
}

.ti-more-alt:before {
    content: "\e6e2"
}

.ti-microphone-alt:before {
    content: "\e6e3"
}

.ti-magnet:before {
    content: "\e6e4"
}

.ti-line-double:before {
    content: "\e6e5"
}

.ti-line-dotted:before {
    content: "\e6e6"
}

.ti-line-dashed:before {
    content: "\e6e7"
}

.ti-layout-width-full:before {
    content: "\e6e8"
}

.ti-layout-width-default:before {
    content: "\e6e9"
}

.ti-layout-width-default-alt:before {
    content: "\e6ea"
}

.ti-layout-tab:before {
    content: "\e6eb"
}

.ti-layout-tab-window:before {
    content: "\e6ec"
}

.ti-layout-tab-v:before {
    content: "\e6ed"
}

.ti-layout-tab-min:before {
    content: "\e6ee"
}

.ti-layout-slider:before {
    content: "\e6ef"
}

.ti-layout-slider-alt:before {
    content: "\e6f0"
}

.ti-layout-sidebar-right:before {
    content: "\e6f1"
}

.ti-layout-sidebar-none:before {
    content: "\e6f2"
}

.ti-layout-sidebar-left:before {
    content: "\e6f3"
}

.ti-layout-placeholder:before {
    content: "\e6f4"
}

.ti-layout-menu:before {
    content: "\e6f5"
}

.ti-layout-menu-v:before {
    content: "\e6f6"
}

.ti-layout-menu-separated:before {
    content: "\e6f7"
}

.ti-layout-menu-full:before {
    content: "\e6f8"
}

.ti-layout-media-right-alt:before {
    content: "\e6f9"
}

.ti-layout-media-right:before {
    content: "\e6fa"
}

.ti-layout-media-overlay:before {
    content: "\e6fb"
}

.ti-layout-media-overlay-alt:before {
    content: "\e6fc"
}

.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd"
}

.ti-layout-media-left-alt:before {
    content: "\e6fe"
}

.ti-layout-media-left:before {
    content: "\e6ff"
}

.ti-layout-media-center-alt:before {
    content: "\e700"
}

.ti-layout-media-center:before {
    content: "\e701"
}

.ti-layout-list-thumb:before {
    content: "\e702"
}

.ti-layout-list-thumb-alt:before {
    content: "\e703"
}

.ti-layout-list-post:before {
    content: "\e704"
}

.ti-layout-list-large-image:before {
    content: "\e705"
}

.ti-layout-line-solid:before {
    content: "\e706"
}

.ti-layout-grid4:before {
    content: "\e707"
}

.ti-layout-grid3:before {
    content: "\e708"
}

.ti-layout-grid2:before {
    content: "\e709"
}

.ti-layout-grid2-thumb:before {
    content: "\e70a"
}

.ti-layout-cta-right:before {
    content: "\e70b"
}

.ti-layout-cta-left:before {
    content: "\e70c"
}

.ti-layout-cta-center:before {
    content: "\e70d"
}

.ti-layout-cta-btn-right:before {
    content: "\e70e"
}

.ti-layout-cta-btn-left:before {
    content: "\e70f"
}

.ti-layout-column4:before {
    content: "\e710"
}

.ti-layout-column3:before {
    content: "\e711"
}

.ti-layout-column2:before {
    content: "\e712"
}

.ti-layout-accordion-separated:before {
    content: "\e713"
}

.ti-layout-accordion-merged:before {
    content: "\e714"
}

.ti-layout-accordion-list:before {
    content: "\e715"
}

.ti-ink-pen:before {
    content: "\e716"
}

.ti-info-alt:before {
    content: "\e717"
}

.ti-help-alt:before {
    content: "\e718"
}

.ti-headphone-alt:before {
    content: "\e719"
}

.ti-hand-point-up:before {
    content: "\e71a"
}

.ti-hand-point-right:before {
    content: "\e71b"
}

.ti-hand-point-left:before {
    content: "\e71c"
}

.ti-hand-point-down:before {
    content: "\e71d"
}

.ti-gallery:before {
    content: "\e71e"
}

.ti-face-smile:before {
    content: "\e71f"
}

.ti-face-sad:before {
    content: "\e720"
}

.ti-credit-card:before {
    content: "\e721"
}

.ti-control-skip-forward:before {
    content: "\e722"
}

.ti-control-skip-backward:before {
    content: "\e723"
}

.ti-control-record:before {
    content: "\e724"
}

.ti-control-eject:before {
    content: "\e725"
}

.ti-comments-smiley:before {
    content: "\e726"
}

.ti-brush-alt:before {
    content: "\e727"
}

.ti-youtube:before {
    content: "\e728"
}

.ti-vimeo:before {
    content: "\e729"
}

.ti-twitter:before {
    content: "\e72a"
}

.ti-time:before {
    content: "\e72b"
}

.ti-tumblr:before {
    content: "\e72c"
}

.ti-skype:before {
    content: "\e72d"
}

.ti-share:before {
    content: "\e72e"
}

.ti-share-alt:before {
    content: "\e72f"
}

.ti-rocket:before {
    content: "\e730"
}

.ti-pinterest:before {
    content: "\e731"
}

.ti-new-window:before {
    content: "\e732"
}

.ti-microsoft:before {
    content: "\e733"
}

.ti-list-ol:before {
    content: "\e734"
}

.ti-linkedin:before {
    content: "\e735"
}

.ti-layout-sidebar-2:before {
    content: "\e736"
}

.ti-layout-grid4-alt:before {
    content: "\e737"
}

.ti-layout-grid3-alt:before {
    content: "\e738"
}

.ti-layout-grid2-alt:before {
    content: "\e739"
}

.ti-layout-column4-alt:before {
    content: "\e73a"
}

.ti-layout-column3-alt:before {
    content: "\e73b"
}

.ti-layout-column2-alt:before {
    content: "\e73c"
}

.ti-instagram:before {
    content: "\e73d"
}

.ti-google:before {
    content: "\e73e"
}

.ti-github:before {
    content: "\e73f"
}

.ti-flickr:before {
    content: "\e740"
}

.ti-facebook:before {
    content: "\e741"
}

.ti-dropbox:before {
    content: "\e742"
}

.ti-dribbble:before {
    content: "\e743"
}

.ti-apple:before {
    content: "\e744"
}

.ti-andrAdminid:before {
    content: "\e745"
}

.ti-save:before {
    content: "\e746"
}

.ti-save-alt:before {
    content: "\e747"
}

.ti-yahoo:before {
    content: "\e748"
}

.ti-wordpress:before {
    content: "\e749"
}

.ti-vimeo-alt:before {
    content: "\e74a"
}

.ti-twitter-alt:before {
    content: "\e74b"
}

.ti-tumblr-alt:before {
    content: "\e74c"
}

.ti-trello:before {
    content: "\e74d"
}

.ti-stack-overflow:before {
    content: "\e74e"
}

.ti-soundcloud:before {
    content: "\e74f"
}

.ti-sharethis:before {
    content: "\e750"
}

.ti-sharethis-alt:before {
    content: "\e751"
}

.ti-reddit:before {
    content: "\e752"
}

.ti-pinterest-alt:before {
    content: "\e753"
}

.ti-microsoft-alt:before {
    content: "\e754"
}

.ti-linux:before {
    content: "\e755"
}

.ti-jsfiddle:before {
    content: "\e756"
}

.ti-joomla:before {
    content: "\e757"
}

.ti-html5:before {
    content: "\e758"
}

.ti-flickr-alt:before {
    content: "\e759"
}

.ti-email:before {
    content: "\e75a"
}

.ti-drupal:before {
    content: "\e75b"
}

.ti-dropbox-alt:before {
    content: "\e75c"
}

.ti-css3:before {
    content: "\e75d"
}

.ti-rss:before {
    content: "\e75e"
}

.ti-rss-alt:before {
    content: "\e75f"
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
legend,
main,
nav,
section {
    display: block
}

address,
legend {
    line-height: inherit
}

.topbar .dropdown-menu .with-arrow>span {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg)
}


/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
    --gray-dark: #343a40;
    --blue: #222222;
    --indigo: #6610f2;
    --pink: #e83e8c;
    --red: #EA183C;
    --yellow: #ffab2e;
    --green: #02cccd;
    --teal: #20c997;
    --white: #fff;
    --gray: #6c757d;
    --primary: #7057d2;
    --primary2: #7057d2;
    --secondary: #6c757d;
    --success: #02cccd;
    --info: #222222;
    --warning: #ffab2e;
    --warning2: #ffab2e;
    --danger: #EA183C;
    --light: #f8f9fa;
    --dark: #343a40;
    --light-100: #f2f6fb;
    --light-danger: #fef6fb;
    --light-warning: #fff7eb;
    --light-success: #e4fbf8;
    --light-cyan: #d8f9f5;
    --light-info: #eef5ff;
    --inverse: #32325d;
    --cyan: #5099ff;
    --orange: #fb8c00;
    --purple: #7057d2;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1600px;
    --font-family-sans-serif: "Open sans", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
     height:100%;
}

body {
    font-family: "Open sans", sans-serif;
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #f6f6f6;
    height:100%;
}

[tabindex="-1"]:focus {
    outline: 0!important
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none
}

.btn-link,
.btn:hover,
a {
    text-decoration: none
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled),
summary {
    cursor: pointer
}

address {
    font-style: normal
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 600
}

dd {
    margin-left: 0
}

blockquote,
figure {
    margin: 0 0 1rem
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    background-color: transparent
}

a:hover {
    color: #482fae
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

img {
    border-style: none
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #8392a5;
    caption-side: bottom
}

th {
    text-align: inherit
}

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    color: inherit;
    white-space: normal
}

.badge,
.dropdown-header,
.dropdown-item,
.dropdown-toggle,
.input-group-text,
.navbar-brand,
.progress-bar {
    white-space: nowrap
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.display-1,
.display-2,
.display-3,
.display-4 {
    line-height: 1.2
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2
}

.blockquote,
hr {
    margin-bottom: 1rem
}

.display-1,
.display-2,
.display-3,
.display-4,
.lead {
    font-weight: 300
}

.h1,
h1 {
    font-size: 2.25rem
}

.h2,
h2 {
    font-size: 1.875rem
}

.h3,
h3 {
    font-size: 1.3125rem
}

.h4,
h4 {
    font-size: 1.125rem
}

.h5,
h5 {
    font-size: 1rem
}

.h6,
h6 {
    font-size: .875rem
}

.lead {
    font-size: 1.09375rem
}

.display-1 {
    font-size: 6rem
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-4 {
    font-size: 3.5rem
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.img-fluid,
.img-thumbnail {
    max-width: 100%;
    height: auto
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.09375rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 2px
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code,
kbd {
    font-size: 87.5%
}

a>code,
pre code {
    color: inherit
}

code {
    color: #e83e8c;
    word-break: break-word
}

kbd {
    padding: .2rem .4rem;
    color: #fff;
    background-color: #212529;
    border-radius: 1px
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 600
}

.container,
.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.badge,
.btn,
.btn-link,
.custom-select,
.dropdown-item,
.form-control,
.input-group-text {
    font-weight: 400
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}



.col,
.col-auto {
    max-width: 100%
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-auto,
.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.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-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.col {
    flex-basis: 0;
    flex-grow: 1
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width:200px) {
    .col-xs {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xs-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xs-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xs-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xs-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xs-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xs-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xs-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xs-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xs-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xs-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xs-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1600px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #333333
}

.table td,
.table th {
    padding: 1rem;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table tbody+tbody {
    border-top: 2px solid #ddd
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #ddd
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #333333;
    background-color: #f8f9fa
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #e2ddf6
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #b5a8e8
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #d1c9f1
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #e2e3e5
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #d5d6d9
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #ccf5f5
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #7be4e5
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b7f1f1
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #d9dcfd
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #9ba4fa
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #c1c6fc
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeed5
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffd392
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe4bc
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #ffd8ed
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ff9ad1
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #ffbfe1
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fefefe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover,
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #f1f1f1
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #d6d8d9
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #c9cbcd
}

.table-light-100,
.table-light-100>td,
.table-light-100>th {
    background-color: #fcfdfe
}

.table-light-100 tbody+tbody,
.table-light-100 td,
.table-light-100 th,
.table-light-100 thead th {
    border-color: #f8fafd
}

.table-hover .table-light-100:hover,
.table-hover .table-light-100:hover>td,
.table-hover .table-light-100:hover>th {
    background-color: #e9f0f8
}

.table-light-danger,
.table-light-danger>td,
.table-light-danger>th {
    background-color: #fffdfe
}

.table-light-danger tbody+tbody,
.table-light-danger td,
.table-light-danger th,
.table-light-danger thead th {
    border-color: #fefafd
}

.table-hover .table-light-danger:hover,
.table-hover .table-light-danger:hover>td,
.table-hover .table-light-danger:hover>th {
    background-color: #ffe4f1
}

.table-light-warning,
.table-light-warning>td,
.table-light-warning>th {
    background-color: #fffdfb
}

.table-light-warning tbody+tbody,
.table-light-warning td,
.table-light-warning th,
.table-light-warning thead th {
    border-color: #fffbf5
}

.table-hover .table-light-warning:hover,
.table-hover .table-light-warning:hover>td,
.table-hover .table-light-warning:hover>th {
    background-color: #fff0e2
}

.table-light-success,
.table-light-success>td,
.table-light-success>th {
    background-color: #fafefe
}

.table-light-success tbody+tbody,
.table-light-success td,
.table-light-success th,
.table-light-success thead th {
    border-color: #f1fdfb
}

.table-hover .table-light-success:hover,
.table-hover .table-light-success:hover>td,
.table-hover .table-light-success:hover>th {
    background-color: #e5fafa
}

.table-light-cyan,
.table-light-cyan>td,
.table-light-cyan>th {
    background-color: #f7fefd
}

.table-light-cyan tbody+tbody,
.table-light-cyan td,
.table-light-cyan th,
.table-light-cyan thead th {
    border-color: #ebfcfa
}

.table-hover .table-light-cyan:hover,
.table-hover .table-light-cyan:hover>td,
.table-hover .table-light-cyan:hover>th {
    background-color: #e0fbf7
}

.table-light-info,
.table-light-info>td,
.table-light-info>th {
    background-color: #fcfdff
}

.table-light-info tbody+tbody,
.table-light-info td,
.table-light-info th,
.table-light-info thead th {
    border-color: #f6faff
}

.table-hover .table-light-info:hover,
.table-hover .table-light-info:hover>td,
.table-hover .table-light-info:hover>th {
    background-color: #e3ecff
}

.table-inverse,
.table-inverse>td,
.table-inverse>th {
    background-color: #d6d6df
}

.table-inverse tbody+tbody,
.table-inverse td,
.table-inverse th,
.table-inverse thead th {
    border-color: #9494ab
}

.table-hover .table-inverse:hover,
.table-hover .table-inverse:hover>td,
.table-hover .table-inverse:hover>th {
    background-color: #c8c8d4
}

.table-cyan,
.table-cyan>td,
.table-cyan>th {
    background-color: #dcebff
}

.table-cyan tbody+tbody,
.table-cyan td,
.table-cyan th,
.table-cyan thead th {
    border-color: #a4caff
}

.table-hover .table-cyan:hover,
.table-hover .table-cyan:hover>td,
.table-hover .table-cyan:hover>th {
    background-color: #c3dcff
}

.table-orange,
.table-orange>td,
.table-orange>th {
    background-color: #fee8cc
}

.table-orange tbody+tbody,
.table-orange td,
.table-orange th,
.table-orange thead th {
    border-color: #fdc37a
}

.table-hover .table-orange:hover,
.table-hover .table-orange:hover>td,
.table-hover .table-orange:hover>th {
    background-color: #feddb3
}

.table-purple,
.table-purple>td,
.table-purple>th {
    background-color: #e2ddf6
}

.table-purple tbody+tbody,
.table-purple td,
.table-purple th,
.table-purple thead th {
    border-color: #b5a8e8
}

.table-hover .table-purple:hover,
.table-hover .table-purple:hover>td,
.table-hover .table-purple:hover>th {
    background-color: #d1c9f1
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: #f8f9fa
}

.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: #ddd
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #4F5467;
    background-color: #ddd;
    border-color: #ddd
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered,
.table-responsive>.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1599.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.accordion>.card,
.collapsing,
.modal-open,
.progress,
.toast {
    overflow: hidden
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #4F5467;
    background-color: #f5f8f9;
    background-clip: padding-box;
    border: 1px solid #c7d6db;
    border-radius: 2px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #4F5467;
    background-color: #fff;
    border-color: rgba(0, 0, 0, .25);
    outline: 0;
    box-shadow: transparent
}

.form-control::placeholder {
    color: #999;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #ddd;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #4F5467;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.09375rem;
    line-height: 1.5
}

.col-form-label-sm,
.form-control-sm {
    font-size: .76563rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #333333;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    border-radius: 1px
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 2px
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
    color: #8392a5
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.invalid-tooltip,
.valid-tooltip {
    position: absolute;
    z-index: 5;
    max-width: 100%;
    border-radius: 2px;
    top: 100%;
    line-height: 1.5
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #02cccd
}

.valid-tooltip {
    display: none;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .76563rem;
    color: #fff;
    background-color: rgba(2, 204, 205, .9)
}

.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.form-check-input.is-valid~.form-check-label,
.was-validated .custom-control-input:valid~.custom-control-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #02cccd
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #02cccd;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2302cccd' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #02cccd;
    box-shadow: 0 0 0 .2rem rgba(2, 204, 205, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #02cccd;
    padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
    background: url(../../assets/images/custom-select.png) right .75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2302cccd' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #02cccd;
    box-shadow: 0 0 0 .2rem rgba(2, 204, 205, .25)
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #02cccd
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #05fbfd;
    background-color: #05fbfd
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(2, 204, 205, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #02cccd
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #02cccd;
    box-shadow: 0 0 0 .2rem rgba(2, 204, 205, .25) 
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #EA183C
}

.invalid-tooltip {
    display: none;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .76563rem;
    color: #fff;
    background-color: rgba(255, 60, 166, .9)
}

.collapsing,
.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip,
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.form-check-input.is-invalid~.form-check-label,
.was-validated .custom-control-input:invalid~.custom-control-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #EA183C
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #EA183C;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff3ca6' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff3ca6' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #EA183C;
    box-shadow: 0 0 0 .2rem rgba(255, 60, 166, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #EA183C;
    padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
    background: url(../../assets/images/custom-select.png) right .75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff3ca6' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff3ca6' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff
}

.dropdown-menu,
.modal-content,
.popover,
.toast,
.toast-header {
    background-clip: padding-box
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #EA183C;
    box-shadow: 0 0 0 .2rem rgba(255, 60, 166, .25)
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #EA183C
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #ff6fbd;
    background-color: #ff6fbd
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(255, 60, 166, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #EA183C
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #EA183C;
    box-shadow: 0 0 0 .2rem rgba(255, 60, 166, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn-block,
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.btn {
    display: inline-block;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 20px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #333333
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: transparent
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(133, 112, 217, .5)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #7057d2;
    border-color: #7057d2
}

.btn-primary:hover {
    color: #fff;
    background-color: #5639ca;
    border-color: #5134c2
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #7057d2;
    border-color: #7057d2
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #5134c2;
    border-color: #4d31b8
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-success.focus,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 212, 213, .5)
}

.btn-success {
    color: #fff;
    background-color: #02cccd;
    border-color: #02cccd
}

.btn-success:hover {
    color: #fff;
    background-color: #02a6a7;
    border-color: #029a9a
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #02cccd;
    border-color: #02cccd
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #029a9a;
    border-color: #018d8e
}

.btn-success2.focus,
.btn-success2:focus,
.btn-success2:not(:disabled):not(.disabled).active:focus,
.btn-success2:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 212, 213, .5)
}

.btn-success2 {
    color: #fff;
    background-color: #7d9dbd;
    border-color: #7d9dbd
}

.btn-success2:hover {
    color: #fff;
    background-color: #afd7ff;
    border-color: #afd7ff
}

.btn-success2.disabled,
.btn-success2:disabled {
    color: #fff;
    background-color: #e7f3ff;
    border-color: #e7f3ff
}

.btn-success2:not(:disabled):not(.disabled).active,
.btn-success2:not(:disabled):not(.disabled):active,
.show>.btn-success2.dropdown-toggle {
    color: #fff;
    background-color: #98cbff;
    border-color: #98cbff
}



.btn-info.focus,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(92, 106, 247, .5)
}

.btn-info {
    color: #fff !important;
    background-color: #EA183C;
    border-color: #EA183C;
}

.btn-info:hover {
    color: #fff !important;
    background-color: #C71432;
    border-color: #C71432;
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #222222;
    border-color: #222222
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #750C1D;
    border-color: #750C1D;
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 151, 45, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffab2e;
    border-color: #ffab2e
}

.btn-warning:hover {
    color: #212529;
    background-color: #ff9c08;
    border-color: #fa9600
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffab2e;
    border-color: #ffab2e
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #fa9600;
    border-color: #ed8e00
}


.btn-warning2 {
    color: #212529;
    background-color: #FF642E;
    border-color: #FF642E;
}

.btn-warning2:hover {
    color: #212529;
    background-color: #FF542E;
    border-color: #FF542E
}

.btn-warning2.disabled,
.btn-warning2:disabled {
    color: #212529;
    background-color: #FFAB2E;
    border-color: #FFAB2E
}

.btn-warning2:not(:disabled):not(.disabled).active,
.btn-warning2:not(:disabled):not(.disabled):active,
.show>.btn-warning2.dropdown-toggle {
    color: #212529;
    background-color: #fa9600;
    border-color: #ed8e00
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 89, 179, .5)
}

.btn-danger {
    color: #fff;
    background-color: #E82C35;
    border-color: #E82C35;
}

.btn-danger:hover {
    color: #fff;
    background-color: #E80914;
    border-color: #E80914
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #EA183C;
    border-color: #EA183C
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #E80914;
    border-color: #E80914;
}

.btn-light.focus,
.btn-light:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light {
    color: #212529;
    background-color: #ddd;
    border-color: #bbb
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-light-100.focus,
.btn-light-100:focus,
.btn-light-100:not(:disabled):not(.disabled).active:focus,
.btn-light-100:not(:disabled):not(.disabled):active:focus,
.show>.btn-light-100.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(211, 215, 220, .5)
}

.btn-light-100 {
    color: #212529;
    background-color: #f2f6fb;
    border-color: #f2f6fb
}

.btn-light-100:hover {
    color: #212529;
    background-color: #d5e2f2;
    border-color: #cbdbef
}

.btn-light-100.disabled,
.btn-light-100:disabled {
    color: #212529;
    background-color: #f2f6fb;
    border-color: #f2f6fb
}

.btn-light-100:not(:disabled):not(.disabled).active,
.btn-light-100:not(:disabled):not(.disabled):active,
.show>.btn-light-100.dropdown-toggle {
    color: #212529;
    background-color: #cbdbef;
    border-color: #c1d4ec
}

.btn-light-danger.focus,
.btn-light-danger:focus,
.btn-light-danger:not(:disabled):not(.disabled).active:focus,
.btn-light-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-light-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(221, 215, 220, .5)
}

.btn-light-danger {
    color: #212529;
    background-color: #fef6fb;
    border-color: #fef6fb
}

.btn-light-danger:hover {
    color: #212529;
    background-color: #fad4ec;
    border-color: #f9c8e7
}

.btn-light-danger.disabled,
.btn-light-danger:disabled {
    color: #212529;
    background-color: #fef6fb;
    border-color: #fef6fb
}

.btn-light-danger:not(:disabled):not(.disabled).active,
.btn-light-danger:not(:disabled):not(.disabled):active,
.show>.btn-light-danger.dropdown-toggle {
    color: #212529;
    background-color: #f9c8e7;
    border-color: #f8bde2
}

.btn-light-warning.focus,
.btn-light-warning:focus,
.btn-light-warning:not(:disabled):not(.disabled).active:focus,
.btn-light-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-light-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 216, 206, .5)
}

.btn-light-warning {
    color: #212529;
    background-color: #fff7eb;
    border-color: #fff7eb
}

.btn-light-warning:hover {
    color: #212529;
    background-color: #ffe8c5;
    border-color: #ffe3b8
}

.btn-light-warning.disabled,
.btn-light-warning:disabled {
    color: #212529;
    background-color: #fff7eb;
    border-color: #fff7eb
}

.btn-light-warning:not(:disabled):not(.disabled).active,
.btn-light-warning:not(:disabled):not(.disabled):active,
.show>.btn-light-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffe3b8;
    border-color: #ffdeab
}

.btn-light-success.focus,
.btn-light-success:focus,
.btn-light-success:not(:disabled):not(.disabled).active:focus,
.btn-light-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-light-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(199, 219, 217, .5)
}

.btn-light-success {
    color: #212529;
    background-color: #e4fbf8;
    border-color: #e4fbf8
}

.btn-light-success:hover {
    color: #212529;
    background-color: #c3f6ef;
    border-color: #b8f4ec
}

.btn-light-success.disabled,
.btn-light-success:disabled {
    color: #212529;
    background-color: #e4fbf8;
    border-color: #e4fbf8
}

.btn-light-success:not(:disabled):not(.disabled).active,
.btn-light-success:not(:disabled):not(.disabled):active,
.show>.btn-light-success.dropdown-toggle {
    color: #212529;
    background-color: #b8f4ec;
    border-color: #acf3ea
}

.btn-light-cyan.focus,
.btn-light-cyan:focus,
.btn-light-cyan:not(:disabled):not(.disabled).active:focus,
.btn-light-cyan:not(:disabled):not(.disabled):active:focus,
.show>.btn-light-cyan.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(189, 217, 214, .5)
}

.btn-light-cyan {
    color: #212529;
    background-color: #d8f9f5;
    border-color: #d8f9f5
}

.btn-light-cyan:hover {
    color: #212529;
    background-color: #b7f4ed;
    border-color: #acf2ea
}

.btn-light-cyan.disabled,
.btn-light-cyan:disabled {
    color: #212529;
    background-color: #d8f9f5;
    border-color: #d8f9f5
}

.btn-light-cyan:not(:disabled):not(.disabled).active,
.btn-light-cyan:not(:disabled):not(.disabled):active,
.show>.btn-light-cyan.dropdown-toggle {
    color: #212529;
    background-color: #acf2ea;
    border-color: #a1f1e7
}

.btn-light-info.focus,
.btn-light-info:focus,
.btn-light-info:not(:disabled):not(.disabled).active:focus,
.btn-light-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-light-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(207, 214, 223, .5)
}

.btn-light-info {
    color: #212529;
    background-color: #eef5ff;
    border-color: #eef5ff
}

.btn-light-info:hover {
    color: #212529;
    background-color: #c8dfff;
    border-color: #bbd7ff
}

.btn-light-info.disabled,
.btn-light-info:disabled {
    color: #212529;
    background-color: #eef5ff;
    border-color: #eef5ff
}

.btn-light-info:not(:disabled):not(.disabled).active,
.btn-light-info:not(:disabled):not(.disabled):active,
.show>.btn-light-info.dropdown-toggle {
    color: #212529;
    background-color: #bbd7ff;
    border-color: #aed0ff
}

.btn-inverse.focus,
.btn-inverse:focus,
.btn-inverse:not(:disabled):not(.disabled).active:focus,
.btn-inverse:not(:disabled):not(.disabled):active:focus,
.show>.btn-inverse.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(81, 81, 117, .5)
}

.btn-inverse {
    color: #fff;
    background-color: #32325d;
    border-color: #32325d
}

.btn-inverse:hover {
    color: #fff;
    background-color: #252544;
    border-color: #20203c
}

.btn-inverse.disabled,
.btn-inverse:disabled {
    color: #fff;
    background-color: #32325d;
    border-color: #32325d
}

.btn-inverse:not(:disabled):not(.disabled).active,
.btn-inverse:not(:disabled):not(.disabled):active,
.show>.btn-inverse.dropdown-toggle {
    color: #fff;
    background-color: #20203c;
    border-color: #1c1c34
}

.btn-cyan.focus,
.btn-cyan:focus,
.btn-cyan:not(:disabled):not(.disabled).active:focus,
.btn-cyan:not(:disabled):not(.disabled):active:focus,
.show>.btn-cyan.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(106, 168, 255, .5)
}

.btn-cyan {
    color: #fff;
    background-color: #5099ff;
    border-color: #5099ff
}

.btn-cyan:hover {
    color: #fff;
    background-color: #2a83ff;
    border-color: #1d7bff
}

.btn-cyan.disabled,
.btn-cyan:disabled {
    color: #fff;
    background-color: #5099ff;
    border-color: #5099ff
}

.btn-cyan:not(:disabled):not(.disabled).active,
.btn-cyan:not(:disabled):not(.disabled):active,
.show>.btn-cyan.dropdown-toggle {
    color: #fff;
    background-color: #1d7bff;
    border-color: #1074ff
}

.btn-orange.focus,
.btn-orange:focus,
.btn-orange:not(:disabled):not(.disabled).active:focus,
.btn-orange:not(:disabled):not(.disabled):active:focus,
.show>.btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(218, 125, 6, .5)
}

.btn-orange {
    color: #212529;
    background-color: #fb8c00;
    border-color: #fb8c00
}

.btn-orange:hover {
    color: #fff;
    background-color: #d57700;
    border-color: #c87000
}

.btn-orange.disabled,
.btn-orange:disabled {
    color: #212529;
    background-color: #fb8c00;
    border-color: #fb8c00
}

.btn-orange:not(:disabled):not(.disabled).active,
.btn-orange:not(:disabled):not(.disabled):active,
.show>.btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #c87000;
    border-color: #bb6800
}

.btn-purple.focus,
.btn-purple:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus,
.btn-purple:not(:disabled):not(.disabled):active:focus,
.show>.btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(133, 112, 217, .5)
}

.btn-purple {
    color: #fff;
    background-color: #7057d2;
    border-color: #7057d2
}

.btn-purple:hover {
    color: #fff;
    background-color: #5639ca;
    border-color: #5134c2
}

.btn-purple.disabled,
.btn-purple:disabled {
    color: #fff;
    background-color: #7057d2;
    border-color: #7057d2
}

.btn-purple:not(:disabled):not(.disabled).active,
.btn-purple:not(:disabled):not(.disabled):active,
.show>.btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #5134c2;
    border-color: #4d31b8
}

.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(112, 87, 210, .5)
}

.btn-outline-primary {
    color: #7057d2;
    border-color: #7057d2
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #7057d2;
    border-color: #7057d2
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #7057d2;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #7057d2;
    border-color: #7057d2
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-success.focus,
.btn-outline-success:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(2, 204, 205, .5)
}

.btn-outline-success {
    color: #02cccd;
    border-color: #02cccd
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #02cccd;
    border-color: #02cccd
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #02cccd;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #02cccd;
    border-color: #02cccd
}

.btn-outline-info.focus,
.btn-outline-info:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(63, 80, 246, .5)
}

.btn-outline-info {
    color: #222222;
    border-color: #222222
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #222222;
    border-color: #222222
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #222222;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #222222;
    border-color: #222222
}

.btn-outline-warning.focus,
.btn-outline-warning:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 171, 46, .5)
}

.btn-outline-warning {
    color: #ffab2e;
    border-color: #ffab2e
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffab2e;
    border-color: #ffab2e
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffab2e;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffab2e;
    border-color: #ffab2e
}

.btn-outline-danger.focus,
.btn-outline-danger:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 60, 166, .5)
}

.btn-outline-danger {
    color: #EA183C;
    border-color: #EA183C
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #EA183C;
    border-color: #EA183C
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #EA183C;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #EA183C;
    border-color: #EA183C
}

.btn-outline-light.focus,
.btn-outline-light:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-dark.focus,
.btn-outline-dark:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-light-100.focus,
.btn-outline-light-100:focus,
.btn-outline-light-100:not(:disabled):not(.disabled).active:focus,
.btn-outline-light-100:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light-100.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(242, 246, 251, .5)
}

.btn-outline-light-100 {
    color: #f2f6fb;
    border-color: #f2f6fb
}

.btn-outline-light-100:hover {
    color: #212529;
    background-color: #f2f6fb;
    border-color: #f2f6fb
}

.btn-outline-light-100.disabled,
.btn-outline-light-100:disabled {
    color: #f2f6fb;
    background-color: transparent
}

.btn-outline-light-100:not(:disabled):not(.disabled).active,
.btn-outline-light-100:not(:disabled):not(.disabled):active,
.show>.btn-outline-light-100.dropdown-toggle {
    color: #212529;
    background-color: #f2f6fb;
    border-color: #f2f6fb
}

.btn-outline-light-danger.focus,
.btn-outline-light-danger:focus,
.btn-outline-light-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-light-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(254, 246, 251, .5)
}

.btn-outline-light-danger {
    color: #fef6fb;
    border-color: #fef6fb
}

.btn-outline-light-danger:hover {
    color: #212529;
    background-color: #fef6fb;
    border-color: #fef6fb
}

.btn-outline-light-danger.disabled,
.btn-outline-light-danger:disabled {
    color: #fef6fb;
    background-color: transparent
}

.btn-outline-light-danger:not(:disabled):not(.disabled).active,
.btn-outline-light-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-light-danger.dropdown-toggle {
    color: #212529;
    background-color: #fef6fb;
    border-color: #fef6fb
}

.btn-outline-light-warning.focus,
.btn-outline-light-warning:focus,
.btn-outline-light-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-light-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 247, 235, .5)
}

.btn-outline-light-warning {
    color: #fff7eb;
    border-color: #fff7eb
}

.btn-outline-light-warning:hover {
    color: #212529;
    background-color: #fff7eb;
    border-color: #fff7eb
}

.btn-outline-light-warning.disabled,
.btn-outline-light-warning:disabled {
    color: #fff7eb;
    background-color: transparent
}

.btn-outline-light-warning:not(:disabled):not(.disabled).active,
.btn-outline-light-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-light-warning.dropdown-toggle {
    color: #212529;
    background-color: #fff7eb;
    border-color: #fff7eb
}

.btn-outline-light-success.focus,
.btn-outline-light-success:focus,
.btn-outline-light-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-light-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(228, 251, 248, .5)
}

.btn-outline-light-success {
    color: #e4fbf8;
    border-color: #e4fbf8
}

.btn-outline-light-success:hover {
    color: #212529;
    background-color: #e4fbf8;
    border-color: #e4fbf8
}

.btn-outline-light-success.disabled,
.btn-outline-light-success:disabled {
    color: #e4fbf8;
    background-color: transparent
}

.btn-outline-light-success:not(:disabled):not(.disabled).active,
.btn-outline-light-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-light-success.dropdown-toggle {
    color: #212529;
    background-color: #e4fbf8;
    border-color: #e4fbf8
}

.btn-outline-light-cyan.focus,
.btn-outline-light-cyan:focus,
.btn-outline-light-cyan:not(:disabled):not(.disabled).active:focus,
.btn-outline-light-cyan:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light-cyan.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 249, 245, .5)
}

.btn-outline-light-cyan {
    color: #d8f9f5;
    border-color: #d8f9f5
}

.btn-outline-light-cyan:hover {
    color: #212529;
    background-color: #d8f9f5;
    border-color: #d8f9f5
}

.btn-outline-light-cyan.disabled,
.btn-outline-light-cyan:disabled {
    color: #d8f9f5;
    background-color: transparent
}

.btn-outline-light-cyan:not(:disabled):not(.disabled).active,
.btn-outline-light-cyan:not(:disabled):not(.disabled):active,
.show>.btn-outline-light-cyan.dropdown-toggle {
    color: #212529;
    background-color: #d8f9f5;
    border-color: #d8f9f5
}

.btn-outline-light-info.focus,
.btn-outline-light-info:focus,
.btn-outline-light-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-light-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(238, 245, 255, .5)
}

.btn-outline-light-info {
    color: #eef5ff;
    border-color: #eef5ff
}

.btn-outline-light-info:hover {
    color: #212529;
    background-color: #eef5ff;
    border-color: #eef5ff
}

.btn-outline-light-info.disabled,
.btn-outline-light-info:disabled {
    color: #eef5ff;
    background-color: transparent
}

.btn-outline-light-info:not(:disabled):not(.disabled).active,
.btn-outline-light-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-light-info.dropdown-toggle {
    color: #212529;
    background-color: #eef5ff;
    border-color: #eef5ff
}

.btn-outline-inverse.focus,
.btn-outline-inverse:focus,
.btn-outline-inverse:not(:disabled):not(.disabled).active:focus,
.btn-outline-inverse:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-inverse.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(50, 50, 93, .5)
}

.btn-outline-inverse {
    color: #32325d;
    border-color: #32325d
}

.btn-outline-inverse:hover {
    color: #fff;
    background-color: #32325d;
    border-color: #32325d
}

.btn-outline-inverse.disabled,
.btn-outline-inverse:disabled {
    color: #32325d;
    background-color: transparent
}

.btn-outline-inverse:not(:disabled):not(.disabled).active,
.btn-outline-inverse:not(:disabled):not(.disabled):active,
.show>.btn-outline-inverse.dropdown-toggle {
    color: #fff;
    background-color: #32325d;
    border-color: #32325d
}

.btn-outline-cyan.focus,
.btn-outline-cyan:focus,
.btn-outline-cyan:not(:disabled):not(.disabled).active:focus,
.btn-outline-cyan:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-cyan.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(80, 153, 255, .5)
}

.btn-outline-cyan {
    color: #5099ff;
    border-color: #5099ff
}

.btn-outline-cyan:hover {
    color: #fff;
    background-color: #5099ff;
    border-color: #5099ff
}

.btn-outline-cyan.disabled,
.btn-outline-cyan:disabled {
    color: #5099ff;
    background-color: transparent
}

.btn-outline-cyan:not(:disabled):not(.disabled).active,
.btn-outline-cyan:not(:disabled):not(.disabled):active,
.show>.btn-outline-cyan.dropdown-toggle {
    color: #fff;
    background-color: #5099ff;
    border-color: #5099ff
}

.btn-outline-orange.focus,
.btn-outline-orange:focus,
.btn-outline-orange:not(:disabled):not(.disabled).active:focus,
.btn-outline-orange:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(251, 140, 0, .5)
}

.btn-outline-orange {
    color: #fb8c00;
    border-color: #fb8c00
}

.btn-outline-orange:hover {
    color: #212529;
    background-color: #fb8c00;
    border-color: #fb8c00
}

.btn-outline-orange.disabled,
.btn-outline-orange:disabled {
    color: #fb8c00;
    background-color: transparent
}

.btn-outline-orange:not(:disabled):not(.disabled).active,
.btn-outline-orange:not(:disabled):not(.disabled):active,
.show>.btn-outline-orange.dropdown-toggle {
    color: #212529;
    background-color: #fb8c00;
    border-color: #fb8c00
}

.btn-outline-purple.focus,
.btn-outline-purple:focus,
.btn-outline-purple:not(:disabled):not(.disabled).active:focus,
.btn-outline-purple:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(112, 87, 210, .5)
}

.btn-outline-purple {
    color: #7057d2;
    border-color: #7057d2
}

.btn-outline-purple:hover {
    color: #fff;
    background-color: #7057d2;
    border-color: #7057d2
}

.btn-outline-purple.disabled,
.btn-outline-purple:disabled {
    color: #7057d2;
    background-color: transparent
}

.btn-outline-purple:not(:disabled):not(.disabled).active,
.btn-outline-purple:not(:disabled):not(.disabled):active,
.show>.btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #7057d2;
    border-color: #7057d2
}

.btn-link {
    color: #7057d2
}

.btn-link:hover {
    color: #482fae;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline;
    box-shadow: none
}

.breadcrumb-item+.breadcrumb-item:hover::before,
.close:hover,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover,
.list-group-item-action:focus,
.list-group-item-action:hover,
.nav-link:focus,
.nav-link:hover,
.navbar-brand:focus,
.navbar-brand:hover,
.navbar-toggler:focus,
.navbar-toggler:hover,
.page-link:hover,
a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 20px
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .76563rem;
    line-height: 1.5;
    border-radius: 15px
}

.btn-block {
    display: block
}

.btn-block+.btn-block {
    margin-top: .5rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: .875rem;
    color: #333333;
    text-align: left;
    background-color: #fff;
    border: 0 solid #ddd;
    border-radius: 2px
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1600px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #f8f9fa
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn,
.custom-control-label,
.custom-file,
.dropdown-header,
.input-group-text,
.nav {
    margin-bottom: 0
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .65rem 1rem;
    clear: both;
    color: #6c757d;
    text-align: inherit;
    background-color: transparent;
    border: 0
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after,
.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child),
.input-group>.custom-file:not(:first-child) .custom-file-label,
.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    background-color: #222222
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    font-size: .76563rem;
    color: #6c757d
}

.dropdown-item-text {
    display: block;
    padding: .65rem 1rem;
    color: #6c757d
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.input-group-append,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text,
.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #4F5467;
    text-align: center;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 2px
}

.nav,
.navbar {
    flex-wrap: wrap
}

.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 2px
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .76563rem;
    line-height: 1.5;
    border-radius: 1px
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

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

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #222222;
    background-color: #222222
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: transparent
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: rgba(0, 0, 0, .25)
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #ddd
}

.custom-control-label {
    position: relative;
    vertical-align: top
}

.custom-control-label::after,
.custom-control-label::before {
    position: absolute;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: ""
}

.custom-control-label::before {
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #a1aab2
}

.custom-control-label::after {
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
    border-radius: 2px
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%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")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #222222;
    background-color: #222222
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(112, 87, 210, .5)
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.15625rem + 1px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #a1aab2;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(112, 87, 210, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #4F5467;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 2px;
    appearance: none
}

.custom-file-input:focus~.custom-file-label,
.custom-select:focus {
    border-color: rgba(0, 0, 0, .25);
    box-shadow: transparent
}

.custom-select:focus {
    outline: 0
}

.custom-select:focus::-ms-value {
    color: #4F5467;
    background-color: #fff
}

.custom-file-input:disabled~.custom-file-label,
.custom-select:disabled {
    background-color: #ddd
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d
}

.custom-select::-ms-expand {
    display: none
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .76563rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.09375rem
}

.custom-file,
.custom-file-input,
.custom-file-label {
    height: calc(1.5em + .75rem + 2px)
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    opacity: 0
}

.custom-file-label,
.custom-file-label::after {
    position: absolute;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #4F5467;
    top: 0;
    right: 0
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Wybierz"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    left: 0;
    z-index: 1;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #c7d6db;
    border-radius: 2px
}

.custom-file-label::after {
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    content: "Wybierz";
    background-color: #f8f9fa;
    border-left: inherit;
    border-radius: 0 2px 2px 0
}

.custom-range {
    width: 100%;
    height: calc(1rem + .4rem);
    padding: 0;
    background-color: transparent;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, transparent
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, transparent
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, transparent
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #222222;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #eaebfe
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #222222;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #eaebfe
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #222222;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #eaebfe
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #a1aab2
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #a1aab2
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #a1aab2
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    padding-left: 0
}

.nav-link,
.navbar {
    padding: .5rem 1rem
}

.nav-link {
    display: block
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #ddd #ddd #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #4F5467;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: 2px
}

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

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.navbar>.container,
.navbar>.container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .33594rem;
    padding-bottom: .33594rem;
    margin-right: 1rem;
    font-size: 1.09375rem;
    line-height: inherit
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
    margin-bottom: 0
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.09375rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 2px
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: center center no-repeat;
    background-size: 100% 100%
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1199px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1599.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1600px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

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

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: #9ba4b1
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #343a40
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: #9ba4b1;
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%239ba4b1' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: #9ba4b1
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ddd;
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    flex: 1 1 auto;
    padding: 25px
}

.card-footer,
.card-header {
    padding: .75rem 25px;
    background-color: rgba(0, 0, 0, .03)
}

.card-title {
    margin-bottom: .75rem
}

.card-header,
.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-subtitle {
    margin-top: -.375rem
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 25px
}

.card-header-pills,
.card-header-tabs {
    margin-right: -12.5px;
    margin-left: -12.5px
}

.card-header {
    border-bottom: 1px solid #ddd
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    border-top: 1px solid #ddd
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.alert,
.btn .badge,
.page-link {
    position: relative
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: flex;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 10px
}

@media (min-width:576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -10px;
        margin-left: -10px
    }
    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 10px;
        margin-bottom: 0;
        margin-left: 10px
    }
}

.card-group {
    display: flex;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 10px
}

@media (min-width:576px) {
    .card-group {
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.card-columns .card {
    margin-bottom: 20px
}

.accordion>.card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion>.card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.breadcrumb,
.pagination {
    border-radius: 2px;
    list-style: none
}

.accordion>.card .card-header {
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1.5rem;
    background-color: #fff
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0
}

.page-link {
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #7057d2;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-item:first-child .page-link,
.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.page-item:last-child .page-link,
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.page-link:hover {
    z-index: 2;
    color: #482fae;
    background-color: #ddd;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: transparent
}

.page-item:first-child .page-link {
    margin-left: 0
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #222222;
    border-color: #222222
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.09375rem;
    line-height: 1.5
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .76563rem;
    line-height: 1.5
}

.badge,
.close {
    line-height: 1
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    text-align: center;
    vertical-align: baseline;
    border-radius: 2px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.alert-link,
.close {
    font-weight: 600
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

.badge:empty {
    display: none
}

.btn .badge {
    top: -1px
}

.badge-pill {
    padding-right: .5rem;
    padding-left: .5rem;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #7057d2
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #5134c2
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(112, 87, 210, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #17EB3F;
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #029a9a
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(2, 204, 205, .5)
}

.badge-success2 {
    color: #fff;
    background-color: #7d9dbd;
}

a.badge-success2:focus,
a.badge-success2:hover {
    color: #fff;
    background-color: #8bbbe9
}

a.badge-success2.focus,
a.badge-success2:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(2, 204, 205, .5)
}

.badge-info {
    color: #fff;
    background-color: #EA183C
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #0e24f4
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(63, 80, 246, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffab2e
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #fa9600
}

.badge-warning2 {
    color: #212529;
    background-color: #FF642E
}

a.badge-warning2:focus,
a.badge-warning2:hover {
    color: #212529;
    background-color: #FF542E
}

.badge-danger {
    color: #fff;
    background-color: #EA183C
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #ff098f
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 60, 166, .5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.badge-light-100 {
    color: #212529;
    background-color: #f2f6fb
}

a.badge-light-100:focus,
a.badge-light-100:hover {
    color: #212529;
    background-color: #cbdbef
}

a.badge-light-100.focus,
a.badge-light-100:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(242, 246, 251, .5)
}

.badge-light-danger {
    color: #212529;
    background-color: #fef6fb
}

a.badge-light-danger:focus,
a.badge-light-danger:hover {
    color: #212529;
    background-color: #f9c8e7
}

a.badge-light-danger.focus,
a.badge-light-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(254, 246, 251, .5)
}

.badge-light-warning {
    color: #212529;
    background-color: #fff7eb
}

a.badge-light-warning:focus,
a.badge-light-warning:hover {
    color: #212529;
    background-color: #ffe3b8
}

a.badge-light-warning.focus,
a.badge-light-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 247, 235, .5)
}

.badge-light-success {
    color: #212529;
    background-color: #99EB17
}

a.badge-light-success:focus,
a.badge-light-success:hover {
    color: #212529;
    background-color: #99EB17
}

a.badge-light-success.focus,
a.badge-light-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(228, 251, 248, .5)
}

.badge-light-cyan {
    color: #212529;
    background-color: #d8f9f5
}

a.badge-light-cyan:focus,
a.badge-light-cyan:hover {
    color: #212529;
    background-color: #acf2ea
}

a.badge-light-cyan.focus,
a.badge-light-cyan:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(216, 249, 245, .5)
}

.badge-light-info {
    color: #212529;
    background-color: #eef5ff
}

a.badge-light-info:focus,
a.badge-light-info:hover {
    color: #212529;
    background-color: #bbd7ff
}

a.badge-light-info.focus,
a.badge-light-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(238, 245, 255, .5)
}

.badge-inverse {
    color: #fff;
    background-color: #32325d
}

a.badge-inverse:focus,
a.badge-inverse:hover {
    color: #fff;
    background-color: #20203c
}

a.badge-inverse.focus,
a.badge-inverse:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(50, 50, 93, .5)
}

.badge-cyan {
    color: #fff;
    background-color: #5099ff
}

a.badge-cyan:focus,
a.badge-cyan:hover {
    color: #fff;
    background-color: #1d7bff
}

a.badge-cyan.focus,
a.badge-cyan:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(80, 153, 255, .5)
}

.badge-orange {
    color: #212529;
    background-color: #fb8c00
}

a.badge-orange:focus,
a.badge-orange:hover {
    color: #212529;
    background-color: #c87000
}

a.badge-orange.focus,
a.badge-orange:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(251, 140, 0, .5)
}

.badge-purple {
    color: #fff;
    background-color: #7057d2
}

a.badge-purple:focus,
a.badge-purple:hover {
    color: #fff;
    background-color: #5134c2
}

a.badge-purple.focus,
a.badge-purple:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(112, 87, 210, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #ddd;
    border-radius: 2px
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 2px
}

.alert-heading {
    color: inherit
}

.alert-dismissible {
    padding-right: 3.8125rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #3a2d6d;
    background-color: #e2ddf6;
    border-color: #d7d0f2
}

.alert-primary hr {
    border-top-color: #c6bcec
}

.alert-primary .alert-link {
    color: #271e49
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #016a6b;
    background-color: #ccf5f5;
    border-color: #b8f1f1
}

.alert-success hr {
    border-top-color: #a3eded
}

.alert-success .alert-link {
    color: #013838
}

.alert-info {
    color: #212a80;
    background-color: #d9dcfd;
    border-color: #c9cefc
}

.alert-info hr {
    border-top-color: #b1b8fb
}

.alert-info .alert-link {
    color: #171d57
}

.alert-warning {
    color: #855918;
    background-color: #ffeed5;
    border-color: #ffe7c4
}

.alert-warning hr {
    border-top-color: #ffddab
}

.alert-warning .alert-link {
    color: #5a3c10
}

.alert-danger {
    color: #851f56;
    background-color: #ffd8ed;
    border-color: #ffc8e6
}

.alert-danger hr {
    border-top-color: #ffafda
}

.alert-danger .alert-link {
    color: #5c153b
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

.alert-light-100 {
    color: #7e8083;
    background-color: #fcfdfe;
    border-color: #fbfcfe
}

.alert-light-100 hr {
    border-top-color: #e7edf9
}

.alert-light-100 .alert-link {
    color: #656769
}

.alert-light-danger {
    color: #848083;
    background-color: #fffdfe;
    border-color: #fffcfe
}

.alert-light-danger hr {
    border-top-color: #ffe3f6
}

.alert-light-danger .alert-link {
    color: #6a6769
}

.alert-light-warning {
    color: #85807a;
    background-color: #fffdfb;
    border-color: #fffdf9
}

.alert-light-warning hr {
    border-top-color: #fff5e0
}

.alert-light-warning .alert-link {
    color: #6a6662
}

.alert-light-success {
    color: #778381;
    background-color: #fafefe;
    border-color: #f7fefd
}

.alert-light-success hr {
    border-top-color: #e0fbf7
}

.alert-light-success .alert-link {
    color: #5f6867
}

.alert-light-cyan {
    color: #70817f;
    background-color: #f7fefd;
    border-color: #f4fdfc
}

.alert-light-cyan hr {
    border-top-color: #def9f6
}

.alert-light-cyan .alert-link {
    color: #586664
}

.alert-light-info {
    color: #7c7f85;
    background-color: #fcfdff;
    border-color: #fafcff
}

.alert-light-info hr {
    border-top-color: #e1edff
}

.alert-light-info .alert-link {
    color: #63666b
}

.alert-inverse {
    color: #1a1a30;
    background-color: #d6d6df;
    border-color: #c6c6d2
}

.alert-inverse hr {
    border-top-color: #b8b8c7
}

.alert-inverse .alert-link {
    color: #08080f
}

.alert-cyan {
    color: #2a5085;
    background-color: #dcebff;
    border-color: #cee2ff
}

.alert-cyan hr {
    border-top-color: #b5d3ff
}

.alert-cyan .alert-link {
    color: #1e395e
}

.alert-orange {
    color: #834900;
    background-color: #fee8cc;
    border-color: #fedfb8
}

.alert-orange hr {
    border-top-color: #fed49f
}

.alert-orange .alert-link {
    color: #502d00
}

.alert-purple {
    color: #3a2d6d;
    background-color: #e2ddf6;
    border-color: #d7d0f2
}

.alert-purple hr {
    border-top-color: #c6bcec
}

.alert-purple .alert-link {
    color: #271e49
}

@keyframes progress-bar-stripes {
    from {
        background-position: 6px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 6px;
    font-size: .65625rem;
    background-color: rgba(0, 0, 0, .05);
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #7057d2;
    transition: width .6s ease
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 6px 6px
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
    .progress-bar-animated {
        animation: none
    }
}

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

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #4F5467;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #4F5467;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #333333;
    background-color: #ddd
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #222222;
    border-color: #222222
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0
}

.list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0
}

.list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }
    .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }
    .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }
    .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0
    }
}

@media (min-width:1600px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0
    }
    .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0
    }
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.list-group-item-primary {
    color: #3a2d6d;
    background-color: #d7d0f2
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #3a2d6d;
    background-color: #c6bcec
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #3a2d6d;
    border-color: #3a2d6d
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #016a6b;
    background-color: #b8f1f1
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #016a6b;
    background-color: #a3eded
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #016a6b;
    border-color: #016a6b
}

.list-group-item-info {
    color: #212a80;
    background-color: #c9cefc
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #212a80;
    background-color: #b1b8fb
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #212a80;
    border-color: #212a80
}

.list-group-item-warning {
    color: #855918;
    background-color: #ffe7c4
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #855918;
    background-color: #ffddab
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #855918;
    border-color: #855918
}

.list-group-item-danger {
    color: #851f56;
    background-color: #ffc8e6
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #851f56;
    background-color: #ffafda
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #851f56;
    border-color: #851f56
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.list-group-item-light-100 {
    color: #7e8083;
    background-color: #fbfcfe
}

.list-group-item-light-100.list-group-item-action:focus,
.list-group-item-light-100.list-group-item-action:hover {
    color: #7e8083;
    background-color: #e7edf9
}

.list-group-item-light-100.list-group-item-action.active {
    color: #fff;
    background-color: #7e8083;
    border-color: #7e8083
}

.list-group-item-light-danger {
    color: #848083;
    background-color: #fffcfe
}

.list-group-item-light-danger.list-group-item-action:focus,
.list-group-item-light-danger.list-group-item-action:hover {
    color: #848083;
    background-color: #ffe3f6
}

.list-group-item-light-danger.list-group-item-action.active {
    color: #fff;
    background-color: #848083;
    border-color: #848083
}

.list-group-item-light-warning {
    color: #85807a;
    background-color: #fffdf9
}

.list-group-item-light-warning.list-group-item-action:focus,
.list-group-item-light-warning.list-group-item-action:hover {
    color: #85807a;
    background-color: #fff5e0
}

.list-group-item-light-warning.list-group-item-action.active {
    color: #fff;
    background-color: #85807a;
    border-color: #85807a
}

.list-group-item-light-success {
    color: #778381;
    background-color: #f7fefd
}

.list-group-item-light-success.list-group-item-action:focus,
.list-group-item-light-success.list-group-item-action:hover {
    color: #778381;
    background-color: #e0fbf7
}

.list-group-item-light-success.list-group-item-action.active {
    color: #fff;
    background-color: #778381;
    border-color: #778381
}

.list-group-item-light-cyan {
    color: #70817f;
    background-color: #f4fdfc
}

.list-group-item-light-cyan.list-group-item-action:focus,
.list-group-item-light-cyan.list-group-item-action:hover {
    color: #70817f;
    background-color: #def9f6
}

.list-group-item-light-cyan.list-group-item-action.active {
    color: #fff;
    background-color: #70817f;
    border-color: #70817f
}

.list-group-item-light-info {
    color: #7c7f85;
    background-color: #fafcff
}

.list-group-item-light-info.list-group-item-action:focus,
.list-group-item-light-info.list-group-item-action:hover {
    color: #7c7f85;
    background-color: #e1edff
}

.list-group-item-light-info.list-group-item-action.active {
    color: #fff;
    background-color: #7c7f85;
    border-color: #7c7f85
}

.list-group-item-inverse {
    color: #1a1a30;
    background-color: #c6c6d2
}

.list-group-item-inverse.list-group-item-action:focus,
.list-group-item-inverse.list-group-item-action:hover {
    color: #1a1a30;
    background-color: #b8b8c7
}

.list-group-item-inverse.list-group-item-action.active {
    color: #fff;
    background-color: #1a1a30;
    border-color: #1a1a30
}

.list-group-item-cyan {
    color: #2a5085;
    background-color: #cee2ff
}

.list-group-item-cyan.list-group-item-action:focus,
.list-group-item-cyan.list-group-item-action:hover {
    color: #2a5085;
    background-color: #b5d3ff
}

.list-group-item-cyan.list-group-item-action.active {
    color: #fff;
    background-color: #2a5085;
    border-color: #2a5085
}

.list-group-item-orange {
    color: #834900;
    background-color: #fedfb8
}

.list-group-item-orange.list-group-item-action:focus,
.list-group-item-orange.list-group-item-action:hover {
    color: #834900;
    background-color: #fed49f
}

.list-group-item-orange.list-group-item-action.active {
    color: #fff;
    background-color: #834900;
    border-color: #834900
}

.list-group-item-purple {
    color: #3a2d6d;
    background-color: #d7d0f2
}

.list-group-item-purple.list-group-item-action:focus,
.list-group-item-purple.list-group-item-action:hover {
    color: #3a2d6d;
    background-color: #c6bcec
}

.list-group-item-purple.list-group-item-action.active {
    color: #fff;
    background-color: #3a2d6d;
    border-color: #3a2d6d
}

.close {
    float: right;
    font-size: 1.3125rem;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none
}

.toast,
.toast-header {
    background-color: rgba(255, 255, 255, .85)
}

.custom-range,
.custom-select,
[type=search],
button.close {
    -webkit-appearance: none
}

a.close.disabled {
    pointer-events: none
}

.toast {
    max-width: 350px;
    font-size: .875rem;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem
}

.popover,
.tooltip {
    font-family: Rubik, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .76563rem;
    word-wrap: break-word;
    text-decoration: none;
    text-shadow: none
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.toast-body {
    padding: .75rem
}

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

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.carousel-inner::after,
.clearfix::after,
.embed-responsive::before,
.popover .arrow::after,
.popover .arrow::before,
.stretched-link::after,
.tooltip .arrow::before {
    content: ""
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 2px;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

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

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.popover,
.popover .arrow,
.popover .arrow::after,
.popover .arrow::before,
.tooltip,
.tooltip .arrow {
    position: absolute;
    display: block
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

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

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1600px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    z-index: 1070;
    margin: 0;
    text-align: left;
    text-align: start;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 2px
}

.popover-body,
.popover-header {
    padding: .5rem .75rem
}

.popover-body,
body[data-theme=dark] .mce-btn button {
    color: #333333
}

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    text-align: left;
    text-align: start;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 2px
}

.popover .arrow {
    width: 1rem;
    height: .5rem;
    margin: 0 2px
}

.popover .arrow::after,
.popover .arrow::before {
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: 2px 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.carousel,
.carousel-inner,
.carousel-item {
    position: relative
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: 2px 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    margin-bottom: 0;
    font-size: .875rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(2px - 1px);
    border-top-right-radius: calc(2px - 1px)
}

.popover-header:empty {
    display: none
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both
}

.carousel-item {
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

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

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s .6s opacity
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.spinner-border,
.spinner-grow {
    display: inline-block;
    vertical-align: text-bottom
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header,
.page-wrapper {
    transition: .2s ease-in
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    width: 2rem;
    height: 2rem;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

.spinner-grow {
    width: 2rem;
    height: 2rem;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.bg-primary {
    background-color: #7057d2!important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #5134c2!important
}

.bg-secondary {
    background-color: #6c757d!important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62!important
}

.bg-success {
    background-color: #02cccd!important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #029a9a!important
}

.bg-info {
    background-color: #EA183C!important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #750C1D!important
}

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

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #fa9600!important
}

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

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #ff098f!important
}

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

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124!important
}

.bg-light-100 {
    background-color: #f2f6fb!important
}

a.bg-light-100:focus,
a.bg-light-100:hover,
button.bg-light-100:focus,
button.bg-light-100:hover {
    background-color: #cbdbef!important
}

.bg-light-danger {
    background-color: #fef6fb!important
}

a.bg-light-danger:focus,
a.bg-light-danger:hover,
button.bg-light-danger:focus,
button.bg-light-danger:hover {
    background-color: #f9c8e7!important
}

.bg-light-warning {
    background-color: #fff7eb!important
}

a.bg-light-warning:focus,
a.bg-light-warning:hover,
button.bg-light-warning:focus,
button.bg-light-warning:hover {
    background-color: #ffe3b8!important
}

.bg-light-success {
    background-color: #e4fbf8!important
}

a.bg-light-success:focus,
a.bg-light-success:hover,
button.bg-light-success:focus,
button.bg-light-success:hover {
    background-color: #b8f4ec!important
}

.bg-light-cyan {
    background-color: #d8f9f5!important
}

a.bg-light-cyan:focus,
a.bg-light-cyan:hover,
button.bg-light-cyan:focus,
button.bg-light-cyan:hover {
    background-color: #acf2ea!important
}

.bg-light-info {
    background-color: #eef5ff!important
}

a.bg-light-info:focus,
a.bg-light-info:hover,
button.bg-light-info:focus,
button.bg-light-info:hover {
    background-color: #bbd7ff!important
}

.bg-inverse {
    background-color: #32325d!important
}

a.bg-inverse:focus,
a.bg-inverse:hover,
button.bg-inverse:focus,
button.bg-inverse:hover {
    background-color: #20203c!important
}

.bg-cyan {
    background-color: #5099ff!important
}

a.bg-cyan:focus,
a.bg-cyan:hover,
button.bg-cyan:focus,
button.bg-cyan:hover {
    background-color: #1d7bff!important
}

.bg-orange {
    background-color: #fb8c00!important
}

a.bg-orange:focus,
a.bg-orange:hover,
button.bg-orange:focus,
button.bg-orange:hover {
    background-color: #c87000!important
}

.bg-purple {
    background-color: #7057d2!important
}

a.bg-purple:focus,
a.bg-purple:hover,
button.bg-purple:focus,
button.bg-purple:hover {
    background-color: #5134c2!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #ddd!important
}

.border-top {
    border-top: 1px solid #ddd!important
}

.border-right {
    border-right: 1px solid #ddd!important
}

.border-bottom {
    border-bottom: 1px solid #ddd!important
}

.border-left {
    border-left: 1px solid #ddd!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #7057d2!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #02cccd!important
}

.border-info {
    border-color: #222222!important
}

.border-warning {
    border-color: #ffab2e!important
}

.border-danger {
    border-color: #EA183C!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

.border-light-100 {
    border-color: #f2f6fb!important
}

.border-light-danger {
    border-color: #fef6fb!important
}

.border-light-warning {
    border-color: #fff7eb!important
}

.border-light-success {
    border-color: #e4fbf8!important
}

.border-light-cyan {
    border-color: #d8f9f5!important
}

.border-light-info {
    border-color: #eef5ff!important
}

.border-inverse {
    border-color: #32325d!important
}

.border-cyan {
    border-color: #5099ff!important
}

.border-orange {
    border-color: #fb8c00!important
}

.border-purple {
    border-color: #7057d2!important
}

.border-white {
    border-color: #fff!important
}

.rounded-sm {
    border-radius: 1px!important
}

.rounded-right,
.rounded-top {
    border-top-right-radius: 2px!important
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: 2px!important
}

.rounded-left,
.rounded-top {
    border-top-left-radius: 2px!important
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: 2px!important
}

.rounded,
.rounded-lg {
    border-radius: 2px!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix::after {
    display: block;
    clear: both
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-row {
        display: table-row!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: flex!important
    }
    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-row {
        display: table-row!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: flex!important
    }
    .d-md-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-row {
        display: table-row!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: flex!important
    }
    .d-lg-inline-flex {
        display: inline-flex!important
    }
}
@media (min-width:1199px) {
    .d-xl-none {
        display: none!important
    }
}
@media (min-width:1600px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-row {
        display: table-row!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: flex!important
    }
    .d-xl-inline-flex {
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }
    .d-print-inline {
        display: inline!important
    }
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-block {
        display: block!important
    }
    .d-print-table {
        display: table!important
    }
    .d-print-table-row {
        display: table-row!important
    }
    .d-print-table-cell {
        display: table-cell!important
    }
    .d-print-flex {
        display: flex!important
    }
    .d-print-inline-flex {
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row!important
    }
    .flex-sm-column {
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-sm-fill {
        flex: 1 1 auto!important
    }
    .flex-sm-grow-0 {
        flex-grow: 0!important
    }
    .flex-sm-grow-1 {
        flex-grow: 1!important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-sm-start {
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        justify-content: center!important
    }
    .justify-content-sm-between {
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        justify-content: space-around!important
    }
    .align-items-sm-start {
        align-items: flex-start!important
    }
    .align-items-sm-end {
        align-items: flex-end!important
    }
    .align-items-sm-center {
        align-items: center!important
    }
    .align-items-sm-baseline {
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        align-items: stretch!important
    }
    .align-content-sm-start {
        align-content: flex-start!important
    }
    .align-content-sm-end {
        align-content: flex-end!important
    }
    .align-content-sm-center {
        align-content: center!important
    }
    .align-content-sm-between {
        align-content: space-between!important
    }
    .align-content-sm-around {
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        align-content: stretch!important
    }
    .align-self-sm-auto {
        align-self: auto!important
    }
    .align-self-sm-start {
        align-self: flex-start!important
    }
    .align-self-sm-end {
        align-self: flex-end!important
    }
    .align-self-sm-center {
        align-self: center!important
    }
    .align-self-sm-baseline {
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row!important
    }
    .flex-md-column {
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-md-fill {
        flex: 1 1 auto!important
    }
    .flex-md-grow-0 {
        flex-grow: 0!important
    }
    .flex-md-grow-1 {
        flex-grow: 1!important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-md-start {
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        justify-content: center!important
    }
    .justify-content-md-between {
        justify-content: space-between!important
    }
    .justify-content-md-around {
        justify-content: space-around!important
    }
    .align-items-md-start {
        align-items: flex-start!important
    }
    .align-items-md-end {
        align-items: flex-end!important
    }
    .align-items-md-center {
        align-items: center!important
    }
    .align-items-md-baseline {
        align-items: baseline!important
    }
    .align-items-md-stretch {
        align-items: stretch!important
    }
    .align-content-md-start {
        align-content: flex-start!important
    }
    .align-content-md-end {
        align-content: flex-end!important
    }
    .align-content-md-center {
        align-content: center!important
    }
    .align-content-md-between {
        align-content: space-between!important
    }
    .align-content-md-around {
        align-content: space-around!important
    }
    .align-content-md-stretch {
        align-content: stretch!important
    }
    .align-self-md-auto {
        align-self: auto!important
    }
    .align-self-md-start {
        align-self: flex-start!important
    }
    .align-self-md-end {
        align-self: flex-end!important
    }
    .align-self-md-center {
        align-self: center!important
    }
    .align-self-md-baseline {
        align-self: baseline!important
    }
    .align-self-md-stretch {
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left!important
    }
    .float-sm-right {
        float: right!important
    }
    .float-sm-none {
        float: none!important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left!important
    }
    .float-md-right {
        float: right!important
    }
    .float-md-none {
        float: none!important
    }
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    z-index: 1030;
    right: 0;
    left: 0
}

.fixed-top {
    top: 0
}

.fixed-bottom {
    bottom: 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 2px 9px 0 rgba(169, 184, 200, .2)!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}

.shadow-none {
    box-shadow: none!important
}

.w-15 {
    width: 15%!important
}

.w-10 {
    width: 10%!important
}

.w-25 {
    width: 25%!important
}

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

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.w-30 {
    width: 30%!important
}

.w-35 {
    width: 35%!important
}

.w-40 {
    width: 40%!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.h-30 {
    height: 30%!important
}

.h-35 {
    height: 35%!important
}

.h-40 {
    height: 40%!important
}

@media (min-width:576px) {
    .w-sm-25 {
        width: 25%!important
    }
    .w-sm-50 {
        width: 50%!important
    }
    .w-sm-75 {
        width: 75%!important
    }
    .w-sm-100 {
        width: 100%!important
    }
    .w-sm-auto {
        width: auto!important
    }
    .w-sm-30 {
        width: 30%!important
    }
    .w-sm-35 {
        width: 35%!important
    }
    .w-sm-40 {
        width: 40%!important
    }
    .h-sm-25 {
        height: 25%!important
    }
    .h-sm-50 {
        height: 50%!important
    }
    .h-sm-75 {
        height: 75%!important
    }
    .h-sm-100 {
        height: 100%!important
    }
    .h-sm-auto {
        height: auto!important
    }
    .h-sm-30 {
        height: 30%!important
    }
    .h-sm-35 {
        height: 35%!important
    }
    .h-sm-40 {
        height: 40%!important
    }
}

@media (min-width:768px) {
    .w-md-25 {
        width: 25%!important
    }
    .w-md-50 {
        width: 50%!important
    }
    .w-md-75 {
        width: 75%!important
    }
    .w-md-100 {
        width: 100%!important
    }
    .w-md-auto {
        width: auto!important
    }
    .w-md-30 {
        width: 30%!important
    }
    .w-md-35 {
        width: 35%!important
    }
    .w-md-40 {
        width: 40%!important
    }
    .h-md-25 {
        height: 25%!important
    }
    .h-md-50 {
        height: 50%!important
    }
    .h-md-75 {
        height: 75%!important
    }
    .h-md-100 {
        height: 100%!important
    }
    .h-md-auto {
        height: auto!important
    }
    .h-md-30 {
        height: 30%!important
    }
    .h-md-35 {
        height: 35%!important
    }
    .h-md-40 {
        height: 40%!important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row!important
    }
    .flex-lg-column {
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-lg-fill {
        flex: 1 1 auto!important
    }
    .flex-lg-grow-0 {
        flex-grow: 0!important
    }
    .flex-lg-grow-1 {
        flex-grow: 1!important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-lg-start {
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        justify-content: center!important
    }
    .justify-content-lg-between {
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        justify-content: space-around!important
    }
    .align-items-lg-start {
        align-items: flex-start!important
    }
    .align-items-lg-end {
        align-items: flex-end!important
    }
    .align-items-lg-center {
        align-items: center!important
    }
    .align-items-lg-baseline {
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        align-items: stretch!important
    }
    .align-content-lg-start {
        align-content: flex-start!important
    }
    .align-content-lg-end {
        align-content: flex-end!important
    }
    .align-content-lg-center {
        align-content: center!important
    }
    .align-content-lg-between {
        align-content: space-between!important
    }
    .align-content-lg-around {
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        align-content: stretch!important
    }
    .align-self-lg-auto {
        align-self: auto!important
    }
    .align-self-lg-start {
        align-self: flex-start!important
    }
    .align-self-lg-end {
        align-self: flex-end!important
    }
    .align-self-lg-center {
        align-self: center!important
    }
    .align-self-lg-baseline {
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        align-self: stretch!important
    }
    .float-lg-left {
        float: left!important
    }
    .float-lg-right {
        float: right!important
    }
    .float-lg-none {
        float: none!important
    }
    .w-lg-25 {
        width: 25%!important
    }
    .w-lg-50 {
        width: 50%!important
    }
    .w-lg-75 {
        width: 75%!important
    }
    .w-lg-100 {
        width: 100%!important
    }
    .w-lg-auto {
        width: auto!important
    }
    .w-lg-30 {
        width: 30%!important
    }
    .w-lg-35 {
        width: 35%!important
    }
    .w-lg-40 {
        width: 40%!important
    }
    .h-lg-25 {
        height: 25%!important
    }
    .h-lg-50 {
        height: 50%!important
    }
    .h-lg-75 {
        height: 75%!important
    }
    .h-lg-100 {
        height: 100%!important
    }
    .h-lg-auto {
        height: auto!important
    }
    .h-lg-30 {
        height: 30%!important
    }
    .h-lg-35 {
        height: 35%!important
    }
    .h-lg-40 {
        height: 40%!important
    }
}

@media (min-width:1600px) {
    .flex-xl-row {
        flex-direction: row!important
    }
    .flex-xl-column {
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-xl-fill {
        flex: 1 1 auto!important
    }
    .flex-xl-grow-0 {
        flex-grow: 0!important
    }
    .flex-xl-grow-1 {
        flex-grow: 1!important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-xl-start {
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        justify-content: center!important
    }
    .justify-content-xl-between {
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        justify-content: space-around!important
    }
    .align-items-xl-start {
        align-items: flex-start!important
    }
    .align-items-xl-end {
        align-items: flex-end!important
    }
    .align-items-xl-center {
        align-items: center!important
    }
    .align-items-xl-baseline {
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        align-items: stretch!important
    }
    .align-content-xl-start {
        align-content: flex-start!important
    }
    .align-content-xl-end {
        align-content: flex-end!important
    }
    .align-content-xl-center {
        align-content: center!important
    }
    .align-content-xl-between {
        align-content: space-between!important
    }
    .align-content-xl-around {
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        align-content: stretch!important
    }
    .align-self-xl-auto {
        align-self: auto!important
    }
    .align-self-xl-start {
        align-self: flex-start!important
    }
    .align-self-xl-end {
        align-self: flex-end!important
    }
    .align-self-xl-center {
        align-self: center!important
    }
    .align-self-xl-baseline {
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        align-self: stretch!important
    }
    .float-xl-left {
        float: left!important
    }
    .float-xl-right {
        float: right!important
    }
    .float-xl-none {
        float: none!important
    }
    .w-xl-25 {
        width: 25%!important
    }
    .w-xl-50 {
        width: 50%!important
    }
    .w-xl-75 {
        width: 75%!important
    }
    .w-xl-100 {
        width: 100%!important
    }
    .w-xl-auto {
        width: auto!important
    }
    .w-xl-30 {
        width: 30%!important
    }
    .w-xl-35 {
        width: 35%!important
    }
    .w-xl-40 {
        width: 40%!important
    }
    .h-xl-25 {
        height: 25%!important
    }
    .h-xl-50 {
        height: 50%!important
    }
    .h-xl-75 {
        height: 75%!important
    }
    .h-xl-100 {
        height: 100%!important
    }
    .h-xl-auto {
        height: auto!important
    }
    .h-xl-30 {
        height: 30%!important
    }
    .h-xl-35 {
        height: 35%!important
    }
    .h-xl-40 {
        height: 40%!important
    }
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.vw-100 {
    width: 100vw!important
}

.vh-100 {
    height: 100vh!important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0)
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem!important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem!important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem!important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem!important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem!important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem!important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem!important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem!important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem!important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem!important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem!important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem!important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem!important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem!important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem!important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-n1 {
        margin: -.25rem!important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem!important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem!important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem!important
    }
    .m-sm-n2 {
        margin: -.5rem!important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem!important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem!important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem!important
    }
    .m-sm-n3 {
        margin: -1rem!important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem!important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem!important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem!important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem!important
    }
    .m-sm-n4 {
        margin: -1.5rem!important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem!important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem!important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem!important
    }
    .m-sm-n5 {
        margin: -3rem!important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem!important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem!important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem!important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-n1 {
        margin: -.25rem!important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem!important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem!important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem!important
    }
    .m-md-n2 {
        margin: -.5rem!important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem!important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem!important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem!important
    }
    .m-md-n3 {
        margin: -1rem!important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem!important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem!important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem!important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem!important
    }
    .m-md-n4 {
        margin: -1.5rem!important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem!important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem!important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem!important
    }
    .m-md-n5 {
        margin: -3rem!important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem!important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem!important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem!important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important
}

.text-justify {
    text-align: justify!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left!important
    }
    .text-md-right {
        text-align: right!important
    }
    .text-md-center {
        text-align: center!important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-n1 {
        margin: -.25rem!important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem!important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem!important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem!important
    }
    .m-lg-n2 {
        margin: -.5rem!important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem!important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem!important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem!important
    }
    .m-lg-n3 {
        margin: -1rem!important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem!important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem!important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem!important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem!important
    }
    .m-lg-n4 {
        margin: -1.5rem!important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem!important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem!important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem!important
    }
    .m-lg-n5 {
        margin: -3rem!important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem!important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem!important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem!important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
    .text-lg-left {
        text-align: left!important
    }
    .text-lg-right {
        text-align: right!important
    }
    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width:1600px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-n1 {
        margin: -.25rem!important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem!important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem!important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem!important
    }
    .m-xl-n2 {
        margin: -.5rem!important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem!important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem!important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem!important
    }
    .m-xl-n3 {
        margin: -1rem!important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem!important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem!important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem!important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem!important
    }
    .m-xl-n4 {
        margin: -1.5rem!important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem!important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem!important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem!important
    }
    .m-xl-n5 {
        margin: -3rem!important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem!important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem!important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem!important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
    .text-xl-left {
        text-align: left!important
    }
    .text-xl-right {
        text-align: right!important
    }
    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-lighter {
    font-weight: lighter!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-semibold {
    font-weight: 500!important
}

.font-weight-bolder {
    font-weight: bold!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #7057d2!important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #482fae!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54!important
}

.text-success {
    color: #02cccd!important
}

a.text-success:focus,
a.text-success:hover {
    color: #018181!important
}

.text-info {
    color: #EA183C!important
}

a.text-info:focus,
a.text-info:hover {
    color: #0a1ede!important
}

.text-warning {
    color: #ffab2e!important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #e18600!important
}

.text-danger {
    color: #EA183C!important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #ef0082!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416!important
}

.text-light-100 {
    color: #f2f6fb!important
}

a.text-light-100:focus,
a.text-light-100:hover {
    color: #b8cee9!important
}

.text-light-danger {
    color: #fef6fb!important
}

a.text-light-danger:focus,
a.text-light-danger:hover {
    color: #f6b1dc!important
}

.text-light-warning {
    color: #fff7eb!important
}

a.text-light-warning:focus,
a.text-light-warning:hover {
    color: #ffd89f!important
}

.text-light-success {
    color: #e4fbf8!important
}

a.text-light-success:focus,
a.text-light-success:hover {
    color: #a1f1e7!important
}

.text-light-cyan {
    color: #d8f9f5!important
}

a.text-light-cyan:focus,
a.text-light-cyan:hover {
    color: #96efe4!important
}

.text-light-info {
    color: #eef5ff!important
}

a.text-light-info:focus,
a.text-light-info:hover {
    color: #a2c8ff!important
}

.text-inverse {
    color: #32325d!important
}

a.text-inverse:focus,
a.text-inverse:hover {
    color: #17172b!important
}

.text-cyan {
    color: #5099ff!important
}

a.text-cyan:focus,
a.text-cyan:hover {
    color: #046cff!important
}

.text-orange {
    color: #fb8c00!important
}

a.text-orange:focus,
a.text-orange:hover {
    color: #af6100!important
}

.text-purple {
    color: #7057d2!important
}

a.text-purple:focus,
a.text-purple:hover {
    color: #482fae!important
}

.text-body {
    color: #333333!important
}

.text-muted {
    color: #8392a5!important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5)!important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5)!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none!important
}

.text-break {
    word-break: break-word!important;
    overflow-wrap: break-word!important
}

.text-reset {
    color: inherit!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
    ::after,
    ::before {
        text-shadow: none!important;
        box-shadow: none!important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap!important
    }
    blockquote,
    pre {
        border: 1px solid #a1aab2
    }
    thead {
        display: table-header-group
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    .container,
    body {
        min-width: 992px!important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td,
    .table th {
        background-color: #fff!important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6!important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #ddd
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #ddd
    }
}

#main-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative
}

.page-wrapper {
    background: #f6f6f6;
    position: relative;
    display: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.page-wrapper>.container-fluid {
    padding: 30px 20px;
    min-height: calc(100vh - 260px)
}

.footer {
    padding: 15px 20px
}

.left-part {
    height: 100%;
    width: 260px;
    position: absolute;
    border-right: 1px solid #ddd
}

.left-part.fixed-left-part {
    position: fixed;
    top: 0;
    padding-top: 10px
}

.left-part .show-left-part {
    position: absolute;
    top: 45%;
    right: -41px
}

.right-part {
    width: calc(100% - 260px);
    min-height: calc(100vh - 64px);
    overflow: auto;
    margin-left: 260px
}

.reverse-mode .left-part {
    right: 0;
    border-left: 1px solid #ddd
}

.reverse-mode .show-left-part {
    right: auto;
    left: -41px
}

.reverse-mode .right-part {
    margin-left: 0;
    margin-right: 260px
}

#main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper {
    margin-left: 260px
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-header {
    position: fixed;
    z-index: 10 
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .app-container,
#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .left-sidebar {
    position: fixed
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .topbar {
    position: fixed;
    width: 100%
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper {
    padding-top: 90px
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .app-container {
    position: fixed
}

#main-wrapper[data-layout=vertical][data-boxed-layout=boxed] {
    margin: 0 auto;
    position: relative;
    box-shadow: 1px 0 80px rgba(0, 0, 0, .2)
}

#main-wrapper[data-layout=vertical][data-boxed-layout=boxed][data-header-position=fixed] .topbar {
   
}

@media (min-width:1199px) {
    #main-wrapper[data-layout=vertical].docs .left-sidebar .scroll-sidebar {
        height: 100%;
        padding-top: 25px
    }
    #main-wrapper[data-layout=vertical].docs .page-wrapper {
        margin-right: 0
    }
    #main-wrapper[data-layout=vertical] .page-wrapper {
        margin-right: 30px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header {
        width: 260px
    }
    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse {
        margin-left: 260px
    }
    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper {
        margin-left: 65px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header {
        width: 65px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header .navbar-brand {
        padding: 0 20px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header .logo-icon,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header .logo-text {
        display: none
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo {
        width: 260px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo .logo-icon,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo .logo-text {
        display: inline-block
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .profile-section,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .has-arrow:after,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .hide-menu,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link::before {
        display: none
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .user-profile .profile-pic {
        width: 40px;
        height: 40px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .user-profile .profile-pic .profile-dd {
        top: 26px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .nav-small-cap {
        justify-content: center
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .list-divider {
        margin: 10px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link {
        padding: 12px 15px;
        margin-right: 0
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link i {
        margin-right: 0;
        margin-left: 7px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .profile-section,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .has-arrow:after,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .hide-menu,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link::before {
        display: block
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar {
        width: 65px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .scroll-sidebar {
        height: calc(100% - 64px)
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover {
        width: 260px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .user-profile .profile-pic {
        width: 60px;
        height: 60px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .user-profile .profile-pic .profile-dd {
        top: 39px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .list-divider {
        margin: 20px 0
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .sidebar-link {
        margin-right: 17px
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .sidebar-link i {
        margin-right: 8px;
        margin-left: 0
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .nav-small-cap {
        justify-content: flex-start
    }
}

@media (max-width:1198.98px) {
    #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar {
        left: -260px
    }
    #main-wrapper.show-sidebar .left-sidebar {
        left: 0
    }
    #main-wrapper[data-layout=vertical][data-header-position=fixed][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse,
    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse {
        position: relative;
        top: 90px
    }
    .left-part {
        left: -260px;
        background: #fff;
        z-index: 1;
        position: fixed;
        transition: .1s ease-in
    }
    .left-part.show-panel {
        left: 0
    }
    .reverse-mode .left-part {
        right: -260px;
        left: auto
    }
    .reverse-mode .left-part.show-panel {
        right: 0
    }
    .right-part {
        width: 100%;
        margin-left: 0
    }
}

.preloader {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    background: #fff
}

.lds-ripple {
    display: inline-block;
    width: 64px;
    height: 64px;
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px)
}

.lds-ripple .lds-pos {
    position: absolute;
    border: 2px solid #EA183C;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, .1, .5, 1) infinite
}

.topbar,
.topbar .customize-input {
    position: relative
}

.lds-ripple .lds-pos:nth-child(2) {
    animation-delay: -.5s
}

@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 0
    }
    5% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1
    }
    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0
    }
}

.topbar {
    z-index: 50;
    transition: .2s ease-in;
    background: 0 0
}

.topbar .navbar-collapse {
    padding: 0 10px 0 0
}

.topbar .top-navbar {
    padding: 0
}

.topbar .top-navbar .navbar-header {
    line-height: 90px;
    background: 0 0
}

.topbar .top-navbar .navbar-header .navbar-brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0 10px;
    height: 90px
}

.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none
}

.topbar .top-navbar .navbar-header .navbar-brand .logo-icon {
    margin-right: 5px
}

.topbar .top-navbar .navbar-header .navbar-brand .line {
    background: #fff;
    height: 2px;
    margin-bottom: 4px;
    display: block;
    transition: .3s ease-in
}

/*
.left-sidebar,
.topbar .top-navbar .navbar-nav>.nav-item {
    transition: .2s ease-in
}*/

.topbar .top-navbar .navbar-header .navbar-brand .line.line-1,
.topbar .top-navbar .navbar-header .navbar-brand .line.line-3 {
    width: 11px;
    margin-left: 7px
}

.topbar .top-navbar .navbar-header .navbar-brand .line.line-2 {
    width: 18px
}

.topbar .top-navbar .navbar-header .navbar-brand:hover .line.line-1,
.topbar .top-navbar .navbar-header .navbar-brand:hover .line.line-3 {
    width: 18px;
    margin-left: 0
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    padding: 0 15px;
    font-size: 1rem;
    line-height: 90px
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link.search-bar {
    border-left: 1px solid rgba(255, 255, 255, .2)
}

.topbar .mailbox,
.topbar .user-dd {
    min-width: 280px
}

.topbar .nav-toggler,
.topbar .topbartoggler {
    color: #fff;
    padding: 0 15px
}

.topbar .customize-input .form-control,
.topbar .customize-input::placeholder {
    color: rgba(255, 255, 255, .5)
}

.topbar .customize-input .form-control {
    border-radius: 22px;
    padding: .5625rem 2.6rem .5625rem 1.55rem;
    color: #6c757d;
    line-height: 16px;
    background-color: rgba(0, 0, 0, .1);
    border: none
}

.topbar .customize-input .form-control-icon {
    position: absolute;
    top: 7px;
    right: 14px;
    height: 20px;
    width: 20px
}

.search-box .app-search {
    z-index: 110;
    width: 100%;
    top: -1px;
    box-shadow: 0 3px 9px 0 rgba(162, 176, 190, .15);
    display: none;
    left: 0
}

.search-box .app-search .form-control {
    padding: 23px 40px 20px 23px;
    transition: .2s ease-in;
    height: 65px
}

.search-box .app-search .form-control:focus {
    border-color: transparent
}

.search-box .app-search .srh-btn {
    position: absolute;
    top: 23px;
    cursor: pointer;
    right: 20px
}

.topbar .mega-dropdown {
    position: static
}

.topbar .mega-dropdown .dropdown-menu {
    padding: 30px;
    width: 100%;
    max-height: 480px;
    overflow: auto
}

.topbar .dropdown-menu {
    padding-top: 0;
    border: 0;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .1)
}

.customizer,
.sidebar-shadow {
    box-shadow: 0 3px 9px 0 rgba(162, 176, 190, .15)
}

.topbar .dropdown-menu .with-arrow {
    position: absolute;
    height: 10px;
    overflow: hidden;
    width: 40px;
    top: -10px
}

.topbar .dropdown-menu .with-arrow>span {
    background-color: #fff;
    width: 15px;
    height: 15px;
    top: 3px;
    left: 15px;
    position: absolute;
    content: "";
    -moz-border-radius: 6px 0 0;
    border-radius: 6px 0 0
}

.topbar .dropdown-menu.dropdown-menu-right .with-arrow {
    right: 0
}

.topbar .dropdown-menu.dropdown-menu-right .with-arrow>span {
    right: 20px;
    left: auto
}

.topbar-dropdown-width .dropdown-menu {
    min-width: 500px
}

@media (max-width:1199px) {
    .topbar .top-navbar .navbar-collapse.collapsing,
    .topbar .top-navbar .navbar-collapse.show {
        display: block;
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, .1)
    }
    .topbar .top-navbar .navbar-nav {
        flex-direction: row
    }
    .topbar .top-navbar .navbar-nav .dropdown {
        position: static
    }
    .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
        padding: 0 10px
    }
    .topbar .top-navbar .navbar-header {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between
    }
    .topbar .top-navbar .dropdown-menu {
        position: absolute;
        width: 100%
    }
    .topbar .top-navbar .dropdown-menu .with-arrow {
        display: none
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .mailbox .message-center {
        height: 145px!important
    }
}

.left-sidebar {
    position: absolute;
    width: 260px;
    height: 100%;
    top: 0;
    z-index: 10;
    padding-top: 90px;
    background: 0 0
}

.scroll-sidebar,
.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link {
    position: relative
}

.scroll-sidebar {
    height: calc(100% - 230px)
}

.sidebar-nav ul .list-divider {
    height: 1px;
    background: #fff;
    display: block;
    margin: 20px 0;
    opacity: .1
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    color: #fff;
    font-size: 15px;
    padding: 12px 15px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    line-height: 27px;
    opacity: .9;
    margin-right: 17px
}

.sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
.sidebar-nav ul .sidebar-item .sidebar-link i {
    font-style: normal;
    height: 20px;
    width: 20px;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin-right: 8px
}

.sidebar-nav ul .sidebar-item .sidebar-link.active,
.sidebar-nav ul .sidebar-item .sidebar-link:hover {
    opacity: 1;
    background: #w3942ce;
}

.sidebar-nav ul .sidebar-item .sidebar-link .hide-menu {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    border-radius: 0 60px 60px 0;
    color: #fff!important;
    background: linear-gradient(to right, #4051f6, #475cf3, #4f65ef, #586eea, #6177e5);
    opacity: 1
}

.sidebar-nav ul .nav-small-cap,
.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link.active,
.sidebar-nav ul .sidebar-item.selected>.sidebar-link .feather-icon,
.sidebar-nav ul .sidebar-item.selected>.sidebar-link i,
.user-profile,
.user-profile a:not(.dropdown-item) {
    color: #fff
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link .has-arrow::after {
    border-color: #fff
}

.sidebar-nav ul .sidebar-item .first-level {
    padding: 0 0 10px
}

.sidebar-nav ul .sidebar-item .first-level .nav-small-cap {
    font-size: 12px;
    font-weight: 500
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link::before {
    content: '';
    display: block;
    background: rgba(0, 0, 0, .1);
    height: 1px;
    width: 12px;
    position: absolute;
    left: 0;
    top: 23px
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active+.base-level-line {
    display: block
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
    padding: 12px 15px
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i {
    font-size: 20px;
    line-height: 20px
}

.sidebar-nav ul .nav-small-cap {
    font-size: 14px;
    padding: 20px 15px 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
    line-height: 30px;
    opacity: 1
}

.sidebar-nav ul .nav-small-cap i {
    line-height: 30px;
    margin: 0 5px
}

.sidebar-nav .base-level-line {
    border-left: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    margin-left: 25px;
    display: none
}

.sidebar-nav ul {
    margin: 0;
    padding: 0
}

.sidebar-nav ul li {
    list-style: none
}

.collapse.in {
    display: block
}

.sidebar-nav .has-arrow {
    position: relative
}

.sidebar-nav .has-arrow::after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #fff;
    margin-left: 10px;
    -webkit-transform: rotate(223deg) translate(0, -50%);
    -ms-transform: rotate(223deg) translate(0, -50%);
    -o-transform: rotate(223deg) translate(0, -50%);
    transform: rotate(223deg) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 27px;
    right: 15px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.sidebar-nav .has-arrow[aria-expanded=true]::after,
.sidebar-nav li.active>.has-arrow::after,
.sidebar-nav li>.has-arrow.active::after {
    -webkit-transform: rotate(44deg) translate(0, -50%);
    -ms-transform: rotate(44deg) translate(0, -50%);
    -o-transform: rotate(44deg) translate(0, -50%);
    transform: rotate(44deg) translate(0, -50%)
}

.sidebar-nav li.selected>.has-arrow.active::after,
.sidebar-nav li.selected>.has-arrow::after {
    border-color: #fff
}

.user-profile .badge-no {
    position: absolute;
    top: 20px;
    right: 29px;
    line-height: 13px;
    padding: 2px 5px;
    font-weight: 300
}

.table th,
.table thead th,
b,
html body .font-weight-medium,
strong {
    font-weight: 500
}

.user-profile .menubar-height {
    line-height: 48px
}

.user-profile .profile-pic {
    background-image: url(../../assets/images/users/profile-pic-2.jpg);
    width: 60px;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat
}

.user-profile .profile-pic .profile-dd {
    position: absolute;
    right: -3px;
    top: 39px;
    line-height: 10px;
    padding: 3px 4px 0
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header,
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    line-height: 70px
}

.user-profile .border-top {
    border-top: 1px solid rgba(255, 255, 255, .3)!important
}

.user-profile .border-right {
    border-right: 1px solid rgba(255, 255, 255, .3)!important
}

.user-profile .border-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, .3)!important
}

.customizer {
    background: #f8f9fa;
    position: fixed;
    height: 100%;
    width: 280px;
    top: 0;
    right: -280px;
    z-index: 100;
    transition: .3s ease-in
}

.customizer .service-panel-toggle {
    background: #EA183C;
    padding: 12px 20px;
    color: #fff;
    position: absolute;
    top: 45%;
    left: -54px
}

.customizer.show-service-panel {
    right: 0
}

.customizer .customizer-body {
    position: relative;
    height: 100%
}

.custom-control-label::after,
.custom-control-label::before {
    top: .15rem
}

.theme-color {
    padding: 0;
    margin: 0;
    list-style: none
}

.theme-color .theme-item {
    list-style: none;
    display: inline-block;
    margin-right: 5px
}

.theme-color .theme-item .theme-link {
    border-radius: 100%; 
    width: 20px;
    height: 20px;
    display: block
}

#main-wrapper[data-layout=horizontal][data-header-position=fixed] .topbar,
#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .topbar {
    width: 100%;
    position: fixed
}

.theme-color .theme-item .theme-link[data-navbarbg=skin1],
.theme-color .theme-item .theme-link[data-sidebarbg=skin1] {
    background: -webkit-linear-gradient(0deg, #EA183C 0, #EA183C 100%)
}

.theme-color .theme-item .theme-link[data-navbarbg=skin2],
.theme-color .theme-item .theme-link[data-sidebarbg=skin2] {
    background: #fe5419
}

.theme-color .theme-item .theme-link[data-navbarbg=skin3],
.theme-color .theme-item .theme-link[data-sidebarbg=skin3] {
    background: #00b0ff
}

.theme-color .theme-item .theme-link[data-navbarbg=skin4],
.theme-color .theme-item .theme-link[data-sidebarbg=skin4] {
    background: #6659f7
}

.theme-color .theme-item .theme-link[data-navbarbg=skin5],
.theme-color .theme-item .theme-link[data-sidebarbg=skin5] {
    background: #1d2e42
}

.theme-color .theme-item .theme-link[data-navbarbg=skin6],
.theme-color .theme-item .theme-link[data-sidebarbg=skin6] {
    background: #a1aab2
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header .navbar-brand {
    height: 70px
}

#main-wrapper[data-layout=horizontal][data-header-position=fixed] .left-sidebar {
    padding-top: 70px
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .left-sidebar {
    padding-top: 70px;
    position: fixed
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .page-wrapper {
    padding-top: 78px
}

@media (min-width:992px) {
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item .sidebar-link {
        padding: 10px 25px 10px 20px
    }
}

html[dir=rtl] .pl-0,
html[dir=rtl] .pr-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

@media (min-width:1199px) {
    #main-wrapper[data-layout=horizontal] {
        background: #f6f6f6
    }
    #main-wrapper[data-layout=horizontal] .topbar {
        transition: 0s
    }
    #main-wrapper[data-layout=horizontal] .page-wrapper {
        box-shadow: none
    }
    #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper,
    #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .scroll-sidebar,
    #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .top-navbar {
        margin: 0 auto;
        position: relative;
    }
    #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .sidebar-nav #sidebarnav {
        flex-wrap: wrap
    }
    #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .sidebar-nav #sidebarnav>.sidebar-item>.has-arrow:after {
        display: block
    }
    #main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .page-wrapper {
        padding-top: 128px
    }
    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header {
        width: 244px;
        border-right: 1px solid rgba(0, 0, 0, .1)
    }
    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-collapse .navbar-nav .nav-item .search-bar {
        padding-right: 0
    }
    #main-wrapper[data-layout=horizontal] .topbar .sidebartoggler {
        display: none
    }
    #main-wrapper[data-layout=horizontal] .left-sidebar {
        width: 100%;
        height: auto;
        position: relative;
        padding-top: 0;
        z-index: 45;
        transition: 0s
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav ul {
        display: flex
    }
    #main-wrapper[data-layout=horizontal] .scroll-sidebar {
        height: auto
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav {
        display: flex;
        width: 100%
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item {
        position: relative;
        width: auto
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item .sidebar-link {
        margin-right: 0
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item .sidebar-link .feather-icon,
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item .sidebar-link i {
        margin-right: 10px
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-item.selected>.sidebar-link {
        border-radius: 0
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:first-child {
        border-left: 1px solid rgba(255, 255, 255, .35)
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item {
        border-right: 1px solid rgba(255, 255, 255, .35)
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:last-child {
        border-right: none
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.has-arrow:after {
        transform: rotate(-135deg) translate(0, -50%)
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:last-child>.first-level {
        right: 0;
        left: auto
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.two-column+.first-level {
        width: 400px
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.two-column+.first-level>.sidebar-item {
        float: left;
        width: 50%;
        vertical-align: top
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item ul {
        position: absolute;
        left: 0;
        top: auto;
        width: 220px;
        padding-bottom: 0;
        z-index: 100;
        display: none;
        box-shadow: 5px 10px 20px rgba(0, 0, 0, .1)
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav ul.first-level>.sidebar-item:hover ul.second-level,
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level,
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level.collapse {
        display: block
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.mega-dropdown {
        position: static
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.mega-dropdown .first-level {
        width: 100%
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.mega-dropdown .first-level>li {
        width: 25%;
        float: left
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover {
        background: rgba(0, 0, 0, .1)
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level.collapse:after,
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level:after {
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, .025);
        top: 0;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: -1
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item ul.second-level {
        left: 220px;
        top: 0
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item .first-level .right-side-dd ul.second-level,
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:last-child>.first-level ul.second-level {
        right: 220px;
        top: 0;
        left: auto
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .badge,
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .nav-small-cap,
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-footer,
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .user-pro,
    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.has-arrow:after {
        display: none
    }
    #main-wrapper[data-layout=horizontal] .sidebar-nav .has-arrow::after {
        right: 20px
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item {
        border-right: 1px solid rgba(255, 255, 255, .35)
    }

    #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .sidebar-nav #sidebarnav{
        flex-wrap: initial;
    }

    .scroll-sidebar {
        overflow-x: auto;
        white-space: nowrap;
    }
}

html[dir=rtl] .ml-0,
html[dir=rtl] .mr-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

@media (min-width:768px) and (max-width:1023px) {
    #main-wrapper[data-layout=horizontal] .sidebar-nav>ul>.sidebar-item>.sidebar-link .feather-icon
    {
        display: none
    }

    [data-sidebar-position=fixed] .left-sidebar {
        overflow: auto
    }
}

html[dir=rtl] .float-none {
    float: none!important
}

@media (min-width:576px) {
    html[dir=rtl] .float-sm-left {
        float: right!important
    }
    html[dir=rtl] .float-sm-right {
        float: left!important
    }
    html[dir=rtl] .float-sm-none {
        float: none!important
    }
}

@media (min-width:768px) {
    html[dir=rtl] .float-md-left {
        float: right!important
    }
    html[dir=rtl] .float-md-right {
        float: left!important
    }
    html[dir=rtl] .float-md-none {
        float: none!important
    }
}

html[dir=rtl] .mr-1 {
    margin-left: .25rem!important;
    margin-right: 0!important
}

html[dir=rtl] .ml-1 {
    margin-right: .25rem!important;
    margin-left: 0!important
}

html[dir=rtl] .mr-2 {
    margin-left: .5rem!important;
    margin-right: 0!important
}

html[dir=rtl] .ml-2 {
    margin-right: .5rem!important;
    margin-left: 0!important
}

html[dir=rtl] .mr-3 {
    margin-left: 1rem!important;
    margin-right: 0!important
}

html[dir=rtl] .ml-3 {
    margin-right: 1rem!important;
    margin-left: 0!important
}

html[dir=rtl] .mr-4 {
    margin-left: 1.5rem!important;
    margin-right: 0!important
}

html[dir=rtl] .ml-4 {
    margin-right: 1.5rem!important;
    margin-left: 0!important
}

html[dir=rtl] .mr-5 {
    margin-left: 3rem!important;
    margin-right: 0!important
}

html[dir=rtl] .ml-5 {
    margin-right: 3rem!important;
    margin-left: 0!important
}

html[dir=rtl] .pr-1 {
    padding-left: .25rem!important;
    padding-right: 0!important
}

html[dir=rtl] .pl-1 {
    padding-right: .25rem!important;
    padding-left: 0!important
}

html[dir=rtl] .pr-2 {
    padding-left: .5rem!important;
    padding-right: 0!important
}

html[dir=rtl] .pl-2 {
    padding-right: .5rem!important;
    padding-left: 0!important
}

html[dir=rtl] .pr-3 {
    padding-left: 1rem!important;
    padding-right: 0!important
}

html[dir=rtl] .pl-3 {
    padding-right: 1rem!important;
    padding-left: 0!important
}

html[dir=rtl] .pr-4 {
    padding-left: 1.5rem!important;
    padding-right: 0!important
}

html[dir=rtl] .pl-4 {
    padding-right: 1.5rem!important;
    padding-left: 0!important
}

html[dir=rtl] .pr-5 {
    padding-left: 3rem!important;
    padding-right: 0!important
}

html[dir=rtl] .pl-5 {
    padding-right: 3rem!important;
    padding-left: 0!important
}

@media (min-width:576px) {
    html[dir=rtl] .ml-sm-0,
    html[dir=rtl] .mr-sm-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    html[dir=rtl] .pl-sm-0,
    html[dir=rtl] .pr-sm-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    html[dir=rtl] .mr-sm-1 {
        margin-left: .25rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-sm-1 {
        margin-right: .25rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-sm-2 {
        margin-left: .5rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-sm-2 {
        margin-right: .5rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-sm-3 {
        margin-left: 1rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-sm-3 {
        margin-right: 1rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-sm-4 {
        margin-left: 1.5rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-sm-5 {
        margin-left: 3rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-sm-5 {
        margin-right: 3rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .pr-sm-1 {
        padding-left: .25rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-sm-1 {
        padding-right: .25rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-sm-2 {
        padding-left: .5rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-sm-2 {
        padding-right: .5rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-sm-3 {
        padding-left: 1rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-sm-3 {
        padding-right: 1rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-sm-4 {
        padding-left: 1.5rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-sm-5 {
        padding-left: 3rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-sm-5 {
        padding-right: 3rem!important;
        padding-left: 0!important
    }
}

@media (min-width:768px) {
    html[dir=rtl] .ml-md-0,
    html[dir=rtl] .mr-md-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    html[dir=rtl] .pl-md-0,
    html[dir=rtl] .pr-md-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    html[dir=rtl] .mr-md-1 {
        margin-left: .25rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-md-1 {
        margin-right: .25rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-md-2 {
        margin-left: .5rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-md-2 {
        margin-right: .5rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-md-3 {
        margin-left: 1rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-md-3 {
        margin-right: 1rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-md-4 {
        margin-left: 1.5rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-md-5 {
        margin-left: 3rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-md-5 {
        margin-right: 3rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .pr-md-1 {
        padding-left: .25rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-md-1 {
        padding-right: .25rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-md-2 {
        padding-left: .5rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-md-2 {
        padding-right: .5rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-md-3 {
        padding-left: 1rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-md-3 {
        padding-right: 1rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-md-4 {
        padding-left: 1.5rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-md-5 {
        padding-left: 3rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-md-5 {
        padding-right: 3rem!important;
        padding-left: 0!important
    }
}

@media (min-width:992px) {
    html[dir=rtl] .float-lg-left {
        float: right!important
    }
    html[dir=rtl] .float-lg-right {
        float: left!important
    }
    html[dir=rtl] .float-lg-none {
        float: none!important
    }
    html[dir=rtl] .ml-lg-0,
    html[dir=rtl] .mr-lg-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    html[dir=rtl] .pl-lg-0,
    html[dir=rtl] .pr-lg-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    html[dir=rtl] .mr-lg-1 {
        margin-left: .25rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-lg-1 {
        margin-right: .25rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-lg-2 {
        margin-left: .5rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-lg-2 {
        margin-right: .5rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-lg-3 {
        margin-left: 1rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-lg-3 {
        margin-right: 1rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-lg-4 {
        margin-left: 1.5rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-lg-5 {
        margin-left: 3rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-lg-5 {
        margin-right: 3rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .pr-lg-1 {
        padding-left: .25rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-lg-1 {
        padding-right: .25rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-lg-2 {
        padding-left: .5rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-lg-2 {
        padding-right: .5rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-lg-3 {
        padding-left: 1rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-lg-3 {
        padding-right: 1rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-lg-4 {
        padding-left: 1.5rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-lg-5 {
        padding-left: 3rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-lg-5 {
        padding-right: 3rem!important;
        padding-left: 0!important
    }
}

@media (min-width:1600px) {
    html[dir=rtl] .float-xl-left {
        float: right!important
    }
    html[dir=rtl] .float-xl-right {
        float: left!important
    }
    html[dir=rtl] .float-xl-none {
        float: none!important
    }
    html[dir=rtl] .ml-xl-0,
    html[dir=rtl] .mr-xl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    html[dir=rtl] .pl-xl-0,
    html[dir=rtl] .pr-xl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    html[dir=rtl] .mr-xl-1 {
        margin-left: .25rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-xl-1 {
        margin-right: .25rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-xl-2 {
        margin-left: .5rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-xl-2 {
        margin-right: .5rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-xl-3 {
        margin-left: 1rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-xl-3 {
        margin-right: 1rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-xl-4 {
        margin-left: 1.5rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .mr-xl-5 {
        margin-left: 3rem!important;
        margin-right: 0!important
    }
    html[dir=rtl] .ml-xl-5 {
        margin-right: 3rem!important;
        margin-left: 0!important
    }
    html[dir=rtl] .pr-xl-1 {
        padding-left: .25rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-xl-1 {
        padding-right: .25rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-xl-2 {
        padding-left: .5rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-xl-2 {
        padding-right: .5rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-xl-3 {
        padding-left: 1rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-xl-3 {
        padding-right: 1rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-xl-4 {
        padding-left: 1.5rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 0!important
    }
    html[dir=rtl] .pr-xl-5 {
        padding-left: 3rem!important;
        padding-right: 0!important
    }
    html[dir=rtl] .pl-xl-5 {
        padding-right: 3rem!important;
        padding-left: 0!important
    }
}

html[dir=rtl] body {
    text-align: right;
    direction: rtl
}

html[dir=rtl] .page-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-right: .5rem;
    padding-left: 0
}

html[dir=rtl] .page-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "/";
    padding-right: 0;
    padding-left: .5rem
}

html[dir=rtl] .custom-select {
    padding: .375rem .75rem .375rem 1.75rem;
    background: url(../../assets/images/custom-select.png) left .95rem center no-repeat #fff
}

html[dir=rtl] .custom-control {
    padding-left: 0;
    padding-right: 1.5rem
}

html[dir=rtl] .custom-control-label::after,
html[dir=rtl] .custom-control-label::before {
    left: auto;
    right: -25px
}

html[dir=rtl] .list-group {
    padding: 0
}

html[dir=rtl] .float-left {
    float: right!important
}

html[dir=rtl] .float-right {
    float: left!important
}

html[dir=rtl] .text-left {
    text-align: right!important
}

html[dir=rtl] .text-right {
    text-align: left!important
}

html[dir=rtl] .close {
    float: left
}

html[dir=rtl] .modal-header .close {
    float: left;
    margin: -1rem auto -1rem -1rem
}

html[dir=rtl] .wizard-content .wizard.vertical>.steps,
html[dir=rtl] .wizard>.actions>ul>li,
html[dir=rtl] .wizard>.steps>ul>li {
    float: right
}

html[dir=rtl] .modal-footer>:not(:last-child) {
    margin-left: .25rem;
    margin-right: 0
}

html[dir=rtl] .ml-auto {
    margin-right: auto!important;
    margin-left: 0!important
}

html[dir=rtl] .mr-auto {
    margin-left: auto!important;
    margin-right: 0!important
}

html[dir=rtl] .border-right {
    border-right: none!important;
    border-left: 1px solid #ddd!important
}

html[dir=rtl] .border-left {
    border-left: none!important;
    border-right: 1px solid #ddd!important
}

html[dir=rtl] .alert-dismissible {
    padding-left: 3.8125rem;
    padding-right: 1.25rem
}

html[dir=rtl] .alert-dismissible .close {
    left: 0;
    right: auto
}

html[dir=rtl] .custom-file-label {
    left: auto;
    right: 0;
    width: 100%
}

html[dir=rtl] .custom-file-label::after,
html[dir=rtl] .dropdown-menu-right {
    right: auto;
    left: 0
}

html[dir=rtl] .dropdown-menu {
    text-align: right
}

html[dir=rtl] .topbar .navbar-collapse {
    padding: 0 0 0 10px
}

html[dir=rtl] .list-unstyled,
html[dir=rtl] .nav,
html[dir=rtl] .navbar-nav,
html[dir=rtl] .pagination {
    padding-right: 0
}

html[dir=rtl] .topbar .top-navbar .navbar-header .navbar-brand .logo-icon {
    margin-right: 0
}

html[dir=rtl] .topbar .dropdown-menu.dropdown-menu-right .with-arrow {
    left: 0;
    right: auto
}

html[dir=rtl] .topbar .dropdown-menu.dropdown-menu-right .with-arrow>span {
    left: 20px;
    right: auto
}

html[dir=rtl] .topbar .top-navbar .navbar-nav>.nav-item>.nav-link.search-bar {
    border-right: 1px solid rgba(255, 255, 255, .5);
    border-left: 0
}

html[dir=rtl] .mailbox .message-center .message-item .mail-contnet {
    padding-right: 10px;
    padding-left: 0
}

html[dir=rtl] .customizer {
    left: -280px;
    right: auto
}

html[dir=rtl] .customizer.show-service-panel {
    left: 0;
    right: auto
}

html[dir=rtl] .customizer .service-panel-toggle {
    right: -54px;
    left: auto
}

html[dir=rtl] .sidebar-nav .base-level-line {
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, .1);
    margin-right: 25px;
    margin-left: 0
}

html[dir=rtl] .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link::before {
    left: auto;
    right: 0
}

html[dir=rtl] .sidebar-nav .has-arrow::after {
    margin-left: 0;
    margin-right: 10px;
    right: auto;
    left: 15px
}

html[dir=rtl] .sidebar-nav ul .sidebar-item .sidebar-link,
html[dir=rtl] .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
html[dir=rtl] .sidebar-nav ul .sidebar-item .sidebar-link i {
    margin-right: 0;
    margin-left: 17px
}

html[dir=rtl] .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    border-radius: 60px 0 0 60px
}

html[dir=rtl] .status-carousel .carousel-control-prev {
    right: unset;
    left: 0
}

html[dir=rtl] .status-carousel .carousel-control-next {
    right: unset;
    left: 42px
}

html[dir=rtl] .border-left-line {
    border-right: 1px solid #ddd;
    border-left: 0;
    margin-left: 0;
    margin-right: 17px
}

html[dir=rtl] .border-left-line .btn-item {
    margin-right: -24px;
    margin-left: unset
}

html[dir=rtl] .product-badge {
    right: 17px;
    left: unset
}

html[dir=rtl] .left-part {
    border-left: 1px solid #ddd;
    border-right: none
}

html[dir=rtl] .left-part .show-left-part {
    left: -41px;
    right: auto
}

html[dir=rtl] .right-part {
    margin-right: 260px;
    margin-left: 0
}

html[dir=rtl] .reverse-mode .left-part {
    right: auto;
    left: 0
}

html[dir=rtl] .reverse-mode .show-left-part {
    left: auto;
    right: -41px
}

html[dir=rtl] .reverse-mode .right-part {
    margin-right: 0;
    margin-left: 260px
}

html[dir=rtl] .profiletimeline {
    padding-right: 40px;
    padding-left: 0;
    margin: 40px 30px 0 10px;
    border-right: 1px solid #ddd;
    border-left: none
}

html[dir=rtl] .profiletimeline .sl-left {
    float: right;
    margin-right: -60px;
    margin-left: 15px
}

html[dir=rtl] .feed-widget .feed-body .feed-item>.feed-icon {
    margin-right: 0;
    margin-left: 10px
}

html[dir=rtl] div.dataTables_wrapper div.dataTables_filter {
    text-align: left
}

html[dir=rtl] table.table-bordered.dataTable td,
html[dir=rtl] table.table-bordered.dataTable th {
    border-left-width: 1px
}

html[dir=rtl] div.dataTables_wrapper div.dataTables_filter input {
    margin-right: .5rem;
    margin-left: 0
}

html[dir=rtl] div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
    padding-left: 1px
}

html[dir=rtl] .lobilists .lobilist-actions {
    right: auto;
    left: 8px
}

html[dir=rtl] .lobilists .lobilist-item .todo-actions {
    right: auto;
    left: 4px
}

html[dir=rtl] .lobilists .lobilist-check {
    left: auto;
    right: 12px
}

html[dir=rtl] .lobilists .lobilist-item,
html[dir=rtl] .lobilists .lobilist-item-placeholder {
    padding-left: 0;
    padding-right: 35px
}

html[dir=rtl] .lobilists .lobilist-item .drag-handler {
    left: auto;
    right: 0
}

html[dir=rtl] .lobilists .lobilist-placeholder,
html[dir=rtl] .lobilists .lobilist-wrapper {
    margin-left: 16px;
    margin-right: 0
}

html[dir=rtl] .datepicker {
    direction: rtl
}

html[dir=rtl] .minicolors .minicolors-grid {
    right: 22px;
    left: auto
}

html[dir=rtl] .wizard-content .wizard>.steps>ul>li:after {
    right: auto;
    left: 0
}

html[dir=rtl] .wizard-content .wizard>.steps>ul>li:before {
    left: auto;
    right: 0
}

html[dir=rtl] .customize-input .form-control-icon {
    left: 14px;
    right: unset
}

html[dir=rtl] .css-bar>i {
    margin-left: 0;
    margin-right: 5px
}

html[dir=rtl] .treeview span.icon {
    margin-right: 0;
    margin-left: 5px
}

html[dir=rtl] #main-wrapper[data-sidebartype=full] .page-wrapper {
    margin-right: 260px;
    margin-left: 30px
}

html[dir=rtl] .dz-hidden-input {
    display: none
}

@media (min-width:768px) {
    html[dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse {
        margin-right: 260px;
        margin-left: 0
    }
    html[dir=rtl] #main-wrapper[data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse {
        margin-right: 65px;
        margin-left: 0
    }
    html[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .page-wrapper {
        margin-right: 65px;
        margin-left: 30px
    }
    html[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .sidebar-nav .has-arrow:after,
    html[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .sidebar-nav .hide-menu {
        display: none
    }
    html[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .sidebar-nav .nav-small-cap {
        justify-content: center
    }
    html[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link {
        padding: 12px 15px;
        margin-left: 0
    }
    html[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
    html[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link i {
        margin-left: 0;
        margin-right: 7px
    }
    html[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .sidebar-link {
        margin-left: 17px;
        margin-right: 0
    }
    html[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
    html[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .sidebar-link i {
        margin-left: 8px;
        margin-right: 0
    }
    html[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link::before {
        display: block
    }
}

@media (max-width:766px) {
    html[dir=rtl] #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar {
        right: -260px;
        left: auto
    }
    html[dir=rtl] #main-wrapper.show-sidebar .left-sidebar {
        right: 0;
        left: auto
    }
    html[dir=rtl] .left-part {
        right: -260px;
        left: auto
    }
    html[dir=rtl] .left-part.show-panel {
        right: 0;
        left: auto
    }
    html[dir=rtl] .right-part {
        margin-right: 0
    }
}

body[data-theme=dark] .cke_top,
body[data-theme=dark] .css-bar:after,
body[data-theme=dark] .dtp>.dtp-content,
body[data-theme=dark] .jsgrid-header-row>.jsgrid-header-cell,
body[data-theme=dark] .jsgrid-row>.jsgrid-cell,
body[data-theme=dark] .lobilists .lobilist,
body[data-theme=dark] .note-editor.note-frame .note-editing-area .note-editable,
body[data-theme=dark] .note-editor.note-frame .note-statusbar,
body[data-theme=dark] .select2-container--classic .select2-selection--single,
body[data-theme=dark] .select2-container--default .select2-selection--multiple,
body[data-theme=dark] .select2-container--default .select2-selection--single {
    background-color: #fff
}

body[data-theme=dark] .dropdown-item:focus,
body[data-theme=dark] .dropdown-item:hover,
body[data-theme=dark] .dropzone,
body[data-theme=dark] .mailbox .message-center .message-item:hover,
body[data-theme=dark] .picker__button--clear,
body[data-theme=dark] .picker__button--close,
body[data-theme=dark] .picker__button--today {
    background: #fff
}

body[data-theme=dark] .card-footer,
body[data-theme=dark] .left-part,
body[data-theme=dark] .right-part.mail-compose,
body[data-theme=dark] .right-part.mail-details,
body[data-theme=dark] .right-part.mail-list,
body[data-theme=dark] .select2-dropdown,
body[data-theme=dark] .typeahead.form-control {
    background-color: #fff!important
}

body[data-theme=dark] .cke_toolbar_separator,
body[data-theme=dark] .footable .pagination li a,
body[data-theme=dark] .wizard-content .wizard>.steps .step,
body[data-theme=dark] .wizard:not(.wizard-circle)>.actions .disabled a,
body[data-theme=dark] .wizard:not(.wizard-circle)>.actions .disabled a:active,
body[data-theme=dark] .wizard:not(.wizard-circle)>.actions .disabled a:hover,
body[data-theme=dark] .wizard:not(.wizard-circle)>.content,
body[data-theme=dark] .wizard:not(.wizard-circle)>.steps .disabled a,
body[data-theme=dark] .wizard:not(.wizard-circle)>.steps .disabled a:active,
body[data-theme=dark] .wizard:not(.wizard-circle)>.steps .disabled a:hover {
    background-color: #fff
}

body[data-theme=dark] .daterangepicker,
body[data-theme=dark] .daterangepicker .calendar-table,
body[data-theme=dark] .fc-toolbar .fc-button.fc-state-active,
body[data-theme=dark] .fc-unthemed td.fc-today,
body[data-theme=dark] .picker--time .picker__box,
body[data-theme=dark] .picker__box,
body[data-theme=dark] .picker__list-item {
    background: #343a40
}

body[data-theme=dark] .fc-unthemed .fc-divider,
body[data-theme=dark] .fc-unthemed .fc-list-heading td,
body[data-theme=dark] .fc-unthemed .fc-popover .fc-header {
    background: #333333
}

body[data-theme=dark] .daterangepicker td.off,
body[data-theme=dark] .daterangepicker td.off.end-date,
body[data-theme=dark] .daterangepicker td.off.in-range,
body[data-theme=dark] .daterangepicker td.off.start-date {
    background: #000
}

body[data-theme=dark] .timeline:before {
    background-color: #343a40
}

body[data-theme=dark] .cd-horizontal-timeline .events {
    background: #343a40
}

body[data-theme=dark] .bootstrap-switch .bootstrap-switch-label,
body[data-theme=dark] .cd-horizontal-timeline .events a::after,
body[data-theme=dark] .css-bar>i,
body[data-theme=dark] .dp-off,
body[data-theme=dark] .footable-odd,
body[data-theme=dark] .jsgrid-alt-row>.jsgrid-cell,
body[data-theme=dark] .jsgrid-filter-row>.jsgrid-cell,
body[data-theme=dark] .mce-menu-item.mce-disabled,
body[data-theme=dark] .mce-menu-item.mce-disabled:hover,
body[data-theme=dark] .noUi-target,
body[data-theme=dark] .noUi-tooltip,
body[data-theme=dark] .striped-rows .row:nth-child(odd),
body[data-theme=dark] div.mce-edit-area {
    background: #f8f9fa!important
}

body[data-theme=dark] .chat-list .chat-item .chat-content .box.bg-light-info,
body[data-theme=dark] .f-icon:hover,
body[data-theme=dark] .if-icon:hover,
body[data-theme=dark] .m-icon:hover,
body[data-theme=dark] .mce-content-body,
body[data-theme=dark] .mce-panel,
body[data-theme=dark] .myadmin-dd .dd-list .dd-item .dd-handle,
body[data-theme=dark] .myadmin-dd-empty .dd-list .dd3-content,
body[data-theme=dark] .myadmin-dd-empty .dd-list .dd3-handle,
body[data-theme=dark] .sl-icon:hover,
body[data-theme=dark] .t-icon:hover,
body[data-theme=dark] .toast,
body[data-theme=dark] .toast-header,
body[data-theme=dark] .w-icon:hover,
body[data-theme=dark] pre[class*=language-] {
    background-color: #262d35!important
}

body[data-theme=dark] .timeline>.timeline-item>.timeline-panel:after {
    border-right: #ddd;
    border-left: #ddd
}

body[data-theme=dark] .mce-menubar .mce-menubtn.mce-active,
body[data-theme=dark] .mce-menubar .mce-menubtn:focus,
body[data-theme=dark] .mce-menubar .mce-menubtn:hover {
    background: #343a40;
    border-color: #ddd
}

body[data-theme=dark] .mce-btn {
    background: #343a40;
    text-shadow: none
}

body[data-theme=dark] .chat-list .chat-item .chat-content .box.bg-light-info,
body[data-theme=dark] .cke_reset_all,
body[data-theme=dark] .cke_reset_all *,
body[data-theme=dark] .cke_reset_all a,
body[data-theme=dark] .cke_reset_all textarea,
body[data-theme=dark] .dtp .dtp-picker-time>a,
body[data-theme=dark] .dtp table.dtp-picker-days tr>td>a,
body[data-theme=dark] .lobilists .btn-link,
body[data-theme=dark] .mce-ico,
body[data-theme=dark] .mce-menubar .mce-menubtn button span,
body[data-theme=dark] .noUi-tooltip,
body[data-theme=dark] .note-editor.note-frame .note-editing-area .note-editable,
body[data-theme=dark] .picker,
body[data-theme=dark] .select2-container--classic .select2-selection--single,
body[data-theme=dark] .select2-container--default .select2-selection--multiple,
body[data-theme=dark] .select2-container--default .select2-selection--single,
body[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__arrow,
body[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333333!important
}

body[data-theme=dark] .lobilists .lobilist-item-title,
body[data-theme=dark] .mailbox .message-center .message-item .message-title,
body[data-theme=dark] .wizard-content .wizard>.steps>ul>li.current>a {
    color: #fff
}

body[data-theme=dark] .b-form .row,
body[data-theme=dark] .bootstrap-switch,
body[data-theme=dark] .border-left-line,
body[data-theme=dark] .cd-horizontal-timeline .events a::after,
body[data-theme=dark] .cd-timeline-navigation a,
body[data-theme=dark] .cke_chrome,
body[data-theme=dark] .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after,
body[data-theme=dark] .cke_toolgroup a.cke_button:last-child:after,
body[data-theme=dark] .datepaginator .pagination li a,
body[data-theme=dark] .datepaginator-lg .pagination li a,
body[data-theme=dark] .datepaginator-sm .pagination li a,
body[data-theme=dark] .daterangepicker,
body[data-theme=dark] .daterangepicker .calendar-table,
body[data-theme=dark] .daterangepicker .drp-buttons,
body[data-theme=dark] .dropzone,
body[data-theme=dark] .e-campaign .c-cost,
body[data-theme=dark] .fixed-table-container,
body[data-theme=dark] .footable .pagination li a,
body[data-theme=dark] .jsgrid-edit-row>.jsgrid-cell,
body[data-theme=dark] .jsgrid-filter-row>.jsgrid-cell,
body[data-theme=dark] .jsgrid-grid-body,
body[data-theme=dark] .jsgrid-grid-header,
body[data-theme=dark] .jsgrid-header-row>.jsgrid-header-cell,
body[data-theme=dark] .jsgrid-insert-row>.jsgrid-cell,
body[data-theme=dark] .jsgrid-pager-current-page,
body[data-theme=dark] .jsgrid-pager-nav-button a,
body[data-theme=dark] .jsgrid-pager-page a,
body[data-theme=dark] .left-part,
body[data-theme=dark] .lobilists .lobilist,
body[data-theme=dark] .lobilists .lobilist-footer,
body[data-theme=dark] .lobilists .lobilist-form-footer,
body[data-theme=dark] .lobilists .lobilist-item,
body[data-theme=dark] .lobilists .lobilist-item .drag-handler,
body[data-theme=dark] .mailbox .message-center .message-item,
body[data-theme=dark] .mailbox .nav-link,
body[data-theme=dark] .mce-btn-group:not(:first-child),
body[data-theme=dark] .mce-btn:active,
body[data-theme=dark] .mce-btn:hover,
body[data-theme=dark] .mce-menubar,
body[data-theme=dark] .mce-panel,
body[data-theme=dark] .mce-splitbtn:hover .mce-open,
body[data-theme=dark] .noUi-tooltip,
body[data-theme=dark] .note-editor.note-frame,
body[data-theme=dark] .note-editor.note-frame .note-statusbar,
body[data-theme=dark] .picker__button--clear,
body[data-theme=dark] .picker__button--close,
body[data-theme=dark] .picker__button--today,
body[data-theme=dark] .picker__list-item,
body[data-theme=dark] .profiletimeline,
body[data-theme=dark] .ql-container.ql-snow,
body[data-theme=dark] .ql-toolbar.ql-snow,
body[data-theme=dark] .r-separator .form-group,
body[data-theme=dark] .select2-container--classic .select2-selection--single,
body[data-theme=dark] .select2-container--default .select2-selection--multiple,
body[data-theme=dark] .select2-container--default .select2-selection--single,
body[data-theme=dark] .select2-dropdown,
body[data-theme=dark] .timeline>.timeline-item>.timeline-panel,
body[data-theme=dark] .wizard-content .wizard.wizard-circle>.steps .step,
body[data-theme=dark] pre[class*=language-] {
    border-color: #ddd!important
}

body[data-theme=dark] table.footable,
body[data-theme=dark] table.footable-details {
    border: #ddd!important
}

body[data-theme=dark] .dd-handle,
body[data-theme=dark] .dd3-content {
    border: 1px solid #212529
}

body[data-theme=dark] .wizard-content .wizard>.steps>ul>li.current .step {
    border-color: #222222!important;
    background-color: #000
}

body[data-theme=dark] .wizard-content .wizard.wizard-circle>.steps>ul>li.current:after,
body[data-theme=dark] .wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:after,
body[data-theme=dark] .wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:before {
    background-color: #ddd
}

body[data-theme=dark] .wizard-content .wizard.vertical>.steps>ul>li.current:after,
body[data-theme=dark] .wizard-content .wizard.vertical>.steps>ul>li.current:before,
body[data-theme=dark] .wizard-content .wizard.vertical>.steps>ul>li.current~li:after,
body[data-theme=dark] .wizard-content .wizard.vertical>.steps>ul>li.current~li:before,
body[data-theme=dark] .wizard-content .wizard.vertical>.steps>ul>li:after,
body[data-theme=dark] .wizard-content .wizard.vertical>.steps>ul>li:before {
    background-color: transparent
}

body[data-theme=dark] .ct-label {
    fill: #333333;
    color: #333333
}

body[data-theme=dark] .ct-grid {
    stroke: #262d35
}

#main-wrapper[data-layout=vertical] .app-container[data-navbarbg=skin1],
#main-wrapper[data-layout=horizontal] .app-container[data-navbarbg=skin1] {
    background: -webkit-linear-gradient(0deg, #EA183C 0, #EA183C 100%)
}

#main-wrapper[data-layout=vertical] .app-container[data-navbarbg=skin2],
#main-wrapper[data-layout=horizontal] .app-container[data-navbarbg=skin2] {
    background: #fe5419
}

#main-wrapper[data-layout=vertical] .app-container[data-navbarbg=skin3],
#main-wrapper[data-layout=horizontal] .app-container[data-navbarbg=skin3] {
    background: #00b0ff
}

#main-wrapper[data-layout=vertical] .app-container[data-navbarbg=skin4],
#main-wrapper[data-layout=horizontal] .app-container[data-navbarbg=skin4] {
    background: #6659f7
}

#main-wrapper[data-layout=vertical] .app-container[data-navbarbg=skin5],
#main-wrapper[data-layout=horizontal] .app-container[data-navbarbg=skin5] {
    background: #1d2e42
}

#main-wrapper[data-layout=vertical] .app-container[data-navbarbg=skin6],
#main-wrapper[data-layout=horizontal] .app-container[data-navbarbg=skin6] {
    background: #f2f6fb
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin1] .topbar,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin1] .topbar {
    background: -webkit-linear-gradient(0deg, #EA183C 0, #EA183C 100%)
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin1] .left-sidebar:hover .user-profile,
#main-wrapper[data-layout=vertical][data-navbarbg=skin1] .topbar .expand-logo,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin1] .left-sidebar:hover .user-profile,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin1] .topbar .expand-logo {
    background: #4550f7
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin2] .left-sidebar:hover .user-profile,
#main-wrapper[data-layout=vertical][data-navbarbg=skin2] .topbar,
#main-wrapper[data-layout=vertical][data-navbarbg=skin2] .topbar .expand-logo,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin2] .left-sidebar:hover .user-profile,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin2] .topbar,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin2] .topbar .expand-logo {
    background: #fe5419
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin3] .left-sidebar:hover .user-profile,
#main-wrapper[data-layout=vertical][data-navbarbg=skin3] .topbar,
#main-wrapper[data-layout=vertical][data-navbarbg=skin3] .topbar .expand-logo,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin3] .left-sidebar:hover .user-profile,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin3] .topbar,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin3] .topbar .expand-logo {
    background: #00b0ff
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin4] .left-sidebar:hover .user-profile,
#main-wrapper[data-layout=vertical][data-navbarbg=skin4] .topbar,
#main-wrapper[data-layout=vertical][data-navbarbg=skin4] .topbar .expand-logo,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin4] .left-sidebar:hover .user-profile,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin4] .topbar,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin4] .topbar .expand-logo {
    background: #6659f7
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin5] .left-sidebar:hover .user-profile,
#main-wrapper[data-layout=vertical][data-navbarbg=skin5] .topbar,
#main-wrapper[data-layout=vertical][data-navbarbg=skin5] .topbar .expand-logo,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin5] .left-sidebar:hover .user-profile,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin5] .topbar,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin5] .topbar .expand-logo {
    background: #1d2e42
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .topbar,
#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .topbar .expand-logo,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .topbar,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .topbar .expand-logo {
    background: #fff
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .navbar-brand .dark-logo,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .navbar-brand .dark-logo {
    display: inline
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .navbar-brand .light-logo,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .navbar-brand .light-logo {
    display: none
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .navbar-brand .line,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .navbar-brand .line {
    background: #a1aab2
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .nav-toggler,
#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .topbartoggler,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .nav-toggler,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .topbartoggler {
    color: #333333
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .left-sidebar:hover .user-profile,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .left-sidebar:hover .user-profile {
    background: #f2f6fb
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .user-profile,
#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .user-profile a,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .user-profile,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .user-profile a {
    color: #818181
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .user-profile .border-top,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .user-profile .border-top {
    border-top: 1px solid #a1aab2!important
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .user-profile .border-bottom,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .user-profile .border-bottom {
    border-bottom: 1px solid #a1aab2!important
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .user-profile .border-right,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .user-profile .border-right {
    border-right: 1px solid #a1aab2!important
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .topbar .top-navbar .navbar-nav>.nav-item>.nav-link.search-bar,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .topbar .top-navbar .navbar-nav>.nav-item>.nav-link.search-bar {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .topbar .customize-input .form-control,
#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .topbar .customize-input::placeholder,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .topbar .customize-input .form-control,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .topbar .customize-input::placeholder {
    color: #9ba4b1
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .customize-input-v4 .form-control,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .customize-input-v4 .form-control {
    color: #9ba4b1
}

#main-wrapper[data-layout=vertical][data-navbarbg=skin6] .customize-input-v4 .form-control::placeholder,
#main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .customize-input-v4 .form-control::placeholder {
    color: #9ba4b1
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .user-profile-pic,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .user-profile-pic a,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item .sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .user-profile-pic,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .user-profile-pic a,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .user-profile-pic,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .user-profile-pic a,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item .sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .user-profile-pic,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .user-profile-pic a {
    color: #818181
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin1],
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin1] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin1],
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin1] ul {
    background: -webkit-linear-gradient(0deg, #EA183C 0, #EA183C 100%);
    padding: 0 15px;
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin1] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin1] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin1] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin1] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background: rgba(0, 0, 0, .08)
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin2],
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin2] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin2],
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin2] ul {
    background: #fe5419
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin2] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin2] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin2] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin2] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background: rgba(0, 0, 0, .08);
    box-shadow: none
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin3],
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin3] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin3],
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin3] ul {
    background: #00b0ff
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin3] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin3] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin3] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin3] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background: rgba(0, 0, 0, .08);
    box-shadow: none
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin4],
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin4] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin4],
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin4] ul {
    background: #6659f7
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin4] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin4] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin4] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin4] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background: rgba(0, 0, 0, .08);
    box-shadow: none
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5],
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5],
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] ul {
    background: #1d2e42
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item.selected>.sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background: rgba(0, 0, 0, .08);
    box-shadow: none
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link::before,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] ul .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link::before,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link::before,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] ul .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link::before {
    background: rgba(255, 255, 255, .6)
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6],
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6],
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul {
    background: #f2f6fb
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] .base-level-line,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] ul .base-level-line,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] .base-level-line,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin5] ul .base-level-line {
    border-left: 1px solid rgba(255, 255, 255, .2)
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .list-divider,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .list-divider,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .list-divider,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .list-divider {
    background: #818181
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item .sidebar-link i,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item .sidebar-link i {
    color: #9eabc0
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link.active,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link.active>i,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link.active,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link.active>i,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link.active,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link.active>i,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link.active,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link.active>i {
    color: #343a40
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link .feather-icon,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link i,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link .feather-icon,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link i,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link .feather-icon,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link i,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link .feather-icon,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item.selected>.sidebar-link i {
    color: #fff
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .first-level,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item .first-level,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .first-level,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .sidebar-item .first-level {
    background: #f2f6fb
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .nav-small-cap,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .nav-small-cap,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .nav-small-cap,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav ul .nav-small-cap {
    color: #343a40
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav .has-arrow::after,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav .has-arrow::after {
    border-color: #818181
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-content,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-email,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-name,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav .user-content,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav .user-email,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav .user-name,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-content,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-email,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-name,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav .user-content,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav .user-email,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav .user-name {
    color: #212529
}

#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav li.selected>.has-arrow.active::after,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav li.selected>.has-arrow::after,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav li.selected>.has-arrow.active::after,
#main-wrapper[data-layout=vertical] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav li.selected>.has-arrow::after,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav li.selected>.has-arrow.active::after,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] .sidebar-nav li.selected>.has-arrow::after,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav li.selected>.has-arrow.active::after,
#main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar[data-sidebarbg=skin6] ul .sidebar-nav li.selected>.has-arrow::after {
    border-color: #fff
}

@media (max-width:991.98px) {
    #main-wrapper[data-layout=vertical][data-navbarbg=skin1] .topbar .navbar-collapse,
    #main-wrapper[data-layout=horizontal][data-navbarbg=skin1] .topbar .navbar-collapse {
        background: -webkit-linear-gradient(0deg, #EA183C 0, #EA183C 100%)
    }
    #main-wrapper[data-layout=vertical][data-navbarbg=skin2] .topbar .navbar-collapse,
    #main-wrapper[data-layout=horizontal][data-navbarbg=skin2] .topbar .navbar-collapse {
        background: #fe5419
    }
    #main-wrapper[data-layout=vertical][data-navbarbg=skin3] .topbar .navbar-collapse,
    #main-wrapper[data-layout=horizontal][data-navbarbg=skin3] .topbar .navbar-collapse {
        background: #00b0ff
    }
    #main-wrapper[data-layout=vertical][data-navbarbg=skin4] .topbar .navbar-collapse,
    #main-wrapper[data-layout=horizontal][data-navbarbg=skin4] .topbar .navbar-collapse {
        background: #6659f7
    }
    #main-wrapper[data-layout=vertical][data-navbarbg=skin5] .topbar .navbar-collapse,
    #main-wrapper[data-layout=horizontal][data-navbarbg=skin5] .topbar .navbar-collapse {
        background: #1d2e42
    }
    #main-wrapper[data-layout=vertical][data-navbarbg=skin6] .topbar .navbar-collapse,
    #main-wrapper[data-layout=horizontal][data-navbarbg=skin6] .topbar .navbar-collapse {
        background: #fff
    }
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin1],
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin1] {
        background: -webkit-linear-gradient(0deg, #EA183C 0, #EA183C 100%)
    }
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin2],
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2] {
        background: #fe5419
    }
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin3],
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3] {
        background: #00b0ff
    }
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin4],
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin4] {
        background: #6659f7
    }
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5],
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] {
        background: #1d2e42
    }
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6],
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] {
        background: #f2f6fb
    }
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .user-profile,
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .user-profile a,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .user-profile,
    #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .user-profile a {
        color: #818181
    }
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin1] {
    background: -webkit-linear-gradient(0deg, #EA183C 0, #EA183C 100%)
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin2] {
    background: #fe5419
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin3] {
    background: #00b0ff
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin4] {
    background: #6659f7
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] {
    background: #1d2e42
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] {
    background: #f2f6fb
}

.no-wrap td,
.no-wrap th {
    white-space: nowrap
}

.nowrap {
    white-space: nowrap
}

.v-middle td,
.v-middle th {
    vertical-align: middle
}

.jsgrid-pager-current-page,
.jsgrid-pager-nav-button a,
.jsgrid-pager-page a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #67757c;
    border: 1px solid #ddd
}

.jsgrid-pager-current-page,
.jsgrid-pager-nav-button a:hover,
.jsgrid-pager-page a:hover {
    background-color: #222222;
    color: #fff
}

.jsgrid-pager-nav-button,
.jsgrid-pager-page {
    padding: 0
}

.jsgrid-pager-page.jsgrid-pager-current-page {
    padding: .5em 1em!important
}

.page-breadcrumb {
    padding: 18px 18px 0
}

.page-breadcrumb .breadcrumb {
    background: 0 0;
    font-size: .875rem
}

.page-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #ced4da;
    font-size: 11px
}

.btn-circle,
.btn-circle-lg {
    border-radius: 100%;
    width: 34px;
    height: 34px;
    line-height: 20px;
    padding: 5px
}

.btn-circle .feather,
.btn-circle-lg .feather {
    height: 18px;
    width: 18px
}

.btn-circle-lg {
    width: 57px;
    height: 57px;
    line-height: 35px
}

.btn-circle-lg .feather {
    height: 22px;
    width: 22px
}

* {
    outline: 0
}

body {
    margin: 0;
    overflow-x: hidden;
    color: #333333;
    background: #f6f6f6;
}

html {
    position: relative;
    min-height: 100%
}

a {
    color: #EA183C
}

a:focus,
a:hover {
    text-decoration: none
}

a.link {
    color: #333333
}

a.link:focus,
a.link:hover {
    color: #222222
}

.svg-icon {
    height: 1.2em;
    width: 1.2em
}

.set-doller {
    font-size: 17px;
    top: -9px;
    right: 2px
}

.custom-shadow {
    box-shadow: 0 2px 9px 0 rgba(169, 184, 200, .2)
}

.op-7 {
    opacity: .7
}

html body .font-10 {
    font-size: 10px
}

html body .font-12 {
    font-size: 12px
}

html body .font-14 {
    font-size: 14px
}

html body .font-16 {
    font-size: 16px
}

html body .font-18 {
    font-size: 18px
}

html body .font-20 {
    font-size: 20px
}

.line-height-17 {
    line-height: 17px
}

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

ul.list-style-none li {
    list-style: none
}

ul.list-style-none li a {
    color: #333333;
    padding: 8px 0;
    display: block;
    text-decoration: none
}

ul.list-style-none li a:hover {
    color: #222222
}

.f-icon,
.if-icon,
.m-icon,
.sl-icon,
.t-icon,
.w-icon {
    cursor: pointer;
    padding: 13px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.f-icon:hover,
.if-icon:hover,
.m-icon:hover,
.sl-icon:hover,
.t-icon:hover,
.w-icon:hover {
    background-color: #f8f9fa
}

.m-icon {
    width: 33%;
    display: inline-block
}

@media (max-width:767.98px) {
    .m-icon {
        width: 100%
    }
}

.app-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none;
    height: 329px
}

.box {
    border-radius: 2px;
    padding: 10px
}

.product-badge {
    position: absolute;
    top: -42px;
    left: 17px;
    padding: 7px 14px!important
}

.notify-no {
    position: absolute;
    top: 30px;
    right: 3px;
    line-height: 11px
}

.card,
.card-group {
    margin-bottom: 20px
}

.card-hover {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.card-hover:hover {
    webkit-transform: translateY(-4px) scale(1.01);
    -moz-transform: translateY(-4px) scale(1.01);
    -ms-transform: translateY(-4px) scale(1.01);
    -o-transform: translateY(-4px) scale(1.01);
    transform: translateY(-4px) scale(1.01);
    -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, .1);
    box-shadow: 0 14px 24px rgba(62, 57, 107, .1)
}

.card .card-subtitle {
    font-weight: 300;
    margin-bottom: 10px;
    color: #8392a5
}

.card .card-title {
    position: relative;
    font-weight: 500;
    margin-bottom: 0px
}

.draggable-cards .card-header {
    cursor: move
}

.card-moved .card {
    background: #222222;
    color: #fff
}

.custom-select {
    background: url(../../assets/images/custom-select.png) right .8rem center no-repeat;
    -moz-appearance: none;
    -o-appearance: none;
    background-size: auto
}

.dropdown-menu {
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .1)
}

.dropdown-menu.mailbox {
    max-width: 260px
}

.mailbox .drop-title:after {
    content: "";
    position: absolute;
    background: url(../../assets/images/background/img5.png) no-repeat;
    opacity: .2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover
}

.mailbox .message-center .message-item:hover {
    background: #f8f9fa
}

.mailbox .message-center .message-item .message-title {
    color: #212529
}

.status-carousel .carousel-control-prev {
    right: 42px;
    left: unset
}

.status-carousel .carousel-control-next,
.status-carousel .carousel-control-prev {
    top: -50px;
    height: 36px;
    width: 36px;
    background: #dee2e6;
    border-radius: 50%
}

.popover-item {
    margin-left: -15px
}

.popover-item:hover {
    z-index: 10;
    position: relative
}

.auth-wrapper {
    min-height: 100vh
}

.auth-wrapper .auth-box {
    box-shadow: 0 3px 9px 0 rgba(162, 176, 190, .15);
    max-width: 800px;
    margin: 5% 0;
    position: relative
}

.auth-wrapper .auth-box .modal-bg-img {
    background-size: cover;
    background-position: center center;
    min-height: 280px
}

.auth-wrapper #recoverform {
    display: none
}

.bg-facebook {
    background-color: #3b5a9a
}

.bg-twitter {
    background-color: #56adf2
}

.email-app .list-group .list-group-item {
    background: 0 0
}

.email-app .list-group .list-group-item .list-group-item-action.active,
.email-app .list-group .list-group-item .list-group-item-action:hover {
    background: rgba(0, 0, 0, .03)
}

.email-app .mail-compose,
.email-app .mail-details,
.email-app .mail-list {
    background: #fff
}

.email-app .email-table {
    table-layout: fixed
}

.email-app .email-table .selected {
    background: #fff8e1
}

.email-app .email-table .chb {
    width: 50px
}

.email-app .email-table .time {
    width: 100px
}

.email-app .email-table .clip,
.email-app .email-table .starred {
    width: 25px
}

.email-app .email-table .user-image {
    width: 45px
}

.email-app .email-table .user-name {
    width: 130px
}

@media (max-width:767px) {
    .email-table {
        min-width: 500px
    }
}

.lobilists {
    font-family: Rubik, sans-serif
}

.lobilists .lobilist {
    box-shadow: none
}

.lobilists .lobilist.lobilist-primary {
    border-color: #ddd
}

.lobilists .lobilist.lobilist-primary .lobilist-footer,
.lobilists .lobilist.lobilist-primary .lobilist-form-footer,
.lobilists .lobilist.lobilist-primary .lobilist-header {
    border-color: #7057d2;
    background-color: #7057d2
}

.lobilists .lobilist.lobilist-danger {
    border-color: #ddd
}

.lobilists .lobilist.lobilist-danger .lobilist-footer,
.lobilists .lobilist.lobilist-danger .lobilist-form-footer,
.lobilists .lobilist.lobilist-danger .lobilist-header {
    border-color: #EA183C;
    background-color: #EA183C
}

.lobilists .lobilist.lobilist-info {
    border-color: #ddd
}

.lobilists .lobilist.lobilist-info .lobilist-footer,
.lobilists .lobilist.lobilist-info .lobilist-form-footer,
.lobilists .lobilist.lobilist-info .lobilist-header {
    border-color: #222222;
    background-color: #222222
}

.lobilists .lobilist.lobilist-success {
    border-color: #ddd
}

.lobilists .lobilist.lobilist-success .lobilist-footer,
.lobilists .lobilist.lobilist-success .lobilist-header {
    border-color: #02cccd;
    background-color: #02cccd
}

.lobilists .lobilist-footer,
.lobilists .lobilist-form-footer {
    border-color: #ddd!important;
    background: rgba(0, 0, 0, .02)!important
}

.lobilists .btn-link {
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #343a40!important
}

.lobilists.single-line {
    height: 500px
}

.lobilist,
.lobilists {
    position: relative
}

.lobilists [type=checkbox]:checked,
.lobilists [type=checkbox]:not(:checked) {
    opacity: 1;
    position: relative
}

.lobilists .lobilist-item {
    margin-bottom: 16px;
    padding-top: 5px
}

.lobilists .lobilist-item-title {
    color: #343a40
}

.lobilists .lobilist-item-description {
    font-style: normal;
    font-size: 13px
}

.lobilists .lobilist-check {
    top: 10px
}

.lobilists .lobilist-item-duedate {
    position: relative;
    font-size: 12px;
    left: 0
}

.lobilists .lobilist-actions {
    top: 0
}

.lobilists .lobilist-actions .btn i {
    font-size: 15px;
    vertical-align: middle
}

.twitter-typeahead {
    width: 100%
}

.twitter-typeahead .tt-menu {
    width: 100%;
    background: #fff;
    border: 1px solid #f8f9fa;
    border-radius: 5px;
    padding: .75rem 0
}

.twitter-typeahead .tt-menu .tt-suggestion {
    padding: .25rem .75rem;
    cursor: pointer
}

.twitter-typeahead .tt-menu .tt-suggestion:hover {
    background-color: #7057d2;
    color: #fff
}

.twitter-typeahead .empty-message {
    padding: 5px 10px;
    text-align: center
}

.twitter-typeahead .rtl-typeahead .tt-menu {
    text-align: right
}

.twitter-typeahead .league-name {
    margin: 0 10px 5px;
    padding: 7px 5px 10px;
    border-bottom: 1px solid #ddd
}

.scrollable-dropdown .twitter-typeahead .tt-menu {
    max-height: 80px;
    overflow-y: auto
}

.bootstrap-maxlength {
    margin-top: .5rem
}

.el-element-overlay .white-box {
    padding: 0
}

.el-element-overlay .el-card-item {
    position: relative;
    padding-bottom: 20px
}

.el-element-overlay .el-card-item .el-card-avatar {
    margin-bottom: 20px
}

.el-element-overlay .el-card-item .el-card-content {
    text-align: center
}

.el-element-overlay .el-card-item .el-overlay-1 {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default
}

.el-element-overlay .el-card-item .el-overlay-1 img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    width: 100%;
    height: auto
}

.el-element-overlay .el-card-item .el-overlay-1 .el-info {
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 0;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%) translateZ(0);
    -webkit-transform: translateY(-50%) translateZ(0);
    -ms-transform: translateY(-50%) translateZ(0)
}

.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item {
    list-style: none;
    display: inline-block;
    margin: 0 3px
}

.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link {
    border-color: #fff;
    color: #fff;
    padding: 12px 15px 10px
}

.el-element-overlay .el-card-item .el-overlay-1 .el-info .el-item .el-link:hover {
    background: #222222;
    border-color: #222222
}

.gmaps-overlay_arrow.above,
.gmaps-overlay_arrow.below {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent
}

.el-element-overlay .el-card-item .el-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
    top: -100%
}

.el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
    top: 100%;
    height: 0
}

.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
    top: 0
}

.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {
    top: 0;
    height: 100%
}

.gmaps,
.gmaps-panaroma {
    height: 300px;
    background: #ddd;
    border-radius: 2px
}

.gmaps-overlay {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    background: #222222;
    border-radius: 4px;
    padding: 10px 20px
}

.gmaps-overlay_arrow {
    left: 50%;
    margin-left: -16px;
    width: 0;
    height: 0;
    position: absolute
}

.gmaps-overlay_arrow.above {
    bottom: -15px;
    border-top: 16px solid #222222
}

.gmaps-overlay_arrow.below {
    top: -15px;
    border-bottom: 16px solid #222222
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    width: 10px;
    height: 10px;
    line-height: 10px
}

.jvectormap-zoomout {
    top: 40px
}

.timeline {
    position: relative;
    padding: 20px 0;
    list-style: none;
    max-width: 1450px;
    margin: 0 auto
}

.timeline:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    background-color: #ddd
}

.timeline>.timeline-item {
    position: relative;
    margin-bottom: 20px
}

.timeline>.timeline-item:after,
.timeline>.timeline-item:before {
    content: " ";
    display: table
}

.timeline>.timeline-item:after {
    clear: both
}

.timeline>.timeline-item>.timeline-panel {
    float: left;
    position: relative;
    width: 46%;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .05)
}

.timeline>.timeline-item>.timeline-panel:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 26px;
    right: -8px;
    border-top: 8px solid transparent;
    border-right: 0 solid #ddd;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #ddd
}

.timeline>.timeline-item>.timeline-panel:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 27px;
    right: -7px;
    border-top: 7px solid transparent;
    border-right: 0 solid #fff;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff
}

.timeline>.timeline-item>.timeline-badge {
    z-index: 10;
    position: absolute;
    top: 16px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 50%;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #fff;
    overflow: hidden
}

.timeline-left>.timeline-item>.timeline-panel,
.timeline-right>.timeline-item>.timeline-panel {
    width: calc(100% - 80px)
}

.timeline>.timeline-item>.timeline-badge.primary {
    background-color: #7057d2
}

.timeline>.timeline-item>.timeline-badge.success {
    background-color: #02cccd
}

.timeline>.timeline-item>.timeline-badge.warning {
    background-color: #ffab2e
}

.timeline>.timeline-item>.timeline-badge.danger {
    background-color: #EA183C
}

.timeline>.timeline-item>.timeline-badge.info {
    background-color: #222222
}

.timeline>.timeline-item.timeline-inverted>.timeline-panel {
    float: right
}

.timeline>.timeline-item.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -8px;
    border-right-width: 8px;
    border-left-width: 0
}

.timeline>.timeline-item.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -7px;
    border-right-width: 7px;
    border-left-width: 0
}

.timeline-title {
    margin-top: 0;
    color: inherit;
    font-weight: 400
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0
}

.timeline-left:before {
    left: 30px
}

.timeline-left>.timeline-item>.timeline-badge {
    left: 30px;
    top: 9px
}

.timeline-right:before {
    right: 30px;
    left: auto
}

.timeline-right>.timeline-item>.timeline-badge {
    right: 5px;
    top: 9px;
    left: auto
}

.cd-horizontal-timeline .events a {
    padding-bottom: 6px;
    color: #222222
}

.cd-horizontal-timeline .events a.selected::after {
    border-color: #222222
}

.cd-horizontal-timeline .events a.selected::after,
.cd-horizontal-timeline .filling-line {
    background: #222222
}

.cd-horizontal-timeline .m-t-40 {
    margin-top: 40px!important
}

.myadmin-dd .dd-list .dd3-content {
    height: 36px;
    width: 36px;
    border: 1px solid rgba(120, 130, 140, .13);
    padding: 8px 16px 8px 46px;
    background: #fff;
    font-weight: 400;
    border-bottom: 0
}

.sales,
.stats {
    height: 280px
}

.sales .ct-series-a .ct-area {
    fill-opacity: .2;
    fill: url(#gradient)
}

.sales .ct-series-a .ct-line,
.sales .ct-series-a .ct-point {
    stroke: #5099ff;
    stroke-width: 2px
}

.sales .ct-series-a .ct-point {
    stroke-width: 6px
}

.stats .ct-series-a .ct-area {
    fill-opacity: .2;
    fill: url(#gradient)
}

.stats .ct-series-a .ct-line,
.stats .ct-series-a .ct-point {
    stroke: #222222;
    stroke-width: 3px
}

.stats .ct-series-a .ct-point {
    stroke-width: 3px
}

.c3-chart-arc path {
    stroke: transparent
}

.chartist-tooltip {
    display: inline-block;
    opacity: 0;
    border-radius: 20px;
    padding: 5px 20px;
    background: #5099ff;
    color: #fff;
    text-align: center;
    pointer-events: none;
    z-index: 1;
    font-weight: 500;
    font-size: 13px;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

#visitbylocate .jvectormap-zoomin,
#visitbylocate .jvectormap-zoomout,
.earnings .ct-grid,
.earnings .ct-label.ct-vertical.ct-start {
    display: none
}

.chat-list .chat-item.odd .chat-time,
.chat-list .chat-item.reverse {
    text-align: right
}

.chartist-tooltip:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #5099ff
}

.chartist-tooltip.tooltip-show {
    opacity: 1
}

.c3-chart-arcs-title,
.ct-label {
    color: #a1aab2;
    fill: #a1aab2
}

.jqstooltip {
    box-sizing: content-box
}

#campaign-v2 .c3-chart-arc path,
#campaign-v3 .c3-chart-arc path {
    stroke-width: 4px
}

.chartist-tooltip {
    position: relative
}

.earnings {
    height: 400px
}

.earnings .ct-series-a .ct-area {
    fill-opacity: .2;
    fill: url(#gradient)
}

.earnings .ct-series-a .ct-line,
.earnings .ct-series-a .ct-point {
    stroke: #222222;
    stroke-width: 2px
}

.earnings .ct-series-a .ct-point {
    stroke-width: 6px
}

.circle-chart-widget ul li {
    padding: 0 19px
}

.circle-chart-widget .circle-chart {
    position: relative;
    width: 182px;
    height: 182px;
    margin: auto
}

.circle-chart-widget .circle-chart .c1 {
    position: absolute;
    left: -20px;
    top: 0
}

.circle-chart-widget .circle-chart .c2 {
    position: absolute;
    left: 12px;
    top: 30px
}

.circle-chart-widget .circle-chart .c3 {
    position: absolute;
    left: 43px;
    top: 60px
}

.circle-chart-widget .chart-overlap {
    position: absolute;
    width: 100px;
    top: 99px;
    left: 40px
}

.error-box {
    height: 100%;
    position: fixed;
    background: url(../../../../assets/images/background/error-bg.jpg) center center no-repeat #fff;
    width: 100%
}

.activity .border-left-line,
.profiletimeline {
    border-left: 1px solid #ddd;
    position: relative
}

.error-box .error-body {
    padding-top: 5%
}

.error-box .error-title {
    font-size: 210px;
    font-weight: 900;
    text-shadow: 4px 4px 0 #fff, 6px 6px 0 #343a40;
    line-height: 210px
}

.chat-box {
    overflow: auto
}

.chat-list {
    margin: 0;
    padding: 0
}

.chat-list .chat-item {
    list-style: none;
    margin-top: 30px
}

.chat-list .chat-item .chat-img {
    display: inline-block;
    width: 45px;
    vertical-align: top
}

.chat-list .chat-item .chat-img img {
    width: 45px;
    border-radius: 100%
}

.chat-list .chat-item .chat-content {
    width: calc(100% - 50px);
    display: inline-block;
    padding-left: 15px
}

.chat-list .chat-item .chat-content .box {
    display: inline-block;
    padding: 10px;
    margin-bottom: 3px;
    color: #343a40;
    background: #f8f9fa
}

.chat-list .chat-item .chat-time {
    display: block;
    font-size: 10px;
    color: #4F5467;
    margin: 5px 0 15px 65px
}

.chat-list .chat-item.odd .chat-content {
    text-align: right;
    width: calc(100% - 0px)
}

.chat-list .chat-item.odd .box {
    clear: both;
    color: #333333;
    background: #222222
}

.chat-list .chat-item.odd+.odd {
    margin-top: 0
}

.chat-list .chat-item.reverse .chat-time {
    text-align: left
}

.chat-list .chat-item.reverse .chat-content {
    padding-left: 0;
    padding-right: 15px
}

.list-task .task-done .badge,
.list-task .task-done .todo-desc {
    text-decoration: line-through
}

.dd-handle,
.dd3-content {
    text-decoration: none;
    font-weight: 700
}

.profiletimeline {
    padding-left: 40px;
    margin: 40px 10px 0 30px
}

.profiletimeline .sl-left {
    float: left;
    margin-left: -60px;
    z-index: 1;
    margin-right: 15px
}

.profiletimeline .sl-left img {
    max-width: 40px
}

.profiletimeline .sl-item {
    margin-top: 8px;
    margin-bottom: 30px
}

.profiletimeline .sl-date {
    font-size: 12px;
    color: #8392a5
}

.activity .border-left-line {
    margin-left: 17px
}

.activity .border-left-line .btn-item {
    z-index: 1;
    margin-left: -22px
}

.activity .border-left-line:last-child {
    border-left: 0
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes pulse {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes tada {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes wobble {
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible!important
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.ps-container {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden!important;
    -ms-overflow-style: none
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: transparent;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: rgba(0, 0, 0, .2);
    height: 11px
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(0, 0, 0, .2);
    width: 11px
}

.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    height: 15px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    bottom: 2px;
    height: 6px
}

.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    height: 6px
}

.ps-container>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 15px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    right: 2px;
    width: 6px
}

.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y,
.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    width: 6px
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: transparent;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: rgba(0, 0, 0, .2);
    height: 6px
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: rgba(0, 0, 0, .2);
    width: 6px
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: .6
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color: transparent;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: rgba(0, 0, 0, .2)
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: transparent;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: rgba(0, 0, 0, .2)
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 3px;
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear
}

.table.dataTable {
    border-collapse: collapse!important
}

.dataTables_wrapper {
    padding: 0
}

.dropzone,
.note-editor.note-frame {
    border-color: #ddd
}

.note-toolbar-wrapper {
    height: 33px!important
}

.dropzone {
    border-style: dotted
}

.note-toolbar {
    z-index: 1
}

.nav-pills.custom-pills .nav-link {
    border-radius: 0;
    opacity: .7
}

.nav-pills.custom-pills .nav-link.active {
    color: #222222;
    opacity: 1;
    background-color: transparent;
    border-bottom: 2px solid #222222
}

.r-separator .form-group {
    border-bottom: 1px solid #ddd
}

.r-separator .form-group:last-child {
    border-bottom: none
}

.striped-rows .row:nth-child(odd) {
    background-color: #f8f9fa
}

.b-form .row {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    padding: 15px 0
}

.datepicker .day,
.datepicker .dow,
.price-label {
    padding: 5px 10px
}

.b-form .row:last-child {
    border-bottom: none
}

.b-label {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.error .form-control {
    border-color: #EA183C
}

.error .help-block {
    color: #EA183C
}

.validate .form-control {
    border-color: #02cccd
}

.validate .help-block {
    color: #02cccd
}

.docs-buttons .btn,
.docs-data .input-group {
    margin-bottom: 5px
}

.scrollable {
    position: relative
}

.price-label {
    position: absolute;
    top: -10px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 100px
}

.price-sign {
    position: absolute;
    font-size: 15px;
    top: 5px;
    margin-left: -10px
}

.gaugejs-box {
    position: relative;
    margin: 0 auto
}

.gaugejs-box canvas.gaugejs {
    width: 100%!important;
    height: auto!important
}

.custom-range::-webkit-slider-thumb {
    -webkit-appearance: none
}

.custom-range::-moz-range-thumb {
    -moz-appearance: none
}

@media (min-height:33.875em) {
    .picker--opened .picker__frame {
        top: 30%;
        bottom: auto
    }
}

.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
    background: #1d50de
}

.dtp div.dtp-date,
.dtp div.dtp-time,
.dtp table.dtp-picker-days tr>td>a.selected {
    background: #222222
}

.dtp .p10>a {
    color: #fff
}

#demo-foo-accordion .open>.dropdown-menu,
#demo-foo-accordion2 .open>.dropdown-menu,
#footable-addrow .open>.dropdown-menu {
    display: block
}

table.footable thead tr.footable-filtering th ul.dropdown-menu li a.checkbox {
    padding-left: 0
}

table.footable thead tr.footable-filtering th ul.dropdown-menu li a.checkbox input[type=checkbox] {
    position: relative;
    margin-right: 10px;
    margin-left: -20px;
    left: 0;
    opacity: 1
}

table.footable thead tr.footable-filtering th ul.dropdown-menu li .checkbox label::before {
    display: none
}

.footable .pagination li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0275d8;
    background-color: #fff;
    border: 1px solid #ddd
}

.dd,
.dd-list {
    display: block;
    padding: 0;
    list-style: none
}

.footable .pagination li.active a {
    z-index: 2;
    color: #fff;
    background-color: #222222;
    border-color: #222222
}

.footable .pagination li.disabled a {
    color: #ddd;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #f8f9fa
}

.footable .pagination li:first-child a {
    margin-left: 0;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    border-color: #ddd;
    height: 40px;
    color: #333333;
    line-height: 40px
}

.select2-container--default .select2-selection--multiple {
    line-height: 27px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: #222222;
    border-color: #222222;
    color: #fff
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    line-height: 40px
}

.dd,
.dd-empty,
.dd-item,
.dd-placeholder {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    position: relative
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    height: 38px
}

.dd {
    max-width: 600px
}

.dd-list {
    position: relative;
    margin: 0
}

.dd-list .dd-list {
    padding-left: 30px
}

.dd-collapsed .dd-list {
    display: none
}

.dd-empty,
.dd-item,
.dd-placeholder {
    display: block;
    padding: 0;
    min-height: 20px
}

.dd-handle {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px;
    cursor: move;
    color: #979898;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.dd-item>button,
.dd3-handle {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden
}

.dd-handle:hover {
    color: #317eeb;
    background: #fff
}

.dd-item>button {
    display: block;
    position: relative;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    border: 0;
    background: 0 0;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: 700
}

.dd-item>button:before {
    content: '+';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0
}

.dd-item>button[data-action=collapse]:before {
    content: '-'
}

.dd-empty,
.dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f5f5f5;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999
}

.dd-dragel>.dd-item .dd-handle {
    margin-top: 0
}

.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
}

.dd3-content {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px 5px 40px;
    color: #979898;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.dd3-content:hover {
    color: #317eeb;
    background: #fff
}

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

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

.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    width: 30px;
    text-indent: 100%;
    border: 1px solid #ccc;
    background: #d5d5d5;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.dd3-handle:before {
    content: "\f0c9";
    font-family: 'Font Awesome 5 Free';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    text-indent: 0;
    font-size: 14px;
    font-weight: 900;
    color: #67757c;
    top: 7px
}

.dd3-handle:hover {
    background: #404040;
    border: 1px solid #404040
}

.myadmin-dd .dd-list .dd-item .dd-handle {
    background: #fff;
    border: 1px solid rgba(120, 130, 140, .13);
    padding: 8px 16px;
    height: auto;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    border-radius: 0
}

.myadmin-dd-empty .dd-list .dd3-content {
    height: auto;
    border: 1px solid rgba(120, 130, 140, .13);
    padding: 8px 16px 8px 46px;
    background: #fff;
    font-weight: 400
}

.myadmin-dd-empty .dd-list .dd3-handle {
    border: 1px solid rgba(120, 130, 140, .13);
    border-bottom: 0;
    background: #fff;
    height: 36px;
    width: 36px
}




.wizard-content .wizard>.steps>ul>li:after,
.wizard-content .wizard>.steps>ul>li:before {
    content: '';
    z-index: 9;
    display: block;
    position: absolute
}

.wizard-content .wizard {
    width: 100%;
    overflow: hidden
}

.wizard-content .wizard .content {
    margin-left: 0!important
}

.wizard-content .wizard>.steps {
    position: relative;
    display: block;
    width: 100%
}

.wizard-content .wizard>.steps .current-info {
    position: absolute;
    left: -99999px
}
.wizard-content  .wizard > .steps .current a, .wizard-content .wizard > .actions a,.wizard-content .wizard > .actions a:hover, 
.wizard-content .wizard > .steps .disabled a, .wizard-content .wizard > .steps .disabled a:hover, .wizard-content .wizard > .steps .disabled a:active,
.wizard-content .wizard > .content,.wizard-content .wizard > .steps .done a, .wizard-content .wizard > .steps .done a:hover, .wizard-content .wizard > .steps .done a:active{
    background: transparent;
}
.wizard-content .wizard > .steps > ul > li,.wizard-content .wizard > .actions > ul > li{
    float:none;
}
.wizard-content .wizard>.steps>ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    list-style: none
}

.wizard-content .wizard>.steps>ul>li {
    display: table-cell;
    width: auto;
    vertical-align: top;
    text-align: center;
    position: relative
}

.wizard-content .wizard>.steps>ul>li a {
    position: relative;
    padding-top: 52px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block
}

.wizard-content .wizard>.steps>ul>li:before {
    left: 0
}

.wizard-content .wizard>.steps>ul>li:after {
    right: 0
}

.wizard-content .wizard>.steps>ul>li:first-child:before,
.wizard-content .wizard>.steps>ul>li:last-child:after {
    content: none
}

.wizard-content .wizard>.steps>ul>li.current>a {
    color: #2f3d4a;
    cursor: default
}

.wizard-content .wizard>.steps>ul>li.current .step {
    border-color: #EA183C ;
    background-color: #fff;
    color: #EA183C 
}

.wizard-content .wizard>.steps>ul>li.disabled a,
.wizard-content .wizard>.steps>ul>li.disabled a:focus,
.wizard-content .wizard>.steps>ul>li.disabled a:hover {
    color: #999;
    cursor: default
}

.wizard-content .wizard>.steps>ul>li.done a,
.wizard-content .wizard>.steps>ul>li.done a:focus,
.wizard-content .wizard>.steps>ul>li.done a:hover {
    color: #999
}

.wizard-content .wizard>.steps>ul>li.done .step {
    background-color: #EA183C ;
    border-color: #EA183C ;
    color: #fff
}

.wizard-content .wizard>.steps>ul>li.error .step {
    border-color: #f62d51;
    color: #f62d51
}

.wizard-content .wizard>.steps .step {
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -24px;
    z-index: 10;
    text-align: center
}

.wizard-content .wizard>.content {
    overflow: hidden;
    position: relative;
    width: auto;
    padding: 0;
    margin: 0
}

.wizard-content .wizard>.content>.title {
    position: absolute;
    left: -99999px
}

.wizard-content .wizard>.content>.body {
    padding: 0 20px
}

.wizard-content .wizard>.content>iframe {
    border: 0;
    width: 100%;
    height: 100%
}

.wizard-content .wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    padding: 0 20px 20px
}

.wizard-content .wizard>.actions>ul {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0
}

.wizard-content .wizard>.actions>ul:after {
    content: '';
    display: table;
    clear: both
}

.wizard-content .wizard>.actions>ul>li {
    float: left
}

.wizard-content .wizard>.actions>ul>li+li {
    margin-left: 10px
}

.wizard-content .wizard>.actions>ul>li>a {
    background: #EA183C ;
    color: #fff;
    display: block;
    padding: 7px 12px;
    border-radius: 4px;
    border: 1px solid transparent
}

.wizard-content .wizard>.actions>ul>li>a:focus,
.wizard-content .wizard>.actions>ul>li>a:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
}

.wizard-content .wizard>.actions>ul>li>a:active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
}

.wizard-content .wizard>.actions>ul>li>a[href="#previous"] {
    background-color: #fff;
    color: #54667a;
    border: 1px solid #d9d9d9
}

.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:focus,
.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset
}

.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset
}

.wizard-content .wizard>.actions>ul>li.disabled>a,
.wizard-content .wizard>.actions>ul>li.disabled>a:focus,
.wizard-content .wizard>.actions>ul>li.disabled>a:hover {
    color: #999
}

.wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"],
.wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"]:focus,
.wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"]:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.wizard-content .wizard.wizard-circle>.steps>ul>li:after,
.wizard-content .wizard.wizard-circle>.steps>ul>li:before {
    top: 45px;
    width: 50%;
    height: 3px;
    background-color: #EA183C 
}

.wizard-content .wizard.wizard-circle>.steps>ul>li.current:after,
.wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:after,
.wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:before {
    background-color: #F3F3F3
}

.wizard-content .wizard.wizard-circle>.steps .step {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 3px solid #F3F3F3;
    font-size: 1.3rem;
    border-radius: 50%
}

.wizard-content .wizard.wizard-notification>.steps>ul>li:after,
.wizard-content .wizard.wizard-notification>.steps>ul>li:before {
    top: 39px;
    width: 50%;
    height: 2px;
    background-color: #EA183C 
}

.wizard-content .wizard.wizard-notification>.steps>ul>li.current .step {
    border: 2px solid #EA183C ;
    color: #EA183C ;
    line-height: 36px
}

.wizard-content .wizard.wizard-notification>.steps>ul>li.current .step:after,
.wizard-content .wizard.wizard-notification>.steps>ul>li.done .step:after {
    border-top-color: #EA183C 
}

.wizard-content .wizard.wizard-notification>.steps>ul>li.current:after,
.wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:after,
.wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:before {
    background-color: #F3F3F3
}

.wizard-content .wizard.wizard-notification>.steps>ul>li.done .step {
    color: #FFF
}

.wizard-content .wizard.wizard-notification>.steps .step {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.3rem;
    border-radius: 15%;
    background-color: #F3F3F3
}

.wizard-content .wizard.wizard-notification>.steps .step:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    margin-bottom: -8px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #F3F3F3
}

.wizard-content .wizard.vertical>.steps {
    display: inline;
    float: left;
    width: 20%
}

.wizard-content .wizard.vertical>.steps>ul>li {
    display: block;
    width: 100%
}
.wizard-content .wizard.vertical.wizard>.content{
    min-width: 80%
}
.wizard-content .wizard.vertical>.steps>ul>li.current:after,
.wizard-content .wizard.vertical>.steps>ul>li.current:before,
.wizard-content .wizard.vertical>.steps>ul>li.current~li:after,
.wizard-content .wizard.vertical>.steps>ul>li.current~li:before,
.wizard-content .wizard.vertical>.steps>ul>li:after,
.wizard-content .wizard.vertical>.steps>ul>li:before {
    background-color: transparent
}

@media (max-width:768px) {
    .wizard-content .wizard>.steps>ul {
        margin-bottom: 20px
    }
    .wizard-content .wizard>.steps>ul>li {
        display: block;
        float: left;
        width: 50%
    }
    .wizard-content .wizard>.steps>ul>li>a {
        margin-bottom: 0
    }
    .wizard-content .wizard>.steps>ul>li:first-child:before {
        content: ''
    }
    .wizard-content .wizard>.steps>ul>li:last-child:after {
        content: '';
        background-color: #EA183C 
    }
    .wizard-content .wizard.vertical>.steps {
        width: 15%
    }
}

@media (max-width:480px) {
    .wizard-content .wizard>.steps>ul>li {
        width: 100%
    }
    .wizard-content .wizard>.steps>ul>li.current:after {
        background-color: #EA183C 
    }
     .wizard-content .wizard.vertical>.steps>ul>li {
        display: block;
        float: left;
        width: 50%
    }
    .wizard-content .wizard.vertical>.steps {
        width: 100%;
        float:none;
    }
}

.toastr{
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  color: #fff;
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #FFF
}

.toast-message a:hover {
    color: #CCC;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

.toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
    color: #FFF;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

.toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

.toast-container>div:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

.toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important
}

.toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important
}

.toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important
}

.toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important
}

.toast-container.toast-bottom-center>div,
.toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.toast-container.toast-bottom-full-width>div,
.toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

/*.toast {
    background-color: #030303
}*/

.toast-success {
  background-color: #02cccd !important;
}
.toast-error {
  background-color: #EA183C !important;
}
.toast-info {
  background-color: #EA183C !important;
}
.toast-warning {
  background-color: #ffab2e !important;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width:240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    .toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }
    .toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }
    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
    .toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    .toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
    .toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}

.toast-container .toast {
    max-width: 100%;
}

@media all and (min-width:991px) and (max-width:1135px) {
    .navbar-nav.float-left li{
        display:none !important;
    }
}

@media all and (max-width:767px) {
    .box-stats-jsgrid{
        display:none !important;
    }
    
    .hidden-sm{
        display:none !important;
    }
    
    .auth-wrapper .auth-box {
        box-shadow: 0 3px 9px 0 rgba(162, 176, 190, .30);
        border: 1px solid #ddd;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        width:90%;
        margin:auto;
    }
    
    .auth-wrapper .auth-box .bg-white{
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
}



@media all and (max-width:767px) {
    .form-group.row label.text-right{
        text-align:left !important;
    }
}


.reports-box-stats .card {
      flex: 1 1 14.2857%;
}

.reports-box-stats .card{
    border-bottom:none;
}

.reports-box-stats{
    border-bottom:1px solid #ddd;
}

.reports-box-stats .card-body{
    padding: 15px 15px;
}

.card-group>.card:nth-child(6){
    border-left:1px solid #ddd;
}

@supports (-ms-overflow-style:none) {
    .ps-container {
        overflow: auto!important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ps-container {
        overflow: auto!important
    }
}

.auth-wrapper .checkbox-container{
    margin-bottom:15px;
}

.bg-td{
    background:#fff3cd !important; 
    color: #856404;
}

.bg-td2{
    background:#E3F7E2 !important; 
    color: #577844;
}

.bg-td3{
    background:#ffebf1 !important; 
    color: #EA183C;
}