/* @import url(../css/animate.css); */
/* @import url(../icons/iconmind/iconmind.css); */
/* @import url(../icons/simple-line-icons/css/simple-line-icons.css); */
@import url(../icons/themify-icons/themify-icons.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');
/* @import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700"); */

* {
  border : none;
  outline: 0
}

*:focus {
  outline: 0
}

html {
  background                 : #fff;
  font-family                : sans-serif;
  line-height                : 1.15;
  -webkit-text-size-adjust   : 100%;
  -ms-text-size-adjust       : 100%;
  -ms-overflow-style         : scrollbar;
  -webkit-tap-highlight-color: transparent;
  position                   : relative;
}

body {
  /* width      : 100vw !important; */
  background : #fff;
  font-family: 'Montserrat', sans-serif;
  margin     : 0;
  color      : #505050;
  font-weight: 300
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.swal2-popup {
  font-family: inherit;
  font-size  : 10pt;
}

#compselectionwrapper #mapLegend {
  color             : white;
  width             : 175px;
  padding           : 0 5px;
  font-size         : 12px;
  position          : absolute;
  top               : 10px;
  left              : 10px;
  overflow          : hidden;
  background        : rgba(0,0,0,.64);
  border            : 1px solid white;
  box-shadow        : 1px 1px 2px grey;
  z-index           : 5000;
}

#compselectionwrapper {
  position  : fixed;
  width     : 100%;
  height    : 100%;
  left      : 0;
  top       : 0;
  background: #000;
  font-size : 1em
}

#compselection-content {
  position             : absolute;
  top                  : 0;
  bottom               : 0;
  left                 : 0;
  right                : 0;
  margin               : 5px;
  padding              : 4px 13px 0px;
  overflow             : hidden;
  background-color     : #25343c;
  border               : 1px solid rgba(255, 255, 255, 0.3);
  border-radius        : 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -ms-border-radius    : 3px;
  -o-border-radius     : 3px
}

.csw-main-address {
  color      : #daa520;
  text-shadow: 1px 1px 1px #000;
  font-weight: 500;
  font-size  : 1.5em;
  line-height: 1.5em
}

#csw-view-wrapper {
  position: absolute;
  top     : 46px;
  left    : 25px;
  right   : 0;
  bottom  : 0;
  padding : 0;
  margin  : 0;
}

.csw-col-left {
  position             : absolute;
  top                  : 0;
  left                 : 0;
  bottom               : 0;
  background           : #fff;
  color                : #000;
  width                : 450px;
  font-size            : 1em;
}

.csw-col-right {
  position             : absolute;
  top                  : 0;
  right                : -1px;
  bottom               : 0;
  left                 : 453px;
  background           : #fff;
  color                : #000;
  font-size            : 1em;
  overflow             : hidden;
  border-radius        : 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius   : 0 4px 4px 0;
  -ms-border-radius    : 0 4px 4px 0;
  -o-border-radius     : 0 4px 4px 0;
}

.csw-col-right .csw-col-right-panel {
  margin    : 0;
  background: cyan;
  position  : absolute;
  top       : 0;
  left      : 0;
  right     : 0;
  bottom    : 0;
}
.csw-col-right-panel-full,
.csw-col-right-panel-full-noscroll {
  background: white;
  height    : 100%;
  width     : 100%;
  padding   : 15px 25px;
  overflow  : hidden;
  overflow-y: auto;
}
.csw-col-right-panel-full-noscroll {
  overflow  : hidden;
  overflow-x: hidden;
  overflow-y: hidden;
}

.csw-comp-avg-indicator {
  color             : #48773c;
  font              : 3.8em/0.86em 'Lalezar', cursive;
  line-height       : 47px;
  text-shadow       : 1px 1px 1px #000;
  transition        : color .75s;
  -webkit-transition: color .75s;
  -moz-transition   : color .75s;
  -ms-transition    : color .75s;
  -o-transition     : color .75s
}

.csw-tab {
  position: absolute;
  top     : 94px;
  bottom  : 0;
  left    : 0;
  right   : 0
}

#csq-selection-filter-stats {
  background   : #f1f1f1;
  height       : 40px;
  margin       : 0px;
  padding      : 0px;
  border-bottom: 3px solid black;
  line-height  : 17px;
  font-size    : .8em;
  font-weight  : 100;
}

#propcard-scrollarea {
  position  : absolute;
  top       : 133px;
  left      : 10px;
  right     : 10px;
  bottom    : 0;
  overflow  : hidden;
  overflow-y: scroll;
}

#propcard-list {
  padding   : 0;
  margin    : 0;
  background: #25343c;
}

#propcard-list .situs {
  width        : 218px;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
  position     : absolute;
  top          : 7px;
  left         : 55px;
}

#propcard-list .icon-panel {
  font-size  : 1.25em;
  position   : absolute;
  top        : 6px;
  right      : 29px;
  text-shadow: 0.05em 0.05em 0.05em #505050;
}

#propcard-list .icon-impact {
  font-size  : 1.75em;
  display    : inline-block;
  margin-top : -4px;
}

.adjustment-table .shaded {
  background-color: #daf4ff;
}
.adjustment-table .shaded.double-border {
  border-bottom: 3px double lightgray;
}

.rzslider .rz-bubble.rz-limit, 
.rzslider .rz-bubble {
  color : black;
  bottom: 19px;
}

span.rz-bubble.rz-model-value {
  background           : #080808;
  color                : white;
  padding              : 1px 6px;
  border-radius        : 5px;
  top                  : -38px;
  bottom               : 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  -ms-border-radius    : 5px;
  -o-border-radius     : 5px;
}

.adjustment-slider-background {
  /* background-image     : url('../images/condition_slider_background.png'); */
  background: rgb(255,0,0);
  background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(252,148,0,1) 0%, rgba(255,0,0,1) 0%, rgba(249,255,0,1) 50%, rgba(48,255,0,1) 100%);
  padding              : 6px 4px;
  border-radius        : 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius   : 10px;
  -ms-border-radius    : 10px;
  -o-border-radius     : 10px;
  height: 70px;
}

#propcard-list .propcard-button-link {
  padding   : 4px 0px 2px 3px;
  margin    : -7px 0 0 -11px;
  font-size : 0.8em;
  width     : 413px;
  text-align: left;
  height    : 28px;
}
#propcard-list .propcard-button-link:hover {
  color          : white;
  background     : black; 
  text-decoration: none;
}
#propcard-list .propcard-button-text {
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
}
#propcard-list .card-header {
  padding              : 0 0 0 4px;
  background-color     : white;
  margin               : 0;
  height               : 32px;
  border-radius        : 0 9px 0 0;
  -webkit-border-radius: 0 9px 0 0;
  -moz-border-radius   : 0 9px 0 0;
  -ms-border-radius    : 0 9px 0 0;
  -o-border-radius     : 0 9px 0 0;
}

#propcard-list .card {
  margin-bottom        : 3px;
  border-left          : 3px solid white;
  border-radius        : 0 9px 0 0;
  -webkit-border-radius: 0 9px 0 0;
  -moz-border-radius   : 0 9px 0 0;
  -ms-border-radius    : 0 9px 0 0;
  -o-border-radius     : 0 9px 0 0;
}

#propcard-list .card-body {
  overflow     : hidden;
  padding      : 5px 0;
  border-top   : 1px dotted gray;
  border-bottom: 3px solid gray;
}

#propcard-list .propcard-carret{
  position : absolute;
  top      : 8px;
  right    : 15px;
  font-size: 1.1em;
  color    : rgb(155, 155, 155);
}

.card-header .propcard-carret .fas {
  transition        : .3s transform ease-in-out;
  -webkit-transition: .3s transform ease-in-out;
  -moz-transition   : .3s transform ease-in-out;
  -ms-transition    : .3s transform ease-in-out;
  -o-transition     : .3s transform ease-in-out;
}

.card-header .collapsed .propcard-carret .fas {
  transform        : rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform   : rotate(180deg);
  -ms-transform    : rotate(180deg);
  -o-transform     : rotate(180deg);
}

.filter-button-wrapper {
  width  : auto;
  display: block
}

.filter-button {
  outline              : 0;
  background-color     : #e2e2e2;
  color                : #000;
  border               : 2px solid #fff;
  margin-right         : 3px;
  border-radius        : 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  -ms-border-radius    : 50%;
  -o-border-radius     : 50%
}

.filter-button:focus {
  outline: 0
}

.filter-button::-moz-focus-inner {
  border: 0
}

.filter-button.green {
  color: #2ecc71
}

.filter-button.yellow {
  color: #ff0
}

.filter-button.red {
  color: #f53b57
}

.filter-button.active {
  color: #fff
}

.filter-button.green.active {
  background: #2ecc71;
  box-shadow: 0px 0px 6px #2ecc71
}

.filter-button.yellow.active {
  background: #ffdd59;
  box-shadow: 0px 0px 6px #ffdd59
}

.filter-button.red.active {
  background: #f53b57;
  box-shadow: 0px 0px 6px #f53b57
}

.filter-button .nested-icon {
  position : absolute;
  top      : 0;
  left     : -3px;
  font-size: 24px;
  color    : rgba(0, 0, 0, 0.5)
}

.filter-button .base-icon {
  position: relative
}

.filter-button-wrapper .title {
  border-bottom: #cecece;
  margin-bottom: 6px;
  font-size    : .7em
}

#uniformequalwrapper {
  position  : fixed;
  width     : 100%;
  height    : 100%;
  left      : 0;
  top       : 0;
  background: #000;
  font-size : 1em
}

#uniformequal-content {
  position             : absolute;
  top                  : 0;
  bottom               : 0;
  left                 : 0;
  right                : 0;
  margin               : 5px;
  padding              : 4px 13px 0px;
  overflow             : hidden;
  background-color     : #fff;
  border-radius        : 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -ms-border-radius    : 3px;
  -o-border-radius     : 3px
}

.ue-main-address {
  color      : #daa520;
  text-shadow: 1px 1px 1px #000;
  font-weight: 500;
  font-size  : 1.75em;
  line-height: 1.5em
}

#uniform-equal-table-wrapper {
  position          : absolute;
  top               : 51px;
  bottom            : 6px;
  right             : 8px;
  left              : 32px;
  transition        : all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition   : all ease-in-out .5s;
  -ms-transition    : all ease-in-out .5s;
  -o-transition     : all ease-in-out .5s;
  box-shadow        : 0 0 5px grey;
  padding           : 6px 0 0
}

#uniform-equal-table-wrapper.open {
  left: 320px
}

.switch input {
  display: none
}

.switch i {
  display              : inline-block;
  cursor               : pointer;
  padding-right        : 15px;
  transition           : all ease 0.2s;
  -webkit-transition   : all ease 0.2s;
  border-radius        : 15px;
  box-shadow           : inset 0 0 1px rgba(0, 0, 0, .5);
  -webkit-border-radius: 15px;
  -moz-border-radius   : 15px;
  -ms-border-radius    : 15px;
  -o-border-radius     : 15px;
  -moz-transition      : all ease 0.2s;
  -ms-transition       : all ease 0.2s;
  -o-transition        : all ease 0.2s
}

.switch i:before {
  display      : block;
  content      : '';
  width        : 15px;
  height       : 15px;
  border-radius: 15px;
  background   : #fff;
  box-shadow   : 0 1px 2px rgba(0, 0, 0, .5)
}

.switch :checked+i {
  padding-right     : 0;
  padding-left      : 15px;
  box-shadow        : inset 0 0 1px rgba(0, 0, 0, .5), inset 0 0 30px #add8e6;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .5), inset 0 0 30px #add8e6
}

div.dataTables_wrapper div.dataTables_filter {
  margin: 3px 10px 0 0
}

div.dataTables_wrapper div.dataTables_info {
  padding    : 0.2em 0 0.45em 0.8em;
  white-space: nowrap;
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid #a5a5a5
}

div.dataTables_wrapper div.dataTables_filter {
  position  : absolute;
  top       : 15px;
  left      : 326px;
  text-align: left;
  margin    : 0 0 0 0;
}
div.dataTables_wrapper div.dataTables_filter input {
  width: 220px;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #a5a5a5
}

#uniform-equal-table-wrapper #ueTable .dt-buttons .btn-group {
  padding: 3px 0 0 9px
}

#filter-panel {
  position          : absolute;
  top               : 46px;
  bottom            : 4px;
  left              : -290px;
  width             : 312px;
  min-width         : 312px;
  max-width         : 312px;
  z-index           : 100;
  transition        : all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition   : all ease-in-out .5s;
  -ms-transition    : all ease-in-out .5s;
  -o-transition     : all ease-in-out .5s
}

#filter-panel.open {
  left: 0
}

#filter-panel .open-close-tab {
  width                : 22px;
  height               : 138px;
  margin-left          : 0;
  position             : absolute;
  top                  : 143px;
  left                 : 50%;
  transform            : translate(-50%, -50%);
  text-align           : center;
  padding              : 8px 8px 0px 6px;
  color                : #fff;
  background-color     : #00b4ff;
  overflow-wrap        : break-word;
  display              : inline-block;
  word-break           : break-all;
  font-size            : .8em;
  line-height          : 15px;
  font-weight          : 400;
  box-shadow           : 1px 1px 1px grey;
  border-radius        : 0 10px 10px 0;
  -webkit-transform    : translate(-50%, -50%);
  -moz-transform       : translate(-50%, -50%);
  -ms-transform        : translate(-50%, -50%);
  -o-transform         : translate(-50%, -50%);
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius   : 0 10px 10px 0;
  -ms-border-radius    : 0 10px 10px 0;
  -o-border-radius     : 0 10px 10px 0
}

#filter-panel .open-close-tab .open {
  margin-left: 0
}

#filter-panel .open-close-tab:hover {
  cursor          : pointer;
  background-color: #0088c1;
}

#filter-panel .filter-container {
  background-color     : #fff;
  overflow             : hidden;
  transition           : all ease-in-out .1s;
  -webkit-transition   : all ease-in-out .1s;
  -moz-transition      : all ease-in-out .1s;
  -ms-transition       : all ease-in-out .1s;
  -o-transition        : all ease-in-out .1s;
  border-radius        : 0px 13px 0px 0;
  -webkit-border-radius: 0px 13px 0px 0;
  -moz-border-radius   : 0px 13px 0px 0;
  -ms-border-radius    : 0px 13px 0px 0;
  -o-border-radius     : 0px 13px 0px 0
}

#filter-panel .filter-container.open {
  box-shadow: 0px 0px 5px grey
}

#filter-panel .filters {
  font-size : .85em;
  overflow  : hidden;
  overflow-x: hidden;
  overflow-y: auto;
  position  : absolute;
  top       : 62px;
  left      : 13px;
  right     : -1px;
  bottom    : 0
}

#filter-panel .filters .filter-title {
  width        : 100%;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 7px;
  font-weight  : 500;
  color        : gray
}

#filter-panel .filters .filter-wrapper {
  margin: 6px 0 10px 4px
}

#filter-panel .filters .help {
  padding         : 0 0px 2px 5px;
  background-color: #fbfbfb
}

#filter-panel .filters .text-info {
  margin-right: 7px;
  line-height : 21px
}

#filter-panel .filters .dropdown-menu {
  position             : absolute;
  top                  : 100%;
  left                 : 0;
  display              : none;
  float                : left;
  min-width            : 10rem;
  margin               : 2px 0 0 11px;
  font-size            : 0.875rem;
  padding              : 9px;
  color                : #212529;
  cursor               : pointer;
  text-align           : left;
  list-style           : none;
  background-color     : #fff;
  background-clip      : padding-box;
  border               : 1px solid #e4e1e1;
  box-shadow           : 2px 2px 5px rgba(0, 0, 0, .3);
  border-radius        : 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius   : 0.25rem;
  -ms-border-radius    : 0.25rem;
  -o-border-radius     : 0.25rem;
  z-index              : 1000
}

#filter-panel .filters .dropdown-menu .dropdown-header {
  padding: 0
}

#filter-panel .filters .dropdown-menu .dropdown-toggle {
  width: 230px
}

md-radio-button .md-label {
  margin-left: 23px;
  margin-right: 5px
}

.viewwrapper {
  width   : 100%;
  height  : 100%;
  /* overflow: auto; */
  /* overflow-x: scroll;
  overflow-y: scroll; */
  /* overflow-y: auto; */
}

.headerTagLine {
  width      : 420px;
  font-size  : 30px;
  color      : #998260;
  margin     : 0;
  font-weight: bold;
  text-shadow: 2px 2px 2px #000;
  position   : absolute;
  top        : 20px;
  left       : 166px
}

.compSubjMenuBarIcons_Menu,
.compSubjMenuBarIcons_Checkbox,
.compSubjMenuBarIcons_Comment,
.compSubjMenuBarIcons_Title {
  color    : #fff;
  z-index  : 1;
  font-size: 16px;
  position : absolute;
  top      : 3px;
  left     : 8px
}

.compSubjMenuBarIcons_Checkbox {
  left: 29px
}

.compSubjMenuBarIcons_Comment {
  left: 50px
}

.compSubjMenuBarIcons_Title {
  font-size    : 14px;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
  left         : 73px;
  right        : 2px
}

.dropbox {
  position : absolute;
  top      : 0;
  right    : 0;
  left     : 0;
  bottom   : 0;
  border   : 5px dashed #eaeaea;
  margin   : 3px;
  font-size: 18px
}

.dropboxDragover {
  background-color: #009491
}

.dropboxNote {
  text-align : center;
  width      : 182px;
  height     : 114px;
  overflow   : hidden;
  color      : #565656;
  position   : absolute;
  top        : calc(50% - 57px);
  left       : calc(50% - 89px);
  text-shadow: 1px 1px 2px grey
}

.dropboxIcon {
  font-size: 111px;
  color    : #eaeaea;
  position : absolute;
  top      : calc(50% - 69px);
  left     : calc(50% - 47px)
}

.dropboxID {
  margin               : 5px;
  width                : 30px;
  background           : #eaeaea;
  text-align           : center;
  padding              : 4px 4px 0px 1px;
  height               : 30px;
  font-size            : 17px;
  border-radius        : 38px;
  -webkit-border-radius: 38px;
  -moz-border-radius   : 38px;
  -ms-border-radius    : 38px;
  -o-border-radius     : 38px;
}

.twocolumns {
  -moz-column-count   : 2;
  -moz-column-gap     : 100px;
  -webkit-column-count: 2;
  -webkit-column-gap  : 100px;
  column-count        : 2;
  column-gap          : 100px
}

.compiconcontainer {
  height    : 302px;
  background: #fff;
  margin    : 21px 0 0;
  overflow  : auto
}

.compicon {
  width : 21px;
  height: 21px;
  margin: 6px 12px 0 6px
}

.compiconname {
  width       : 120px;
  margin-right: 5px;
  line-height : 13px;
  height      : 10px;
  font-weight : bold
}

.compiconinfo {
  text-align : left;
  font-weight: bold;
  line-height: 13px;
  height     : 10px
}

.compiconbottomborder {
  margin-bottom: 5px;
  height       : 9px;
  border-bottom: 1px solid;
  width        : 98%
}

.compiconlegend {
  font-size  : 12px;
  line-height: 0;
  margin-left: 48px;
  color      : #696969
}

#filterOpenButton {
  border       : 1px solid gray;
  font-weight  : normal;
  border-radius: 4px;
  padding      : 0px 5px;
  position     : absolute;
  top          : 4px;
  left         : 4px;
  height       : 28px
}

#filterOpenButton:hover {
  background-color: #3da3c1
}

.complegend {
  height            : 21px;
  position          : absolute;
  top               : 7px;
  right             : 59px;
  overflow          : hidden;
  -webkit-transition: width .5s;
  transition        : width .5s
}

#legend {
  font-family: Arial, sans-serif;
  background : rgba(255, 255, 255, 0.7);
  padding    : 14px 10px 10px;
  margin     : 5px;
  border     : 2px solid #000
}

.imageBottomWrapper {
  margin          : 0;
  padding         : 0;
  z-index         : 1000;
  background-color: #447db5;
  position        : absolute;
  top             : 0;
  left            : 0;
  right           : -5px;
  bottom          : 0
}

.imageHoverZoom {
  width     : 100%;
  max-width : 100%;
  height    : 100%;
  max-height: 100%;
  box-shadow: #2f4f4f 3px 3px 4px
}

.imageHoverZoom:hover {
  box-shadow: none
}

.imageMenuBar {
  height               : 26px;
  background-color     : #447db5;
  box-shadow           : 0px 2px 4px #696969;
  position             : absolute;
  top                  : -27px;
  left                 : -1px;
  right                : -1px;
  border-radius        : 6px 6px 0 0px;
  -webkit-border-radius: 6px 6px 0 0px;
  -moz-border-radius   : 6px 6px 0 0px;
  -ms-border-radius    : 6px 6px 0 0px;
  -o-border-radius     : 6px 6px 0 0px;
}

.compSubjImageWrapper {
  margin    : auto;
  max-width : 97%;
  max-height: 97%;
  box-shadow: 2px 2px 4px grey;
  position  : absolute;
  left      : 0;
  right     : 0;
  top       : 0;
  bottom    : 0
}

.arrow {
  width            : 25px;
  background-repeat: no-repeat;
  padding-top      : 123px
}

.arrow:hover {
  background-color: #e6e6e6;
  border-radius   : 62px 0 0 62px;
  height          : 260px
}

.arrow.arrowRight:hover {
  background-color: #f7f7f7;
  border-radius: 0 62px 62px 0;
  height: 260px;
  -webkit-border-radius: 0 62px 62px 0;
  -moz-border-radius: 0 62px 62px 0;
  -ms-border-radius: 0 62px 62px 0;
  -o-border-radius: 0 62px 62px 0;
}

.viewAllImagesButton {
  position: absolute;
  bottom  : 0;
  left    : 31px
}

.viewAllImages_wrapper {
  margin    : 29px 13px 20px 0;
  width     : 256px;
  height    : 165px;
  background: transparent
}

#iv-container {
  top    : 86px;
  z-index: 500
}

.mapMarkerLabels {
  margin-bottom : 10px;
  padding-bottom: 10px;
  color         : red
}

.marketInsideTabs {
  margin       : -19px 0 2px 4px;
  margin-bottom: 6px;
}

.market-right-side-tabs {
  position: absolute;
  top: -11px;
  right: 0px;
  left: 0px;
  bottom: 0;
  background-color: black;
  border-radius: 0!important;
}

.marketInsideTabs md-tabs.md-default-theme .md-tab.md-active,
md-tabs.marketInsideTabs .md-tab.md-active,
md-tabs.md-default-theme .md-tab.md-active md-icon,
md-tabs .md-tab.md-active md-icon,
md-tabs.md-default-theme .md-tab.md-focused,
md-tabs .md-tab.md-focused,
md-tabs.md-default-theme .md-tab.md-focused md-icon,
md-tabs .md-tab.md-focused md-icon {
  color: red
}

.marketInsideTabs2 {
  margin-top: -10px;
}

.marketInsideTabs2 md-tabs.md-default-theme .md-tab.md-active,
md-tabs.marketInsideTabs2 .md-tab.md-active,
md-tabs.md-default-theme .md-tab.md-active md-icon,
md-tabs .md-tab.md-active md-icon,
md-tabs.md-default-theme .md-tab.md-focused,
md-tabs .md-tab.md-focused,
md-tabs.md-default-theme .md-tab.md-focused md-icon,
md-tabs .md-tab.md-focused md-icon {
  color: #00b4ff;
}

.marketInsideTabs2 md-tabs.md-default-theme md-ink-bar, 
md-tabs.marketInsideTabs2  md-ink-bar {
  color     : #00b4ff;  
  background: #00b4ff;  
}

md-backdrop.md-opaque.md-default-theme,
.md-dialog-container {
  position: fixed
}

main.ng-enter {
  transition: 1.5s linear all;
  opacity: 0
}

main.ng-enter.ng-enter-active {
  opacity: 1
}

.mce-tinymce.mce-container.mce-panel {
  height: 100%
}

.assignment_item:hover {
  background-color: #e8e8e8;
  cursor          : pointer
}

.icon_tooltip {
  height    : 40px;
  margin-top: -35px;
  padding   : 10px;
  font-size : 14px
}

.iconlist li {
  margin    : 0 2px 0 0;
  padding   : 0;
  height    : 21px;
  width     : 21px;
  list-style: none;
  float     : right
}

.colorgray {
  background-color: #f5f5f5
}

.scaValue {
  color: #000;
  -webkit-transition: color .75s;
  transition: color .75s
}

.footer {
  width           : 90%;
  height          : 300px;
  background-color: purple;
  padding         : 20px 0;
  text-align      : center
}

.footerwrapper {
  width          : 880px;
  height         : 100%;
  margin         : 0 auto;
  position       : relative;
  background     : url(../images/dallas_skyline.png) no-repeat 0px 6px;
  background-size: cover
}

.selection_wrapper #compgrid {
  padding: 0
}

.selection_wrapper #compgrid_header {
  padding: 0 23px 0 5px
}

#adjustcard #map2Card {
  height: 100%;
  max-height: 100%;
  width: 100%
}

#adjustcard table.md-table:not(.md-row-select) td.md-cell:first-child,
table.md-table:not(.md-row-select) th.md-column:first-child {
  padding: 0 7px
}

#adjustcard table.md-table td.md-cell:last-child,
table.md-table th.md-column:last-child {
  padding: 0 7px 0 0
}

#adjustcard md-table-container .table-right {
  text-align: right
}

#adjustcard md-table-container .header {
  font-size: 12px;
  font-weight: bold
}

#adjustcard md-table-container tbody {
  display: block;
  overflow: auto
}

#adjustcard table.md-table thead.md-head>tr.md-row {
  height: 22px
}

#adjustcard table.md-table tbody.md-body>tr.md-row,
table.md-table tfoot.md-foot>tr.md-row {
  height: 22px
}

#adjustcard table.md-table tbody.md-body tr:nth-child(even) {
  background-color: #fffcf5
}

#adjustcard md-table-container thead,
#adjustcard tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed
}

#adjustcard2 table.md-table:not(.md-row-select) td.md-cell:first-child,
table.md-table:not(.md-row-select) th.md-column:first-child {
  padding: 0 7px
}

#adjustcard2 table.md-table td.md-cell:last-child,
table.md-table th.md-column:last-child {
  padding: 0 7px 0 0
}

#adjustcard2 md-table-container .table-right {
  text-align: right
}

#adjustcard2 md-table-container .header {
  font-size: 12px;
  font-weight: bold
}

#adjustcard2 md-table-container tbody {
  display: block;
  height: calc(100vh - 485px);
  overflow: auto
}

#adjustcard2 table.md-table thead.md-head>tr.md-row {
  height: 22px
}

#adjustcard2 table.md-table tbody.md-body>tr.md-row,
table.md-table tfoot.md-foot>tr.md-row {
  height: 22px
}

#adjustcard2 table.md-table tbody.md-body tr:nth-child(even) {
  background-color: #fffcf5
}

#adjustcard2 md-table-container thead,
#adjustcard2 tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed
}

#adjustments md-select,
md-checkbox {
  padding: 0;
  margin: 0
}

#map_MKT_main,
#map_NBH,
#mapSubjCompOnly_MKT,
#map2 {
  width: 100%;
  height: 100%
}

.assignments2_wrapper {
  min-width: 1024px;
  width    : auto !important;
  position : absolute;
  top      : 84px;
  left     : 0;
  right    : 0
}

.assignments2_wrapper .md-whiteframe-1dp,
.md-whiteframe-z1 {
  box-shadow: none
}

.assignments2_wrapper .md-button.md-default-theme.md-fab,
.md-button.md-fab {
  background-color: #ffa500
}

.assignments2_wrapper .header {
  padding         : 8px;
  height          : 60px;
  margin-bottom   : 20px;
  background-color: #b0bec5;
  border-bottom   : 3px solid #ffa500
}

.assignments2_wrapper .submitbutton:hover {
  background-color: #ffa500
}

.assignments2_wrapper md-checkbox.md-default-theme.md-checked .md-icon,
md-checkbox.md-checked .md-icon {
  background-color: #ffa500
}

.assignments2_wrapper .md-chips md-chip {
  cursor       : default;
  border-radius: 14px;
  display      : block;
  height       : 24px;
  line-height  : 23px;
  margin       : 6px 8px 0 0;
  padding      : 0px 17px 0 10px;
  float        : left;
  box-sizing   : border-box;
  max-width    : 100%;
  position     : relative
}

.assignments2_wrapper .md-chips md-chip .md-chip-remove md-icon {
  top : 39%;
  left: 52%
}

.assignments2_wrapper .md-chips .md-chip-input-container md-autocomplete,
.md-chips .md-chip-input-container md-autocomplete-wrap {
  height: 32px;
  margin-top: -5px
}

.ngrs-range-slider .ngrs-handle i {
  border: 1px solid #3da3c1
}

md-toast.md-success-toast-theme .md-toast-content {
  background-color     : green;
  box-shadow           : 2px 2px 2px #000;
  border-radius        : 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  -ms-border-radius    : 4px;
  -o-border-radius     : 4px;
}

md-toast.md-error-toast-theme .md-toast-content {
  background-color     : maroon;
  box-shadow           : 2px 2px 2px #000;
  border-radius        : 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  -ms-border-radius    : 4px;
  -o-border-radius     : 4px;
}

md-toast.md-info-toast-theme .md-toast-content {
  background-color: gray;
  box-shadow: 2px 2px 2px #000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.calculation-box {
  height          : 140px;
  width           : 150px;
  position        : absolute;
  top             : 210px;
  left            : 10px;
  background-color: rgba(255, 255, 255, 0.9);
  padding         : 15px;
  text-align      : center
}

#calculate {
  min-height           : 20px;
  background-color     : #3887be;
  color                : #fff;
  font-family          : 'Open Sans';
  border-radius        : 5px;
  padding              : 10px;
  cursor               : pointer;
  margin               : 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  -ms-border-radius    : 5px;
  -o-border-radius     : 5px;
}

.buttonTab {
  width                : 29px;
  height               : 125px;
  color                : #000;
  word-wrap            : break-word;
  padding              : 27px 9px 0 11px;
  text-align           : center;
  line-height          : 14px;
  border-radius        : 9px 0 0px 25px;
  background           : no-repeat 4px 3px;
  background-size      : 22px;
  font-size            : 12px;
  border               : 1px solid #f0f8ff;
  -webkit-transition   : padding 0.3s, width 0.3s, background-color 0.3s, margin-left 0.3s;
  transition           : padding 0.3s, width 0.3s, background-color 0.3s, margin-left 0.3s;
  -webkit-border-radius: 9px 0 0px 25px;
  -moz-border-radius   : 9px 0 0px 25px;
  -ms-border-radius    : 9px 0 0px 25px;
  -o-border-radius     : 9px 0 0px 25px;
  -moz-transition      : padding 0.3s, width 0.3s, background-color 0.3s, margin-left 0.3s;
  -ms-transition       : padding 0.3s, width 0.3s, background-color 0.3s, margin-left 0.3s;
  -o-transition        : padding 0.3s, width 0.3s, background-color 0.3s, margin-left 0.3s;
}

.buttonTab:hover {
  border-color     : #fff;
  width            : 33px;
  margin-left      : -4px;
  padding          : 27px 11px 0 13px;
  -webkit-transform: margin-left, padding, width, background-color;
  transform        : margin-left, padding, width, background-color;
  -moz-transform   : margin-left, padding, width, background-color;
  -ms-transform    : margin-left, padding, width, background-color;
  -o-transform     : margin-left, padding, width, background-color;
}

.img_Adjust {
  background: #ccffb3 url('../images/cg_btn_tab_adjust.png')
}

.img_Map {
  height    : 84px;
  margin-top: -10px;
  background: #cef url(../images/cg_btn_tab_map.png)
}

.img_Notes {
  background: #fcc url(../images/cg_btn_tab_notes.png);
  height    : 108px;
  margin-top: -10px
}

.subj-title-head {
  margin       : 0 8px;
  text-align   : center;
  border-bottom: 1px solid
}

.subj-title-data {
  text-align : center;
  font-size  : 15px;
  font-weight: bold
}

.comp_info_row {
  padding      : 0;
  margin-bottom: 0
}

.comp_info {
  max-width            : 110px;
  text-align           : right;
  margin-left          : 3px;
  border-radius        : 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius   : 5px 0 0 5px;
  -ms-border-radius    : 5px 0 0 5px;
  -o-border-radius     : 5px 0 0 5px;
}

.comp_info:after {
  content    : ':';
  font-weight: bold
}

.comp_info_data {
  font-weight  : bold;
  margin-top   : 7px;
  padding-left : 3px;
  border-radius: 0 5px 5px 0
}

.comp_info2 {
  text-align   : right;
  margin-left  : 3px;
  border-radius: 5px 0 0 5px
}

.comp_info2:after {
  content    : ':';
  font-weight: bold
}

.comp_info_data2 {
  font-weight : bold;
  padding-left: 3px
}

blockquote {
  font-size    : 13px;
  border-left  : 5px solid #b1b1b1;
  border-radius: 28px;
  margin       : 0 0 1rem
}

.space_bottom {
  margin-bottom: 7px
}

.slider-spacer {
  margin: 1px 0px -8px 13px
}

container.md-default-theme .md-input,
[disabled] md-input-container .md-input,
md-input-container.md-default-theme .md-input[disabled],
md-input-container .md-input[disabled] {
  color        : rgba(0, 0, 0, 1) !important;
  border-bottom: 1px dotted #d3d3d3
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  width: 400px !important
}

.md-autocomplete-suggestions-container .md-autocomplete-suggestions li {
  line-height  : 21px;
  height       : auto;
  border-bottom: 1px solid
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon>label:not(.md-no-float):not(.md-container-ignore) {
  right: 18px;
  left : 51px;
  width: calc(100% - 18px)
}

.wrapper {
  padding: 0 10px
}

.report_header {
  text-align: center;
  margin-top: 7px
}

.md-open-menu-container.md-active {
  border-radius        : 3px;
  padding              : 10px 15px;
  background-color     : #fff;
  box-shadow           : 1px 1px 3px gray;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -ms-border-radius    : 3px;
  -o-border-radius     : 3px;
}

#report_menu .menu_item,
.menu_label {
  color    : #000;
  font-size: 18px
}

#report_menu .menu_label {
  color        : #000;
  font-size    : 17px;
  border-bottom: 1px solid #d3d3d3
}

md-menu-content {
  padding   : 8px 0;
  max-height: 358px
}

.report_wrapper .report_header h1 {
  color      : #daa520;
  text-shadow: 2px 2px 2px #000
}

.report_wrapper .table_align_center {
  text-align: center
}

.report_wrapper .table_align_right {
  text-align: right
}

.report_wrapper table {
  margin-bottom: 0
}

.selection_wrapper md-tabs-wrapper {
  margin: -6px 16px
}

.selection_wrapper md-card md-card-content {
  display: block;
  padding: 0
}

.multiselect {
  border-bottom: 1px solid #d3d3d3;
  width: 100%
}

.multiselect .btn {
  border: none;
  width: 100%;
  text-align: left;
  margin-left: -1px;
  padding: 0 0 0 12px
}

.filterbutton {
  padding: 9px 12px;
  color: #6cf
}

.filterbutton:hover {
  background: #f2f2f2
}

#filterDBlabel {
  line-height: 1.7
}

#allComps {
  position: relative;
  width: 500px;
  max-width: 500px;
  min-width: 500px
}

#allComps md-tabs-wrapper {
  margin: -4px 0 0 8px
}

#allComps md-tab-body {
  overflow-y: hidden;
  overflow: hidden
}

#allComps #tab1,
#tab1 {
  height: inherit
}

.accordian_group input:checked~.tab-content2 {
  max-height: 700px
}

.selection_wrapper .accordian_group .tab {
  position: relative;
  margin-bottom: 2px;
  width: 100%;
  color: #000;
  overflow: hidden
}

.db_filter_group md-checkbox {
  margin: 0
}

.selection_wrapper .menubarbutton {
  min-height: 0;
  min-width: 0;
  height: 25px;
  padding: 0px 6px;
  line-height: 6px;
  background-color: #efeff0
}

.selection_wrapper .menubarbutton.saveassignment:enabled {
  background-color: red;
  color: #fff
}

.selection_wrapper #mceu_8 {
  height: 100%
}

.md-padding {
  padding: 0 0 0 8px
}

.selection_wrapper .accordian_group md-checkbox {
  margin: 0;
  z-index: 1000
}

.selection_wrapper .accordian_group input {
  position: absolute
}

.selection_wrapper .accordian_group .multiselect input {
  position: relative;
  z-index: auto
}

.selection_wrapper .accordian_group label {
  position: relative;
  display: block;
  padding: 1px 0 0;
  background: #fff;
  font-weight: bold;
  line-height: 2.1;
  cursor: pointer;
  margin-bottom: 1px;
  border-radius: 0 15px 0 0;
  overflow: hidden;
  height: 32px
}

.selection_wrapper .accordian_group .price {
  float: right;
  margin-right: 20px
}

.selection_wrapper .accordian_group .icon {
  float: right;
  margin-right: 8px;
  margin-top: -1px
}

.selection_wrapper .accordian_group .members {
  float: right;
  margin-right: 60px;
  font-weight: 400;
  color: #636363
}

.selection_wrapper .accordian_group .tab-content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height 0.35s;
  -o-transition: max-height 0.35s;
  transition: max-height 0.35s
}

.selection_wrapper .accordian_group .tab-content2 {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height 0.35s;
  -o-transition: max-height 0.35s;
  transition: max-height 0.35s
}

.selection_wrapper .accordian_group .tab-content p {
  margin: 1em
}

.selection_wrapper .accordian_group input:checked~.tab-content {
  max-height: 350px;
  height: 350px;
  border-top: 1px dotted #d3d3d3;
  border-bottom: 4px solid #d3d3d3;
  margin-top: -1px;
  margin-bottom: 3px;
  padding: 5px 8px 0px
}

.hoverTable table,
.hoverTable.hoverTable table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0
}

.hoverTable td {
  padding: 0
}

.hoverTable tr:hover {
  background-color: #e6e6e6
}

tr.border_bottom td {
  border-bottom: 1pt solid #000
}

.nav_top,
.nav_bottom {
  width: 100%;
  height: 55px;
  margin: 0 0 15px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid;
  box-shadow: 1px 1px 8px gray
}

.login_box {
  width: 627px;
  height: 339px;
  margin: 0 auto;
  position: relative;
  background-image: url('../images/cg_bg_login.png')
}

md-chips.md-default-theme md-chip,
md-chips md-chip {
  background: #e0e0e0;
  color: #424242;
  background-size: 24px 24px
}

.login_box input {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  width: 193px
}

.li_username {
  position: absolute;
  top: 107px;
  left: 73px
}

.li_username_error {
  color: green !important
}

.li_password {
  position: absolute;
  top: 168px;
  left: 73px
}

.li_keep_loggedin {
  position: absolute;
  top: 236px;
  left: 37px
}

.rg_username {
  position: absolute;
  top: 107px;
  left: 393px
}

.rg_password {
  position: absolute;
  top: 168px;
  left: 393px
}

.rg_password_confirm {
  position: absolute;
  top: 221px;
  left: 393px
}

md-checkbox.white .md-icon {
  border: 1px solid #fff
}

md-checkbox.md-checked.green .md-icon {
  background-color: rgba(0, 149, 146, 1)
}

md-checkbox.md-checkbox-medium .md-icon {
  transform: scale(1.3)
}

.btn_login,
.btn_login_reg {
  position: absolute;
  top: 223px;
  left: 137px;
  width: 121px;
  color: #fff !important;
  border-radius: 5px;
  background-color: #009491;
  box-shadow: 1px 1px 6px #000 !important
}

.btn_login_reg {
  top: 246px;
  left: 466px
}

.forgot_pw {
  position: absolute;
  top: 298px;
  left: 136px;
  font-size: 13px;
  width: 140px;
  text-align: right
}

.content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden
}

.selection_wrapper,
.preview_wrapper {
  background-color: rgba(87, 96, 98, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 5px;
  overflow: hidden;
  padding: 5px 8px 0px 0px
}

.preview_wrapper {
  background-color: #25343c;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  overflow: hidden;
  overflow-y: auto
}

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

#summary_table .table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
  padding: 2px
}

md-input-container {
  margin: 8px 0
}

.mce-tinymce,
.mce-stack-layout,
.mce-edit-area {
  display: flex !important;
  flex-direction: column;
  flex: 1;
  align-items: stretch
}

.mce-tinymce iframe {
  flex: 1
}

.md-tab.md-active {
  cursor: pointer
}

.md-tab {
  padding: 16px
}

md-tabs.md-default-theme .md-tab.md-active,
md-tabs .md-tab.md-active,
md-tabs.md-default-theme .md-tab.md-active md-icon,
md-tabs .md-tab.md-active md-icon,
md-tabs.md-default-theme .md-tab.md-focused,
md-tabs .md-tab.md-focused,
md-tabs.md-default-theme .md-tab.md-focused md-icon,
md-tabs .md-tab.md-focused md-icon {
  color: #fff;
  padding: 16px
}

md-tabs.md-default-theme .md-tab,
md-tabs .md-tab {
  color: #d3d3d3
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-radius: 8px 0px 8px 8px;
  color: #000
}

.navbar-inverse .navbar-nav>li>a {
  color: #9d9d9d;
  line-height: 49px
}

.navbar-nav ul.dropdown-menu .menuitem {
  padding: 3px 8px
}

.navbar-nav ul.dropdown-menu .menuitem a {
  text-decoration: none
}

.navbar-nav ul.dropdown-menu .menuitem:hover {
  background-color: #e9e9e9;
  border-radius: 3px
}

.updn {
  -moz-transition: transform .5s;
  -webkit-transition: transform .5s;
  transition: transform .5s
}

.updnflip {
  transform: rotate(-180deg)
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: red
}

#pricing_wrapper {
  min-height: 100vh;
  padding-top: 80px;
  background: url(../images/bg_2880.jpg) no-repeat fixed center;
  background-blend-mode: overlay;
  background-size: cover
}

#pricing_wrapper .p_wrapper {
  height: auto;
  margin: 57px auto;
  background-color: rgba(0, 0, 0, 0.68);
  width: 820px;
  padding: 10px 10px 0;
  border-radius: 20px
}

#pricing_wrapper .pricebox_wraper {
  height: 440px;
  position: absolute;
  top: 80px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

#pricing_wrapper .pricebox_wraper .pricebox {
  width: 300px;
  height: 600px;
  background-color: rgba(0, 0, 0, 0.68);
  border-radius: 20px;
  border: 2px solid #000;
  color: #fff;
  padding: 8px 20px;
  text-align: center;
  position: relative
}

#pricing_wrapper .pricebox_wraper .pricebox .button {
  padding: 11px 45px;
  background-color: #00f;
  position: absolute;
  bottom: 22px;
  left: 78px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 10px;
  cursor: pointer
}

#pricing_wrapper .pricebox_wraper .pricebox.middlebox {
  margin: 0 40px
}

#pricing_wrapper .pricebox_wraper .pricebox .header {
  font: 41px 'Advent Pro', sans-serif;
  margin: 0 0 10px
}

#pricing_wrapper .pricebox_wraper .pricebox .price {
  font-size: 41px;
  margin: 0 auto
}

#pricing_wrapper .pricebox_wraper .pricebox .content {
  position: absolute;
  top: 163px;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  height: 346px;
  margin: 0 13px;
  padding: 12px 0;
  text-align: left
}

#pricing_wrapper .pricebox_wraper .pricebox .content ul {
  margin-left: -32px
}

#pricing_wrapper .pricebox_wraper .pricebox .content ul li {
  list-style: none;
  background: url(https://pimamaps.pima.gov/Html5Viewer/Resources/Images/Icons/Toolbar/check-24.png) no-repeat left center;
  background-size: 21px;
  padding: 5px 0px 4px 35px;
  margin: 3px
}

#forgotpw_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  width: 100%;
  color: #000;
  background: url(../images/black_map-01.jpg) no-repeat center center;
  background-size: cover
}

#forgotpw_container {
  margin: auto;
  width: 400px;
  background-color: #fff;
  padding: 20px
}

#forgotpw_container h1 {
  margin: 0px 0px 26px
}

#forgotpw_container h5 {
  margin: 23px 0 0
}

.condition_adj_text {
  margin-bottom: 8px;
  line-height: 13px
}

.condition_adj_expl {
  font-size: 12px;
  font-weight: normal
}

#agreeBox md-checkbox.md-default-theme:not(.md-checked) .md-icon,
#agreeBox md-checkbox:not(.md-checked) .md-icon {
  border-color: #fafafa
}

#emailtemplate,
#socialtemplate {
  background   : #fff;
  color        : #000;
  font-size    : 17px;
  padding      : 20px;
  border-top   : 2px solid red;
  border-bottom: 2px solid red;
  text-align   : justify;
  margin-bottom: 20px
}

.mytooltip:hover .tooltip-content2,
.mytooltip:hover .tooltip-content2 i {
  opacity          : 1;
  font-size        : 18px;
  pointer-events   : auto;
  transform        : translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -moz-transform   : translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform    : translate3d(0, 0, 0) scale3d(1, 1, 1);
  -o-transform     : translate3d(0, 0, 0) scale3d(1, 1, 1)
}

.mytooltip:hover .tooltip-content4,
.mytooltip:hover .tooltip-text2 {
  pointer-events   : auto;
  opacity          : 1;
  transform        : translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform   : translate3d(0, 0, 0);
  -ms-transform    : translate3d(0, 0, 0);
  -o-transform     : translate3d(0, 0, 0)
}

.mytooltip {
  display : inline;
  position: relative;
  z-index : 9999
}

.mytooltip:hover .tooltip-item::after {
  pointer-events: auto
}

.mytooltip:hover .tooltip-content {
  pointer-events   : auto;
  opacity          : 1;
  transform        : translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  -moz-transform   : translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  -ms-transform    : translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  -o-transform     : translate3d(0, 0, 0) rotate3d(0, 0, 0, 0)
}

.mytooltip:hover .tooltip-content3 {
  opacity          : 1;
  pointer-events   : auto;
  transform        : scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform   : scale3d(1, 1, 1);
  -ms-transform    : scale3d(1, 1, 1);
  -o-transform     : scale3d(1, 1, 1)
}

.mytooltip:hover .tooltip-item2 {
  color            : #fff;
  transform        : translate3d(0, -0.5em, 0);
  -webkit-transform: translate3d(0, -0.5em, 0);
  -moz-transform   : translate3d(0, -0.5em, 0);
  -ms-transform    : translate3d(0, -0.5em, 0);
  -o-transform     : translate3d(0, -0.5em, 0)
}

.mytooltip:hover .tooltip-content5 {
  opacity         : 1;
  pointer-events  : auto;
  transition-delay: 0s
}

.mytooltip:hover .tooltip-text3 {
  transition-delay: 0s;
  transform       : scale3d(1, 1, 1);
}

.mytooltip:hover .tooltip-inner2 {
  transition-delay: 0.3s;
  transform       : translate3d(0, 0, 0);
}

.tooltip-item {
  cursor     : pointer;
  display    : inline-block;
  font-weight: 500;
}

.tooltip-item::after {
  content          : '';
  position         : absolute;
  width            : 360px;
  height           : 20px;
  bottom           : 100%;
  left             : 50%;
  pointer-events   : none;
  transform        : translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform   : translateX(-50%);
  -ms-transform    : translateX(-50%);
  -o-transform     : translateX(-50%);
}

.tooltip-content {
  position      : absolute;
  z-index       : 9999;
  width         : 220px;
  left          : 50%;
  margin        : 0 0 20px -110px;
  bottom        : 100%;
  text-align    : left;
  font-size     : 14px;
  line-height   : 30px;
  box-shadow    : -5px -5px 15px rgba(48, 54, 61, 0.2);
  background    : #2b2b2b;
  opacity       : 0;
  cursor        : default;
  pointer-events: none;
  border-radius: 5px;
}

.tooltip-content img {
  position    : relative;
  height      : 140px;
  display     : block;
  float       : left;
  margin-right: 1em;
}

.tooltip-effect-5 .tooltip-content {
  width                     : 180px;
  margin-left               : -90px;
  transform-origin          : 50% calc(106%);
  transform                 : rotate3d(0, 0, 1, 15deg);
  transition                : opacity 0.2s, transform 0.2s;
  transition-timing-function: ease,         cubic-bezier(0.17, 0.67, 0.4, 1.39);
  -webkit-transform         : rotate3d(0, 0, 1, 15deg);
  -moz-transform            : rotate3d(0, 0, 1, 15deg);
  -ms-transform             : rotate3d(0, 0, 1, 15deg);
  -o-transform              : rotate3d(0, 0, 1, 15deg);
  -webkit-transition        : opacity 0.2s, transform 0.2s;
  -moz-transition           : opacity 0.2s, transform 0.2s;
  -ms-transition            : opacity 0.2s, transform 0.2s;
  -o-transition             : opacity 0.2s, transform 0.2s;
}

.tooltip-effect-5 .tooltip-text {
  padding: 1.4em;
}

.tooltip-content::after {
  content         : '';
  top             : 100%;
  left            : 50%;
  border          : 10px solid transparent;
  height          : 0;
  width           : 0;
  position        : absolute;
  pointer-events  : none;
  border-top-color: #2a3035;
  margin-left     : -10px;
}

.tooltip-text {
  font-size  : 12px;
  line-height: 19px;
  display    : block;
  padding    : 10px 5px;
  color      : #fff;
}

.tooltip-content2 {
  position             : absolute;
  z-index              : 9999;
  width                : 80px;
  height               : 80px;
  padding-top          : 25px;
  left                 : 50%;
  margin-left          : -40px;
  bottom               : 100%;
  border-radius        : 50%;
  text-align           : center;
  background           : #009efb;
  color                : #fff;
  opacity              : 0;
  margin-bottom        : 20px;
  cursor               : default;
  pointer-events       : none;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  -ms-border-radius    : 50%;
  -o-border-radius     : 50%;
}

.tooltip-content2 i {
  opacity: 0;
}

.tooltip-effect-6 .tooltip-content2 {
  transform         : translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
  transform-origin  : 50% 100%;
  transition        : opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition   : opacity 0.3s, transform 0.3s;
  -ms-transition    : opacity 0.3s, transform 0.3s;
  -o-transition     : opacity 0.3s, transform 0.3s;
  -webkit-transform : translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
  -moz-transform    : translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
  -ms-transform     : translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
  -o-transform      : translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
}

.tooltip-effect-6 .tooltip-content2 i {
  transform         : scale3d(0, 0, 1);
  transition        : opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition   : opacity 0.3s, transform 0.3s;
  -ms-transition    : opacity 0.3s, transform 0.3s;
  -o-transition     : opacity 0.3s, transform 0.3s;
  -webkit-transform : scale3d(0, 0, 1);
  -moz-transform    : scale3d(0, 0, 1);
  -ms-transform     : scale3d(0, 0, 1);
  -o-transform      : scale3d(0, 0, 1);
}

.tooltip-effect-6:hover .tooltip-content2 i {
  transform        : rotate3d(1, 1, 1, 0);
  -webkit-transform: rotate3d(1, 1, 1, 0);
  -moz-transform   : rotate3d(1, 1, 1, 0);
  -ms-transform    : rotate3d(1, 1, 1, 0);
  -o-transform     : rotate3d(1, 1, 1, 0);
}

.tooltip-content2::after {
  content        : '';
  position       : absolute;
  top            : 100%;
  left           : 50%;
  margin         : -7px 0 0 -15px;
  width          : 30px;
  height         : 20px;
  background     : url(../images/tooltip/tooltip1.svg) no-repeat center center;
  background-size: 100%;
}

.tooltip-content3 {
  position                  : absolute;
  background                : url(../images/tooltip/shape1.svg) no-repeat center bottom;
  background-size           : 100% 100%;
  z-index                   : 9999;
  width                     : 200px;
  bottom                    : 100%;
  left                      : 50%;
  margin-left               : -100px;
  padding                   : 50px 30px;
  text-align                : center;
  color                     : #fff;
  opacity                   : 0;
  cursor                    : default;
  font-size                 : 14;
  line-height               : 27px;
  pointer-events            : none;
  transform                 : scale3d(0.1, 0.2, 1);
  transform-origin          : 50% 120%;
  transition                : opacity 0.4s, transform 0.4s;
  transition-timing-function: ease,         cubic-bezier(0.6, 0, 0.4, 1);
  -webkit-transition        : opacity 0.4s, transform 0.4s;
  -moz-transition           : opacity 0.4s, transform 0.4s;
  -ms-transition            : opacity 0.4s, transform 0.4s;
  -o-transition             : opacity 0.4s, transform 0.4s;
  -webkit-transform         : scale3d(0.1, 0.2, 1);
  -moz-transform            : scale3d(0.1, 0.2, 1);
  -ms-transform             : scale3d(0.1, 0.2, 1);
  -o-transform              : scale3d(0.1, 0.2, 1);
}

.tooltip-content3::after {
  content          : '';
  position         : absolute;
  width            : 16px;
  height           : 16px;
  left             : 50%;
  margin-left      : -8px;
  top              : 100%;
  background       : #00aeef;
  transform        : translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg);
  -webkit-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg);
  -moz-transform   : translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg);
  -ms-transform    : translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg);
  -o-transform     : translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg)
}

.tooltip-item2 {
  color             : #00aeef;
  cursor            : pointer;
  z-index           : 100;
  position          : relative;
  display           : inline-block;
  font-weight       : 500;
  transition        : background-color 0.3s, color 0.3s, transform 0.3s;
  -webkit-transition: background-color 0.3s, color 0.3s, transform 0.3s;
  -moz-transition   : background-color 0.3s, color 0.3s, transform 0.3s;
  -ms-transition    : background-color 0.3s, color 0.3s, transform 0.3s;
  -o-transition     : background-color 0.3s, color 0.3s, transform 0.3s
}

.tooltip-content4 {
  position             : absolute;
  z-index              : 99;
  width                : 360px;
  left                 : 50%;
  margin-left          : -180px;
  bottom               : -5px;
  text-align           : left;
  background           : #00aeef;
  opacity              : 0;
  font-size            : 14px;
  line-height          : 27px;
  padding              : 1.5em;
  color                : #fff;
  border-bottom        : 55px solid #2b2b2b;
  cursor               : default;
  pointer-events       : none;
  border-radius        : 5px;
  transform            : translate3d(0, -0.5em, 0);
  transition           : opacity 0.3s, transform 0.3s;
  -webkit-transition   : opacity 0.3s, transform 0.3s;
  -moz-transition      : opacity 0.3s, transform 0.3s;
  -ms-transition       : opacity 0.3s, transform 0.3s;
  -o-transition        : opacity 0.3s, transform 0.3s;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  -ms-border-radius    : 5px;
  -o-border-radius     : 5px;
  -webkit-transform    : translate3d(0, -0.5em, 0);
  -moz-transform       : translate3d(0, -0.5em, 0);
  -ms-transform        : translate3d(0, -0.5em, 0);
  -o-transform         : translate3d(0, -0.5em, 0);
}

.tooltip-content4 a {
  color: #2b2b2b
}

.tooltip-text2 {
  opacity           : 0;
  transform         : translate3d(0, 1.5em, 0);
  transition        : opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition   : opacity 0.3s, transform 0.3s;
  -ms-transition    : opacity 0.3s, transform 0.3s;
  -o-transition     : opacity 0.3s, transform 0.3s;
  -webkit-transform : translate3d(0, 1.5em, 0);
  -moz-transform    : translate3d(0, 1.5em, 0);
  -ms-transform     : translate3d(0, 1.5em, 0);
  -o-transform      : translate3d(0, 1.5em, 0);
}

.tooltip-content5 {
  position          : absolute;
  z-index           : 9999;
  width             : 300px;
  left              : 50%;
  bottom            : 100%;
  font-size         : 20px;
  line-height       : 1.4;
  text-align        : center;
  font-weight       : 400;
  color             : #fff;
  background        : transparent;
  opacity           : 0;
  margin            : 0 0 20px -150px;
  cursor            : default;
  pointer-events    : none;
  transition        : opacity 0.3s 0.3s;
  -webkit-transition: opacity 0.3s 0.3s;
  -moz-transition   : opacity 0.3s 0.3s;
  -ms-transition    : opacity 0.3s 0.3s;
  -o-transition     : opacity 0.3s 0.3s
}

.tooltip-content5 span {
  display: block
}

.tooltip-text3 {
  border-bottom     : 10px solid #009efb;
  overflow          : hidden;
  transform         : scale3d(0, 1, 1);
  transition        : transform 0.3s 0.3s;
  -webkit-transition: transform 0.3s 0.3s;
  -moz-transition   : transform 0.3s 0.3s;
  -ms-transition    : transform 0.3s 0.3s;
  -o-transition     : transform 0.3s 0.3s;
  -webkit-transform : scale3d(0, 1, 1);
  -moz-transform    : scale3d(0, 1, 1);
  -ms-transform     : scale3d(0, 1, 1);
  -o-transform      : scale3d(0, 1, 1)
}

.tooltip-inner2 {
  background        : #2b2b2b;
  padding           : 40px;
  transform         : translate3d(0, 100%, 0);
  transition        : transform 0.3s;
  -webkit-transition: transform 0.3s;
  -moz-transition   : transform 0.3s;
  -ms-transition    : transform 0.3s;
  -o-transition     : transform 0.3s;
  -webkit-transform : translate3d(0, 100%, 0);
  -moz-transform    : translate3d(0, 100%, 0);
  -ms-transform     : translate3d(0, 100%, 0);
  -o-transform      : translate3d(0, 100%, 0)
}

.tooltip-content5::after {
  content         : '';
  bottom          : -20px;
  left            : 50%;
  border          : 10px solid transparent;
  height          : 0;
  width           : 0;
  position        : absolute;
  pointer-events  : none;
  border-top-color: #009efb;
  margin-left     : -10px
}

.tooltip-effect-1 .tooltip-content {
  transform         : translate3d(0, -10px, 0);
  transition        : opacity 0.3s, transform 0.3s;
  color             : #fff;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition   : opacity 0.3s, transform 0.3s;
  -ms-transition    : opacity 0.3s, transform 0.3s;
  -o-transition     : opacity 0.3s, transform 0.3s;
  -webkit-transform : translate3d(0, -10px, 0);
  -moz-transform    : translate3d(0, -10px, 0);
  -ms-transform     : translate3d(0, -10px, 0);
  -o-transform      : translate3d(0, -10px, 0);
}

.tooltip-effect-2 .tooltip-content {
  transform-origin  : 50% calc(110%);
  transform         : perspective(1000px) rotate3d(1, 0, 0, 45deg);
  transition        : opacity 0.2s, transform 0.2s;
  -webkit-transition: opacity 0.2s, transform 0.2s;
  -moz-transition   : opacity 0.2s, transform 0.2s;
  -ms-transition    : opacity 0.2s, transform 0.2s;
  -o-transition     : opacity 0.2s, transform 0.2s
}

.tooltip-effect-3 .tooltip-content {
  transform         : translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
  transition        : opacity 0.3s, transform 0.3s;
  -webkit-transform : translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
  -moz-transform    : translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
  -ms-transform     : translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
  -o-transform      : translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition   : opacity 0.3s, transform 0.3s;
  -ms-transition    : opacity 0.3s, transform 0.3s;
  -o-transition     : opacity 0.3s, transform 0.3s
}

.tooltip-effect-4 .tooltip-content {
  transform-origin  : 50% 100%;
  transform         : scale3d(0.7, 0.3, 1);
  transition        : opacity 0.2s, transform 0.2s;
  -webkit-transform : scale3d(0.7, 0.3, 1);
  -moz-transform    : scale3d(0.7, 0.3, 1);
  -ms-transform     : scale3d(0.7, 0.3, 1);
  -o-transform      : scale3d(0.7, 0.3, 1);
  -webkit-transition: opacity 0.2s, transform 0.2s;
  -moz-transition   : opacity 0.2s, transform 0.2s;
  -ms-transition    : opacity 0.2s, transform 0.2s;
  -o-transition     : opacity 0.2s, transform 0.2s
}

.tooltip.tooltip-effect-2:hover .tooltip-content {
  transform        : perspective(1000px) rotate3d(1, 0, 0, 0deg);
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
  -moz-transform   : perspective(1000px) rotate3d(1, 0, 0, 0deg);
  -ms-transform    : perspective(1000px) rotate3d(1, 0, 0, 0deg);
  -o-transform     : perspective(1000px) rotate3d(1, 0, 0, 0deg)
}

a.mytooltip {
  font-weight: 500;
  color      : #009efb
}

.tooltip-effect-7 .tooltip-content2 {
  transform         : translate3d(0, 10px, 0);
  transition        : opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition   : opacity 0.3s, transform 0.3s;
  -ms-transition    : opacity 0.3s, transform 0.3s;
  -o-transition     : opacity 0.3s, transform 0.3s
}

.tooltip-effect-7 .tooltip-content2 i {
  transform         : translate3d(0, 15px, 0);
  transition        : opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition   : opacity 0.3s, transform 0.3s;
  -ms-transition    : opacity 0.3s, transform 0.3s;
  -o-transition     : opacity 0.3s, transform 0.3s
}

.tooltip-effect-8 .tooltip-content2 {
  transform         : translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);
  transform-origin  : 50% 100%;
  transition        : opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition   : opacity 0.3s, transform 0.3s;
  -ms-transition    : opacity 0.3s, transform 0.3s;
  -o-transition     : opacity 0.3s, transform 0.3s
}

.tooltip-effect-8 .tooltip-content2 i {
  transform         : scale3d(0, 0, 1);
  transition        : opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition   : opacity 0.3s, transform 0.3s;
  -ms-transition    : opacity 0.3s, transform 0.3s;
  -o-transition     : opacity 0.3s, transform 0.3s;
  -webkit-transform : scale3d(0, 0, 1);
  -moz-transform    : scale3d(0, 0, 1);
  -ms-transform     : scale3d(0, 0, 1);
  -o-transform      : scale3d(0, 0, 1)
}

.tooltip-effect-9 .tooltip-content2 {
  transform         : translate3d(0, -20px, 0);
  transition        : opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition   : opacity 0.3s, transform 0.3s;
  -ms-transition    : opacity 0.3s, transform 0.3s;
  -o-transition     : opacity 0.3s, transform 0.3s;
  -webkit-transform : translate3d(0, -20px, 0);
  -moz-transform    : translate3d(0, -20px, 0);
  -ms-transform     : translate3d(0, -20px, 0);
  -o-transform      : translate3d(0, -20px, 0)
}

.tooltip-effect-9 .tooltip-content2 i {
  transform         : translate3d(0, 20px, 0);
  transition        : opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition   : opacity 0.3s, transform 0.3s;
  -ms-transition    : opacity 0.3s, transform 0.3s;
  -o-transition     : opacity 0.3s, transform 0.3s;
  -webkit-transform : translate3d(0, 20px, 0);
  -moz-transform    : translate3d(0, 20px, 0);
  -ms-transform     : translate3d(0, 20px, 0);
  -o-transform      : translate3d(0, 20px, 0)
}

#indexwrapper {
  width: 100vw;
  height: 100vh
}

#subject-analysis-reduction-potential svg g:nth-of-type(1) path:nth-of-type(2),
#subject-analysis-reduction-potential svg g:nth-of-type(2) path:nth-of-type(2),
#subject-analysis-reduction-potential svg g:nth-of-type(3) path:nth-of-type(2),
#subject-analysis-reduction-potential svg g:nth-of-type(16) path:nth-of-type(2) {
  stroke-width: 3px !important
}

#tmpCanvas {
  visibility: hidden
}

.has-hover-icon {
  cursor: default
}

.has-hover-icon:hover .visible-on-hover-only {
  display: block
}

.visible-on-hover-only {
  display: none
}

.visible-on-hover-only:hover {
  cursor: pointer
}

#repairItemsList .fa-trash-alt,
#repairIssues_images .fa-trash-alt {
  color: #000
}

#repairIssues_images .fa-trash-alt:hover,
#repairItemsList .fa-trash-alt:hover {
  color: red
}

#repairIssues_images .fa-draw-polygon {
  color: gray
}

#repairIssues_images .fa-draw-polygon:hover {
  color: green
}

#repairItemsList .list-group-item.active {
  color           : #fff;
  background-color: #428bca;
  border-color    : #428bca
}

.delete-hover:hover .visible-on-hover-only {
  display: block
}

#repairIssues_images .ui-state-default {
  background-color: transparent
}

#repairIssues_images .image-card {
  max-width: 170px;
  width    : 170px;
}

.imageDropBox {
  text-align : center;
  width      : 100%;
  height     : 100%;
  overflow   : hidden;
  color      : #565656;
  text-shadow: 1px 1px 2px grey;
  font-size  : .9rem;
  cursor     : pointer;
  background : #f1f1f1;
  min-height : 112px;
  max-height : 112px;
  height     : 112px;
  position   : relative;
}

.list-group-item:last-child {
  border-bottom-right-radius: 0;
  margin-bottom             : 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius : 0.25rem
}

.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius : 0.25rem;
  border-top-right-radius: 0.25rem
}

#wizard_step_4 form label {
  margin-bottom: 4px;
  margin-left  : 2px;
  font-weight  : 100
}

.btn-success {
  margin-right    : 12px;
  color           : #fff;
  background-color: #36bea6;
  border-color    : #36bea6
}

.analysis_container {
  border-top: 1px solid #571717
}

.analysis_title {
  font-size : 10px;
  text-align: left;
  margin    : 2px 5px
}

.analysis_content {
  font-size    : 17px;
  text-align   : right;
  width        : 233px;
  color        : #daa520;
  text-shadow  : 2px 2px 2px #000;
  line-height  : 20px;
  height       : 20px;
  overflow     : hidden;
  text-overflow: ellipsis;
  font-weight  : 100
}

.analysis_notice {
  line-height: 15px;
  font-size  : 12px;
  text-align : justify;
  color      : #daa520;
  margin     : 2px 5px
}

#analysisView {
  width           : 728px;
  height          : 686px;
  margin          : auto;
  background-color: rgba(255, 255, 255, 1);
  border          : 1px solid red;
  position        : absolute;
  top             : 79px;
  bottom          : 0;
  left            : 0;
  right           : 0;
  z-index         : 100
}

.wizard_step {
  position     : relative;
  width        : 293px;
  padding-left : 48px;
  margin-bottom: 5px;
  margin-top   : 5px
}

.wizard_step.middle {
  margin: 5px 10px 5px 25px
}

.wizard_title {
  color         : #fff;
  font-size     : 21px;
  line-height   : 12px;
  padding-bottom: 3px;
  text-shadow   : 1px 1px 1px #000
}

.wizard_step_normal,
.wizard_step_active {
  font-size  : 18px;
  line-height: 28px;
  text-shadow: 1px 1px 1px #000;
  font-weight: 900;
  color      : #f8f8ff
}

.wizard_step_active {
  color: #6495ed
}

.wizard_icon_normal,
.wizard_icon_active {
  color    : #fff;
  font-size: 30px;
  position : absolute;
  top      : 10px;
  left     : 10px
}

.wizard_icon_active {
  color: #6495ed
}

#wizard_step_2 {
  overflow: hidden;
  position: absolute;
  top     : 0;
  bottom  : 0;
  left    : 0;
  right   : 0
}

#indicatorAnalysis_selection {
  width             : 112px;
  height            : 80px;
  background        : url(../images/selector_single.png) no-repeat;
  position          : relative;
  left              : 0;
  top               : -34px;
  transition        : left 1s linear;
  -webkit-transition: left 1s linear;
  -moz-transition   : left 1s linear;
  -ms-transition    : left 1s linear;
  -o-transition     : left 1s linear;
}

#indicatorAnalysis {
  width        : 0;
  height       : 0;
  border-left  : 12px solid transparent;
  border-right : 12px solid transparent;
  border-bottom: 12px solid #000;
  position     : relative;
  left         : 0;
  transition   : left .5s linear
}

#indicator,
#indicatorAddProp {
  height       : 43px;
  width        : 136px;
  position     : relative;
  left         : 0;
  cursor       : pointer;
  border       : 2px solid #fff;
  border-radius: 11px;
  text-align   : center;
  color        : #daa520;
  background   : rgba(0, 0, 0, 1);
  font-size    : 20px;
  transition   : left 2s linear
}

#indicator span,
#indicatorAddProp span {
  font-size: 12px;
  position : absolute;
  bottom   : 0;
  left     : 8px
}

#indicator:before,
#indicatorAddProp:before {
  content    : '';
  position   : absolute;
  top        : -1px;
  left       : 50%;
  height     : 18px;
  width      : 18px;
  background : #000;
  box-sizing : border-box;
  transform  : rotate(45deg) translate(-74%);
  border-top : inherit;
  border-left: inherit;
  box-shadow : inherit
}

.gradient,
.gradient_short,
.gradient_short_selection {
  margin               : 0 auto 5px;
  background           : #ff3236;
  background           : -moz-linear-gradient(left, #ff3236 0%, #eef226 50%, #5ba358 100%);
  background           : -webkit-linear-gradient(left, #ff3236 0%, #eef226 50%, #5ba358 100%);
  background           : linear-gradient(to right, #ff3236 0%, #eef226 50%, #5ba358 100%);
  filter               : ;
  progid               : DXImageTransform.Microsoft.gradient(startColorstr='#ff3236', endColorstr='#5ba358', GradientType=1);
  text-align           : center;
  width                : 561px;
  height               : 25px;
  border-radius        : 23px/64px;
  color                : #000;
  font-size            : 16px;
  font-weight          : bold;
  padding-top          : 2px;
  -webkit-filter       : ;
  progid               : DXImageTransform.Microsoft.gradient(startColorstr='#ff3236', endColorstr='#5ba358', GradientType=1);
  -webkit-border-radius: 23px/64px;
  -moz-border-radius   : 23px/64px;
  -ms-border-radius    : 23px/64px;
  -o-border-radius     : 23px/64px;
}

.gradient_short {
  width        : 286px;
  margin-bottom: -4px
}

.gradient_short_selection {
  width   : 464px;
  height  : 27px;
  position: relative;
  top     : 34px
}

#indexwrapper .title1 {
  font-size  : 50px;
  font-weight: bold;
  text-align : center;
  text-shadow: 2px 2px 2px #000;
  color      : #daa520
}

#indexwrapper .metric {
  font-size : 14px;
  margin-top: -5px
}

#indexwrapper .subjInfo {
  width       : 81px;
  border-right: 1px solid #fff;
  font-size   : 23px
}

#indexwrapper .subjInfo.noborder {
  border-right: 1px solid transparent
}

#indexwrapper .resultsOptions .button {
  border       : 2px solid #daa520;
  border-radius: 9px;
  font-weight  : bold;
  padding      : 10px
}

#indexwrapper .resultsOptions .button:hover {
  background-color: #daa520;
  color           : #000;
  font-weight     : bold;
  box-shadow      : 0 0 61px gold
}

#indexwrapper .title3 {
  margin-top: 20px;
  font-size : 12px;
  text-align: center
}

#indexwrapper .notice {
  margin          : 25px auto;
  border-radius   : 30px;
  line-height     : 30px;
  padding         : 3px 14px;
  width           : 600px;
  background-color: rgba(10, 10, 10, .4);
  cursor          : pointer
}

#indexwrapper .searchbar {
  margin               : 17px 0 0;
  width                : 634px;
  background           : #fff url(../images/house_search.png) no-repeat right 6px top 7px;
  padding              : 2px 0 2px 5px;
  border-radius        : 6px;
  background-size      : 39px;
  -webkit-border-radius: 6px;
  -moz-border-radius   : 6px;
  -ms-border-radius    : 6px;
  -o-border-radius     : 6px;
}

#indexwrapper md-input-container {
  margin: 0
}

#indexwrapper md-input-container input {
  margin: 3px 0 0;
  font-size: 21px
}

#indexwrapper md-input-container .md-input {
  border-width: 0 0 0 0
}

#indexwrapper .md-autocomplete-suggestions-container.md-default-theme li .highlight,
.md-autocomplete-suggestions-container li .highlight {
  color: red
}

#indexwrapper #results {
  width: 876px;
  margin: 7px auto 0px
}

#indexwrapper #results .map {
  width                : 275px;
  height               : 245px;
  background-color     : transparent;
  border               : 3px solid #fff;
  overflow             : hidden;
  border-radius        : 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius   : 13px;
  -ms-border-radius    : 13px;
  -o-border-radius     : 13px;
}

#indexwrapper #results .map img {
  width : 269px;
  height: 239px;
}

#indexwrapper #results .sub_address {
  font-size  : 25px;
  font-weight: bold;
  text-align : center;
}

#indexwrapper #results .sub_address.secondline {
  font-size  : 12px;
  font-weight: normal;
}

#indexwrapper .resultsOptions {
  display                : -webkit-flex;
  -webkit-flex-direction : row;
  -webkit-align-items    : center;
  -webkit-justify-content: center;
  display                : flex;
  align-items            : center;
  justify-content        : center;
  flex-flow              : row nowrap;
}

video {
  position          : fixed;
  top               : 50%;
  left              : 50%;
  min-width         : 100%;
  min-height        : 100%;
  width             : auto;
  height            : auto;
  z-index           : -100;
  transform         : translateX(-50%) translateY(-50%);
  background-size   : cover;
  transition        : 1s opacity;
  -webkit-transform : translateX(-50%) translateY(-50%);
  -moz-transform    : translateX(-50%) translateY(-50%);
  -ms-transform     : translateX(-50%) translateY(-50%);
  -o-transform      : translateX(-50%) translateY(-50%);
  -webkit-transition: 1s opacity;
  -moz-transition   : 1s opacity;
  -ms-transition    : 1s opacity;
  -o-transition     : 1s opacity;
}

video.remote-capture {
  position  : relative;
  top       : 0;
  left      : 0;
  /* min-width : 320px;
  min-height: 240px; */
  width     : 100%;
  height    : 100%;
  transform : none;
  transition: none;
  z-index   : 1;
}

#indexwrapper #background {
  height               : 100vh;
  min-height           : 700px;
  padding-top          : 80px;
  background           : rgba(10, 10, 10, .6) url(../images/bg_2880.jpg) no-repeat fixed center;
  background-blend-mode: overlay;
  transition           : background-color 6s ease;
  background-size      : cover;
  -webkit-transition   : background-color 6s ease;
  -moz-transition      : background-color 6s ease;
  -ms-transition       : background-color 6s ease;
  -o-transition        : background-color 6s ease;
}

#indexwrapper #section2,
#section3,
#section4 {
  /_3token_hck_1: */ background-color: #fff
}

#indexwrapper #section2 .section2,
#indexwrapper #section3 .section3 {
  width  : 875px;
  margin : 0 auto;
  height : 100%;
  padding: 20px
}

#section2 {
  background     : url('../images/sec1_bg.png') no-repeat top left;
  background-size: cover
}

#indexwrapper #section3 {
  background-color: red
}

#indexwrapper #section4 {
  background-color: green
}

.howtoappeal_wrapper {
  padding         : 5px 8px;
  width           : 100%;
  min-width       : 340px;
  max-width       : 800px;
  background-color: #fff;
  color           : #000;
  margin          : 5px auto
}

.hta_contentwrapper {
  margin: 5px
}

.howtoappeal_background {
  position       : absolute;
  top            : 0;
  bottom         : 0;
  left           : 0;
  right          : 0;
  z-index        : 0;
  background     : url(../images/black_map-01.jpg) no-repeat center center;
  background-size: cover
}

.hta_header {
  position      : relative;
  padding-bottom: 3px;
  border-bottom : 1px solid;
  margin        : 3px 0 8px
}

.hta_headertitle {
  font-size  : 35px;
  text-shadow: 1px 1px 1px #000;
  color      : #daa520;
  line-height: 24px;
  font-weight: bold
}

.hta_headertagline {
  font-size  : 21px;
  text-shadow: 1px 1px 1px #000;
  color      : #000;
  margin-top : 4px
}

.hta_backbutton {
  position: absolute;
  top     : 2px;
  right   : 2px
}

.hta_howtoappealbutton {
  width: 100%
}

.hta_countyname {
  text-align : center;
  font-size  : 18px;
  font-weight: bold;
  line-height: 24px
}

.hta_countyaddress {
  text-align: center;
  font-size : 15px
}

.hta_intro {
  margin    : 9px 6px;
  text-align: justify
}

.hta_infotitle {
  margin     : 5px 0;
  text-align : center;
  font-size  : 18px;
  font-weight: bold
}

.hta_countyappealsteps {
  font-size: 13px;
  text-align: justify;
  margin-bottom: 8px
}

.hta_ptioheader {
  font-size: 16px;
  text-shadow: 1px 1px 1px #000;
  color: #daa520;
  padding-bottom: 2px;
  border-bottom: 1px solid #daa520
}

.hta_inputwrapper {
  text-align: center;
  width: 99%;
  margin: -5px auto 0;
  font-size: 14px
}

.hta_inputcontainer {
  width: 99%;
  background: #2196f3;
  padding: 4px 9px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin-top: 3px;
  color: #fff
}

.hta_countyimage {
  position: relative;
  width: 99%;
  overflow: hidden;
  box-shadow: 2px 2px 2px grey;
  margin: 5px auto 10px
}

@media only screen and (min-width:800px) {
  .hta_countyimage {
    width: 65%
  }

  .hta_inputwrapper {
    width: 65%
  }
}

.hta_countyimageoverlay {
  font-size: 15px;
  color: #777474;
  background: rgba(255, 255, 255, 0.76);
  position: absolute;
  left: 0;
  bottom: 0;
  height: 27px;
  width: 100%;
  text-align: center;
  padding-top: 4px;
  font-weight: bold
}

.hta_full_button {
  width: 100%;
  margin: 4px;
  border-radius: 3px;
  font-size: 15px
}

.hta_fileinfoimg {
  width: 100%;
  margin: 5px 0
}

.howtoappeal_wrapper .md-select.md-default-theme .md-select-value.md-select-placeholder,
.howtoappeal_wrapper md-select .md-select-value.md-select-placeholder {
  color: #fff
}

.viewallimagescard {
  padding: 0
}

.viewallimagescard .card {
  width: 310px;
  height: 266px;
  margin: 5px;
  display: inline-block
}

.viewallimagescard .front,
.viewallimagescard .back {
  color: #fff
}

.viewallimagescard .front {
  background: #000;
  border: 1px solid #000;
  padding: 4px
}

#allTaxTables {
  margin: 0 30px
}

#allTaxTables table td {
  padding: 2px 5px 2px 0px
}

#allTaxTables h4,
#allTaxTables .entityHeader {
  font-weight: bold;
  color: #daa520;
  margin: 0
}

#allTaxTables .border_bottom {
  margin-top: 20px;
  border-bottom: 2px solid #d3d3d3
}

#allTaxTables .entityHeader {
  font-size: 20px;
  color: #b0c4de;
  text-shadow: 1px 1px 1px #000
}

.socialsharebar {
  text-align: center
}

.socialshare,
.facebook {
  font-size: 20px;
  line-height: 20px;
  margin: 9px 0 0 3px
}

.facebook {
  margin: 9px 0 0 -2px
}

#countiesHeader {
  height: 80px;
  border-bottom: 1px solid #346473;
  background-color: rgba(22, 22, 22, .84);
  box-shadow: 0 2px 10px #2f4f4f;
  padding: 2px 6px;
  display: flex
}

#countiesHeader .title {
  font-size: 37px;
  font-weight: bold;
  color: #977d59;
  text-shadow: 1px 1px 1px #000;
  margin: 4px 0 0 10px;
  line-height: 39px
}

@media only screen and (max-width:500px) {
  #countiesHeader .title {
    display: none
  }
}

#countiesHeader .title .subtitle {
  color: #fff;
  font-size: 22px;
  font-weight: normal
}

.main_title {
  font-size: 37px;
  font-weight: bold;
  color: #977d59;
  text-shadow: 1px 1px 1px #000;
  margin: 4px 0 0 10px;
  line-height: 39px
}

.main_subtitle {
  color: #fff;
  font-size: 22px;
  font-weight: normal
}

.main_logo_wrapper {
  display: flex;
  margin: -14px 0 0 -10px
}

@media only screen and (max-width:500px) {
  #partnerNavHeader #logo {
    display: none
  }
}

@media only screen and (max-width:500px) {
  #partnerNavBar {
    border: 1px solid #fff;
    z-index: 10
  }
}

#partnerNavBar {
  background: #000;
  margin: -6px 0px 0 -3px;
  font-size: 17px
}

.partnerWrapper {
  overflow       : auto;
  background     : url(../images/black_map-01.jpg) no-repeat center center;
  background-size: cover;
}

#partnerContent {
  overflow: auto;
  margin  : 76px auto 40px auto;
}

#partnerContent .titles h1, h3 {
  margin: 0;
  padding: 0
}

#partnerContent .titles h3 {
  padding: 10px 0;
  color: #daa520
}

#partnerContent .socialButtons {
  width: 295px;
  margin: 3px auto
}

#partnerContent .socialButtons img {
  width: 48px;
  height: 48px;
  margin: 3px 4px 28px
}

#partnerContent .regForm {
  background   : rgba(255, 255, 255, .5);
  border-radius: 12px;
  padding      : 0 15px 15px 15px;
}

#partnerContent .regForm md-input-container {
  width: 100%;
  margin-bottom: 5px
}

#partnerContent .regForm .submitbutton {
  width: 100%;
  margin: 0;
  font-weight: bold;
  background-color: #41df41;
  font-size: 16px;
  padding-top: 4px
}

#partnerContent .regForm .submitbutton:disabled {
  background-color: #c5c5c5;
  font-weight: normal
}

#partnerContent .pHeader {
  color      : #daa520;
  font-size  : 18px;
  font-weight: bold;
  line-height: 22px;
  margin-top : 10px
}

#partnerContent .pInfo {
  font-size  : 15px;
  font-weight: normal;
  line-height: 20px;
  text-align : justify;
  margin-left: 5px;
  color      : white;
}

@media only screen and (max-width:500px) {
  #partnerContent .leftcol {
    margin-right: 0;
    width       : 100%;
    float       : none
  }
}

@media only screen and (max-width:500px) {
  #partnerContent .rightcol {
    width     : 100%;
    margin-top: 16px;
    float     : none
  }
}

.login-register {
  background-size: cover;
  background: no-repeat center center;
  height: 100%;
  width: 100%;
  padding: 10% 0;
  position: fixed
}

.login-box,
.reset-password-box {
  width: 400px;
  margin: 0 auto
}

.reset-password-box {
  margin: 0 auto;
  max-width: calc(100% - 20px)
}

.login-box .footer {
  width: 100%;
  left: 0;
  right: 0
}

.login-box .social {
  display: block;
  margin-bottom: 30px
}

#form_recover {
  display: none
}

.login-sidebar {
  padding: 0;
  margin-top: 0
}

.reset-password-sidebar {
  padding: 10% 0;
  margin-top: 0
}

.login-sidebar .login-box {
  right: 0;
  position: absolute;
  height: 100%
}

#terms-agreement .custom-control-label::before {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: '';
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #dee2e6
}

.pass-meter {
  width: 100%;
  padding-top: 3px;
  padding-bottom: 4px
}

.pass-meter.hidden {
  display: none
}

.pass-meter-col {
  float: left;
  width: 25%;
  padding: 1px
}

.pass-meter-col .indicator {
  border-radius: 3px;
  background-color: #eee;
  height: 5px
}

.pass-meter-col.poor .indicator {
  background-color: #ef4e3a
}

.pass-meter-col.weak .indicator {
  background-color: #F27B1C
}

.pass-meter-col.good .indicator {
  background-color: #6c3
}

.pass-meter-col.strong .indicator {
  background-color: #33A7E3
}

.pass-meter .pass-meter-message {
  width: 100%;
  text-align: right;
  font-size: 11px;
  line-height: 10px;
  font-weight: 500;
  color: #555;
  min-height: 7px
}

.icolors,
.icheck-list {
  padding: 0;
  margin: 0;
  list-style: none
}

.icolors>li {
  padding: 0;
  margin: 2px;
  float: left;
  display: inline-block;
  height: 30px;
  width: 30px;
  background: #343a40;
  text-align: center
}

.icolors>li.active:after {
  content: '\2713 ';
  color: #fff;
  line-height: 30px
}

.icolors>li:first-child {
  margin-left: 0
}

.icolors>li.orange {
  background: #fb9678
}

.icolors>li.yellow {
  background: #ffbc34
}

.icolors>li.info {
  background: #009efb
}

.icolors>li.green {
  background: #36bea6
}

.icolors>li.red {
  background: #f62d51
}

.icolors>li.purple {
  background: #7460ee
}

.icolors>li.blue {
  background: #01c0c8
}

.icheck-list {
  float: left;
  padding-right: 50px;
  padding-top: 10px
}

.icheck-list li {
  padding-bottom: 5px
}

.icheck-list li label {
  padding-left: 10px
}

.provider-box {
  background: #edf1f5;
  border-radius: 5px;
  padding: 10px;
  margin: 10px
}

form#profileForm .profile-form-error-message {
  color: red;
  font-size: 13px;
  margin-left: 6px
}

.w100 {
  width: 100%
}

.skin-default .topbar-dash {
  background: #363d4a
}

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

.skin-default .topbar-dash .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}

.skin-default .topbar-dash-dash .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}

.skin-green .topbar-dash {
  background: #0178bc;
  background: -moz-linear-gradient(left, #318f94 0%, #5ec58c 100%);
  background: -webkit-linear-gradient(left, #318f94 0%, #5ec58c 100%);
  background: linear-gradient(to right, #318f94 0%, #5ec58c 100%)
}

.skin-green .topbar-dash .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}

.skin-green .topbar-dash .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}

.skin-green .sidebar-nav ul li a.active,
.skin-green .sidebar-nav ul li a:hover {
  color: #55ce63
}

.skin-green .sidebar-nav ul li a.active i,
.skin-green .sidebar-nav ul li a:hover i {
  color: #55ce63
}

.skin-green .sidebar-nav>ul>li.selected>a {
  color: #55ce63;
  border-left: 3px solid #55ce63
}

.skin-green .sidebar-nav>ul>li.selected>a i {
  color: #55ce63
}

.skin-green .page-titles .breadcrumb .breadcrumb-item.active {
  color: #55ce63
}

.skin-megna .topbar-dash {
  background: #01c0c8;
  background: -moz-linear-gradient(left, #01c0c8 0%, #1f72a2 100%);
  background: -webkit-linear-gradient(left, #01c0c8 0%, #1f72a2 100%);
  background: linear-gradient(to right, #01c0c8 0%, #1f72a2 100%)
}

.skin-megna .topbar-dash .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}

.skin-megna .topbar-dash .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}

.skin-megna .sidebar-nav ul li a.active,
.skin-megna .sidebar-nav ul li a:hover {
  color: #01c0c8
}

.skin-megna .sidebar-nav ul li a.active i,
.skin-megna .sidebar-nav ul li a:hover i {
  color: #01c0c8
}

.skin-megna .sidebar-nav>ul>li.selected>a {
  color: #01c0c8;
  border-left: 3px solid #01c0c8
}

.skin-megna .sidebar-nav>ul>li.selected>a i {
  color: #01c0c8
}

.skin-megna .page-titles .breadcrumb .breadcrumb-item.active {
  color: #01c0c8
}

.skin-purple .topbar-dash {
  background: #7460ee;
  background: -moz-linear-gradient(left, #533fd0 0%, #840fb5 100%);
  background: -webkit-linear-gradient(left, #533fd0 0%, #840fb5 100%);
  background: linear-gradient(to right, #533fd0 0%, #840fb5 100%)
}

.skin-purple .topbar-dash .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}

.skin-purple .topbar-dash .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}

.skin-purple .sidebar-nav ul li a.active,
.skin-purple .sidebar-nav ul li a:hover {
  color: #7460ee
}

.skin-purple .sidebar-nav ul li a.active i,
.skin-purple .sidebar-nav ul li a:hover i {
  color: #7460ee
}

.skin-purple .sidebar-nav>ul>li.selected>a {
  color: #7460ee;
  border-left: 3px solid #7460ee
}

.skin-purple .sidebar-nav>ul>li.selected>a i {
  color: #7460ee
}

.skin-purple .page-titles .breadcrumb .breadcrumb-item.active {
  color: #7460ee
}

.skin-red .topbar-dash {
  background: #f62d51;
  background: -moz-linear-gradient(left, #f62d51 0%, #660fb5 100%);
  background: -webkit-linear-gradient(left, #f62d51 0%, #660fb5 100%);
  background: linear-gradient(to right, #f62d51 0%, #660fb5 100%)
}

.skin-red .topbar-dash .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}

.skin-red .topbar-dash .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}

.skin-red .sidebar-nav ul li a.active,
.skin-red .sidebar-nav ul li a:hover {
  color: #f62d51
}

.skin-red .sidebar-nav ul li a.active i,
.skin-red .sidebar-nav ul li a:hover i {
  color: #f62d51
}

.skin-red .sidebar-nav>ul>li.selected>a {
  color: #f62d51;
  border-left: 3px solid #f62d51
}

.skin-red .sidebar-nav>ul>li.selected>a i {
  color: #f62d51
}

.skin-red .page-titles .breadcrumb .breadcrumb-item.active {
  color: #f62d51
}

.skin-blue .topbar-dash {
  background: #009efb;
  background: -moz-linear-gradient(left, #0178bc 0%, #00bdda 100%);
  background: -webkit-linear-gradient(left, #0178bc 0%, #00bdda 100%);
  background: linear-gradient(to right, #0178bc 0%, #00bdda 100%)
}

.skin-blue .topbar-dash .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}

.skin-blue .topbar-dash .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}

.skin-blue .sidebar-nav ul li a.active,
.skin-blue .sidebar-nav ul li a:hover {
  color: #009efb
}

.skin-blue .sidebar-nav ul li a.active i,
.skin-blue .sidebar-nav ul li a:hover i {
  color: #009efb
}

.skin-blue .sidebar-nav>ul>li.selected>a {
  color: #009efb;
  border-left: 3px solid #009efb
}

.skin-blue .sidebar-nav>ul>li.selected>a i {
  color: #009efb
}

.skin-blue .page-titles .breadcrumb .breadcrumb-item.active {
  color: #009efb
}

.skin-blue-dark .topbar-dash {
  background: #009efb;
  background: -moz-linear-gradient(left, #0178bc 0%, #00bdda 100%);
  background: -webkit-linear-gradient(left, #0178bc 0%, #00bdda 100%);
  background: linear-gradient(to right, #0178bc 0%, #00bdda 100%)
}

.skin-blue-dark .sidebar-nav ul li a.active,
.skin-blue-dark .sidebar-nav ul li a:hover {
  color: #009efb
}

.skin-blue-dark .sidebar-nav ul li a.active i,
.skin-blue-dark .sidebar-nav ul li a:hover i {
  color: #009efb
}

.skin-blue-dark .sidebar-nav>ul>li.selected>a {
  color: #009efb
}

.skin-blue-dark .sidebar-nav>ul>li.selected>a i {
  color: #009efb
}

.skin-blue-dark .page-titles .breadcrumb .breadcrumb-item.active {
  color: #009efb
}

.skin-blue-dark .topbar-dash .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}

.skin-blue-dark .topbar-dash .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}

.skin-blue-dark .left-sidebar {
  background: #181c22
}

.skin-blue-dark .left-sidebar .user-pro-body a.link {
  color: #798699
}

.skin-blue-dark .left-sidebar .nav-text-box {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.3)
}

@media (min-width:768px) {

  .skin-blue-dark.mini-sidebar .sidebar-nav #sidebarnav>li>ul,
  .skin-blue-dark.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
    background: #1f2023
  }
}

.skin-default-dark .topbar-dash {
  background: #fff
}

.skin-default-dark .topbar-dash .navbar-dark .navbar-nav .nav-link {
  color: #adb5bd
}

.skin-default-dark .sidebar-nav ul li a.active,
.skin-default-dark .sidebar-nav ul li a:hover {
  color: #009efb
}

.skin-default-dark .sidebar-nav ul li a.active i,
.skin-default-dark .sidebar-nav ul li a:hover i {
  color: #009efb
}

.skin-default-dark .sidebar-nav>ul>li.active>a {
  color: #009efb
}

.skin-default-dark .sidebar-nav>ul>li.active>a i {
  color: #009efb
}

.skin-default-dark .page-titles .breadcrumb .breadcrumb-item.active {
  color: #009efb
}

.skin-default-dark .topbar-dash .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}

.skin-default-dark .topbar-dash .top-navbar .navbar-header .navbar-brand .light-logo {
  display: none
}

.skin-default-dark .left-sidebar {
  background: #2b2f3a
}

.skin-default-dark .left-sidebar .user-pro-body a.link {
  color: #8991a9
}

.skin-default-dark .left-sidebar .nav-text-box {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.3)
}

.skin-default-dark .left-sidebar .sidebar-nav>ul>li>a,
.skin-default-dark .left-sidebar .sidebar-nav ul li a {
  color: #8991a9;
  transition: 0.1s ease-in
}

.skin-default-dark .left-sidebar .sidebar-nav>ul>li>a i,
.skin-default-dark .left-sidebar .sidebar-nav ul li a i {
  color: #7f879b
}

.skin-default-dark .left-sidebar .sidebar-nav>ul>li>a:hover i,
.skin-default-dark .left-sidebar .sidebar-nav>ul>li>a:hover,
.skin-default-dark .left-sidebar .sidebar-nav ul li a:hover i,
.skin-default-dark .left-sidebar .sidebar-nav ul li a:hover {
  color: #fff
}

.skin-default-dark .left-sidebar .sidebar-nav>ul>li>a.active,
.skin-default-dark .left-sidebar .sidebar-nav>ul>li>a.active i,
.skin-default-dark .left-sidebar .sidebar-nav ul li a.active,
.skin-default-dark .left-sidebar .sidebar-nav ul li a.active i {
  color: #fff
}

.skin-default-dark .left-sidebar .sidebar-nav>ul>li.selected>a {
  color: #fff
}

.skin-default-dark .left-sidebar .sidebar-nav>ul>li.selected>a i {
  color: #fff
}

.skin-default-dark .left-sidebar .sidebar-nav ul li ul {
  background: rgba(0, 0, 0, 0.2)
}

.skin-default-dark .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
  background-color: rgba(255, 255, 255, 0.2)
}

@media (min-width:768px) {

  .skin-default-dark.mini-sidebar .sidebar-nav #sidebarnav>li>ul,
  .skin-default-dark.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
    background: #1f2023
  }
}

.skin-green-dark .topbar-dash {
  background: #0178bc;
  background: -moz-linear-gradient(left, #318f94 0%, #5ec58c 100%);
  background: -webkit-linear-gradient(left, #318f94 0%, #5ec58c 100%);
  background: linear-gradient(to right, #318f94 0%, #5ec58c 100%)
}

.skin-green-dark .sidebar-nav ul li a.active,
.skin-green-dark .sidebar-nav ul li a:hover {
  color: #55ce63
}

.skin-green-dark .sidebar-nav ul li a.active i,
.skin-green-dark .sidebar-nav ul li a:hover i {
  color: #55ce63
}

.skin-green-dark .sidebar-nav>ul>li.selected>a {
  color: #55ce63
}

.skin-green-dark .sidebar-nav>ul>li.selected>a i {
  color: #55ce63
}

.skin-green-dark .page-titles .breadcrumb .breadcrumb-item.active {
  color: #55ce63
}

.skin-green-dark .topbar-dash .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}

.skin-green-dark .topbar-dash .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}

.skin-green-dark .left-sidebar {
  background: #272c33
}

.skin-green-dark .left-sidebar .user-pro-body a.link {
  color: #54667a
}

.skin-green-dark .left-sidebar .nav-text-box {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.3)
}

@media (min-width:768px) {

  .skin-green-dark.mini-sidebar .sidebar-nav #sidebarnav>li>ul,
  .skin-green-dark.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
    background: #1f2023
  }
}

.skin-red-dark .topbar-dash {
  background: #f62d51;
  background: -moz-linear-gradient(left, #f62d51 0%, #660fb5 100%);
  background: -webkit-linear-gradient(left, #f62d51 0%, #660fb5 100%);
  background: linear-gradient(to right, #f62d51 0%, #660fb5 100%)
}

.skin-red-dark .sidebar-nav ul li a.active,
.skin-red-dark .sidebar-nav ul li a:hover {
  color: #efe904
}

.skin-red-dark .sidebar-nav ul li a.active i,
.skin-red-dark .sidebar-nav ul li a:hover i {
  color: #efe904
}

.skin-red-dark .sidebar-nav>ul>li.selected>a {
  color: #efe904;
  border-left: 3px solid #efe904
}

.skin-red-dark .sidebar-nav>ul>li.selected>a i {
  color: #efe904
}

.skin-red-dark .page-titles .breadcrumb .breadcrumb-item.active {
  color: #efe904
}

.skin-red-dark .topbar-dash .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}

.skin-red-dark .topbar-dash .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}

.skin-red-dark .left-sidebar {
  background: #272c33
}

.skin-red-dark .left-sidebar .user-pro-body a.link {
  color: #54667a
}

.skin-red-dark .left-sidebar .nav-text-box {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.3)
}

@media (min-width:768px) {

  .skin-red-dark.mini-sidebar .sidebar-nav #sidebarnav>li>ul,
  .skin-red-dark.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
    background: #1f2023
  }
}

.skin-megna-dark .topbar-dash {
  background: #01c0c8;
  background: -moz-linear-gradient(left, #01c0c8 0%, #1f72a2 100%);
  background: -webkit-linear-gradient(left, #01c0c8 0%, #1f72a2 100%);
  background: linear-gradient(to right, #01c0c8 0%, #1f72a2 100%)
}

.skin-megna-dark .sidebar-nav ul li a.active,
.skin-megna-dark .sidebar-nav ul li a:hover {
  color        : #01c0c8;
  border-left  : 3px solid #01c0c8;
  padding-left : 9px;
  background   : black;
  border-radius: 21px;
  /* font-weight  : 400; */
}

.skin-megna-dark .sidebar-nav ul li a .subitem-icon {
  font-size     : 18px;
  vertical-align: top;
  margin-right  : 4px;
  width         : 20px
}

.skin-megna-dark .sidebar-nav ul li a.subitem {
  color       : #fff;
  padding-left: 27px
}

.skin-megna-dark .sidebar-nav ul li a.subitem.active,
.skin-megna-dark .sidebar-nav ul li a.subitem:hover {
  color       : #01c0c8;
  border-left : 3px solid #01c0c8;
  padding-left: 24px
}

.skin-megna-dark .sidebar-nav ul li a.active i,
.skin-megna-dark .sidebar-nav ul li a:hover i {
  color: #01c0c8
}

.skin-megna-dark .sidebar-nav>ul>li.selected>a {
  color: #01c0c8;
  border-left: 3px solid #01c0c8
}

.skin-megna-dark .sidebar-nav>ul>li.selected>a i {
  color: #01c0c8
}

.skin-megna-dark .page-titles .breadcrumb .breadcrumb-item.active {
  color: #01c0c8
}

.skin-megna-dark .topbar-dash .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}

.skin-megna-dark .topbar-dash .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}

.skin-megna-dark .left-sidebar {
  background: #272c33
}

.skin-megna-dark .left-sidebar .user-pro-body a.link {
  color: #798699
}

.skin-megna-dark .left-sidebar .nav-text-box {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.3)
}

@media (min-width:768px) {

  .skin-megna-dark.mini-sidebar .sidebar-nav #sidebarnav>li>ul,
  .skin-megna-dark.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
    background: #1f2023
  }
}

.skin-purple-dark .topbar-dash {
  background: #7460ee;
  background: -moz-linear-gradient(left, #533fd0 0%, #840fb5 100%);
  background: -webkit-linear-gradient(left, #533fd0 0%, #840fb5 100%);
  background: linear-gradient(to right, #533fd0 0%, #840fb5 100%)
}

.skin-purple-dark .sidebar-nav ul li a.active,
.skin-purple-dark .sidebar-nav ul li a:hover {
  color: #7460ee
}

.skin-purple-dark .sidebar-nav ul li a.active i,
.skin-purple-dark .sidebar-nav ul li a:hover i {
  color: #7460ee
}

.skin-purple-dark .sidebar-nav>ul>li.selected>a {
  color: #7460ee;
  border-left: 3px solid #7460ee
}

.skin-purple-dark .sidebar-nav>ul>li.selected>a i {
  color: #7460ee
}

.skin-purple-dark .page-titles .breadcrumb .breadcrumb-item.active {
  color: #7460ee
}

.skin-purple-dark .topbar-dash .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}

.skin-purple-dark .topbar-dash .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}

.skin-purple-dark .left-sidebar {
  background: #272c33
}

.skin-purple-dark .left-sidebar .user-pro-body a.link {
  color: #798699
}

.skin-purple-dark .left-sidebar .nav-text-box {
  border-color: transparent;
  background: rgba(0, 0, 0, 0.3)
}

@media (min-width:768px) {

  .skin-purple-dark.mini-sidebar .sidebar-nav #sidebarnav>li>ul,
  .skin-purple-dark.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
    background: #1f2023
  }
}

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

@-ms-viewport {
  width: device-width
}

[tabindex='-1']:focus {
  outline: 0
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #3e4555;
  font-family: 'Montserrat', sans-serif
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

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

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem
}

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

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

dfn {
  font-style: italic
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: #009efb
}

a:hover {
  color: #381be7;
  text-decoration: underline
}

a:not([href]):not([tabindex]) {
  color: #00f;
  text-decoration: none
}

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

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

pre,
code,
kbd,
samp {
  font: 1em monospace, monospace
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
  display: block;
  font-size: 87.5%;
  color: #212529
}

figure {
  margin: 0 0 1rem
}

img {
  vertical-align: middle;
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

table {
  border-collapse: collapse
}

caption {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #adb5bd;
  text-align: left;
  caption-side: bottom
}

th {
  text-align: inherit
}

label {
  display: inline-block;
  margin-bottom: .5rem
}

button {
  border-radius: 0
}

button:focus {
  outline: 5px
}

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

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

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

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-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 {
  overflow: auto;
  resize: vertical;
  resize: none
}

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

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

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-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none
}

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

output {
  display: inline-block
}

summary {
  display: list-item;
  cursor: pointer
}

template {
  display: none
}

[hidden] {
  display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  color: inherit
}

h1,
.h1 {
  font-size: 36px
}

h2,
.h2 {
  font-size: 30px
}

h3,
.h3 {
  font-size: 24px
}

h4,
.h4 {
  font-size: 18px
}

h5,
.h5 {
  font-size: 16px
}

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

.lead {
  font-size: 1.09375rem;
  font-weight: 300
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2
}

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

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

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

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

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

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

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

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.09375rem
}

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

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

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #edf1f5;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto
}

.figure {
  display: inline-block
}

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

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

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word
}

a>code {
  color: inherit
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem
}

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

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

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

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

@media (min-width:576px) {
  .container {
    max-width: 540px
  }
}

@media (min-width:768px) {
  .container {
    max-width: 720px
  }
}

@media (min-width:992px) {
  .container {
    max-width: 960px
  }
}

@media (min-width:1600px) {
  .container {
    max-width: 1140px
  }
}

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

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

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

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

.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:576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .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: none
  }

  .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: none
  }

  .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: none
  }

  .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%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent
}

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

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

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

.table .table {
  background-color: #edf1f5
}

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

.table-bordered {
  border: 1px solid #dee2e6
}

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

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

.table-striped tbody tr:nth-of-type(odd) {
  background: #f8f9fa
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
    background-color: #000000;
}

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

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

.table-hover .table-primary:hover {
  background-color: #c4bbf7
}

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

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

.table-hover .table-secondary:hover {
  background-color: #ececf6
}

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

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

.table-hover .table-success:hover {
  background-color: #b4e7dd
}

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

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

.table-hover .table-info:hover {
  background-color: #9fdafe
}

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

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

.table-hover .table-warning:hover {
  background-color: #ffe4ad
}

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

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

.table-hover .table-danger:hover {
  background-color: #fbacba
}

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

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

.table-hover .table-light:hover {
  background-color: #ececf6
}

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

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

.table-hover .table-dark:hover {
  background-color: #b9bbbe
}

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

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

.table-hover .table-cyan:hover {
  background-color: #a3e8ec
}

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

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

.table-hover .table-purple:hover {
  background-color: #c4bbf7
}

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

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

.table-hover .table-active:hover {
  background-color: #e9ecef
}

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

.table .thead-dark th {
  color: #edf1f5;
  background-color: #212529;
  border-color: #32383e
}

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

.table-dark {
  color: #edf1f5;
  background-color: #212529
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e
}

.table-dark.table-bordered {
  border: 0
}

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

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075)
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .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;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .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;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .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;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .table-responsive-xl>.table-bordered {
    border: 0
  }
}

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

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

.form-control {
  display              : block;
  width                : 100%;
  font-size            : 0.875rem;
  font-weight          : 100;
  line-height          : 1.5;
  background-color     : #fff;
  background-clip      : padding-box;
  border-radius        : 0.25rem;
  transition           : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color                : #212529;
  min-height           : 30px;
  display              : initial;
  border               : 2px solid rgba(120, 130, 140, 0.13);
  -webkit-transition   : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-transition      : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -ms-transition       : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -o-transition        : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius   : 0.25rem;
  -ms-border-radius    : 0.25rem;
  -o-border-radius     : 0.25rem;
}

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

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

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

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

select.form-control:not([size]):not([multiple]) {
  height: calc(2.0625rem + 2px);
  height: calc(2.25rem + 12px)
}

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(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5
}

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

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

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

.form-control-plaintext.form-control-sm,
.input-group-sm>.form-control-plaintext.form-control,
.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text,
.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
.input-group-sm>.input-group-append>.form-control-plaintext.btn,
.form-control-plaintext.form-control-lg,
.input-group-lg>.form-control-plaintext.form-control,
.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
.input-group-lg>.input-group-append>.form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  min-height: 20px
}

select.form-control-sm :not([size]):not([multiple]),
.input-group-sm>select.form-control :not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>.input-group-append>select.input-group-text :not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.btn :not([size]):not([multiple]),
.input-group-sm>.input-group-append>select.btn :not([size]):not([multiple]) {
  height: calc(1.64844rem + 2px)
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  line-height: 1.5;
  border-radius: 0.3rem
}

select.form-control-lg :not([size]):not([multiple]),
.input-group-lg>select.form-control :not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>.input-group-append>select.input-group-text :not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.btn :not([size]):not([multiple]),
.input-group-lg>.input-group-append>select.btn :not([size]):not([multiple]) {
  height: calc(2.64063rem + 2px)
}

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

.form-text {
  display: block;
  margin-top: 0.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 {
  position: relative;
  display: block;
  padding-left: 1.25rem
}

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

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

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

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

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

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #36bea6
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(54, 190, 166, 0.8);
  border-radius: .2rem
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #36bea6
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #36bea6;
  box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.25)
}

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

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
  color: #36bea6
}

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

.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
  color: #36bea6
}

.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
  background-color: #93e0d3
}

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

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
  background-color: #58cfba
}

.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #edf1f5, 0 0 0 0.2rem rgba(54, 190, 166, 0.25)
}

.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
  border-color: #36bea6
}

.was-validated .custom-file-input:valid~.custom-file-label::before,
.custom-file-input.is-valid~.custom-file-label::before {
  border-color: inherit
}

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

.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.25)
}

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

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(246, 45, 81, 0.8);
  border-radius: .2rem
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #f62d51
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #f62d51;
  box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.25)
}

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

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

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

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

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

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

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

.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #edf1f5, 0 0 0 0.2rem rgba(246, 45, 81, 0.25)
}

.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
  border-color: #f62d51
}

.was-validated .custom-file-input:invalid~.custom-file-label::before,
.custom-file-input.is-invalid~.custom-file-label::before {
  border-color: inherit
}

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

.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.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 .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;
    margin-top  : 0;
    margin-right: 0.25rem;
    margin-left : 0
  }

  .form-inline .custom-control {
    align-items    : center;
    justify-content: center
  }

  .form-inline .custom-control-label {
    margin-bottom: 0
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  padding: 10px 25px;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s
}

.btn:hover,
.btn:focus {
  text-decoration: none
}

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

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

.btn:not(:disabled):not(.disabled) {
  cursor: pointer
}

.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
  background-image: none
}

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

.btn-primary {
  color: #fff;
  background-color: #7460ee;
  border-color: #7460ee
}

.btn-primary:hover {
  color: #fff;
  background-color: #563dea;
  border-color: #4c32e9
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(116, 96, 238, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #7460ee;
  border-color: #7460ee
}

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

.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 0.2rem rgba(116, 96, 238, 0.5)
}

.btn-secondary {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #dee2e6
}

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

.btn-secondary:focus,
.btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5)
}

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

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

.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 0.2rem rgba(248, 249, 250, 0.5)
}

.btn-success:hover {
  color: #fff;
  background-color: #2ea08c;
  border-color: #2b9683
}

.btn-success:focus,
.btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.5)
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #36bea6;
  border-color: #36bea6
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #2b9683;
  border-color: #288c7b
}

.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 0.2rem rgba(54, 190, 166, 0.5)
}

.btn-info {
  color: #fff;
  background-color: #009efb;
  border-color: #009efb
}

.btn-info:hover {
  color: #fff;
  background-color: #0086d5;
  border-color: #007ec8
}

.btn-info focus,
.btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 158, 251, 0.5)
}

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

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #007ec8;
  border-color: #0076bb
}

.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 0.2rem rgba(0, 158, 251, 0.5)
}

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

.btn-warning:hover {
  color: #212529;
  background-color: #ffaf0e;
  border-color: #ffab01
}

.btn-warning:focus,
.btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 52, 0.5)
}

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

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

.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 0.2rem rgba(255, 188, 52, 0.5)
}

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

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

.btn-danger:focus,
.btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.5)
}

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

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

.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 0.2rem rgba(246, 45, 81, 0.5)
}

.btn-light {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #263238
}

.btn-light:hover {
  background: #263238;
  color: #fff;
  border-color: #263238
}

.btn-light:focus,
.btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5)
}

.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-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 0.2rem rgba(248, 249, 250, 0.5)
}

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

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

.btn-dark:focus,
.btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5)
}

.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-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 0.2rem rgba(52, 58, 64, 0.5)
}

.btn-cyan {
  color: #fff;
  background-color: #01c0c8;
  border-color: #01c0c8
}

.btn-cyan:hover {
  color: #fff;
  background-color: #019ba2;
  border-color: #018f95
}

.btn-cyan:focus,
.btn-cyan.focus {
  box-shadow: 0 0 0 0.2rem rgba(1, 192, 200, 0.5)
}

.btn-cyan.disabled,
.btn-cyan:disabled {
  color: #fff;
  background-color: #01c0c8;
  border-color: #01c0c8
}

.btn-cyan:not(:disabled):not(.disabled) :active,
.btn-cyan:not(:disabled):not(.disabled).active,
.show>.btn-cyan.dropdown-toggle {
  color: #fff;
  background-color: #018f95;
  border-color: #018389
}

.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 0.2rem rgba(1, 192, 200, 0.5)
}

.btn-purple {
  color: #fff;
  background-color: #7460ee;
  border-color: #7460ee
}

.btn-purple:hover {
  color: #fff;
  background-color: #563dea;
  border-color: #4c32e9
}

.btn-purple:focus,
.btn-purple.focus {
  box-shadow: 0 0 0 0.2rem rgba(116, 96, 238, 0.5)
}

.btn-purple.disabled,
.btn-purple:disabled {
  color: #fff;
  background-color: #7460ee;
  border-color: #7460ee
}

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

.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 0.2rem rgba(116, 96, 238, 0.5)
}

.btn-outline-primary {
  background: #fff none;
  color: #316ce8;
  border-color: #316ce8;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #7460ee;
  border-color: #7460ee
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(116, 96, 238, 0.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #7460ee;
  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: #7460ee;
  border-color: #7460ee
}

.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 0.2rem rgba(116, 96, 238, 0.5)
}

.btn-outline-secondary {
  background: #fff none;
  border-color: #dee2e6;
  color: #727b84;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in
}

.btn-outline-secondary:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #ced4da
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #f8f9fa;
  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: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.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 0.2rem rgba(248, 249, 250, 0.5)
}

.btn-outline-success {
  color: #36bea6;
  background: transparent none;
  border-color: #36bea6
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #36bea6;
  border-color: #36bea6
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(54, 190, 166, 0.5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #36bea6;
  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: #36bea6;
  border-color: #36bea6
}

.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 0.2rem rgba(54, 190, 166, 0.5)
}

.btn-outline-info {
  background: transparent none;
  color: #00b4ff;
  border-color: #00b4ff;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in
}

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

.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 158, 251, 0.5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #009efb;
  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: #009efb;
  border-color: #009efb
}

.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 0.2rem rgba(0, 158, 251, 0.5)
}

.btn-outline-warning {
  background: transparent none;
  color: #fec500;
  border-color: #fec500;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in
}

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

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 52, 0.5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffbc34;
  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: #ffbc34;
  border-color: #ffbc34
}

.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 0.2rem rgba(255, 188, 52, 0.5)
}

.btn-outline-danger {
  background: transparent none;
  color: #ff4d7e;
  border-color: #ff4d7e;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in
}

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

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #f62d51;
  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: #f62d51;
  border-color: #f62d51
}

.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 0.2rem rgba(246, 45, 81, 0.5)
}

.btn-outline-light {
  color: #f8f9fa;
  background: transparent none;
  border-color: #f8f9fa
}

.btn-outline-light:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #263238 !important
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5)
}

.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-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 0.2rem rgba(248, 249, 250, 0.5)
}

.btn-outline-dark {
  color: #343a40;
  background: transparent none;
  border-color: #343a40
}

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

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5)
}

.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-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 0.2rem rgba(52, 58, 64, 0.5)
}

.btn-outline-cyan {
  color: #01c0c8;
  background: transparent none;
  border-color: #01c0c8
}

.btn-outline-cyan:hover {
  color: #fff;
  background-color: #01c0c8;
  border-color: #01c0c8
}

.btn-outline-cyan:focus,
.btn-outline-cyan.focus {
  box-shadow: 0 0 0 0.2rem rgba(1, 192, 200, 0.5)
}

.btn-outline-cyan.disabled,
.btn-outline-cyan:disabled {
  color: #01c0c8;
  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: #01c0c8;
  border-color: #01c0c8
}

.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 0.2rem rgba(1, 192, 200, 0.5)
}

.btn-outline-purple {
  color: #7460ee;
  background: transparent none;
  border-color: #7460ee
}

.btn-outline-purple:hover {
  color: #fff;
  background-color: #7460ee;
  border-color: #7460ee
}

.btn-outline-purple:focus,
.btn-outline-purple.focus {
  box-shadow: 0 0 0 0.2rem rgba(116, 96, 238, 0.5)
}

.btn-outline-purple.disabled,
.btn-outline-purple:disabled {
  color: #7460ee;
  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: #7460ee;
  border-color: #7460ee
}

.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 0.2rem rgba(116, 96, 238, 0.5)
}

.btn-link {
  font-weight: 400;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #263238;
  padding: 10px 15px
}

.btn-link:hover {
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
  color: #2cdd9b
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d
}

.btn-lg,
.btn-group-lg>.btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  line-height: 1.5;
  border-radius: 0.3rem
}

.btn-sm,
.btn-group-sm>.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
  line-height: 1.5;
  border-radius: 0.2rem
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: 0.5rem
}

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

.fade {
  opacity: 0;
  transition: opacity 0.15s linear
}

.fade.show {
  opacity: 1
}

.collapse {
  display: none
}

.collapse.show {
  display: block
}

tr.collapse.show {
  display: table-row
}

tbody.collapse.show {
  display: table-row-group
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
  -webkit-transition: height .08s ease;
  -o-transition: height .08s ease;
  transition: height .08s ease
}

.dropup,
.dropdown {
  position: relative
}

.dropdown-toggle::after {
  display       : inline-block;
  width         : 0;
  height        : 0;
  margin-left   : 0.255em;
  vertical-align: 0.255em;
  content       : '';
  border-top    : 0 solid;
  border-right  : 0 solid transparent;
  border-bottom : 0;
  border-left   : 0 solid transparent
}

.dropdown-toggle:empty::after {
  margin-left: 0
}

.dropdown-menu {
  position        : absolute;
  top             : 100%;
  left            : 0;
  z-index         : 1000;
  display         : none;
  float           : left;
  min-width       : 10rem;
  margin          : 0.125rem 0 0;
  font-size       : 0.875rem;
  color           : #212529;
  text-align      : left;
  list-style      : none;
  background-color: white;
  background-clip : padding-box;
  border-radius   : 0.25rem;
  padding         : 0;
  border          : 0;
  box-shadow      : 1px 1px 15px rgba(0, 0, 0, .5);
  width           : 250px;
}

.dropup .dropdown-menu {
  margin-top   : 0;
  margin-bottom: 0.125rem
}

.dropup .dropdown-toggle::after {
  display       : inline-block;
  width         : 0;
  height        : 0;
  margin-left   : 0.255em;
  vertical-align: 0.255em;
  content       : '';
  border-top    : 0;
  border-right  : 0 solid transparent;
  border-bottom : 0 solid;
  border-left   : 0 solid transparent
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropright .dropdown-menu {
  margin-top: 0;
  margin-left: 0.125rem
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '';
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 0 solid;
  vertical-align: 0
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropleft .dropdown-menu {
  margin-top: 0;
  margin-right: 0.125rem
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '';
  display: none
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: '';
  border-top: 0 solid transparent;
  border-right: 0 solid;
  border-bottom: 0 solid transparent;
  vertical-align: 0
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropdown-divider {
  height    : 0;
  margin    : 0.5rem 0;
  overflow  : hidden;
  border-top: 1px solid #f8f9fa
}

.dropdown-item {
  display         : block;
  width           : 100%;
  clear           : both;
  font-weight     : 400;
  text-align      : inherit;
  white-space     : nowrap;
  background-color: transparent;
  border          : 0;
  padding         : 8px 1rem;
  color           : #8d97ad
}

.dropdown-item:hover,
.dropdown-item:focus {
  text-decoration : none;
  background-color: #d8d8d8;
  color           : black!important;
}

.dropdown-item.active,
.dropdown-item:active {
  color           : #fff;
  text-decoration : none;
  background-color: #00b4ff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color           : #6c757d;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display      : block;
  padding      : 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size    : 0.76563rem;
  color        : #6c757d;
  white-space  : nowrap
}

.btn-group,
.btn-group-vertical {
  position      : relative;
  display       : inline-flex;
  margin-top    : 0;
  padding-left  : 8px;
  vertical-align: middle;
  float         : left
}

.btn-group>.btn,
.btn-group-vertical>.btn {
  position: relative;
  flex    : 0 1 auto
}

.btn-group>.btn :hover,
.btn-group-vertical>.btn:hover {
  z-index: 1
}

.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
  z-index: 1
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
  margin-left: -1px
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group>.btn:first-child {
  margin-left: 0
}

.btn-group>.btn :not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn :not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem
}

.dropdown-toggle-split::after {
  margin-left: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.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+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
  margin-top: -1px;
  margin-left: 0
}

.btn-group-vertical>.btn :not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn :not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
  margin-bottom: 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>.form-control,
.input-group>.custom-select,
.input-group>.custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0
}

.input-group>.form-control :focus,
.input-group>.custom-select:focus,
.input-group>.custom-file :focus {
  z-index: 3
}

.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
  margin-left: -1px
}

.input-group>.form-control :not(:last-child),
.input-group>.custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group>.form-control :not(:first-child),
.input-group>.custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group>.custom-file {
  display: flex;
  align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label,
.input-group>.custom-file:not(:first-child) .custom-file-label::before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group-prepend,
.input-group-append {
  display: flex
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2
}

.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
  margin-left: -1px
}

.input-group-prepend {
  margin-right: -1px
}

.input-group-append {
  margin-left: -1px
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4F5467;
  text-align: center;
  white-space: nowrap;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.25rem
}

.input-group-text input[type='radio'],
.input-group-text input[type='checkbox'] {
  margin-top: 0
}

.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.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) {
  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:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.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) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  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;
  background-color: #009efb
}

.custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #edf1f5, transparent
}

.custom-control-input:active~.custom-control-label::before {
  color: #fff;
  background-color: #000
}

.custom-control-input:disabled~.custom-control-label {
  color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
  background-color: #e9ecef
}

.custom-control-label {
  margin-bottom: 0
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: '';
  user-select: none;
  background-color: #dee2e6
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  content: '';
  background: no-repeat center center;
  background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #009efb
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3E%3C/svg%3E')
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
  background-color: #009efb
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
  background-image: url('data:image/svg+xml;charset=utf8,%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-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(116, 96, 238, 0.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
  background-color: rgba(116, 96, 238, 0.5)
}

.custom-radio .custom-control-label::before {
  border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color: #009efb
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3E%3Ccircle r=\'3\' fill=\'%23fff\'/%3E%3C/svg%3E')
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(116, 96, 238, 0.5)
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.0625rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.5;
  color: #4F5467;
  vertical-align: middle;
  background: #fff url(../images/ui/custom-select.png) no-repeat 0, ;
  border-radius: 0.25rem;
  appearance: none;
  background: url(../images/ui/custom-select.png) right 0.75rem center no-repeat;
  border: 2px solid rgba(120, 130, 140, 0.13);
  height: calc(2.25rem + 12px)
}

.custom-select:focus {
  border-color: rgba(0, 0, 0, 0.1);
  outline: 0;
  box-shadow: transparent
}

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

.custom-select[multiple],
.custom-select[size]:not([size='1']) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef
}

.custom-select::-ms-expand {
  opacity: 0
}

.custom-select-sm {
  height: calc(1.64844rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%
}

.custom-select-lg {
  height: calc(2.64063rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.0625rem + 2px);
  margin-bottom: 0
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.0625rem + 2px);
  margin: 0;
  opacity: 0
}

.custom-file-input:focus~.custom-file-control {
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: transparent
}

.custom-file-input:focus~.custom-file-control::before {
  border-color: rgba(0, 0, 0, 0.1)
}

.custom-file-input:lang(en)~.custom-file-label::after {
  content: 'Browse'
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.0625rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #4F5467;
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.25rem
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(2.0625rem + 2px) - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #4F5467;
  content: 'Browse';
  background-color: #f8f9fa;
  border-left: 1px solid #e9ecef;
  border-radius: 0 0.25rem 0.25rem 0
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem
}

.comps-tabs .nav-link {
  display: block;
  padding: 6px 8px 5px
}

.nav-link:hover,
.nav-link:focus {
  text-decoration: none
}

.nav-link.disabled {
  color: #6c757d
}

.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 : 0.25rem;
  border-top-right-radius: 0.25rem;
  height                 : 44px;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-top  : 1px solid #d9d9dc;
  border-left : 1px solid #d9d9dc;
  border-right: 1px solid #d9d9dc
}

.nav-tabs .nav-link.disabled {
  color           : #6c757d;
  background-color: transparent;
  border-color    : transparent
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color           : #4F5467;
  background-color: #fff;
  border-color    : #dee2e6 #dee2e6 #fff;
  border-top      : 3px solid #07b1c1
}

.nav-tabs .dropdown-menu {
  margin-top             : -1px;
  border-top-left-radius : 0;
  border-top-right-radius: 0
}

.nav-pills .nav-link {
  border-radius        : .25em 0 0 .25em;
  -webkit-border-radius: .25em 0 0 .25em;
  -moz-border-radius   : .25em 0 0 .25em;
  -ms-border-radius    : .25em 0 0 .25em;
  -o-border-radius     : .25em 0 0 .25em;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color           : #fff;
  background-color: #1f72a2
}
.nav-pills .nav-link.active:hover,
.nav-pills .show>.nav-link:hover {
  color           : #fff;
  background-color: #1f72a2
}
.nav-pills .nav-link:hover {
  background-color: #f3f3f3;
  color           : blue;  
}

.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;
  flex-wrap      : wrap;
  align-items    : center;
  justify-content: space-between;
  padding        : 0.5rem 1rem
}

.navbar>.container,
.navbar>.container-fluid {
  display        : flex;
  flex-wrap      : wrap;
  align-items    : center;
  justify-content: space-between
}

.navbar-brand {
  display       : inline-block;
  padding-top   : 0.33594rem;
  padding-bottom: 0.33594rem;
  margin-right  : 1rem;
  font-size     : 1.09375rem;
  line-height   : inherit;
  white-space   : nowrap
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none
}

.topbar-dash .navbar .navbar-brand img {
  width: inherit;
  margin-top: 0
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  font-weight: 400
}

.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: 0.5rem;
  padding-bottom: 0.5rem
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.09375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: '';
  background: no-repeat center center;
  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 .dropdown-menu-right {
    right: 0;
    left: auto
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.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
  }

  .navbar-expand-sm .dropup .dropdown-menu {
    top: auto;
    bottom: 100%
  }
}

@media (max-width:767.98px) {

  .navbar-expand-md>.container,
  .navbar-expand-md>.container-fluid {
    padding-right: 0;
    padding-left: 0
  }
}

@media (min-width:768px) {
  .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 .dropdown-menu-right {
    right: 0;
    left: auto
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.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
  }

  .navbar-expand-md .dropup .dropdown-menu {
    top: auto;
    bottom: 100%
  }
}

@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 .dropdown-menu-right {
    right: 0;
    left: auto
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.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
  }

  .navbar-expand-lg .dropup .dropdown-menu {
    top: auto;
    bottom: 100%
  }
}

@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 .dropdown-menu-right {
    right: 0;
    left: auto
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.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-xl .dropup .dropdown-menu {
    top: auto;
    bottom: 100%
  }
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
  padding-right: 0;
  padding-left: 0;
  flex-wrap: nowrap
}

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

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

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

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-expand .dropup .dropdown-menu {
  top: auto;
  bottom: 100%
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5)
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7)
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3)
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1)
}

.navbar-light .navbar-toggler-icon {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(0,0,0,0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E')
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5)
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9)
}

.navbar-dark .navbar-brand {
  color: #fff
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5)
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgb(43, 156, 211);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25)
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1)
}

.navbar-dark .navbar-toggler-icon {
  background-image: url('data:image/svg+xml;charset=utf8,%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, 0.5)
}

.navbar-dark .navbar-text a {
  color: #fff
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  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-radius: 0;
  margin-bottom: 20px;
  border: 0;
  margin-bottom: 30px
}

.card>hr {
  margin-right: 0;
  margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.card>.list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem
}

.card-title {
  margin-bottom: 0.75rem;
  font-size: 18px
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
  color: #8d97ad;
  margin-bottom: 30px;
  font-size: 14px
}

.card-text:last-child {
  margin-bottom: 0
}

.card-link:hover {
  text-decoration: none
}

.card-link+.card-link {
  margin-left: 1.25rem
}

.card-header {
  padding         : 0.75rem 1.25rem;
  margin-bottom   : 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom   : 0px solid transparent
}

.card-header:first-child {
  border-radius        : 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius   : 0px;
  -ms-border-radius    : 0px;
  -o-border-radius     : 0px;
}

.card-header+.list-group .list-group-item:first-child {
  border-top: 0
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 0px solid transparent
}

.card-footer:last-child {
  border-radius:
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem
}

.card-img {
  width: 100%;
  border-radius: calc(0px - 0px)
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0px - 0px);
  border-top-right-radius: calc(0px - 0px)
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0px - 0px);
  border-bottom-left-radius: calc(0px - 0px)
}

.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;
  margin-bottom: 20px
}

.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:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .card-group>.card:first-child .card-img-top,
  .card-group>.card:first-child .card-header {
    border-top-right-radius: 0
  }

  .card-group>.card:first-child .card-img-bottom,
  .card-group>.card:first-child .card-footer {
    border-bottom-right-radius: 0
  }

  .card-group>.card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

  .card-group>.card:last-child .card-img-top,
  .card-group>.card:last-child .card-header {
    border-top-left-radius: 0
  }

  .card-group>.card:last-child .card-img-bottom,
  .card-group>.card:last-child .card-footer {
    border-bottom-left-radius: 0
  }

  .card-group>.card:only-child {
    border-radius: 0
  }

  .card-group>.card:only-child .card-img-top,
  .card-group>.card:only-child .card-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }

  .card-group>.card:only-child .card-img-bottom,
  .card-group>.card:only-child .card-footer {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
  }

  .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0
  }

  .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
  margin-bottom: 30px;
  margin-bottom: 20px
}

@media (min-width:576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem
  }

  .card-columns .card {
    display: inline-block;
    width: 100%
  }
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1.5rem;
  list-style: none;
  background-color: #fff;
  border-radius: 0.25rem;
  margin-bottom: 0
}

.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #6c757d;
  content: '/'
}

.breadcrumb-item+.breadcrumb-item:hover::before {
  text-decoration: underline;
  text-decoration: none
}

.breadcrumb-item.active {
  color: #6c757d
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #7460ee;
  background-color: #fff;
  border: 1px solid #dee2e6
}

.page-link:hover {
  color: #381be7;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: transparent
}

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #009efb;
  border-color: #009efb
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.09375rem;
  line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
  line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  line-height: normal;
  font-weight: 400
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.badge-pill {
  padding-right: 0.2em;
  padding-left: 0.2em;
  border-radius: 10rem
}

.badge-primary {
  color: #fff;
  background-color: #316ce8
}
.badge-primary2 {
  color: #fff;
  background-color: #428bca
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #4c32e9
}

.badge-secondary {
  color: #212529;
  background-color: #f8f9fa
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #dae0e5
}

.badge-success {
  color: #fff;
  background-color: #2cdd9b
}

.badge-success[href]:hover,
.badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #2b9683
}

.badge-info {
  color: #fff;
  background-color: #00b4ff
}
.badge-info2 {
  color: #fff;
  background-color: #B805FF;
}

.badge-info[href]:hover,
.badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #007ec8
}

.badge-warning {
  color: #212529;
  background-color: #fec500
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #ffab01
}

.badge-danger {
  color: #fff;
  background-color: #ff4d7e
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #e60a31
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa
}

.badge-light[href]:hover,
.badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #dae0e5
}

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

.badge-dark[href]:hover,
.badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124
}

.badge-cyan {
  color: #fff;
  background-color: #01c0c8
}

.badge-cyan[href]:hover,
.badge-cyan[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #018f95
}

.badge-purple {
  color: #fff;
  background-color: #7460ee
}

.badge-purple[href]:hover,
.badge-purple[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #4c32e9
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem
}

@media (min-width:576px) {
  .jumbotron {
    padding: 4rem 2rem
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 3.8125rem
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit
}

.alert-primary {
  color: #3c327c;
  background-color: #e3dffc;
  border-color: #d8d2fa
}

.alert-primary hr {
  border-top-color: #c4bbf7
}

.alert-primary .alert-link {
  color: #2a2358
}

.alert-secondary {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe
}

.alert-secondary hr {
  border-top-color: #ececf6
}

.alert-secondary .alert-link {
  color: #686868
}

.alert-success {
  color: #1c6356;
  background-color: #d7f2ed;
  border-color: #c7ede6
}

.alert-success hr {
  border-top-color: #b4e7dd
}

.alert-success .alert-link {
  color: #113b33
}

.alert-info {
  color: #005283;
  background-color: #ccecfe;
  border-color: #b8e4fe
}

.alert-info hr {
  border-top-color: #9fdafe
}

.alert-info .alert-link {
  color: #003250
}

.alert-warning {
  color: #85621b;
  background-color: #fff2d6;
  border-color: #ffecc6
}

.alert-warning hr {
  border-top-color: #ffe4ad
}

.alert-warning .alert-link {
  color: #5b4312
}

.alert-danger {
  color: #80172a;
  background-color: #fdd5dc;
  border-color: #fcc4ce
}

.alert-danger hr {
  border-top-color: #fbacba
}

.alert-danger .alert-link {
  color: #550f1c
}

.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-cyan {
  color: #016468;
  background-color: #ccf2f4;
  border-color: #b8edf0
}

.alert-cyan hr {
  border-top-color: #a3e8ec
}

.alert-cyan .alert-link {
  color: #013335
}

.alert-purple {
  color: #3c327c;
  background-color: #e3dffc;
  border-color: #d8d2fa
}

.alert-purple hr {
  border-top-color: #c4bbf7
}

.alert-purple .alert-link {
  color: #2a2358
}

@keyframes progress-bar-stripes {
  from {
    background-position: auto 0
  }

  to {
    background-position: 0 0
  }
}

.progress {
  display: flex;
  height: auto;
  overflow: hidden;
  font-size: 0.65625rem;
  background-color: #f8f9fa;
  border-radius: 0.25rem
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  background-color: #7460ee;
  transition: width 0.6s ease
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: auto auto
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite
}

.media {
  display: flex;
  align-items: flex-start;
  border: 1px solid rgba(120, 130, 140, 0.13);
  margin-bottom: 10px;
  padding: 15px
}

.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:hover,
.list-group-item-action:focus {
  color: #4F5467;
  text-decoration: none;
  background-color: #f8f9fa
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125)
}

.list-group-item:hover,
.list-group-item:focus {
  z-index: 1;
  text-decoration: none
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  background-color: #fff
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #009efb;
  border-color: #009efb
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0
}

.list-group-item-primary {
  color: #3c327c;
  background-color: #d8d2fa
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #3c327c;
  background-color: #c4bbf7
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #3c327c;
  border-color: #3c327c
}

.list-group-item-secondary {
  color: #818182;
  background-color: #fdfdfe
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182
}

.list-group-item-success {
  color: #1c6356;
  background-color: #c7ede6
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #1c6356;
  background-color: #b4e7dd
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #1c6356;
  border-color: #1c6356
}

.list-group-item-info {
  color: #005283;
  background-color: #b8e4fe
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #005283;
  background-color: #9fdafe
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #005283;
  border-color: #005283
}

.list-group-item-warning {
  color: #85621b;
  background-color: #ffecc6
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #85621b;
  background-color: #ffe4ad
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #85621b;
  border-color: #85621b
}

.list-group-item-danger {
  color: #80172a;
  background-color: #fcc4ce
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #80172a;
  background-color: #fbacba
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #80172a;
  border-color: #80172a
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  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:hover,
.list-group-item-dark.list-group-item-action:focus {
  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-cyan {
  color: #016468;
  background-color: #b8edf0
}

.list-group-item-cyan.list-group-item-action:hover,
.list-group-item-cyan.list-group-item-action:focus {
  color: #016468;
  background-color: #a3e8ec
}

.list-group-item-cyan.list-group-item-action.active {
  color: #fff;
  background-color: #016468;
  border-color: #016468
}

.list-group-item-purple {
  color: #3c327c;
  background-color: #d8d2fa
}

.list-group-item-purple.list-group-item-action:hover,
.list-group-item-purple.list-group-item-action:focus {
  color: #3c327c;
  background-color: #c4bbf7
}

.list-group-item-purple.list-group-item-action.active {
  color: #fff;
  background-color: #3c327c;
  border-color: #3c327c
}

.close {
  float: right;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  opacity: .75
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none
}

.modal-open {
  overflow: hidden
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0
}

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

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
  min-height: calc(100vh - 60px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: auto
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%)
}

.modal.show .modal-dialog {
  transform: translate(0, 0)
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2))
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: 0.5
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem
}

.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 #e9ecef
}

.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: 60%;
    margin: 1.75rem auto
  }

  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2))
  }

  .modal-sm {
    max-width: 300px
  }
}

@media (min-width:992px) {
  .modal-lg {
    max-width: 800px
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font: normal 400 0.76563rem/1.5 'Rubik', sans-serif;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  word-wrap: break-word;
  opacity: 0
}

.tooltip.show {
  opacity: 0.9
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem
}

.tooltip .arrow::before {
  position: absolute;
  content: '';
  border-color: transparent;
  border-style: solid
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^='top'] {
  padding: 0.4rem 0
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^='top'] .arrow {
  bottom: 0
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^='top'] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^='right'] {
  padding: 0 0.4rem
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^='right'] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto [x-placement^='right'] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^='bottom'] {
  padding: 0.4rem 0
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^='bottom'] .arrow {
  top: 0
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto [x-placement^='bottom'] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^='left'] {
  padding: 0 0.4rem
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^='left'] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^='left'] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font: normal 400 0.76563rem/1.5 'Rubik', sans-serif;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem
}

.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  content: '';
  border-color: transparent;
  border-style: solid
}

.bs-popover-top,
.bs-popover-auto[x-placement^='top'] {
  margin-bottom: 0.5rem
}

.bs-popover-top .arrow,
.bs-popover-auto[x-placement^='top'] .arrow {
  bottom: calc((0.5rem + 1px) * -1)
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^='top'] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^='top'] .arrow::after {
  border-width: 0.5rem 0.5rem 0
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^='top'] .arrow::before {
  bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.25)
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^='top'] .arrow::after {
  bottom: 1px;
  border-top-color: #fff
}

.bs-popover-right,
.bs-popover-auto[x-placement^='right'] {
  margin-left: 0.5rem
}

.bs-popover-right .arrow,
.bs-popover-auto[x-placement^='right'] .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0
}

.bs-popover-right .arrow::before,
.bs-popover-auto [x-placement^='right'] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto [x-placement^='right'] .arrow::after {
  border-width: 0.5rem 0.5rem 0.5rem 0
}

.bs-popover-right .arrow::before,
.bs-popover-auto [x-placement^='right'] .arrow::before {
  left: 0;
  border-right-color: rgba(0, 0, 0, 0.25)
}

.bs-popover-right .arrow::after,
.bs-popover-auto [x-placement^='right'] .arrow::after {
  left: 1px;
  border-right-color: #fff
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^='bottom'] {
  margin-top: 0.5rem
}

.bs-popover-bottom .arrow,
.bs-popover-auto[x-placement^='bottom'] .arrow {
  top: calc((0.5rem + 1px) * -1)
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto [x-placement^='bottom'] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto [x-placement^='bottom'] .arrow::after {
  border-width: 0 0.5rem 0.5rem 0.5rem
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto [x-placement^='bottom'] .arrow::before {
  top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25)
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto [x-placement^='bottom'] .arrow::after {
  top: 1px;
  border-bottom-color: #fff
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto [x-placement^='bottom'] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: '';
  border-bottom: 1px solid #f7f7f7
}

.bs-popover-left,
.bs-popover-auto[x-placement^='left'] {
  margin-right: 0.5rem
}

.bs-popover-left .arrow,
.bs-popover-auto[x-placement^='left'] .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^='left'] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^='left'] .arrow::after {
  border-width: 0.5rem 0 0.5rem 0.5rem
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^='left'] .arrow::before {
  right: 0;
  border-left-color: rgba(0, 0, 0, 0.25)
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^='left'] .arrow::after {
  right: 1px;
  border-left-color: #fff
}

.popover-header {
  padding                : 0.5rem 0.75rem;
  margin-bottom          : 0;
  font-size              : 0.875rem;
  color                  : inherit;
  background-color       : #f7f7f7;
  border-bottom          : 1px solid #ebebeb;
  border-top-left-radius : calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px)
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529
}

.carousel {
  position: relative
}

.carousel-inner {
  position: relative;
  width   : 100%;
  overflow: hidden
}

.carousel-item {
  position           : relative;
  display            : none;
  align-items        : center;
  width              : 100%;
  transition         : transform 0.6s ease;
  backface-visibility: hidden;
  perspective        : 1000px
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: translateX(0)
}

@supports (transform-style:preserve-3d) {

  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    transform: translate3d(0, 0, 0)
  }

  .carousel-item-next,
  .active.carousel-item-right {
    transform: translate3d(100%, 0, 0)
  }

  .carousel-item-prev,
  .active.carousel-item-left {
    transform: translate3d(-100%, 0, 0)
  }
}

.carousel-item-next,
.active.carousel-item-right {
  transform: translateX(100%)
}

.carousel-item-prev,
.active.carousel-item-left {
  transform: translateX(-100%)
}

.carousel-control-prev,
.carousel-control-next {
  position       : absolute;
  top            : 0;
  bottom         : 0;
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 2%;
  color          : #fff;
  text-align     : center;
  opacity        : 0.5
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color          : #fff;
  text-decoration: none;
  outline        : 0;
  opacity        : .9
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display        : inline-block;
  width          : 20px;
  height         : 20px;
  background     : transparent no-repeat center center;
  background-size: 135% 100%
}

.carousel-control-prev-icon {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23f00\' 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;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23f00\' 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         : -10px;
  left           : 0;
  z-index        : 15;
  display        : flex;
  justify-content: center;
  padding-left   : 0;
  list-style     : none;
}

.carousel-indicators li {
  position        : relative;
  flex            : 0 1 auto;
  width           : 30px;
  height          : 3px;
  margin-right    : 3px;
  margin-left     : 3px;
  text-indent     : -999px;
  background-color: rgba(255, 255, 255, 0.5)
}

.carousel-indicators li::before {
  position: absolute;
  top     : -10px;
  left    : 0;
  display : inline-block;
  width   : 100%;
  height  : 10px;
  content : ''
}

.carousel-indicators li::after {
  position: absolute;
  bottom  : -10px;
  left    : 0;
  display : inline-block;
  width   : 100%;
  height  : 10px;
  content : ''
}

.carousel-indicators .active {
  background-color: #fff
}

.carousel-caption {
  position      : absolute;
  right         : 5%;
  bottom        : 10px;
  left          : 5%;
  z-index       : 10;
  padding-top   : 10px;
  padding-bottom: 10px;
  color         : #fff;
  text-align    : center;
  background    : #0000003b;
}

.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: #7460ee !important
}

a.bg-primary :hover,
a.bg-primary :focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #4c32e9 !important
}

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

a.bg-secondary :hover,
a.bg-secondary :focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #dae0e5 !important
}

.bg-success {
  background-color: #36bea6 !important
}

a.bg-success :hover,
a.bg-success :focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #2b9683 !important
}

.bg-info {
  background-color: #009efb !important
}

a.bg-info :hover,
a.bg-info :focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #007ec8 !important
}

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

a.bg-warning :hover,
a.bg-warning :focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #ffab01 !important
}

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

a.bg-danger :hover,
a.bg-danger :focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #e60a31 !important
}

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

a.bg-light :hover,
a.bg-light :focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important
}

.bg-dark {
  background-color: #343a40 !important
}

a.bg-dark :hover,
a.bg-dark :focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important
}

.bg-cyan {
  background-color: #01c0c8 !important
}

a.bg-cyan :hover,
a.bg-cyan :focus,
button.bg-cyan:hover,
button.bg-cyan:focus {
  background-color: #018f95 !important
}

.bg-purple {
  background-color: #7460ee !important
}

a.bg-purple :hover,
a.bg-purple :focus,
button.bg-purple:hover,
button.bg-purple:focus {
  background-color: #4c32e9 !important
}

.bg-white {
  background-color: #fff !important
}

.bg-transparent {
  background-color: transparent !important
}

.border {
  border: 1px solid #e9ecef !important
}

.border-top {
  border-top: 1px solid #e9ecef
}

.border-right {
  border-right: 1px solid #e9ecef
}

.border-bottom {
  border-bottom: 1px solid #e9ecef
}

.border-left {
  border-left: 1px solid #e9ecef
}

.border-0 {
  border: 0 !important
}

.border-top-0 {
  border-top: 0
}

.border-right-0 {
  border-right: 0
}

.border-bottom-0 {
  border-bottom: 0
}

.border-left-0 {
  border-left: 0
}

.border-primary {
  border-color: #7460ee !important
}

.border-secondary {
  border-color: #f8f9fa !important
}

.border-success {
  border-color: #36bea6 !important
}

.border-info {
  border-color: #009efb !important
}

.border-warning {
  border-color: #ffbc34 !important
}

.border-danger {
  border-color: #f62d51 !important
}

.border-light {
  border-color: #f8f9fa !important
}

.border-dark {
  border-color: #343a40 !important
}

.border-cyan {
  border-color: #01c0c8 !important
}

.border-purple {
  border-color: #7460ee !important
}

.border-white {
  border-color: #fff !important
}

.rounded {
  border-radius: 0.25rem !important
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-0 {
  border-radius: 0 !important
}

.clearfix::after {
  display: block;
  clear: both;
  content: ''
}

.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: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;
  content: ''
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.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: 54%
}

.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
}

.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
  }

  .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
  }

  .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
  }
}

@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
  }

  .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
  }
}

@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
  }

  .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-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
  }
}

@media (min-width:992px) {
  .float-lg-left {
    float: left !important
  }

  .float-lg-right {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }
}

@media (min-width:1600px) {
  .float-xl-left {
    float: left !important
  }

  .float-xl-right {
    float: right !important
  }

  .float-xl-none {
    float: none !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-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

@supports (position:sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none
}

.w-25 {
  width: 25% !important
}

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

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.m-0 {
  margin: 0 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: 0.25rem 0.25rem !important
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important
}

.m-2 {
  margin: 0.5rem 0.5rem !important
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important
}

.m-3 {
  margin: 1rem 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 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 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 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: 0.25rem 0.25rem !important
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important
}

.p-2 {
  padding: 0.5rem 0.5rem !important
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important
}

.p-3 {
  padding: 1rem 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 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 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-auto {
  margin: auto 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 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: 0.25rem 0.25rem !important
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important
  }

  .m-sm-2 {
    margin: 0.5rem 0.5rem !important
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important
  }

  .m-sm-3 {
    margin: 1rem 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 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 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 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: 0.25rem 0.25rem !important
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important
  }

  .p-sm-2 {
    padding: 0.5rem 0.5rem !important
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important
  }

  .p-sm-3 {
    padding: 1rem 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 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 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-auto {
    margin: auto 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 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: 0.25rem 0.25rem !important
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important
  }

  .m-md-2 {
    margin: 0.5rem 0.5rem !important
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important
  }

  .m-md-3 {
    margin: 1rem 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 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 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 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: 0.25rem 0.25rem !important
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important
  }

  .p-md-2 {
    padding: 0.5rem 0.5rem !important
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important
  }

  .p-md-3 {
    padding: 1rem 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 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 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-auto {
    margin: auto 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
  }
}

@media (min-width:992px) {
  .m-lg-0 {
    margin: 0 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: 0.25rem 0.25rem !important
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important
  }

  .m-lg-2 {
    margin: 0.5rem 0.5rem !important
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important
  }

  .m-lg-3 {
    margin: 1rem 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 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 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 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: 0.25rem 0.25rem !important
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important
  }

  .p-lg-2 {
    padding: 0.5rem 0.5rem !important
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important
  }

  .p-lg-3 {
    padding: 1rem 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 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 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-auto {
    margin: auto 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
  }
}

@media (min-width:1600px) {
  .m-xl-0 {
    margin: 0 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: 0.25rem 0.25rem !important
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important
  }

  .m-xl-2 {
    margin: 0.5rem 0.5rem !important
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important
  }

  .m-xl-3 {
    margin: 1rem 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 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 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 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: 0.25rem 0.25rem !important
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important
  }

  .p-xl-2 {
    padding: 0.5rem 0.5rem !important
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important
  }

  .p-xl-3 {
    padding: 1rem 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 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 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-auto {
    margin: auto 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-justify {
  text-align: justify !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) {
  .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) {
  .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-normal {
  font-weight: 400 !important
}

.font-weight-bold {
  font-weight: 700 !important
}

.font-italic {
  font-style: italic !important
}

.text-white {
  color: #fff !important
}

.text-primary {
  color: #7460ee !important
}

a.text-primary:hover,
a.text-primary:focus {
  color: #4c32e9 !important
}

.text-secondary {
  color: #f8f9fa !important
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #dae0e5 !important
}

.text-success {
  color: #36bea6 !important
}

a.text-success:hover,
a.text-success:focus {
  color: #2b9683 !important
}

.text-info {
  color: #009efb !important
}

a.text-info:hover,
a.text-info:focus {
  color: #007ec8 !important
}

.text-warning {
  color: #ffbc34 !important
}

a.text-warning:hover,
a.text-warning:focus {
  color: #ffab01 !important
}

.text-danger {
  color: #f62d51 !important
}

a.text-danger:hover,
a.text-danger:focus {
  color: #e60a31 !important
}

.text-light {
  color: #f8f9fa !important
}

a.text-light:hover,
a.text-light:focus {
  color: #dae0e5 !important
}

.text-dark {
  color: #343a40 !important
}

a.text-dark:hover,
a.text-dark:focus {
  color: #1d2124 !important
}

.text-cyan {
  color: #01c0c8 !important
}

a.text-cyan:hover,
a.text-cyan:focus {
  color: #018f95 !important
}

.text-purple {
  color: #7460ee !important
}

a.text-purple:hover,
a.text-purple:focus {
  color: #4c32e9 !important
}

.text-muted {
  color: #adb5bd !important
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

@media print {

  *,
  *::before,
  *::after {
    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
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  tr,
  img {
    page-break-inside: avoid
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }

  @page {
    size: a3
  }

  body {
    min-width: 992px !important
  }

  .container {
    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 th,
  .table-bordered td {
    border: 1px solid #ddd !important
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}

@-webkit-keyframes bounce {

  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {

  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {

  from,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

@keyframes flash {

  from,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  from {
    -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)
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes pulse {
  from {
    -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)
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1)
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1)
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1)
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1)
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1)
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1)
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1)
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 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 {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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)
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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)
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  from {
    -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)
  }

  to {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes wobble {
  from {
    -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)
  }

  to {
    -webkit-transform: none;
    transform: none
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes jello {

  from,
  11.1%,
  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(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg)
  }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg)
  }
}

@keyframes jello {

  from,
  11.1%,
  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(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg)
  }

  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg)
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes bounceIn {

  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes bounceIn {

  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.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 {

  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {

  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {

  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {

  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {

  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {

  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {

  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {

  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.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
}

@-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 {
  -webkit-backface-visibility: visible !important;
  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;
  -webkit-backface-visibility: visible !important;
  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;
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg)
  }

  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;
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg)
  }
}

.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  to {
    opacity: 0
  }
}

@keyframes zoomOut {
  from {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  to {
    opacity: 0
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.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
}

.preloader {
  width     : 100%;
  height    : 100%;
  top       : 0;
  position  : fixed;
  z-index   : 99999;
  background: #fff
}

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px)
}

.loader,
.loader__figure {
  position         : absolute;
  top              : 50%;
  left             : 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform   : translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  -o-transform     : translate(-50%, -50%);
  transform        : translate(-50%, -50%)
}

.loader {
  overflow   : visible;
  padding-top: 2em;
  height     : 0;
  width      : 2em
}

.loader__figure {
  height               : 0;
  width                : 0;
  -webkit-box-sizing   : border-box;
  box-sizing           : border-box;
  border               : 0 solid #1976d2;
  border-radius        : 50%;
  -webkit-animation    : loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation       : loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  animation            : loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  -ms-border-radius    : 50%;
  -o-border-radius     : 50%
}

.loader__label {
  float            : left;
  margin           : 0.5em 0 0 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform   : translateX(-50%);
  -ms-transform    : translateX(-50%);
  -o-transform     : translateX(-50%);
  transform        : translateX(-50%);
  font-size        : 1.2em;
  letter-spacing   : 0.1em;
  line-height      : 1.5em;
  color            : #1976d2;
  white-space      : nowrap;
  -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation   : loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  animation        : loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

@-webkit-keyframes loader-figure {
  0% {
    height          : 0;
    width           : 0;
    background-color: #1976d2
  }
  29% {
    background-color: #1976d2
  }
  30% {
    height          : 2em;
    width           : 2em;
    background-color: transparent;
    border-width    : 1em;
    opacity         : 1
  }
  100% {
    height          : 2em;
    width           : 2em;
    border-width    : 0;
    opacity         : 0;
    background-color: transparent
  }
}

@-moz-keyframes loader-figure {
  0% {
    height          : 0;
    width           : 0;
    background-color: #1976d2
  }
  29% {
    background-color: #1976d2
  }
  30% {
    height          : 2em;
    width           : 2em;
    background-color: transparent;
    border-width    : 1em;
    opacity         : 1
  }
  100% {
    height          : 2em;
    width           : 2em;
    border-width    : 0;
    opacity         : 0;
    background-color: transparent
  }
}

@keyframes loader-figure {
  0% {
    height          : 0;
    width           : 0;
    background-color: #1976d2
  }
  29% {
    background-color: #1976d2
  }
  30% {
    height          : 2em;
    width           : 2em;
    background-color: transparent;
    border-width    : 1em;
    opacity         : 1
  }
  100% {
    height          : 2em;
    width           : 2em;
    border-width    : 0;
    opacity         : 0;
    background-color: transparent
  }
}

@-webkit-keyframes loader-label {
  0% {
    opacity: 0.25
  }
  30% {
    opacity: 1
  }
  100% {
    opacity: 0.25
  }
}

@-moz-keyframes loader-label {
  0% {
    opacity: 0.25
  }
  30% {
    opacity: 1
  }
  100% {
    opacity: 0.25
  }}

@keyframes loader-label {
  0% {
    opacity: 0.25
  }
  30% {
    opacity: 1
  }
  100% {
    opacity: 0.25
  }
}

.btn-circle {
  border-radius: 100%;
  width        : 40px;
  height       : 40px;
  padding      : 10px
}

.btn-circle.btn-sm,
.btn-group-sm>.btn-circle.btn {
  width    : 35px;
  height   : 35px;
  padding  : 8px 10px;
  font-size: 14px
}

.btn-circle.btn-lg,
.btn-group-lg>.btn-circle.btn {
  width      : 50px;
  height     : 50px;
  padding    : 14px 15px;
  font-size  : 18px;
  line-height: 23px
}

.btn-circle.btn-xl {
  width    : 70px;
  height   : 70px;
  padding  : 14px 15px;
  font-size: 24px
}

.btn-xs {
  padding: .25rem .5rem;
  font-size: 10px
}

.btn-rounded {
  padding              : 7px 18px;
  border-radius        : 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius   : 60px;
  -ms-border-radius    : 60px;
  -o-border-radius     : 60px;
}

.btn-rounded.btn-lg,
.btn-group-lg>.btn-rounded.btn {
  padding: .75rem 1.5rem
}

.btn-rounded.btn-sm,
.btn-group-sm>.btn-rounded.btn {
  padding: .25rem .5rem;
  font-size: 12px
}

.btn-rounded.btn-xs {
  padding: .25rem .5rem;
  font-size: 10px
}

.btn-rounded.btn-md {
  padding: 12px 35px;
  font-size: 16px
}

.btn-primary,
.btn-warning,
.btn-outline-primary:hover,
.btn-outline-warning:hover {
  color: #fff
}

.btn-primary :hover,
.btn-warning :hover,
.btn-outline-primary:hover:hover,
.btn-outline-warning:hover:hover {
  color: #fff
}

.btn-facebook {
  color: #fff;
  background-color: #3b5998
}

.btn-facebook:hover {
  color: #fff
}

.btn-twitter {
  color: #fff;
  background-color: #55acee
}

.btn-twitter:hover {
  color: #fff
}

.btn-linkedin {
  color: #fff;
  background-color: #007bb6
}

.btn-linkedin:hover {
  color: #fff
}

.btn-dribbble {
  color: #fff;
  background-color: #ea4c89
}

.btn-dribbble:hover {
  color: #fff
}

.btn-googleplus {
  color: #fff;
  background-color: #dd4b39
}

.btn-googleplus:hover {
  color: #fff
}

.btn-instagram {
  color: #fff;
  background-color: #3f729b
}

.btn-pinterest {
  color: #fff;
  background-color: #cb2027
}

.btn-dropbox {
  color: #fff;
  background-color: #007ee5
}

.btn-flickr {
  color: #fff;
  background-color: #ff0084
}

.btn-tumblr {
  color: #fff;
  background-color: #32506d
}

.btn-skype {
  color: #fff;
  background-color: #00aff0
}

.btn-youtube {
  color: #fff;
  background-color: #b00
}

.btn-github {
  color: #fff;
  background-color: #171515
}

.button-group .btn {
  margin-bottom: 5px;
  margin-right: 5px;
  margin-bottom: 7px
}

.no-button-group .btn {
  margin-bottom: 5px;
  margin-right: 0
}

.btn .text-active {
  display: none
}

.btn.active .text-active {
  display: inline-block
}

.btn.active .text {
  display: none
}

a:hover,
a:focus {
  text-decoration: none
}

a.link {
  color: #3e4555
}

a.link:hover,
a.link:focus {
  color: #00b4ff
}

.box {
  border-radius: 4px;
  padding: 10px
}

.no-wrap td,
.no-wrap th {
  white-space: nowrap
}

html body blockquote {
  border-left: 5px solid #00b4ff;
  border: 1px solid rgba(120, 130, 140, 0.13);
  padding: 15px
}

.clear {
  clear: both
}

ol li {
  margin: 5px 0
}

html body .m-t-5 {
  margin-top: 5px
}

html body .m-b-5 {
  margin-bottom: 5px
}

html body .m-r-5 {
  margin-right: 5px
}

html body .m-l-5 {
  margin-left: 5px
}

html body .p-t-5 {
  padding-top: 5px
}

html body .p-b-5 {
  padding-bottom: 5px
}

html body .p-r-5 {
  padding-right: 5px
}

html body .p-l-5 {
  padding-left: 5px
}

html body .p-5 {
  padding: 5px
}

html body .m-5 {
  margin: 5px
}

html body .m-t-10 {
  margin-top: 10px
}

html body .m-b-10 {
  margin-bottom: 10px
}

html body .m-r-10 {
  margin-right: 10px
}

html body .m-l-10 {
  margin-left: 10px
}

html body .p-t-10 {
  padding-top: 10px
}

html body .p-b-10 {
  padding-bottom: 10px
}

html body .p-r-10 {
  padding-right: 10px
}

html body .p-l-10 {
  padding-left: 10px
}

html body .p-10 {
  padding: 10px
}

html body .m-10 {
  margin: 10px
}

html body .m-t-15 {
  margin-top: 15px
}

html body .m-b-15 {
  margin-bottom: 15px
}

html body .m-r-15 {
  margin-right: 15px
}

html body .m-l-15 {
  margin-left: 15px
}

html body .p-t-15 {
  padding-top: 15px
}

html body .p-b-15 {
  padding-bottom: 15px
}

html body .p-r-15 {
  padding-right: 15px
}

html body .p-l-15 {
  padding-left: 15px
}

html body .p-15 {
  padding: 15px
}

html body .m-15 {
  margin: 15px
}

html body .m-t-20 {
  margin-top: 20px
}

html body .m-b-20 {
  margin-bottom: 20px
}

html body .m-r-20 {
  margin-right: 20px
}

html body .m-l-20 {
  margin-left: 20px
}

html body .p-t-20 {
  padding-top: 20px
}

html body .p-b-20 {
  padding-bottom: 20px
}

html body .p-r-20 {
  padding-right: 20px
}

html body .p-l-20 {
  padding-left: 20px
}

html body .p-20 {
  padding: 20px
}

html body .m-20 {
  margin: 20px
}

html body .m-t-25 {
  margin-top: 25px
}

html body .m-b-25 {
  margin-bottom: 25px
}

html body .m-r-25 {
  margin-right: 25px
}

html body .m-l-25 {
  margin-left: 25px
}

html body .p-t-25 {
  padding-top: 25px
}

html body .p-b-25 {
  padding-bottom: 25px
}

html body .p-r-25 {
  padding-right: 25px
}

html body .p-l-25 {
  padding-left: 25px
}

html body .p-25 {
  padding: 25px
}

html body .m-25 {
  margin: 25px
}

html body .m-t-30 {
  margin-top: 30px
}

html body .m-b-30 {
  margin-bottom: 30px
}

html body .m-r-30 {
  margin-right: 30px
}

html body .m-l-30 {
  margin-left: 30px
}

html body .p-t-30 {
  padding-top: 30px
}

html body .p-b-30 {
  padding-bottom: 30px
}

html body .p-r-30 {
  padding-right: 30px
}

html body .p-l-30 {
  padding-left: 30px
}

html body .p-30 {
  padding: 30px
}

html body .m-30 {
  margin: 30px
}

html body .m-t-40 {
  margin-top: 40px
}

html body .m-b-40 {
  margin-bottom: 40px
}

html body .m-r-40 {
  margin-right: 40px
}

html body .m-l-40 {
  margin-left: 40px
}

html body .p-t-40 {
  padding-top: 40px
}

html body .p-b-40 {
  padding-bottom: 40px
}

html body .p-r-40 {
  padding-right: 40px
}

html body .p-l-40 {
  padding-left: 40px
}

html body .p-40 {
  padding: 40px
}

html body .m-40 {
  margin: 40px
}

html body .m-0-0 {
  margin: 0
}

html body .m-t-0 {
  margin-top: 0;
  margin-top: 0
}

html body .m-r-0 {
  margin-right: 0
}

html body .m-b-0 {
  margin-bottom: 0;
  margin-bottom: 0
}

html body .m-l-0 {
  margin-left: 0
}

html body .p-0-0 {
  padding: 0
}

html body .p-t-0 {
  padding-top: 0;
  padding-top: 0
}

html body .p-r-0 {
  padding-right: 0;
  padding-right: 0
}

html body .p-b-0 {
  padding-bottom: 0;
  padding-bottom: 0
}

html body .p-l-0 {
  padding-left: 0;
  padding-left: 0
}

.thumb-sm {
  height: 32px;
  width: 32px
}

.thumb-md {
  height: 48px;
  width: 48px
}

.thumb-lg {
  height: 88px;
  width: 88px
}

.hide {
  display: none
}

.img-circle {
  border-radius: 100%
}

.img-responsive {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: inline-block
}

.radius {
  border-radius: 4px
}

.op-5 {
  opacity: 0.5
}

.op-3 {
  opacity: 0.3
}

html body .font-bold {
  font-weight: 700
}

html body .font-normal {
  font-weight: normal
}

html body .font-light {
  font-weight: 300
}

html body .font-medium {
  font-weight: 500
}

html body .font-16 {
  font-size: 16px
}

html body .font-12 {
  font-size: 12px
}

html body .font-14 {
  font-size: 14px
}

html body .font-10 {
  font-size: 10px
}

html body .font-18 {
  font-size: 18px
}

html body .font-20 {
  font-size: 20px
}

html body .display-5 {
  font-size: 3rem
}

html body .display-6 {
  font-size: 2.5rem
}

html body .bg-megna {
  background-color: #1dc8cd
}

html body .bg-theme {
  background-color: #00b4ff
}

html body .bg-inverse {
  background-color: #3e4555
}

html body .bg-purple {
  background-color: #7460ee
}

html body .bg-light {
  background-color: #edf5f7 !important
}

html body .bg-white {
  background-color: #fff
}

.round {
  background: #00b4ff;
  line-height: 48px;
  color: #fff;
  width: 50px;
  height: 50px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  border-radius: 100%;
  background: #00b4ff
}

.round img {
  border-radius: 100%
}

.round.round-info {
  background: #00b4ff
}

.round.round-warning {
  background: #fec500
}

.round.round-danger {
  background: #ff4d7e
}

.round.round-success {
  background: #2cdd9b
}

.round.round-primary {
  background: #316ce8
}

.round-lg {
  line-height: 65px;
  width: 60px;
  height: 60px;
  font-size: 30px
}

.label-rounded {
  border-radius: 60px
}

.badge.badge-pill {
  padding: 0.3em 1.1em;
  margin-top: 1px;
  font-size: .65rem
}

.badge-xs {
  font-size: 9px
}

.badge-xs,
.badge-sm {
  -webkit-transform: translate(0, -2px);
  -ms-transform: translate(0, -2px);
  -o-transform: translate(0, -2px);
  transform: translate(0, -2px)
}

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

ul.list-style-none li {
  list-style: none
}

ul.list-style-none li a {
  color: #8d97ad;
  padding: 8px 0px;
  display: block;
  text-decoration: none
}

ul.list-style-none li a:hover {
  color: #00b4ff
}

.card .card-subtitle {
  font-weight: 300;
  margin-bottom: 15px;
  color: #adb5bd
}

.card .card-title {
  position: relative;
  font-weight: 500
}

.card .card-actions {
  float: right
}

.card .card-actions a {
  padding: 0 5px;
  cursor: pointer
}

.card-alt {
  margin: 0 -20px;
  background: #e4e9ef
}

.card-group .card {
  border-right: 1px solid #e9ecef;
  border: 1px solid rgba(120, 130, 140, 0.13);
  margin-bottom: 30px
}

.card-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto
}

.oh {
  overflow: hidden
}

.label {
  display: inline-block;
  padding: 3px 15px;
  line-height: 13px;
  color: #fff;
  font-weight: 400;
  border-radius: 4px;
  font-size: 75%
}

.label-custom {
  background-color: #1dc8cd
}

.label-success {
  background-color: #2cdd9b
}

.label-info {
  background-color: #00b4ff
}

.label-warning {
  background-color: #fec500
}

.label-danger {
  background-color: #ff4d7e
}

.label-megna {
  background-color: #1dc8cd
}

.label-primary {
  background-color: #316ce8
}

.label-purple {
  background-color: #7460ee
}

.label-red {
  background-color: #fb3a3a
}

.label-inverse {
  background-color: #3e4555
}

.label-default {
  background-color: #edf5f7
}

@media (max-width:575px) {
  html body .hidden-xs-down {
    display: none
  }
}

@media (min-width:769px) {
  html body .hidden-sm-up-dash {
    display: none
  }
}

@media (max-width:767px) {
  html body .hidden-sm-down {
    display: none
  }
}

@media (min-width:768px) {
  html body .hidden-md-up {
    display: none
  }
}

@media (max-width:991px) {
  html body .hidden-md-down {
    display: none
  }
}

@media (min-width:992px) {
  html body .hidden-lg-up {
    display: none
  }
}

@media (max-width:1199px) {
  html body .hidden-lg-down {
    display: none
  }
}

@media (min-width:1200px) {
  html body .hidden-xl-up {
    display: none
  }
}

.topbar-dash {
  position: relative;
  z-index: 50;
  transition: 0.2s ease-in;
  box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1)
}

.topbar-dash .navbar-collapse {
  padding: 0
}

.topbar-dash .top-navbar {
  min-height: 50px;
  padding: 0
}

.topbar-dash .top-navbar .dropdown-toggle::after {
  display: none
}

.topbar-dash .top-navbar .navbar-header {
  padding-right     : 15px;
  line-height       : 65px;
  padding-left      : 15px;
  transition        : .3s ease-in;
  border-right      : 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s ease-in;
  -moz-transition   : .3s ease-in;
  -ms-transition    : .3s ease-in;
  -o-transition     : .3s ease-in;
}

.topbar-dash .top-navbar .navbar-header .navbar-brand {
  margin-right  : 0;
  padding-bottom: 0;
  padding-top   : 0;
  display       : flex;
  align-items   : center
}

.topbar-dash .top-navbar .navbar-header .navbar-brand .light-logo,
.topbar-dash .top-navbar .navbar-header .navbar-brand span {
  display: none
}

.topbar-dash .top-navbar .navbar-nav>.nav-item.show {
  background: rgba(0, 0, 0, 0.05)
}

.topbar-dash .top-navbar .navbar-nav>.nav-item>.nav-link {
  padding-left : 15px;
  padding-right: 15px;
  font-size    : 18px;
  line-height  : 50px
}

.topbar-dash .top-navbar .navbar-nav>.nav-item>span {
  line-height: 45px;
  font-size  : 24px;
  font-weight: 500;
  color      : #fff;
  padding    : 0 10px
}

.topbar-dash .dropdown-menu {
  box-shadow        : 1px 0px 20px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
  -moz-box-shadow   : 1px 0px 20px rgba(0, 0, 0, 0.08);
  border-color      : #e9ecef
}

.topbar-dash .dropdown-menu .dropdown-item {
  padding: 7px 1.5rem
}

.topbar-dash .user-dd {
  width         : 280px;
  padding-bottom: 10px
}

.dashboard-logo {
  margin-right: 10px;
  width       : 169px;
  height      : 42px;
}


.notify {
  position: relative;
  top     : -28px;
  right   : -7px
}

.notify .heartbit {
  position                         : absolute;
  top                              : -20px;
  right                            : -4px;
  height                           : 25px;
  width                            : 25px;
  z-index                          : 10;
  border                           : 5px solid #f62d51;
  border-radius                    : 70px;
  -moz-animation                   : heartbit 1s ease-out;
  -moz-animation-iteration-count   : infinite;
  -o-animation                     : heartbit 1s ease-out;
  -o-animation-iteration-count     : infinite;
  -webkit-animation                : heartbit 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count        : infinite;
  -webkit-border-radius            : 70px;
  -moz-border-radius               : 70px;
  -ms-border-radius                : 70px;
  -o-border-radius                 : 70px;
}

.notify .point {
  width                : 6px;
  height               : 6px;
  -webkit-border-radius: 30px;
  -moz-border-radius   : 30px;
  border-radius        : 30px;
  background-color     : #f62d51;
  position             : absolute;
  right                : 6px;
  top                  : -10px;
  -ms-border-radius    : 30px;
  -o-border-radius     : 30px;
}

@-moz-keyframes heartbit {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0
  }

  25% {
    -moz-transform: scale(0.1);
    opacity: 0.1
  }

  50% {
    -moz-transform: scale(0.5);
    opacity: 0.3
  }

  75% {
    -moz-transform: scale(0.8);
    opacity: 0.5
  }

  100% {
    -moz-transform: scale(1);
    opacity: 0.0
  }
}

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

  25% {
    -webkit-transform: scale(0.1);
    opacity: 0.1
  }

  50% {
    -webkit-transform: scale(0.5);
    opacity: 0.3
  }

  75% {
    -webkit-transform: scale(0.8);
    opacity: 0.5
  }

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

.search-box .app-search {
  position  : absolute;
  margin    : 0;
  display   : block;
  z-index   : 110;
  width     : 100%;
  top       : -1px;
  box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
  display   : none;
  left      : 0
}

.search-box .app-search input {
  width        : 100.5%;
  padding      : 20px 40px 20px 20px;
  border-radius: 0;
  font-size    : 17px;
  transition   : 0.5s ease-in
}

.search-box .app-search input:focus {
  border-color: #fff
}

.search-box .app-search .srh-btn {
  position  : absolute;
  top       : 13px;
  cursor    : pointer;
  background: #fff;
  width     : 15px;
  height    : 15px;
  right     : 20px;
  font-size : 14px
}

.mega-dropdown {
  width   : 100%;
  position: static
}

.mega-dropdown .dropdown-menu {
  width     : 100%;
  padding   : 30px;
  margin-top: 0;
  overflow  : hidden
}

.mega-dropdown ul {
  padding: 0
}

.mega-dropdown ul li {
  list-style: none
}

.mega-dropdown .carousel-item .container {
  padding: 0
}

.mega-dropdown .nav-accordion .card {
  margin-bottom: 1px
}

.mega-dropdown .nav-accordion .card-header {
  background: #fff
}

.mega-dropdown .nav-accordion .card-header h5 {
  margin: 0
}

.mega-dropdown .nav-accordion .card-header h5 a {
  text-decoration: none;
  color: #212529
}

.left-sidebar {
  position: absolute;
  width: 220px;
  height: 100%;
  top: 0;
  left: -190px;
  z-index: 49;
  padding-top: 0;
  background: #fff;
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
  transition: 0.3s ease-in;
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -ms-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
}

.left-sidebar .nav-text-box {
  padding      : 13px 25px 13px 15px;
  border-bottom: 1px solid #e9ecef
}

.scroll-sidebar {
  height  : calc(100% - 80px);
  position: relative
}

.collapse.in {
  display: block
}

.sidebar-nav {
  margin   : 11px 0 0 0;
  font-size: 15px
}

.sidebar-nav .menu-image {
  position: absolute;
  right   : 12px;
  top     : 3px;
  width   : 23px;
  height  : 23px;
}
.sidebar-nav .menu-image-left {
  margin-right: 3px;
  width       : 23px;
  height      : 23px;
}

.sidebar-nav ul {
  margin : 0;
  padding: 0
}

.sidebar-nav ul li {
  list-style: none
}

.sidebar-nav ul li a {
  color      : #edf1f5;
  padding    : 3px 18px 4px 12px;
  display    : block;
  align-items: center;
  font-size  : .92em;
  line-height: 19px;
}

.sidebar-nav ul li a i {
  float     : right;
  font-style: normal;
  width     : 32px;
  text-align: center
}

.sidebar-nav ul li a.active,
.sidebar-nav ul li a:hover {
  color: #009efb
}

.sidebar-nav ul li a.active i,
.sidebar-nav ul li a:hover i {
  color: #009efb
}

.sidebar-nav ul li a.active {
  color: #343a40
}

.sidebar-nav ul li ul {
  padding   : 10px 0px;
  background: rgba(0, 0, 0, 0.02)
}

.sidebar-nav ul li ul li a {
  padding: 7px 20px
}

.sidebar-nav ul li ul ul {
  padding-left: 15px
}

.sidebar-nav .menu-icon {
  font-size     : 19px;
  margin-right  : -4px;
  margin-top    : 2px;
  vertical-align: text-top;
  width         : 21px;
  text-align    : center;
}

.sidebar-nav .menu-text {
  margin-top    : 2px;
  display       : inline-block;
  vertical-align: bottom
}

.sidebar-nav ul li.nav-small-cap {
  font-size  : 12px;
  margin     : 15px 10px;
  color      : #4595e4;
  height     : 1px;
  background : #4a4a4a;
  font-weight: 500
}

.sidebar-nav ul li.nav-devider {
  height    : 1px;
  background: #e9ecef;
  display   : block;
  margin    : 15px 0
}

.sidebar-nav>ul>li>a i {
  font-size     : 1.15rem;
  vertical-align: bottom;
  color         : #5de062;
  margin-top    : 2px
}

.sidebar-nav>ul>li>a .badge {
  vertical-align: top;
  margin        : 2px 0 0 0;
  position      : absolute;
  right         : 42px
}

.sidebar-nav>ul>li {
  margin-bottom: 8px;
  margin-top   : 8px
}

.sidebar-nav>ul>li.selected>a {
  color: #009efb
}

.sidebar-nav>ul>li.selected>a i {
  color: #009efb
}

.sidebar-nav .waves-effect {
  transition: none;
  -webkit-transition: none;
  -o-transition: none
}

.sidebar-nav .has-arrow {
  position: relative
}

.sidebar-nav .has-arrow::after {
  position                : absolute;
  content                 : '';
  width                   : 7px;
  height                  : 7px;
  border                  : 1px 0 0 1px solid #01c0c8;
  margin-left             : 10px;
  -webkit-transform       : rotate(135deg) translate(0, -50%);
  -ms-transform           : rotate(135deg) translate(0, -50%);
  -o-transform            : rotate(135deg) translate(0, -50%);
  transform               : rotate(135deg) translate(0, -50%);
  -webkit-transform-origin: top;
  -ms-transform-origin    : top;
  -o-transform-origin     : top;
  transform-origin        : top;
  top                     : 15px;
  -webkit-transition      : all .3s ease-out;
  -o-transition           : all .3s ease-out;
  transition              : all .3s ease-out;
  -moz-transform          : rotate(135deg) translate(0, -50%);
  -moz-transition         : all .3s ease-out;
  -ms-transition          : all .3s ease-out;
}

.sidebar-nav li.selected>.has-arrow::after,
.sidebar-nav li>.has-arrow.active::after,
.sidebar-nav .has-arrow[aria-expanded='true']::after {
  -webkit-transform: rotate(-135deg) translate(0, -50%);
  -ms-transform    : rotate(-135deg) translate(0, -50%);
  -o-transform     : rotate(-135deg) translate(0, -50%);
  top              : 47%;
  width            : 7px;
  transform        : rotate(-135deg) translate(0, -50%);
  -moz-transform   : rotate(-135deg) translate(0, -50%);
}

.right-sidebar {
  position          : fixed;
  right             : -240px;
  width             : 240px;
  display           : none;
  z-index           : 1100;
  background        : #fff;
  top               : 0;
  padding-bottom    : 20px;
  height            : 100%;
  box-shadow        : 5px 1px 40px rgba(0, 0, 0, 0.1);
  transition        : all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition   : all 0.3s ease;
  -ms-transition    : all 0.3s ease;
  -o-transition     : all 0.3s ease;
}

.right-sidebar .rpanel-title {
  display       : block;
  padding       : 22px 20px;
  color         : #fff;
  text-transform: uppercase;
  font-size     : 15px;
  background    : #009efb
}

.right-sidebar .rpanel-title span {
  float    : right;
  cursor   : pointer;
  font-size: 11px
}

.right-sidebar .rpanel-title span:hover {
  color: #fff
}

.right-sidebar .r-panel-body {
  padding: 20px
}

.right-sidebar .r-panel-body ul {
  margin : 0;
  padding: 0;
}

.right-sidebar .r-panel-body ul li {
  list-style: none;
  padding   : 5px 0
}

.shw-rside {
  right  : 0;
  width  : 240px;
  display: block
}

ul#themecolors {
  display: block
}

ul#themecolors li {
  display: inline-block
}

ul#themecolors li:first-child {
  display: block
}

ul#themecolors li a {
  width   : 50px;
  height  : 50px;
  display : inline-block;
  margin  : 5px;
  color   : transparent;
  position: relative
}

ul#themecolors li a.working:before {
  content   : '\f00c';
  font      : 18px/50px 'FontAwesome';
  width     : 50px;
  height    : 50px;
  position  : absolute;
  top       : 0;
  left      : 0;
  color     : #fff;
  text-align: center
}

.default-theme {
  background: #adb5bd
}

.green-theme {
  background: #36bea6
}

.yellow-theme {
  background: #ffbc34
}

.red-theme {
  background: #f62d51
}

.blue-theme {
  background: #009efb
}

.purple-theme {
  background: #7460ee
}

.megna-theme {
  background: #01c0c8
}

.default-dark-theme {
  background: #343a40;
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #adb5bd 23%, #adb5bd 99%);
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #adb5bd 23%, #adb5bd 99%);
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #adb5bd 23%, #adb5bd 99%)
}

.green-dark-theme {
  background: #343a40;
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #36bea6 23%, #36bea6 99%);
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #00c292 23%, #36bea6 99%);
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #36bea6 23%, #36bea6 99%)
}

.yellow-dark-theme {
  background: #343a40;
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #f62d51 23%, #f62d51 99%);
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #f62d51 23%, #f62d51 99%);
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #f62d51 23%, #f62d51 99%)
}

.blue-dark-theme {
  background: #343a40;
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #009efb 23%, #009efb 99%);
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #009efb 23%, #009efb 99%);
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #009efb 23%, #009efb 99%)
}

.purple-dark-theme {
  background: #343a40;
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #7460ee 23%, #7460ee 99%);
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #7460ee 23%, #7460ee 99%);
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #7460ee 23%, #7460ee 99%)
}

.megna-dark-theme {
  background: #343a40;
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #01c0c8 23%, #01c0c8 99%);
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #01c0c8 23%, #01c0c8 99%);
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #01c0c8 23%, #01c0c8 99%)
}

.red-dark-theme {
  background: #343a40;
  background: -moz-linear-gradient(left, #343a40 0%, #343a40 23%, #f62d51 23%, #f62d51 99%);
  background: -webkit-linear-gradient(left, #343a40 0%, #343a40 23%, #f62d51 23%, #f62d51 99%);
  background: linear-gradient(to right, #343a40 0%, #343a40 23%, #f62d51 23%, #f62d51 99%)
}

.chatonline img {
  margin-right: 10px;
  float: left;
  width: 30px
}

.chatonline li a {
  padding: 13px 0;
  float: left;
  width: 100%
}

.chatonline li a span {
  color: #212529
}

.chatonline li a span small {
  display: block;
  font-size: 10px
}
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /*theremustbe'bottom'or'top'forps__rail-x*/bottom: 0px;
  /*pleasedon't change 'position'*/position: absolute;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -ms-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition:;
  width: 15px;
  /*theremustbe'right'or'left'forps__rail-y*/right: 0;
  /*pleasedon't change 'position'*/position: absolute;
  -moz-transition:;
  -ms-transition:;
  -o-transition:;
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y,
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

#slimtest3.ps .ps__scrollbar-y-rail {
  left: 3px;
  right: auto
}

#slimtest4.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
  background-color: #01c0c8
}

#slimtest4.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
  background-color: #01c0c8
}

#slimtest4.ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
  background-color: #01c0c8
}

.custom-control-input:focus~.custom-control-indicator {
  box-shadow: none
}

.custom-control-input:checked~.custom-control-indicator {
  background-color: #36bea6
}

form label {
  font-weight: 100
}

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

.form-control-static {
  padding-top: 0
}

.custom-control-label::before,
.custom-control-label::after {
  top: 0.15rem
}

.form-bordered .form-group {
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 20px
}

.dropzone {
  border: 1px dashed #e9ecef
}

.dropzone .dz-message {
  padding: 5% 0;
  margin: 0
}

.asColorPicker-dropdown {
  max-width: 260px
}

.asColorPicker-trigger {
  position: absolute;
  top     : 0;
  right   : -35px;
  height  : 38px;
  width   : 37px;
  border  : 0
}

.asColorPicker-clear {
  display        : none;
  position       : absolute;
  top            : 5px;
  right          : 10px;
  text-decoration: none
}

table th {
  font-weight: 400
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #009efb
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today :hover {
  background: #009efb;
  color: #fff
}

.datepicker td,
.datepicker th {
  padding: 5px 10px
}

.note-popover,
.note-icon-caret {
  display: none
}

.note-editor.note-frame {
  border: 1px solid #e9ecef
}

.note-editor.note-frame .panel-heading {
  padding: 6px 10px 10px;
  border-bottom: 1px solid #e9ecef
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%
}

.bootstrap-select .dropdown-menu li a {
  display    : block;
  padding    : 7px 20px;
  clear      : both;
  font-weight: 400;
  line-height: 1.42857143;
  color      : #212529;
  white-space: nowrap
}

.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:focus {
  color     : #009efb;
  background: #f8f9fa
}

.bootstrap-select .show>.dropdown-menu {
  display: block
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
  padding: 9px 10px
}

.select2-container--default .select2-selection--single {
  border-color: #e9ecef;
  height: 38px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 33px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  float: right;
  color: #fff;
  margin-right: 0;
  margin-left: 4px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #009efb;
  color: #fff;
  border-color: #009efb
}

.input-form .btn {
  padding: 14px 12px
}

.form-material .form-group {
  overflow: hidden
}

.form-material .form-control {
  background: transparent no-repeat center bottom, center calc(100% - 1px);
  background-size: 0 2px, 100% 1px;
  padding: 0;
  transition: background 0s ease-out 0s
}

.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
  background-image: linear-gradient(#009efb, #009efb), linear-gradient(#e9ecef, #e9ecef);
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  float: none
}

.form-material .form-control.focus,
.form-material .form-control:focus {
  background-size: 100% 2px, 100% 1px;
  outline: 0 none;
  transition-duration: 0.3s
}

.form-control-line .form-group {
  overflow: hidden
}

.form-control-line .form-control {
  border: 0;
  border-radius: 0;
  padding-left: 0;
  border-bottom: 1px solid #e9ecef
}

.form-control-line .form-control:focus {
  border-bottom: 1px solid #009efb
}

.error .help-block {
  color: #f62d51
}

.fileupload {
  overflow: hidden;
  position: relative
}

.fileupload input.upload {
  cursor: pointer;
  filter: alpha(opacity=0);
  font-size: 20px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0
}

.scale-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: inline-block;
  transform-origin: right 0px;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease
}

.scale-up-left {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: inline-block;
  transform-origin: left 0px
}

.show>.scale-up {
  transform: scale(1);
  transform-origin: right 0px
}

.show>.scale-up-left {
  transform: scale(1);
  transform-origin: left 0px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1)
}

@keyframes ripple {
  0% {
    box-shadow: 0px 0px 0px 1px transparent
  }

  50% {
    box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1)
  }

  100% {
    box-shadow: 0px 0px 0px 15px transparent
  }
}

.bootstrap-select.btn-group .dropdown-menu {
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08)
}

.help-block ul {
  padding: 0;
  margin: 0
}

.help-block ul li {
  list-style: none
}

.error .form-control {
  border-color: #f62d51
}

.validate .form-control {
  border-color: #36bea6
}

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background: no-repeat center right 0.5625rem;
  -webkit-background-size: 1.125rem 1.125rem;
  background-size: 1.125rem 1.125rem
}

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
  color: #36bea6
}

.has-success .form-control {
  border-color: #2cdd9b
}

.has-success .input-group-addon {
  color: #36bea6;
  border-color: #36bea6
}

.has-success .form-control-success {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%235cb85c\' 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-image: url(../images/ui/success.svg)
}

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
  color: #ffbc34
}

.has-warning .form-control {
  border-color: #fec500
}

.has-warning .input-group-addon {
  color: #ffbc34;
  border-color: #ffbc34
}

.has-warning .form-control-warning {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23f0ad4e\' d=\'M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z\'/%3E%3C/svg%3E');
  background-image: url(../images/ui/warning.svg)
}

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control {
  color: #f62d51
}

.has-danger .form-control {
  border-color: #ff4d7e
}

.has-danger .input-group-addon {
  color: #f62d51;
  border-color: #f62d51
}

.has-danger .form-control-danger {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23d9534f\' viewBox=\'-2 -2 7 7\'%3E%3Cpath stroke=\'%23d9534f\' 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-image: url(../images/ui/danger.svg)
}

.table-box {
  display: table;
  width: 100%
}

.cell {
  display: table-cell;
  vertical-align: middle
}

.table thead th,
.table th {
  font-weight: 500
}

.nowrap {
  white-space: nowrap
}

.lite-padding td {
  padding: 5px
}

.v-middle td,
.v-middle th {
  vertical-align: middle
}

.vm.table td,
.vm.table th {
  vertical-align: middle
}

.no-th-brd.table th {
  border: 0
}

.table.no-border tbody td {
  border: 0
}

.color-table th {
  border: 0
}

.color-table.primary-table thead th {
  background-color: #7460ee;
  color: #fff
}

.color-table.success-table thead th {
  background-color: #36bea6;
  color: #fff
}

.color-table.info-table thead th {
  background-color: #01c0c8;
  color: #fff
}

.color-table.warning-table thead th {
  background-color: #ffbc34;
  color: #fff
}

.color-table.danger-table thead th {
  background-color: #f62d51;
  color: #fff
}

.color-table.inverse-table thead th {
  background-color: #343a40;
  color: #fff
}

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

.color-table.red-table thead th {
  background-color: #f62d51;
  color: #fff
}

.color-table.purple-table thead th {
  background-color: #7460ee;
  color: #fff
}

.color-table.muted-table thead th {
  background-color: #adb5bd;
  color: #fff
}

.color-bordered-table.primary-bordered-table {
  border: 2px solid #7460ee
}

.color-bordered-table.primary-bordered-table thead th {
  background-color: #7460ee;
  color: #fff
}

.color-bordered-table.success-bordered-table {
  border: 2px solid #36bea6
}

.color-bordered-table.success-bordered-table thead th {
  background-color: #36bea6;
  color: #fff
}

.color-bordered-table.info-bordered-table {
  border: 2px solid #01c0c8
}

.color-bordered-table.info-bordered-table thead th {
  background-color: #01c0c8;
  color: #fff
}

.color-bordered-table.warning-bordered-table {
  border: 2px solid #ffbc34
}

.color-bordered-table.warning-bordered-table thead th {
  background-color: #ffbc34;
  color: #fff
}

.color-bordered-table.danger-bordered-table {
  border: 2px solid #f62d51
}

.color-bordered-table.danger-bordered-table thead th {
  background-color: #f62d51;
  color: #fff
}

.color-bordered-table.inverse-bordered-table {
  border: 2px solid #343a40
}

.color-bordered-table.inverse-bordered-table thead th {
  background-color: #343a40;
  color: #fff
}

.color-bordered-table.dark-bordered-table {
  border: 2px solid #343a40
}

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

.color-bordered-table.red-bordered-table {
  border: 2px solid #f62d51
}

.color-bordered-table.red-bordered-table thead th {
  background-color: #f62d51;
  color: #fff
}

.color-bordered-table.purple-bordered-table {
  border: 2px solid #7460ee
}

.color-bordered-table.purple-bordered-table thead th {
  background-color: #7460ee;
  color: #fff
}

.color-bordered-table.muted-bordered-table {
  border: 2px solid #adb5bd
}

.color-bordered-table.muted-bordered-table thead th {
  background-color: #adb5bd;
  color: #fff
}

.full-color-table.full-primary-table {
  color: #3c327c;
  background-color: #e3dffc;
  border-color: #d8d2fa
}

.full-color-table.full-primary-table hr {
  border-top-color: #c4bbf7
}

.full-color-table.full-primary-table .alert-link {
  color: #2a2358
}

.full-color-table.full-primary-table thead th {
  background-color: #6b58db;
  border-color: #d8d2fa;
  color: #fff
}

.full-color-table.full-primary-table thead th hr {
  border-top-color: #c4bbf7
}

.full-color-table.full-primary-table thead th .alert-link {
  color: #2a2358
}

.full-color-table.full-primary-table tbody td {
  border: 0
}

.full-color-table.full-primary-table tr:hover {
  background-color: #aca0f5;
  border-color: #d8d2fa;
  color: #fff
}

.full-color-table.full-primary-table tr:hover hr {
  border-top-color: #c4bbf7
}

.full-color-table.full-primary-table tr:hover .alert-link {
  color: #2a2358
}

.full-color-table.full-secondary-table {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe
}

.full-color-table.full-secondary-table hr {
  border-top-color: #ececf6
}

.full-color-table.full-secondary-table .alert-link {
  color: #686868
}

.full-color-table.full-secondary-table thead th {
  background-color: #e4e5e6;
  border-color: #fdfdfe;
  color: #fff
}

.full-color-table.full-secondary-table thead th hr {
  border-top-color: #ececf6
}

.full-color-table.full-secondary-table thead th .alert-link {
  color: #686868
}

.full-color-table.full-secondary-table tbody td {
  border: 0
}

.full-color-table.full-secondary-table tr:hover {
  background-color: #fbfbfc;
  border-color: #fdfdfe;
  color: #fff
}

.full-color-table.full-secondary-table tr:hover hr {
  border-top-color: #ececf6
}

.full-color-table.full-secondary-table tr:hover .alert-link {
  color: #686868
}

.full-color-table.full-success-table {
  color: #1c6356;
  background-color: #d7f2ed;
  border-color: #c7ede6
}

.full-color-table.full-success-table hr {
  border-top-color: #b4e7dd
}

.full-color-table.full-success-table .alert-link {
  color: #113b33
}

.full-color-table.full-success-table thead th {
  background-color: #32af99;
  border-color: #c7ede6;
  color: #fff
}

.full-color-table.full-success-table thead th hr {
  border-top-color: #b4e7dd
}

.full-color-table.full-success-table thead th .alert-link {
  color: #113b33
}

.full-color-table.full-success-table tbody td {
  border: 0
}

.full-color-table.full-success-table tr:hover {
  background-color: #86d8ca;
  border-color: #c7ede6;
  color: #fff
}

.full-color-table.full-success-table tr:hover hr {
  border-top-color: #b4e7dd
}

.full-color-table.full-success-table tr:hover .alert-link {
  color: #113b33
}

.full-color-table.full-info-table {
  color: #005283;
  background-color: #ccecfe;
  border-color: #b8e4fe
}

.full-color-table.full-info-table hr {
  border-top-color: #9fdafe
}

.full-color-table.full-info-table .alert-link {
  color: #003250
}

.full-color-table.full-info-table thead th {
  background-color: #0091e7;
  border-color: #b8e4fe;
  color: #fff
}

.full-color-table.full-info-table thead th hr {
  border-top-color: #9fdafe
}

.full-color-table.full-info-table thead th .alert-link {
  color: #003250
}

.full-color-table.full-info-table tbody td {
  border: 0
}

.full-color-table.full-info-table tr:hover {
  background-color: #66c5fd;
  border-color: #b8e4fe;
  color: #fff
}

.full-color-table.full-info-table tr:hover hr {
  border-top-color: #9fdafe
}

.full-color-table.full-info-table tr:hover .alert-link {
  color: #003250
}

.full-color-table.full-warning-table {
  color: #85621b;
  background-color: #fff2d6;
  border-color: #ffecc6
}

.full-color-table.full-warning-table hr {
  border-top-color: #ffe4ad
}

.full-color-table.full-warning-table .alert-link {
  color: #5b4312
}

.full-color-table.full-warning-table thead th {
  background-color: #ebad30;
  border-color: #ffecc6;
  color: #fff
}

.full-color-table.full-warning-table thead th hr {
  border-top-color: #ffe4ad
}

.full-color-table.full-warning-table thead th .alert-link {
  color: #5b4312
}

.full-color-table.full-warning-table tbody td {
  border: 0
}

.full-color-table.full-warning-table tr:hover {
  background-color: #ffd785;
  border-color: #ffecc6;
  color: #fff
}

.full-color-table.full-warning-table tr:hover hr {
  border-top-color: #ffe4ad
}

.full-color-table.full-warning-table tr:hover .alert-link {
  color: #5b4312
}

.full-color-table.full-danger-table {
  color: #80172a;
  background-color: #fdd5dc;
  border-color: #fcc4ce
}

.full-color-table.full-danger-table hr {
  border-top-color: #fbacba
}

.full-color-table.full-danger-table .alert-link {
  color: #550f1c
}

.full-color-table.full-danger-table thead th {
  background-color: #e2294b;
  border-color: #fcc4ce;
  color: #fff
}

.full-color-table.full-danger-table thead th hr {
  border-top-color: #fbacba
}

.full-color-table.full-danger-table thead th .alert-link {
  color: #550f1c
}

.full-color-table.full-danger-table tbody td {
  border: 0
}

.full-color-table.full-danger-table tr:hover {
  background-color: #fa8197;
  border-color: #fcc4ce;
  color: #fff
}

.full-color-table.full-danger-table tr:hover hr {
  border-top-color: #fbacba
}

.full-color-table.full-danger-table tr:hover .alert-link {
  color: #550f1c
}

.full-color-table.full-light-table {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe
}

.full-color-table.full-light-table hr {
  border-top-color: #ececf6
}

.full-color-table.full-light-table .alert-link {
  color: #686868
}

.full-color-table.full-light-table thead th {
  background-color: #e4e5e6;
  border-color: #fdfdfe;
  color: #fff
}

.full-color-table.full-light-table thead th hr {
  border-top-color: #ececf6
}

.full-color-table.full-light-table thead th .alert-link {
  color: #686868
}

.full-color-table.full-light-table tbody td {
  border: 0
}

.full-color-table.full-light-table tr:hover {
  background-color: #fbfbfc;
  border-color: #fdfdfe;
  color: #fff
}

.full-color-table.full-light-table tr:hover hr {
  border-top-color: #ececf6
}

.full-color-table.full-light-table tr:hover .alert-link {
  color: #686868
}

.full-color-table.full-cyan-table {
  color: #016468;
  background-color: #ccf2f4;
  border-color: #b8edf0
}

.full-color-table.full-cyan-table hr {
  border-top-color: #a3e8ec
}

.full-color-table.full-cyan-table .alert-link {
  color: #013335
}

.full-color-table.full-cyan-table thead th {
  background-color: #01b1b8;
  border-color: #b8edf0;
  color: #fff
}

.full-color-table.full-cyan-table thead th hr {
  border-top-color: #a3e8ec
}

.full-color-table.full-cyan-table thead th .alert-link {
  color: #013335
}

.full-color-table.full-cyan-table tbody td {
  border: 0
}

.full-color-table.full-cyan-table tr:hover {
  background-color: #67d9de;
  border-color: #b8edf0;
  color: #fff
}

.full-color-table.full-cyan-table tr:hover hr {
  border-top-color: #a3e8ec
}

.full-color-table.full-cyan-table tr:hover .alert-link {
  color: #013335
}

.full-color-table.full-dark-table {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca
}

.full-color-table.full-dark-table hr {
  border-top-color: #b9bbbe
}

.full-color-table.full-dark-table .alert-link {
  color: #040505
}

.full-color-table.full-dark-table thead th {
  background-color: #30353b;
  border-color: #c6c8ca;
  color: #fff
}

.full-color-table.full-dark-table thead th hr {
  border-top-color: #b9bbbe
}

.full-color-table.full-dark-table thead th .alert-link {
  color: #040505
}

.full-color-table.full-dark-table tbody td {
  border: 0
}

.full-color-table.full-dark-table tr:hover {
  background-color: #85898c;
  border-color: #c6c8ca;
  color: #fff
}

.full-color-table.full-dark-table tr:hover hr {
  border-top-color: #b9bbbe
}

.full-color-table.full-dark-table tr:hover .alert-link {
  color: #040505
}

.full-color-table.full-purple-table {
  color: #3c327c;
  background-color: #e3dffc;
  border-color: #d8d2fa
}

.full-color-table.full-purple-table hr {
  border-top-color: #c4bbf7
}

.full-color-table.full-purple-table .alert-link {
  color: #2a2358
}

.full-color-table.full-purple-table thead th {
  background-color: #6b58db;
  border-color: #d8d2fa;
  color: #fff
}

.full-color-table.full-purple-table thead th hr {
  border-top-color: #c4bbf7
}

.full-color-table.full-purple-table thead th .alert-link {
  color: #2a2358
}

.full-color-table.full-purple-table tbody td {
  border: 0
}

.full-color-table.full-purple-table tr:hover {
  background-color: #aca0f5;
  border-color: #d8d2fa;
  color: #fff
}

.full-color-table.full-purple-table tr:hover hr {
  border-top-color: #c4bbf7
}

.full-color-table.full-purple-table tr:hover .alert-link {
  color: #2a2358
}

.calendar-events {
  padding: 8px 10px;
  border: 1px solid #fff;
  cursor: move
}

.calendar-events:hover {
  border: 1px dashed #e9ecef
}

.calendar-events i {
  margin-right: 8px
}

.profile-tab li a.nav-link,
.customtab li a.nav-link {
  border : 0;
  padding: 15px 20px;
  color  : #212529
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #009efb;
  color        : #009efb
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #009efb
}

html body .jqstooltip,
html body .flotTip {
  width     : auto !important;
  height    : auto !important;
  background: #343a40;
  color     : #fff;
  padding   : 5px 10px
}

body .jqstooltip {
  border-color: transparent;
  border-radius: 60px
}

.jq-icon-info {
  background-color: #01c0c8;
  color: #fff
}

.jq-icon-success {
  background-color: #36bea6;
  color           : #fff
}

.jq-icon-error {
  background-color: #f62d51;
  color           : #fff
}

.jq-icon-warning {
  background-color: #ffbc34;
  color           : #fff
}

.c3 text {
  fill-opacity: 0.5
}

.no-shrink {
  -webkit-flex-shrink: 0;
  -ms-flex-negative  : 0;
  flex-shrink        : 0
}

.up-img {
  background-size    : cover;
  background-position: center center;
  min-height         : 340px
}

ul.list-inline li {
  margin : 0 5px;
  display: inline-block
}

#main-wrapper {
  width   : 100%;
  height: 100%;
}

#main-wrapper .h5-nav-bar .navbar-nav .nav-link {
  color      : #fff;
  font-size  : 13px;
  padding    : 0px 12px;
  font-weight: 500;
  opacity    : 0.7;
  line-height: 30px;
}
#main-wrapper .h5-nav-bar .navbar-nav .nav-link:hover {
  color: rgb(43, 156, 211);
  font-weight: bold;
}
#main-wrapper .h5-nav-bar .navbar-nav .nav-item {
  padding: 17px 0;
}
#main-wrapper .h5-nav-bar .navbar-nav .nav-item:hover {
  background: #333333;
}

.page-wrapper-dashboard {
  background: #edf1f5;
  position  : relative;
  transition: 0.2s ease-in;
  padding   : 0px 10px
}
@media (max-width:415px) { 
  .page-wrapper-dashboard {
    padding: 0px 0px;
    /* margin : 0 -10px; */
  }
  .page-wrapper-dashboard .card-body {
    padding: 5px;
  }
}

.page-titles {
  padding: 10px 10px 8px;
  margin : 15px -20px 0px
}

.page-titles-mobile {
  padding: 11px 10px 0px;
  margin : 15px -20px 5px
}

.page-titles h4 {
  margin-bottom: 0;
  margin-top   : 0
}

.page-titles .breadcrumb {
  padding   : 0;
  margin    : 0;
  background: transparent;
  font-size : 12px
}

.page-titles .breadcrumb li a {
  color: #212529
}

.page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  content: '\e649';
  font   : 11px themify;
  color  : #ced4da
}

.page-titles .breadcrumb .breadcrumb-item.active {
  color      : #009efb;
  font-weight: 500
}

.dropdown-menu .with-arrow {
  position: absolute;
  height  : 10px;
  overflow: hidden;
  width   : 40px;
  top     : -10px
}

.dropdown-menu .with-arrow>span {
  transform            : rotate(45deg);
  -ms-transform        : rotate(45deg);
  -webkit-transform    : rotate(45deg);
  -o-transform         : rotate(45deg);
  -moz-transform       : rotate(45deg);
  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;
  -webkit-border-radius: 6px 0 0;
  -ms-border-radius    : 6px 0 0;
  -o-border-radius     : 6px 0 0;
}

.dropdown-menu.dropdown-menu-right .with-arrow {
  right: 0
}

.dropdown-menu.dropdown-menu-right .with-arrow>span {
  right: 20px;
  left : auto
}

#dashwrapper {
  overflow: hidden;
}

#dashwrapper .helpful-link {
  padding    : 4px;
  margin     : 2px 0;
  line-height: 17px;
  cursor     : pointer
}
#dashwrapper .helpful-link:hover {
  background-color     : #dedede;
  border-radius        : 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  -ms-border-radius    : 4px;
  -o-border-radius     : 4px;
}

#dashwrapper .footer {
  width     : initial;
  height    : 76px;
  bottom    : 0;
  right     : 0;
  left      : 214px;
  color     : #212529;
  background: #fff;
  padding   : 2px;
  border-top: 1px solid #e9ecef;
  position  : absolute
}

#dashwrapper .analysis-wrapper {
  color           : black;
  font-size       : 1em;
  background-color: white;
}

.analysis-wrapper .analysis-header {
  font-size    : 1.7em;
  color        : goldenrod;
  text-shadow  : 1px 1px 1px grey;
  border-bottom: 1px solid lightgray;
  line-height  : 1.4em;
}

.waves-effect {
  position                   : relative;
  cursor                     : pointer;
  display                    : inline-block;
  overflow                   : hidden;
  -webkit-user-select        : none;
  -moz-user-select           : none;
  -ms-user-select            : none;
  user-select                : none;
  -webkit-tap-highlight-color: transparent;
  vertical-align             : middle;
  z-index                    : 1;
  will-change                : opacity, transform;
  -webkit-transition         : all 0.1s ease-out;
  -moz-transition            : all 0.1s ease-out;
  -o-transition              : all 0.1s ease-out;
  -ms-transition             : all 0.1s ease-out;
  transition                 : all 0.1s ease-out
}

.waves-effect .waves-ripple {
  position                   : absolute;
  border-radius              : 50%;
  width                      : 20px;
  height                     : 20px;
  margin-top                 : -10px;
  margin-left                : -10px;
  opacity                    : 0;
  background                 : rgba(0, 0, 0, 0.2);
  -webkit-transition         : all 0.7s ease-out;
  -moz-transition            : all 0.7s ease-out;
  -o-transition              : all 0.7s ease-out;
  -ms-transition             : all 0.7s ease-out;
  transition                 : all 0.7s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property   : -moz-transform,    opacity;
  -o-transition-property     : -o-transform,      opacity;
  transition-property        : transform,         opacity;
  -webkit-transform          : scale(0);
  -moz-transform             : scale(0);
  -ms-transform              : scale(0);
  -o-transform               : scale(0);
  transform                  : scale(0);
  pointer-events             : none;
  -webkit-border-radius      : 50%;
  -moz-border-radius         : 50%;
  -ms-border-radius          : 50%;
  -o-border-radius           : 50%;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45)
}

.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7)
}

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7)
}

.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7)
}

.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7)
}

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7)
}

.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7)
}

html body .waves-notransition {
  -webkit-transition: none;
  -moz-transition   : none;
  -o-transition     : none;
  -ms-transition    : none;
  transition        : none
}

.waves-circle {
  -webkit-transform    : translateZ(0);
  -moz-transform       : translateZ(0);
  -ms-transform        : translateZ(0);
  -o-transform         : translateZ(0);
  transform            : translateZ(0);
  text-align           : center;
  width                : 2.5em;
  height               : 2.5em;
  line-height          : 2.5em;
  border-radius        : 50%;
  -webkit-mask-image   : none;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  -ms-border-radius    : 50%;
  -o-border-radius     : 50%
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1
}

.waves-block {
  display: block
}

.fixed-sidebar .left-sidebar,
.fixed-sidebar .navbar-header {
  position: fixed
}

.fixed-sidebar .navbar-collapse {
  margin-left: 220px
}

.fixed-sidebar.nav-lock .navbar-collapse,
#dashwrapper .fixed-sidebar.nav-lock .footer {
  margin-left: 70px
}

@media (max-width:767px) {
  .fixed-sidebar.mini-sidebar .navbar-header {
    position: relative
  }

  .fixed-sidebar.mini-sidebar .navbar-collapse {
    margin-left: 0
  }
}

.fixed-header .topbar-dash {
  position: fixed;
  width: 100%
}

.fixed-header .page-wrapper-dashboard {
  padding-top: 67px
}

.fixed-layout .left-sidebar,
.fixed-layout .topbar-dash {
  position: fixed
}

.fixed-layout .topbar-dash {
  width: 100%
}

.fixed-layout .page-wrapper-dashboard {
  padding-top: 45px
}

.boxed #main-wrapper {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
  position: relative
}

.boxed #main-wrapper .sidebar-footer {
  position: absolute
}

.boxed #main-wrapper .topbar-dash {
  max-width: 1300px
}

.boxed #main-wrapper .footer {
  display: none
}

.boxed.fixed-layout .left-sidebar {
  position: absolute
}

.single-column .left-sidebar {
  display: none
}

.single-column .page-wrapper-dashboard {
  margin-left: 0px !important
}

@media (min-width:769px) {
  .left-sidebar {
    margin-top: 66px
  }

  .left-sidebar:hover {
    left: 0
  }

  .nav-text-box {
    display: none !important
  }

  .navbar-header {
    flex-shrink: 0;
    min-width: 70px
  }

  .navbar-header .navbar-brand {
    padding-top: 0
  }

  .lock-nav .left-sidebar {
    left: 0;
    width: 210px;
    margin-top: 66px
  }

  .lock-nav .page-wrapper-dashboard,
  #dashwrapper .lock-nav .footer {
    margin-left: 210px
  }

  .lock-nav .topbar-dash .navbar-header {
    margin-left: 0;
    min-width: 210px
  }

  .lock-nav .topbar-dash .navbar-header .navbar-brand span {
    display: inline-block
  }

  #dashwrapper .footer {
    left: 210px
  }
}

@media (max-width:768px) {
  .show-sidebar .left-sidebar {
    left: 0;
    margin-top: 66px
  }

  .left-sidebar {
    left: -260px
  }

  #dashwrapper .footer {
    left: 0
  }
}

.logo-center .top-navbar .navbar-header {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto
}

.logo-center .top-navbar .navbar-header a {
  justify-content: center
}

.topbar-dash .top-navbar .mailbox {
  width: 300px
}

.topbar-dash .top-navbar .mailbox ul {
  padding: 0
}

.topbar-dash .top-navbar .mailbox ul li {
  list-style: none
}

html body .navbar-dark .mailbox ul li .drop-title {
  font-weight  : 500;
  padding      : 11px 20px 15px;
  border-bottom: 1px solid #e9ecef;
  border-radius: 0.25rem 0.25rem 0 0;
  position     : relative
}

html body .navbar-dark .mailbox ul li .drop-title:after {
  content        : '';
  position       : absolute;
  background     : url(../../../assets/images/background/img5.png) no-repeat;
  opacity        : 0.2;
  top            : 0;
  left           : 0;
  height         : 100%;
  width          : 100%;
  background-size: cover
}
html body .navbar-dark .checkout-override-image ul li .drop-title:after {
  content        : '';
  position       : absolute;
  /* background     : url(../../../assets/images/background/img6.png) no-repeat; */
  opacity        : 0.2;
  top            : 0;
  left           : 0;
  height         : 100%;
  width          : 100%;
  /* background-size: cover */
}

html body .navbar-dark .mailbox ul li h5 {
  color: #212529
}

html body .navbar-dark .mailbox ul li .nav-link {
  border-top : 1px solid #e9ecef;
  padding-top: 15px;
  color      : #212529
}

html body .navbar-dark .mailbox ul li .nav-link:hover {
  color: #009efb
}

html body .navbar-dark .mailbox .message-center {
  height  : 310px;
  overflow: auto;
  position: relative
}

html body .navbar-dark .mailbox .message-center a {
  border-bottom  : 1px solid #e9ecef;
  display        : block;
  text-decoration: none;
  padding        : 9px 15px
}

html body .navbar-dark .mailbox .message-center a:hover {
  background: #e9ecef
}

html body .navbar-dark .mailbox .message-center a div {
  white-space: normal
}

html body .navbar-dark .mailbox .message-center a .user-img {
  width: 40px;
  position: relative;
  display: inline-block;
  margin: 0 10px 15px 0
}

html body .navbar-dark .mailbox .message-center a .user-img img {
  width: 100%
}

html body .navbar-dark .mailbox .message-center a .user-img .profile-status {
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  left: 30px;
  position: absolute;
  top: 1px;
  width: 10px
}

html body .navbar-dark .mailbox .message-center a .user-img .online {
  background: #36bea6
}

html body .navbar-dark .mailbox .message-center a .user-img .busy {
  background: #f62d51
}

html body .navbar-dark .mailbox .message-center a .user-img .away {
  background: #ffbc34
}

html body .navbar-dark .mailbox .message-center a .user-img .offline {
  background: #ffbc34
}

html body .navbar-dark .mailbox .message-center a .mail-content {
  display: inline-block;
  width: 75%;
  padding-left: 10px;
  vertical-align: middle
}

html body .navbar-dark .mailbox .message-center a .mail-content h5 {
  margin: 5px 0px 0
}

html body .navbar-dark .mailbox .message-center a .mail-content .mail-desc,
html body .navbar-dark .mailbox .message-center a .mail-content .time {
  font-size: 12px;
  display: block;
  margin: 1px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #adb5bd;
  white-space: nowrap
}

.city-weather-days {
  margin: 0
}

.city-weather-days li {
  text-align: center;
  padding: 15px 0
}

.city-weather-days li span {
  display: block;
  padding: 10px 0 0;
  color: #adb5bd
}

.city-weather-days li i {
  display: block;
  font-size: 20px;
  color: #009efb
}

.city-weather-days li h3 {
  font-weight: 300;
  margin-top: 5px
}

.weather-small h1 {
  line-height: 30px
}

.weather-small sup {
  font-size: 60%
}

.comment-widgets {
  position: relative;
  margin-bottom: 10px
}

.comment-widgets .comment-row {
  border-bottom: 1px solid transparent;
  padding: 14px
}

.comment-widgets .comment-row:last-child {
  border-bottom: 0
}

.comment-widgets .comment-row:hover,
.comment-widgets .comment-row.active {
  background: #f8f9fa
}

.comment-text {
  padding: 14px 15px 14px 20px;
  width: 80%
}

.comment-text:hover .comment-footer .action-icons,
.comment-text.active .comment-footer .action-icons {
  visibility: visible
}

.comment-text p {
  max-height: 65px;
  width: 100%;
  overflow: hidden
}

.comment-footer .action-icons {
  visibility: hidden
}

.comment-footer .action-icons a {
  padding-left: 7px;
  vertical-align: middle;
  color: #adb5bd
}

.comment-footer .action-icons a:hover,
.comment-footer .action-icons a.active {
  color: #01c0c8
}

.todo-list li {
  border: 0;
  margin-bottom: 0;
  padding: 20px 15px 15px 0px
}

.todo-list li .custom-checkbox {
  width: 100%
}

.todo-list li .custom-checkbox label {
  font-weight: 400;
  width: 100%
}

.todo-list li .custom-checkbox label span:first-child {
  width: 70%;
  display: inline-block;
  line-height: 25px
}

.todo-list li:last-child {
  border-bottom: 0
}

.todo-list li .assignedto {
  padding: 0px 0 0 30px;
  margin: 0
}

.todo-list li .assignedto li {
  list-style: none;
  padding: 0;
  display: inline-block;
  border: 0;
  margin-right: 2px
}

.todo-list li .assignedto li img {
  width: 30px;
  border-radius: 100%
}

.todo-list li .item-date {
  padding-left: 30px;
  font-size: 12px;
  margin-top: 5px;
  display: inline-block
}

.list-task .task-done span {
  text-decoration: line-through
}

.chat-list {
  margin: 0;
  padding: 0
}

.chat-list li {
  list-style: none;
  margin-top: 30px
}

.chat-list li .chat-img {
  display: inline-block;
  width: 45px;
  vertical-align: top
}

.chat-list li .chat-img img {
  width: 45px;
  border-radius: 100%
}

.chat-list li .chat-content {
  width: calc(100% - 50px);
  display: inline-block;
  padding-left: 15px
}

.chat-list li .chat-content .box {
  display: inline-block;
  color: #343a40;
  background: #f8f9fa
}

.chat-list li .chat-time {
  display: block;
  font-size: 10px;
  color: #adb5bd;
  margin: 5px 0 15px 65px
}

.chat-list li.odd .chat-content {
  text-align: right;
  width: calc(100% - 0px)
}

.chat-list li.odd .chat-time {
  text-align: right
}

.chat-list li.odd .box {
  clear: both;
  color: #fff;
  background: #009efb
}

.chat-list li.odd+.odd {
  margin-top: 0
}

.chat-list li.reverse {
  text-align: right
}

.chat-list li.reverse .chat-time {
  text-align: left
}

.chat-list li.reverse .chat-content {
  padding-left: 0;
  padding-right: 15px
}

.calendar {
  float: left;
  margin-bottom: 0
}

.fc-view {
  margin-top: 30px;
  margin-top: 0
}

.none-border .modal-footer {
  border-top: 0
}

.fc-toolbar {
  margin: 0;
  padding: 24px 0px
}

.fc-toolbar h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase
}

.fc-day {
  background: #fff
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
  z-index: 0
}

.fc-widget-header {
  border: 0px !important
}

.fc-widget-content {
  border-color: rgba(120, 130, 140, 0.13) !important
}

.fc th.fc-widget-header {
  color: #212529;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  padding: 7px 0px;
  text-transform: uppercase
}

.fc th.fc-sun,
.fc th.fc-tue,
.fc th.fc-thu,
.fc th.fc-sat {
  background: #e9ecef
}

.fc th.fc-mon,
.fc th.fc-wed,
.fc th.fc-fri {
  background: #e9ecef
}

.fc-button {
  background: #fff;
  border: 1px solid #e9ecef;
  color: #212529;
  text-transform: capitalize
}

.fc-button:hover {
  background: #e9ecef;
  opacity: 0.8
}

.fc-text-arrow {
  font-family: inherit;
  font-size: 16px
}

.fc-state-hover {
  background: #f8f9fa
}

.fc-unthemed .fc-today {
  border: 1px solid #f62d51;
  background: #fff
}

.fc-state-highlight {
  background: #f0f0f0
}

.fc-cell-overlay {
  background: #f0f0f0
}

.fc-event {
  border-radius: 0;
  border: none;
  cursor: move;
  color: #fff !important;
  font-size: 13px;
  margin: 1px -1px 0;
  padding: 5px;
  text-align: center;
  background: #01c0c8
}

.calendar-event {
  cursor: move;
  margin: 10px 5px 0 0;
  padding: 6px 10px;
  display: inline-block;
  color: #fff;
  min-width: 140px;
  text-align: center;
  background: #01c0c8
}

.calendar-event a {
  float: right;
  opacity: 0.6;
  font-size: 10px;
  margin: 4px 0 0 10px;
  color: #fff
}

.fc-basic-view td.fc-week-number span {
  padding-right: 5px
}

.fc-basic-view .fc-day-number {
  padding: 10px 15px;
  display: inline-block
}

.steamline {
  position: relative;
  border-left: 1px solid #e9ecef;
  margin-left: 20px
}

.steamline .sl-left {
  float: left;
  margin-left: -20px;
  z-index: 1;
  width: 40px;
  line-height: 40px;
  text-align: center;
  height: 40px;
  border-radius: 100%;
  color: #fff;
  margin-right: 15px
}

.steamline .sl-left img {
  max-width: 40px
}

.steamline .sl-right {
  padding-left: 50px
}

.steamline .sl-right .desc,
.steamline .sl-right .inline-photos {
  margin-bottom: 21px
}

.steamline .sl-item {
  border-bottom: 1px solid #e9ecef;
  margin: 20px 0
}

.sl-date {
  font-size: 10px;
  color: #adb5bd
}

.time-item {
  border-color: #e9ecef;
  padding-bottom: 1px;
  position: relative
}

.time-item:before {
  content: ' ';
  display: table
}

.time-item:after {
  background-color: #fff;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  bottom: 0;
  content: '';
  height: 14px;
  left: 0;
  margin-left: -8px;
  position: absolute;
  top: 5px;
  width: 14px
}

.time-item-item:after {
  content: ' ';
  display: table
}

.item-info {
  margin-bottom: 15px;
  margin-left: 15px
}

.item-info p {
  margin-bottom: 10px !important
}

.feeds {
  margin: 0;
  padding: 0
}

.feeds li {
  list-style: none;
  padding: 12px 15px;
  display: block
}

.feeds li:hover {
  background: #f8f9fa
}

.feeds li>div {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 100%;
  color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%
}

.feeds li>div i {
  line-height: 40px
}

.feeds li span {
  float: right;
  width: auto;
  font-size: 12px
}

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100% 0)
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0)
}

.social-widget .soc-header {
  padding: 15px;
  text-align: center;
  font-size: 36px;
  color: #fff
}

.social-widget .soc-header.box-facebook {
  background: #3b5998
}

.social-widget .soc-header.box-twitter {
  background: #00aced
}

.social-widget .soc-header.box-google {
  background: #f86c6b
}

.social-widget .soc-header.box-linkedin {
  background: #4875b4
}

.social-widget .soc-content {
  display: flex;
  text-align: center
}

.social-widget .soc-content div {
  padding: 10px
}

.social-widget .soc-content div h3 {
  margin-bottom: 0
}

.social-profile-first {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 96px
}

.social-profile-first.bg-over {
  background: rgba(56, 83, 161, 0.7)
}

.social-profile-first .middle {
  vertical-align: middle
}

.profiletimeline {
  position: relative;
  padding-left: 40px;
  margin-right: 10px;
  border-left: 1px solid #e9ecef;
  margin-left: 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: #adb5bd
}

.profiletimeline .time-item {
  border-color: #e9ecef;
  padding-bottom: 1px;
  position: relative
}

.profiletimeline .time-item:before {
  content: ' ';
  display: table
}

.profiletimeline .time-item:after {
  background-color: #fff;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  bottom: 0;
  content: '';
  height: 14px;
  left: 0;
  margin-left: -8px;
  position: absolute;
  top: 5px;
  width: 14px
}

.profiletimeline .time-item-item:after {
  content: ' ';
  display: table
}

.profiletimeline .item-info {
  margin-bottom: 15px;
  margin-left: 15px
}

.profiletimeline .item-info p {
  margin-bottom: 10px !important
}

.little-profile .pro-img {
  margin-bottom: 20px
}

.little-profile .pro-img img {
  width: 128px;
  height: 128px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 100%
}

.little-profile .soc-pro a {
  color: #adb5bd
}

.little-profile .soc-pro a:hover {
  color: #343a40
}

.stats-row {
  margin-bottom: 20px
}

.stats-row .stat-item {
  display: inline-block;
  padding-right: 15px
}

.stats-row .stat-item+.stat-item {
  padding-left: 15px;
  border-left: 1px solid #e9ecef
}

.gaugejs-box {
  position: relative;
  margin: 0 auto
}

.gaugejs-box canvas.gaugejs {
  width: 100% !important;
  height: auto !important
}

.country-state {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px
}

.country-state li {
  margin-top: 30px;
  margin-bottom: 10px
}

.country-state h2 {
  margin-bottom: 0;
  font-weight: 400
}

.contact-box {
  position: relative
}

.contact-box .add-ct-btn {
  position: absolute;
  right: 4px;
  top: -46px
}

.contact-box .contact-widget>a {
  padding: 15px 10px
}

.contact-box .contact-widget>a .user-img {
  margin-bottom: 0px !important
}

.blog-widget {
  margin-top: 30px
}

.blog-widget .blog-image img {
  border-radius: 0.25rem;
  margin-top: -45px;
  margin-bottom: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
}

.msg-item {
  margin-bottom: 20px
}

.msg-body {
  background: #fff;
  padding: 15px;
  font-size: 14px;
  position: relative
}

.msg-body .dwn-aro {
  width: 0;
  position: absolute;
  bottom: -8px;
  height: 0;
  left: 10px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff
}

.m-pic img {
  width: 40px;
  border-radius: 100%
}

.message-box ul li .drop-title {
  font-weight: 500;
  padding: 11px 20px 15px;
  border-bottom: 1px solid #e9ecef
}

.message-box ul li .nav-link {
  border-top: 1px solid #e9ecef;
  padding-top: 15px
}

.message-box .message-widget {
  position: relative
}

.message-box .message-widget a {
  border-bottom: 1px solid #e9ecef;
  display: block;
  text-decoration: none;
  padding: 9px 15px
}

.message-box .message-widget a:hover {
  background: #e9ecef
}

.message-box .message-widget a:last-child {
  border-bottom: 0
}

.message-box .message-widget a div {
  white-space: normal
}

.message-box .message-widget a .user-img {
  width: 45px;
  position: relative;
  display: inline-block;
  margin: 0 10px 15px 0
}

.message-box .message-widget a .user-img img {
  width: 100%
}

.message-box .message-widget a .user-img .profile-status {
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  left: 33px;
  position: absolute;
  top: -1px;
  width: 10px
}

.message-box .message-widget a .user-img .online {
  background: #36bea6
}

.message-box .message-widget a .user-img .busy {
  background: #f62d51
}

.message-box .message-widget a .user-img .away {
  background: #ffbc34
}

.message-box .message-widget a .user-img .offline {
  background: #ffbc34
}

.message-box .message-widget a .mail-content {
  display: inline-block;
  width: 70%;
  vertical-align: middle
}

.message-box .message-widget a .mail-content h5 {
  margin: 5px 0px 0;
  color: #212529
}

.message-box .message-widget a .mail-content .mail-desc,
.message-box .message-widget a .mail-content .time {
  display: block;
  margin: 1px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #adb5bd;
  white-space: nowrap
}

.message-box .message-widget a .mail-content .time {
  color: #212529;
  font-size: 12px
}

.activity-box .date-devider {
  border-top: 2px solid #e9ecef;
  position: relative
}

.activity-box .date-devider span {
  background: #e9ecef;
  padding: 5px 15px;
  border-radius: 60px;
  font-size: 14px;
  top: -15px;
  position: relative;
  margin-left: 20px
}

.activity-box .activity-item {
  display: flex;
  margin-bottom: 30px
}

.activity-box .activity-item .image-list>a {
  margin-left: -15px;
  position: relative;
  vertical-align: middle
}

.activity-box .activity-item .image-list>a:first-child,
.activity-box .activity-item .image-list>a:last-child {
  margin-left: 0
}

.activity-box .activity-item .image-list>a:hover {
  z-index: 10
}

.activity-box .activity-item .image-list>a:hover img {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2)
}

.news-slide .overlaybg {
  height: 380px;
  overflow: hidden;
  background-color: #343a40
}

.news-slide .overlaybg img {
  width: 100%
}

.product-review {
  margin: 0;
  padding: 25px
}

.product-review li {
  display: block;
  padding: 20px 0;
  list-style: none
}

.product-review li .font,
.product-review li span {
  display: inline-block;
  margin-left: 10px
}

.social-profile {
  text-align: center;
  background: rgba(7, 10, 43, 0.8)
}

@media (min-width:1024px) {
  .page-wrapper-dashboard {
    margin-left: 70px;
    height: auto
  }
}

@media (max-width:1023px) {
  .inbox-center a {
    width: 200px
  }

  .d-flex {
    display: block !important
  }

  .d-flex.no-block {
    display: flex !important
  }
}

@media (min-width:768px) {
  .page-titles .breadcrumb {
    float: right;
  }

  .material-icon-list-demo .icons div {
    width      : 33%;
    padding    : 15px;
    display    : inline-block;
    line-height: 40px;
  }
}

@media (max-width:767px) {
  .container-fluid {
    padding: 0px;
    overflow: hidden;
  }

  .topbar-dash {
    width: 100%;
    padding-right: 10px;
  }

  .topbar-dash .top-navbar {
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: normal;
    flex-direction       : row;
    flex-wrap            : nowrap;
    -webkit-align-items  : center;
  }

  .topbar-dash .top-navbar .navbar-collapse {
    display: flex;
    width  : 100%;
  }

  .topbar-dash .top-navbar .navbar-nav {
    flex-direction: row
  }

  .topbar-dash .top-navbar .navbar-nav .nav-item>.nav-link {
    padding-left : 8px;
    padding-right: 8px;
    font-size    : 15px
  }

  .topbar-dash .top-navbar .navbar-nav>.nav-item.show {
    position: static
  }

  .topbar-dash .top-navbar .navbar-nav>.nav-item.show .dropdown-menu {
    width     : 100%;
    margin-top: 0;
    overflow-y: auto
  }

  .topbar-dash .top-navbar .navbar-nav .dropdown-menu {
    position: absolute
  }

  .topbar-dash .top-navbar .navbar-nav .dropdown-menu .with-arrow {
    display: none
  }

  .mega-dropdown .dropdown-menu {
    height  : 480px;
    overflow: auto
  }

  .comment-text .comment-footer .action-icons {
    display: block;
    padding: 10px 0
  }

  .vtabs .tabs-vertical {
    width: auto
  }

  .material-icon-list-demo .icons div {
    width: 100%
  }

  #dashwrapper .error-page .footer {
    position: fixed;
    bottom: 0;
    z-index: 10
  }

  .error-box {
    position: relative;
    padding-bottom: 60px
  }

  .error-body {
    padding-top: 10%
  }

  .error-body h1 {
    font-size: 100px;
    font-weight: 600;
    line-height: 100px
  }

  .login-register {
    overflow: hidden
  }

  .login-box {
    width: 90%
  }

  .login-sidebar {
    padding: 10% 0
  }

  .login-sidebar .login-box {
    position: relative;
    /* height: auto; */
  }

  .chat-main-box .chat-left-aside {
    left: -250px;
    position: absolute;
    transition: 0.5s ease-in;
    background: #fff
  }

  .chat-main-box .chat-left-aside.open-pnl {
    left: 0
  }

  .chat-main-box .chat-left-aside .open-panel {
    display: block
  }

  .chat-main-box .chat-right-aside {
    width: 100%
  }

  ul.timeline:before {
    left: 40px
  }

  ul.timeline>li>.timeline-panel {
    width: calc(100% - 90px);
    float: right
  }

  ul.timeline>li>.timeline-badge {
    top: 16px;
    left: 15px;
    margin-left: 0
  }

  ul.timeline>li>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0
  }

  ul.timeline>li>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0
  }

  .left-aside {
    width: 100%;
    position: relative;
    border: 0
  }

  .right-aside {
    margin-left: 0
  }

  .flex-wrap {
    flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important
  }

  .chat-list li .chat-content {
    width: calc(100% - 80px)
  }

  .fc-toolbar .fc-left,
  .fc-toolbar .fc-right,
  .fc-toolbar .fc-center {
    float     : none;
    display   : block;
    text-align: center;
    margin-top: 10px;
    overflow  : hidden
  }
}

.mobile-propcard-panel {
  position: absolute;
  top     : 32px;
  bottom  : 75px;
  left    : 5px;
  right   : 5px;
  overflow: hidden;
}

.chart-text {
  font: .4rem Montserrat, Arial, sans-serif;
  fill: #fff;
}



.chart-number {
  font-size  : 0.6em;
  line-height: 1;
  text-anchor: middle;
  text-shadow: 1px 1px 2px black;
}

.chart-label a {
  font-size     : 0.3em;
  text-transform: uppercase;
  text-anchor   : middle;
}

.dashboard-panels-desktop {
  width: max-content;
}

.dashboard-panels-mobile {
  min-width: 100%;
  max-width: 100%;
  width: 100%
}

.dashboard-checkout-desktop,
.dashboard-checkout-mobile {
  font-size: 19px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 10px;
  right: 10px
}

.dashboard-checkout-mobile {
  font-size: 17px
}

.dashboard-checkout-footer-wrapper {
  position  : absolute;
  left      : 10px;
  right     : 10px;
  bottom    : 0;
  /* height    : 141px; */
  font-size : .8em;
  overflow  : hidden;
  border-top: 1px double;
}

.dashboard-checkout-table {
  position     : absolute;
  top          : 0;
  left         : 0;
  right        : 0;
  bottom       : 211px;
  overflow-y   : auto;
  font-size    : .8em;
}

.dashboard-propcard-title-desktop,
.dashboard-propcard-title-mobile {
  font-size    : 18px;
  font-weight  : 500;
  line-height  : 30px;
  margin-left  : 35px;
  text-shadow  : 1px 1px 1px #464646;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis
}

.dashboard-propcard-title-mobile {
  font-size: 16px;
  width: calc(100% - 39px)
}

.dashboard-wizard-table-item {
  width: 100%
}

.dashboard-wizard-table-item:hover {
  background: #f3f3f3;
  cursor: pointer
}

.dashboard-comppiechart-legend-marker {
  color                : #fff;
  font-size            : 1.19em;
  font-weight          : 500;
  text-shadow          : 1px 1px 1px #000;
  text-align           : center;
  width                : 18px;
  height               : 18px;
  display              : inline-block;
  vertical-align       : middle;
  border-radius        : 50%;
  border               : 1px solid #fff;
  margin-right         : 2px;
  margin-top           : -3px;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  -ms-border-radius    : 50%;
  -o-border-radius     : 50%
}

.propcard-menu .dropdown-item,
.propcard-upgrade-menu .dropdown-item,
.propcard-upgrade-menu .propcard-purchase-menu {
  padding    : 8px 1rem;
  color      : #000;
  font-weight: 100;
}

.propcard-menu #dropdownMenuLink {
  color: gray
}

.propcard-report {
  padding: 8px 0px 12px 5px
}

.propcard-report md-radio-button {
  margin: 7px 0 0 5px
}

.propcard-report md-checkbox {
  margin: 7px 0 0 5px
}

.cell_text_right_justify {
  text-align: right
}

.cell_text_center_justify {
  text-align: center
}

.cell_text_left_justify {
  text-align: left
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  text-shadow: none
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  bottom: 1.23em
}

.multiselect-parent .dropdown-toggle {
  width: 254px;
  background-color: #00b4ff
}

.multiselect-parent .dropdown-menu {
  width: 250px
}

.tablelink {
  color           : white;
  cursor          : pointer;
  background-color: #00b4ff;
  width           : 100%;
  height          : 100%;
  outline         : 0;
  border-radius   : 5px;
  box-shadow      : 1px 1px 1px grey;
}

table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
  color: #fff
}

.wizard-position-wrapper {
  width: 70px;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 60px;
  left: calc(50% - 33px);
  z-index: 100
}

.wizard-position {
  list-style: none;
  padding: 0;
  margin: 0
}

.wizard-position li {
  width: 8px;
  height: 8px;
  background: #eaeaea;
  border: 1px solid #c7c7c7;
  margin-right: 4px;
  float: left;
  border-radius: 50%;
  cursor: pointer;
}

.wizard-position li:last-child {
  margin-right: 0
}

.wizard-position .active {
  width: 10px;
  height: 10px;
  margin-top: -1px;
  background: #6dda6d;
  border-color: green;
}

#subject-analysis-bg {
  background     : url('../images/black_map-01.jpg') repeat-y center;
  background-size: cover;
  position       : fixed;
  top            : 0;
  left           : 0;
  right          : 0;
  bottom         : 0;
}

.subject-analysis-page-title {
  position: absolute;
  top: 69px;
  left: 0;
  right: 0;
  height: 65px;
  overflow: hidden;
}

.subject-analysis-page-title .main-title {
  text-align: center;
  font-size: 2.4rem;
  color: #daa520;
  text-shadow: 1px 1px 1px #fff;
  line-height: 2rem;
  margin-bottom: 3px;
  font-weight: 600;
}

.main-subtitle {
  text-align: center;
  color: gray;
  font-size: 1.1rem;
  line-height: 1.3rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.subject-analysis-page-wrapper {
  position: absolute;
  top: 116px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 5vw 5vh;
}

.subject-analysis-panel {
  background           : #fff;
  color                : #000;
  position             : absolute;
  top                  : 0;
  bottom               : 40px;
  left                 : 0;
  right                : 0;
  border-radius        : 12px 12px 5px 5px;
  border               : 1px solid #000;
  z-index              : 5;
  -webkit-border-radius: 12px 12px 5px 5px;
  -moz-border-radius   : 12px 12px 5px 5px;
  -ms-border-radius    : 12px 12px 5px 5px;
  -o-border-radius     : 12px 12px 5px 5px;
}

.subject-analysis-panel.panel-visible {
  z-index: 10
}

.subject-analysis-panel-buttonrow {
  position: absolute;
  bottom  : 0;
  width   : 100%;
  height  : 32px
}

.subject-analysis-panel-wrapper {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0
}

.subject-analysis-panel-header {
  text-align: center;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #000;
  text-shadow: 2px 2px 2px #d3d3d3
}

.subject-analysis-panel-body {
  background: #fbfbfb;
  position: absolute;
  top: 71px;
  right: 0;
  left: 0;
  bottom: 54px;
  overflow: hidden
}

.subject-analysis-panel-body.with-legend {
  bottom: 90px
}

.subject-analysis-panel-body.no-footer {
  bottom: 6px
}

.subject-analysis-panel-body.chart-wrapper {
  position: absolute;
  top: 28px;
  right: 0;
  left: 0;
  bottom: -12px
}

.subject-analysis-panel-footer {
  text-align: justify;
  font-size: 1rem;
  color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #b0c4de;
  height: 48px;
  padding: 6px 6px 0;
  line-height: 1.4rem;
  overflow: hidden;
  margin-bottom: 6px
}

.subject-analysis-panel-footer .subj-info {
  color: #000;
  font-size: 22px;
  text-align: center;
  padding: 5px 0 3px
}

.subject-analysis-panel-footer .subj-info.first-row {
  padding-top: 0;
  margin-top: 0
}

.subject-analysis-panel-footer .subj-info .subj-info-title {
  color: #3e3e3e;
  font-size: 16px;
  text-align: center;
  display: block
}

.subject-analysis-panel-footer .subj-info.bordered {
  border-left: 1px solid;
  border-right: 1px solid
}

.subject-analysis-panel-footer .row.bottom-border {
  border-bottom: 1px solid
}

#subject-analysis-parcelview,
#subject-analysis-neighborhood,
#subject-analysis-totalvalue,
#subject-analysis-comps,
#subject-analysis-reduction-potential {
  display: block;
  height: 100%;
  width: 100%
}

#subject-analysis-totalvalue {
  height: calc(100% - 28px)
}

#subject-analysis-reduction-potential {
  height: 170%;
  width: 170%;
  position: absolute;
  left: -50%;
  bottom: 0
}

#totalvalue-legend {
  position: absolute;
  bottom: 65px;
  width: 100%;
  margin: 0
}

#totalvalue-legend .legend-subject,
.legend-average {
  float: left;
  margin: 6px 5px 0px 50px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: red;
  font-size: 1rem
}

#totalvalue-legend .legend-average {
  margin: 6px 5px 0px 23px;
  background-color: #ffa500
}

#subject-analysis-chart1,
#subject-analysis-chart2,
#subject-analysis-chart3 {
  height: 33% !important;
  min-height: 33% !important;
  max-height: 33% !important
}

@media (max-width:380px) {
  #totalvalue-legend {
    font-size: .6rem;
    bottom: 68px
  }

  #totalvalue-legend .legend-subject {
    margin: 1px 5px 0px 42px
  }

  #totalvalue-legend .legend-average {
    margin: 1px 5px 0px 23px
  }

  .subject-analysis-page-title .main-subtitle {
    font-size: .95rem
  }

  .subject-analysis-page-wrapper {
    margin: 0 1vw 1vh
  }

  .subject-analysis-panel-header {
    font-size: 1.65rem;
    text-shadow: 1px 1px 1px #d3d3d3;
    line-height: 2rem
  }

  .menu-item-mobile[data-mobile]::after {
    content: attr(data-mobile)
  }

  .menu-item-mobile>span {
    display: none
  }

  #subject-analysis-chart1,
  #subject-analysis-chart2,
  #subject-analysis-chart3 {
    height: 32% !important;
    min-height: 32% !important;
    max-height: 32% !important
  }
}

@media (max-width:325px) {
  .subject-analysis-page-title .main-title {
    font-size: 1.86rem
  }

  .subject-analysis-page-title .main-subtitle {
    font-size: .85rem;
    color: #fff
  }

  .subject-analysis-panel-header {
    font-size: 1.5rem;
    line-height: 2rem;
    text-shadow: 2px 2px 2px #d3d3d3
  }
}

.tippy-tooltip.honeybee-theme {
  border: 1px solid #428bca;
  color: #fff;
  padding-top: 4px;
  padding-bottom: 4px
}

.tippy-tooltip.honeybee-theme .tippy-backdrop {
  background-color: rgba(0, 0, 0, 0.75)
}

.tippy-tooltip.honeybee-theme .tippy-content {
  color: #fff
}

#fileLoadCroppie #upload {
  display: none
}

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer
}

#imageCropperModal .modal-header {
  padding: .5rem 1.2rem
}

.google-autocomplete-wrapper {
  margin: 11px 18px 10px 11px
}

.google-autocomplete {
  border      : 2px solid #e9ecef;
  padding-left: 3px
}

.search-wrapper-background {
  background-image   : url('../images/black_map-01.jpg');
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center center;
  position           : fixed;
  top                : 0;
  left               : 0;
  right              : 0;
  bottom             : 0;
}

.search-wrapper {
  position             : relative;
  margin               : 10px 6vw;
  background           : #363636;
}

#dashwrapper .search-wrapper {  
  margin               : 10px 0px;
  background           : rgb(39, 44, 51);
  border-bottom        : none;
  border-radius        : 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  -ms-border-radius    : 5px;
  -o-border-radius     : 5px;
}

.address-selector {
  margin   : 0 7px 0px 0px;
  font-size: .8rem;
  padding  : 5px
}

.address-selector:hover {
  background-color: rgba(222, 219, 219, 0.36);
  color           : #fff;
  cursor          : pointer
}

#dashwrapper .address-selector {
  color                : black;
  background           : #ffffff;
  font-size            : .8rem;
  font-weight          : 400;
  margin               : 0 7px 0px 0px;
  padding              : 5px;
  cursor               : pointer;
  border-radius        : 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius   : 25px;
  -ms-border-radius    : 25px;
  -o-border-radius     : 25px;
}

#dashwrapper .address-selector:hover {
  background-color: rgb(212, 212, 212);
}

@media (max-width:650px) {
  .google-autocomplete-wrapper {
    margin: 20px
  }
}
@media (max-width:617px) {
  .hide-mobile {
    display: none;
  }
}

@media (max-width:420px) {
  .hide-mobile {
    display: none;
  }
  .search-wrapper {
    margin: 3vh 0;
  }
  .google-autocomplete {
    border-radius        : 0;
    -webkit-border-radius: 0;
    -moz-border-radius   : 0;
    -ms-border-radius    : 0;
    -o-border-radius     : 0;
  }
  .google-autocomplete-wrapper {
    margin: 5px 1px 0px 0px;
  }
}
@media (max-width:380px) {
  .search-wrapper {
    margin: 3vh 0px;
    /* width : 102vw; */
  }
  .google-autocomplete {
    border-radius        : 0;
    -webkit-border-radius: 0;
    -moz-border-radius   : 0;
    -ms-border-radius    : 0;
    -o-border-radius     : 0;
  }
}

#advSearchWrapper .select2-container--default .select2-selection--single {
  height     : 40px;
}

#advSearchWrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  top  : 3px;
  right: 4px
}

.footer2 {
  padding: 20px 0
}

.footer2 .f2-topbar {
  padding-bottom: 20px;
  border-bottom : 1px solid rgba(120, 130, 140, 0.13)
}

.footer2 .f2-middle {
  padding-top: 1px
}

.footer2 .link {
  color: #8d97ad;
  padding: 10px 15px 10px 0
}

.footer2 .general-listing li a i {
  font-size: 9px;
  margin-right: 10px
}

.footer2 .info-box .d-flex {
  padding: 15px 0;
  border-bottom: 1px solid rgba(120, 130, 140, 0.13)
}

.footer2 .subscribe-box {
  background: rgba(120, 130, 140, 0.13);
  padding: 5px 25px 25px 25px;
}

.footer2 .subscribe-box .form-control {
  background: transparent;
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid rgba(120, 130, 140, 0.13);
  color: #fff;
  border-radius: 0
}

.footer2 .subscribe-box .form-control:focus {
  border-bottom: 1px solid #fff
}

.pricing3 .col-lg-2 {
  padding-right: 0;
  position: relative;
  z-index: 1
}

.pricing3 .col-lg-10 {
  padding-left: 0
}

.pricing3 .nav-pills {
  border: 1px solid rgba(120, 130, 140, 0.13);
  border-radius: 4px;
  border-right: 0
}

.pricing3 .nav-pills .nav-link {
  padding: 30px 25px
}

.pricing3 .nav-pills .nav-link h2 {
  color: #8d97ad
}

.pricing3 .nav-pills .nav-link.active {
  background: #fff;
  border-left: 3px solid #ff4d7e;
  border-radius: 0;
  margin-left: -3px;
  -webkit-box-shadow: -20px 0 40px rgba(0, 0, 0, 0.1);
  box-shadow: -20px 0 40px rgba(0, 0, 0, 0.1)
}

.pricing3 .nav-pills .nav-link.active h2 {
  color: #263238
}

.pricing3 .tab-content {
  background        : #fff;
  overflow          : hidden;
  -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
  box-shadow        : 0 0 60px rgba(0, 0, 0, 0.1)
}

.pricing3 .tab-content .pricing-box {
  padding: 6px 25px
}

.pricing3 .tab-content .list-inline {
  margin-top: 20px
}

.pricing3 .tab-content .list-inline li {
  padding    : 10px 0;
  font-weight: 400
}

.pricing3 .tab-content .list-inline li span {
  display       : inline-block;
  vertical-align: middle
}

.pricing3 .tab-content .list-inline li a {
  margin   : -18px 0px 0 90px;
  font-size: .8em;
  display  : block;
}

.pricing3 .tab-content .list-inline li i {
  font-size     : 40px;
  text-align    : center;
  vertical-align: top;
  width         : 80px;
  overflow      : hidden;
  display       : inline-block;
  opacity       : 0.5
}

.pricing3 .tab-content .bg-image {
  background-size: cover;
  position       : relative;
  display        : -webkit-box;
  display        : -webkit-flex;
  display        : -ms-flexbox;
  display        : flex
}

.pricing3 .tab-content .bg-image .quote-box {
  padding: 40px
}

@media (max-width:767px) {
  .pricing3 .col-lg-2 {
    padding-right: 15px
  }

  .pricing3 .col-lg-10 {
    padding-left: 15px
  }

  .pricing3 .nav-pills {
    -webkit-box-orient    : horizontal !important;
    -webkit-box-direction : normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction    : row !important;
    flex-direction        : row !important;
    border-bottom         : 0;
    border-right          : 1px solid rgba(120, 130, 140, 0.13)
  }

  .pricing3 .nav-pills .nav-link {
    padding: 4px 18px
  }

  .pricing3 .nav-pills .nav-link.active {
    border-left       : 0;
    border-top        : 3px solid #ff4d7e;
    margin-top        : -4px;
    margin-left       : 0;
    margin-bottom     : -1px;
    -webkit-box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.1);
    box-shadow        : 0 -20px 40px rgba(0, 0, 0, 0.1)
  }

  .pricing3 .tab-content .pricing-box {
    padding: 0px 10px 10px 10px;
  }
}

.topbar {
  padding           : 0;
  -webkit-transition: 0.2s ease-in;
  -o-transition     : 0.2s ease-in;
  transition        : 0.2s ease-in;
  width             : 100%;
  position          : fixed;
  z-index           : 20;
  -moz-transition   : 0.2s ease-in;
  -ms-transition    : 0.2s ease-in;
}

.topbar.fixed-header {
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, .4);
  box-shadow        : 0px 3px 5px rgba(0, 0, 0, .4);
  -webkit-transition: 0.2s ease-in;
  -o-transition     : 0.2s ease-in;
  transition        : 0.2s ease-in;
  background        : #000;
  -moz-transition   : 0.2s ease-in;
  -ms-transition    : 0.2s ease-in;
}

.topbar.fixed-header .navbar .navbar-brand img {
  height                     : 50px;
  width                      : 90px;
  margin-top                 : 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform          : translateZ(0) scale(1, 1)
}
.navbar .navbar-brand img {
  width     : 169px;
  height    : 169px;
  margin-top: 145px;
}

.topbar.fixed-header .navbar .navbar-brand-dash img {
  height                     : 50px;
  width                      : 90px;
  margin-top                 : 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform          : translateZ(0) scale(1, 1)
}
.navbar .navbar-brand-dash img {
  width     : 169px;
  height    : 169px;
  margin-top: 145px
}

.navbar .navbar-brand-2 img {
  height: 50px;
  width: 90px
}

.h5-nav-bar {
  padding: 0px 15px;
  position: relative;
  width: 100%;
  left: 0
}

.h5-nav-bar .navbar-brand {
  /* position: absolute */
}

.h5-nav-bar .navbar-nav .nav-link {
  color      : #fff;
  font-size  : 14px;
  padding    : 0px 18px;
  font-weight: 500;
  opacity    : 0.7;
  line-height: 30px
}

.h5-nav-bar .navbar-nav .nav-item:hover .nav-link {
  opacity: 1
}

.navbar-collapse .h5-nav-bar .navbar-nav .nav-item.active {
  border-bottom: 2px solid red
}

.h5-nav-bar .rounded-button {
  padding              : 10px 15px;
  display              : inline-block;
  color                : rgba(255, 255, 255, 0.5);
  font-size            : 14px;
  border               : 2px solid rgba(255, 255, 255, 0.7);
  border-radius        : 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius   : 60px;
  -ms-border-radius    : 60px;
  -o-border-radius     : 60px;
}

.h5-nav-bar .rounded-button a {
  color      : #fff;
  font-weight: 500;
  opacity    : 0.7
}

.h5-nav-bar .rounded-button a:hover {
  opacity: 1
}

.h5-nav-bar .navbar-collapse {
  border-radius        : 4px;
  -webkit-box-shadow   : none;
  box-shadow           : none;
  z-index              : 10;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  -ms-border-radius    : 4px;
  -o-border-radius     : 4px;
}

.login-register-button {
  margin-top: 0px;
}

@media (max-width:991px) {
  .h5-nav-bar .navbar-brand {
    position: relative
  }

  .login-register-button {
    margin-top: 10px;
  }

  .h5-nav-bar .navbar-collapse {
    background           : #171717;
    padding              : 15px 15px 20px;
    border-radius        : 4px;
    -webkit-box-shadow   : 0px 0px 30px rgba(115, 128, 157, 0.8);
    box-shadow           : 0px 0px 30px rgba(115, 128, 157, 0.8);
    z-index              : 10  ;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    -ms-border-radius    : 4px;
    -o-border-radius     : 4px;
}

  .navbar .navbar-brand img {
    width     : 51px;
    margin-top: 3px;
    height    : 51px;
  }

  .topbar {
    position  : absolute;
    background: #263238;
    position  : relative
  }

  .topbar.animated {
    -webkit-animation-duration: 0s;
    animation-duration        : 0s
  }

  .topbar.animated.slideInDown {
    -webkit-animation-name: none;
    animation-name        : none
  }
}

#banner1 {
  padding-top    : 189px;
  padding-bottom : 230px;
  background-size: cover;
}

#banner1 h2 {
  font-size     : 48px;
  line-height   : 55px;
  letter-spacing: -1px
}

#banner1 input {
  line-height   : 62px;
  padding       : 0;
  margin        : 0;
  border        : none;
  display       : inline-block;
  vertical-align: top
}

#banner1 input[type='text'] {
  color                : #8d97ad;
  border-radius        : 36px 0 0 36px;
  text-indent          : 35px;
  padding-right        : 15px;
  width                : 61%;
  height               : 62px;;
  font-weight          : 300;
  -webkit-box-shadow   : -5px 0 30px 0 rgba(0, 0, 0, 0.05);
  box-shadow           : -5px 0 30px 0 rgba(0, 0, 0, 0.05);
  -o-text-overflow     : ellipsis;
  text-overflow        : ellipsis;
  -webkit-border-radius: 36px 0 0 36px;
  -moz-border-radius   : 36px 0 0 36px;
  -ms-border-radius    : 36px 0 0 36px;
  -o-border-radius     : 36px 0 0 36px;
}

#banner1 input[type='submit'] {
  border-radius        : 36px;
  width                : 100%;
  padding              : 0 30px;
  cursor               : pointer;
  margin-bottom        : 10px;
  margin-left          : -4px;
  -webkit-box-shadow   : 5px 0 30px 0 rgba(0, 0, 0, 0.05);
  box-shadow           : 5px 0 30px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition   : all 0.5s ease-in-out;
  -o-transition        : all 0.5s ease-in-out;
  transition           : all 0.5s ease-in-out;
  -webkit-border-radius: 36px;
  -moz-border-radius   : 36px;
  -ms-border-radius    : 36px;
  -o-border-radius     : 36px;
  -moz-transition      : all 0.5s ease-in-out;
  -ms-transition       : all 0.5s ease-in-out;
}

#banner1 input[type='submit']:hover {
  opacity: 0.7
}

.counties-covered {
    margin: 40px 0 30px 0;
  }

@media (max-width:1100px) {
  #banner1 h2 {
    font-size: 40px;
    line-height: 55px
  }

  #banner1 input[type='text'] {
    width: 59%
  }

  #banner1 input[type='submit'] {
    padding: 0 20px
  }
}

@media (max-width:992px) {
  .banner {
    height : auto !important;
    padding: 130px 0
  }

  #banner1 {
    background-position: right -6em center;
    background-size    : cover;
    padding            : 30px 0 200px
  }

  #banner1 h2 {
    /* font-size  : 30px;
    line-height: 35px */
  }
}

@media (max-width:767px) {
  .banner {
    padding: 30px 0
  }

  #banner1 {
    background-size    : cover;
    background-position: right center;
    padding            : 58px 0 40px;
  }

  #banner1 input[type='submit'] {
    padding: 0 30px
  }

  #banner1 img {
    /* margin-top: 25px */
  }
}

@media (max-width:428px) {
  #banner1 input {
    font-size  : 14px;
    line-height: 50px
  }

  #banner1 input[type='text'] {
    border-radius: 25px 0 0 25px;
    text-indent  : 20px
  }

  #banner1 input[type='submit'] {
    border-radius: 0 25px 25px 0;
    padding      : 0px;
    width        : 340px;
    margin-bottom: 25px;
  }
}

@media (max-width:320px) {
  #banner1 input[type='submit'] {
    padding: 0 10px;
    width  : 280px;
  }
  .counties-covered {
    margin: 0px;
  }
}

.wrap-feature45-box {
  margin-top: 10px; 
}
.wrap-feature45-box .f45-tab {
  display: table;
  width  : 100%;
}
.wrap-feature45-box .f45-tab > a {
  display   : table-cell;
  border    : 1px solid rgba(120, 130, 140, 0.13);
  text-align: center;
  padding   : 9px 8px 4px 8px;
  background: #f4f8fa;
  color     : #263238;  
}

.wrap-feature45-box .f45-tab > a span{
  display    : none !important;
  visibility : hidden !important;
  font-size  : 13px;
  font-weight: 400;
  line-height: 12px;
  color      : #009efb;
}

.wrap-feature45-box .f45-tab > a.active {
  border-bottom-color: #d8525200;
  background         : #edf5f7;
  font-weight        : 400;
  border-top-color   : #009efb;
}

.wrap-feature45-box .f45-tab > a.active span {
  display   : block !important;
  visibility: visible !important;
}

.wrap-feature45-box .tab-pane {
  padding: 0; 
}

.wrap-feature11-box {
  margin-top: -110px
}

.wrap-feature11-box .card-body {
  padding: 35px 0;
  /* height : 550px; */
}

.wrap-feature11-box .icon-space {
  margin: -80px 0 20px
}

.wrap-feature11-box .title {
  margin    : 10px 20px;
  height    : 45px;
  text-align: center;
}

.wrap-feature11-box .sub-title {
  margin: 10px 20px;
}

.wrap-feature11-box .same-height {
  height: 94%
}

.wrap-feature11-box .sub-title {
  /* height: 215px; */
}

.wrap-feature11-box .icon-space .icon-round {
  font-size  : 45px;
  color      : #fff;
  /* margin-left: 15px; */
}

/* @media only screen and (min-device-width: 325px) and (max-device-width: 375px) {
  .wrap-feature11-box .card-body {
    height: 570px;
  }
} */

.wrap-feature41-box .f41-tab {
  display: block
}

.wrap-feature41-box .f41-tab li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding: 25px
}

.wrap-feature41-box .f41-tab li a .t-icon {
  margin-right: 25px;
  color: #8d97ad
}

.wrap-feature41-box .f41-tab li a h5 {
  font-weight: 500
}

.wrap-feature41-box .f41-tab li a h6 {
  font-size: 14px;
  margin-bottom: 0
}

.wrap-feature41-box .f41-tab li a.active,
.wrap-feature41-box .f41-tab li a:hover {
  background: #fff;
  -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
  box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1)
}

.wrap-feature41-box .f41-tab li a.active .t-icon,
.wrap-feature41-box .f41-tab li a:hover .t-icon {
  background: #00b4ff;
  background: -webkit-linear-gradient(legacy-direction(to right), #00b4ff 0%, #00b4ff 100%);
  background: -webkit-gradient(linear, left top, right top, from(#00b4ff), to(#00b4ff));
  background: -webkit-linear-gradient(left, #00b4ff 0%, #00b4ff 100%);
  background: -o-linear-gradient(left, #00b4ff 0%, #00b4ff 100%);
  background: linear-gradient(to right, #00b4ff 0%, #00b4ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent
}

.feature8 .list-block li {
  font-weight: 400;
  color: #263238
}

.pricing5 .general-listing {
  margin: 90px 0 60px
}

.pricing5 .general-listing.only-li li {
  padding: 20px 0;
  display: block
}

.pricing5 .card {
  background-size: 100% !important
}

.pricing5 .yearly {
  display: none
}

.pricing5 .pricing-box {
  margin-top: 120px
}

.pricing5 .pricing-box .middle-box {
  margin-top: -75px
}

.pricing5 .pricing-box .middle-box .general-listing {
  margin-top: 60px
}

@media (max-width:767px) {
  .pricing5 .pricing-box {
    margin-top: 40px
  }

  .pricing5 .pricing-box .middle-box {
    margin-top: 0
  }
}

.client2 {
  padding: 0px 0 80px
}

.client2 .client-box {
  margin: 0
}

.client2 .client-box [class*='col-'] {
  padding-top            : 10px;
  padding-bottom         : 10px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center
}

.testimonial3 .testi3 .card-body {
  padding: 40px
}

.testimonial3 .testi3 h6 {
  line-height: 26px
}

.testimonial3 .testi3 .thumb-img img {
  width: 60px
}

.testimonial3 .testi3 .customer {
  text-transform: uppercase;
  font-size     : 14px;
  font-weight   : 500
}

.feature48 {
  background: no-repeat top center;
  background-size: cover
}

.feature48 .wrap-feature48-box {
  padding: 10% 0
}

.loader__label__sub {
  float            : left;
  margin           : 0.5em 0 0 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform   : translateX(-50%);
  -ms-transform    : translateX(-50%);
  -o-transform     : translateX(-50%);
  transform        : translateX(-50%);
  font-size        : 0.875em;
  letter-spacing   : 0.1em;
  line-height      : 1.5em;
  color            : #1976d2;
  white-space      : nowrap
}

@-webkit-keyframes loader-figure {
  0% {
    height: 0;
    width: 0;
    background-color: #1976d2
  }

  29% {
    background-color: #1976d2
  }

  30% {
    height: 2em;
    width: 2em;
    background-color: transparent;
    border-width: 1em;
    opacity: 1
  }

  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0;
    background-color: transparent
  }
}

@-moz-keyframes loader-figure {
  0% {
    height: 0;
    width: 0;
    background-color: #1976d2
  }

  29% {
    background-color: #1976d2
  }

  30% {
    height: 2em;
    width: 2em;
    background-color: transparent;
    border-width: 1em;
    opacity: 1
  }

  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0;
    background-color: transparent
  }
}

@keyframes loader-figure {
  0% {
    height: 0;
    width: 0;
    background-color: #1976d2
  }

  29% {
    background-color: #1976d2
  }

  30% {
    height: 2em;
    width: 2em;
    background-color: transparent;
    border-width: 1em;
    opacity: 1
  }

  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0;
    background-color: transparent
  }
}

@-webkit-keyframes loader-label {
  0% {
    opacity: 0.25
  }

  30% {
    opacity: 1
  }

  100% {
    opacity: 0.25
  }
}

@-moz-keyframes loader-label {
  0% {
    opacity: 0.25
  }

  30% {
    opacity: 1
  }

  100% {
    opacity: 0.25
  }
}

@keyframes loader-label {
  0% {
    opacity: 0.25
  }

  30% {
    opacity: 1
  }

  100% {
    opacity: 0.25
  }
}

a.white-link {
  color: #fff
}

a.white-link:hover,
a.white-link:focus {
  color: #263238
}

.img-rounded {
  border-radius: 4px
}

html body .mdi:before,
html body .mdi-set {
  line-height: initial
}

h1 {
  line-height: 40px;
  font-size: 36px
}

h2 {
  line-height: 36px;
  font-size: 30px
}

h3 {
  line-height: 30px;
  font-size: 24px
}

h4 {
  line-height: 26px;
  font-size: 21px
}

h5 {
  line-height: 22px;
  font-size: 18px;
  font-weight: 400
}

h6 {
  line-height: 20px;
  font-size: 16px;
  font-weight: 400
}

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

.display-6 {
  font-size: 36px
}

.display-7 {
  font-size: 26px
}

html body .dl {
  display: inline-block
}

html body .db {
  display: block
}

.circle {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

html body .p-0 {
  padding: 0
}

html body .m-0 {
  margin: 0
}

html body .vt {
  vertical-align: top
}

html body .vm {
  vertical-align: middle
}

html body .vb {
  vertical-align: bottom
}

.op-8 {
  opacity: 0.8
}

.op-7 {
  opacity: 0.7
}

html body .font-semibold {
  font-weight: 600
}

html body .font-13 {
  font-size: 13px
}

html body .font-stylish {
  font-family: 'Calafia-Regular'
}

html body .b-0 {
  border: none !important
}

html body .b-r {
  border-right: 1px solid rgba(120, 130, 140, 0.13)
}

html body .b-l {
  border-left: 1px solid rgba(120, 130, 140, 0.13)
}

html body .b-b {
  border-bottom: 1px solid rgba(120, 130, 140, 0.13)
}

html body .b-t {
  border-top: 1px solid rgba(120, 130, 140, 0.13)
}

html body .b-all {
  border: 1px solid rgba(120, 130, 140, 0.13) !important
}

.text-inverse {
  color: #3e4555 !important
}

.text-success-gradiant {
  background: #2cdd9b;
  background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cd));
  background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%);
  background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%);
  background: linear-gradient(to right, #2cdd9b 0%, #1dc8cd 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent
}

.text-info-gradiant {
  background: #00b4ff;
  background: -webkit-linear-gradient(legacy-direction(to right), #00b4ff 0%, #316ce8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#00b4ff), to(#316ce8));
  background: -webkit-linear-gradient(left, #00b4ff 0%, #316ce8 100%);
  background: -o-linear-gradient(left, #00b4ff 0%, #316ce8 100%);
  background: linear-gradient(to right, #00b4ff 0%, #316ce8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent
}

html body .text-blue {
  color: #02bec9
}

html body .text-purple {
  color: #7460ee
}

html body .text-primary {
  color: #316ce8 !important
}

html body .text-megna {
  color: #1dc8cd
}

html body .text-dark {
  color: #8d97ad
}

html body .text-themecolor {
  color: #00b4ff
}

.bg-orange {
  background-color: #ff6a5b !important
}

.bg-yellow {
  background-color: #fed700
}

.bg-facebook {
  background-color: #3b5a9a
}

.bg-twitter {
  background-color: #56adf2
}

.bg-success-gradiant {
  background: #2cdd9b;
  background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cd));
  background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%);
  background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%);
  background: linear-gradient(to right, #2cdd9b 0%, #1dc8cd 100%)
}

.bg-info-gradiant {
  background: #00b4ff;
  background: -webkit-linear-gradient(legacy-direction(to right), #00b4ff 0%, #316ce8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#00b4ff), to(#316ce8));
  background: -webkit-linear-gradient(left, #00b4ff 0%, #316ce8 100%);
  background: -o-linear-gradient(left, #00b4ff 0%, #316ce8 100%);
  background: linear-gradient(to right, #00b4ff 0%, #316ce8 100%)
}

.bg-danger-gradiant {
  background: #ff4d7e;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
  background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%)
}

html body .bg-light-primary {
  background-color: #f1effd
}

html body .bg-light-success {
  background-color: #e8fdeb
}

html body .bg-light-info {
  background-color: #cfecfe
}

html body .bg-light-extra {
  background-color: #ebf3f5
}

html body .bg-light-warning {
  background-color: #fff8ec
}

html body .bg-light-danger {
  background-color: #f9e7eb
}

html body .bg-light-inverse {
  background-color: #f6f6f6
}

.label-white {
  background-color: #fff
}

.label-light-success {
  background-color: #e8fdeb;
  color: #2cdd9b
}

.label-light-info {
  background-color: #cfecfe;
  color: #00b4ff
}

.label-light-warning {
  background-color: #fff8ec;
  color: #fec500
}

.label-light-danger {
  background-color: #f9e7eb;
  color: #ff4d7e
}

.label-light-megna {
  background-color: #e0f2f4;
  color: #1dc8cd
}

.label-light-primary {
  background-color: #f1effd;
  color: #316ce8
}

.label-light-inverse {
  background-color: #f6f6f6;
  color: #3e4555
}

.badge-red {
  background-color: #fb3a3a
}

.badge-inverse {
  background-color: #3e4555
}

.btn:hover {
  color: #fff
}

.btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-link .underline {
  border-bottom: 1px solid #263238
}

.btn-lg {
  padding: .75rem 1.5rem;
  font-size: 1.25rem
}

.btn-md {
  padding: 15px 45px;
  font-size: 16px
}

.btn-sm {
  padding: .25rem .5rem;
  font-size: 12px
}

.btn-circle.btn-md {
  padding: 18px 0px;
  width: 60px;
  height: 60px;
  font-size: 20px
}

.btn-circle.btn-sm {
  width: 35px;
  height: 35px;
  padding: 8px 10px;
  font-size: 14px
}

.btn-circle.btn-lg {
  width: 70px;
  height: 70px;
  padding: 24px 15px;
  font-size: 20px;
  line-height: 23px
}

.btn-arrow {
  position: relative
}

.btn-arrow span {
  display: inline-block;
  position: relative;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  will-change: transform
}

.btn-arrow:hover span,
.btn-arrow:focus span {
  -webkit-transform: translate3d(-1rem, 0, 0);
  transform: translate3d(-1rem, 0, 0)
}

.btn-arrow i {
  position: absolute;
  width: 1.1em;
  right: 0;
  right: 0;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  will-change: right, opacity
}

.btn-arrow:hover i,
.btn-arrow:focus i {
  opacity: 1;
  right: -2rem
}

.btn-secondary,
.btn-secondary.disabled {
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  background-color: #fff;
  color: #8d97ad
}

.btn-secondary:hover,
.btn-secondary.disabled:hover {
  color: #fff !important
}

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

.btn-primary,
.btn-primary.disabled {
  background: #316ce8;
  border: 1px solid #316ce8;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -ms-transition: 0.2s ease-in;
}

.btn-primary:hover,
.btn-primary.disabled:hover {
  background: #345bcb;
  border: 1px solid #345bcb
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus {
  background: #345bcb
}

.btn-themecolor,
.btn-themecolor.disabled {
  background: #00b4ff;
  color: #fff;
  border: 1px solid #00b4ff
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: #028ee1;
  border: 1px solid #028ee1
}

.btn-themecolor.active,
.btn-themecolor:active,
.btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:active,
.btn-themecolor.disabled:focus {
  background: #028ee1
}

.btn-success,
.btn-success.disabled {
  background: #2cdd9b;
  border: 1px solid #2cdd9b
}

.btn-success:hover,
.btn-success.disabled:hover {
  background: #1dc8cd;
  border: 1px solid #1dc8cd
}

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus {
  background: #1dc8cd
}

.btn-info,
.btn-info.disabled {
  background: #00b4ff;
  border: 1px solid #00b4ff;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in
}

.btn-info:hover,
.btn-info.disabled:hover {
  background: #2c73cb;
  border: 1px solid #2c73cb
}

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus {
  background: #2c73cb
}

.btn-warning,
.btn-warning.disabled {
  background: #fec500;
  color: #fff;
  border: 1px solid #fec500
}

.btn-warning:hover,
.btn-warning.disabled:hover {
  background: #dcaf17;
  color: #fff;
  border: 1px solid #dcaf17
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus {
  background: #dcaf17;
  color: #fff
}

.btn-danger,
.btn-danger.disabled {
  background: #ff4d7e;
  border: 1px solid #ff4d7e;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in
}

.btn-danger:hover,
.btn-danger.disabled:hover {
  background: #d73e6b;
  border: 1px solid #d73e6b
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus {
  background: #d73e6b
}

.btn-inverse,
.btn-inverse.disabled {
  background: #3e4555;
  border: 1px solid #3e4555;
  color: #fff
}

.btn-inverse:hover,
.btn-inverse.disabled:hover {
  background: #232a37;
  color: #fff;
  border: 1px solid #232a37
}

.btn-inverse.active,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse.disabled.active,
.btn-inverse.disabled:active,
.btn-inverse.disabled:focus {
  background: #232a37;
  color: #fff
}

.btn-red,
.btn-red.disabled {
  background: #fb3a3a;
  border: 1px solid #fb3a3a;
  color: #fff
}

.btn-red:hover,
.btn-red.disabled:hover {
  border: 1px solid #d61f1f;
  background: #d61f1f
}

.btn-red.active,
.btn-red:active,
.btn-red:focus,
.btn-red.disabled.active,
.btn-red.disabled:active,
.btn-red.disabled:focus {
  background: #d73e6b
}

.btn-success-gradiant {
  background: #2cdd9b;
  background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cd));
  background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%);
  background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%);
  background: linear-gradient(to right, #2cdd9b 0%, #1dc8cd 100%);
  border: 0
}

.btn-success-gradiant:hover {
  background: #1dc8cd;
  background: -webkit-linear-gradient(legacy-direction(to right), #1dc8cd 0%, #2cdd9b 100%);
  background: -webkit-gradient(linear, left top, right top, from(#1dc8cd), to(#2cdd9b));
  background: -webkit-linear-gradient(left, #1dc8cd 0%, #2cdd9b 100%);
  background: -o-linear-gradient(left, #1dc8cd 0%, #2cdd9b 100%);
  background: linear-gradient(to right, #1dc8cd 0%, #2cdd9b 100%)
}

.btn-success-gradiant.active,
.btn-success-gradiant:active,
.btn-success-gradiant:focus {
  -webkit-box-shadow: 0;
  box-shadow: 0;
  opacity: 1
}

.btn-danger-gradiant {
  background: #ff4d7e;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
  background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
  /* border: none; */
}

.btn-danger-gradiant:hover {
  background: #ff6a5b;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff6a5b 0%, #ff4d7e 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff6a5b), to(#ff4d7e));
  background: -webkit-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
  background: -o-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
  background: linear-gradient(to right, #ff6a5b 0%, #ff4d7e 100%)
}

.btn-danger-gradiant.active,
.btn-danger-gradiant:active,
.btn-danger-gradiant:focus {
  -webkit-box-shadow: 0;
  box-shadow: 0;
  opacity: 1
}

.btn-info-gradiant {
  background: #00b4ff;
  background: -webkit-linear-gradient(legacy-direction(to right), #00b4ff 0%, #316ce8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#00b4ff), to(#316ce8));
  background: -webkit-linear-gradient(left, #00b4ff 0%, #316ce8 100%);
  background: -o-linear-gradient(left, #00b4ff 0%, #316ce8 100%);
  background: linear-gradient(to right, #00b4ff 0%, #316ce8 100%);
  border: 0
}

.btn-info-gradiant:hover {
  background: #316ce8;
  background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #00b4ff 100%);
  background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#00b4ff));
  background: -webkit-linear-gradient(left, #316ce8 0%, #00b4ff 100%);
  background: -o-linear-gradient(left, #316ce8 0%, #00b4ff 100%);
  background: linear-gradient(to right, #316ce8 0%, #00b4ff 100%)
}

.btn-info-gradiant.active,
.btn-info-gradiant:active,
.btn-info-gradiant:focus {
  -webkit-box-shadow: 0;
  box-shadow: 0;
  opacity: 1
}

.btn-outline-secondary.active,
.btn-outline-secondary:active,
.btn-outline-secondary:focus {
  background: #263238
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  background: #316ce8;
  color: #fff;
  border-color: #316ce8
}

.btn-outline-primary.active,
.btn-outline-primary:active,
.btn-outline-primary:focus {
  background: #345bcb
}

.btn-outline-success,
a.btn-outline-success {
  color: #2cdd9b;
  background-color: transparent;
  border-color: #2cdd9b;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success.focus,
a.btn-outline-success:hover,
a.btn-outline-success:focus,
a.btn-outline-success.focus {
  background: #2cdd9b;
  border-color: #2cdd9b;
  color: #fff
}

.btn-outline-success.active,
.btn-outline-success:active,
.btn-outline-success:focus,
a.btn-outline-success.active,
a.btn-outline-success:active,
a.btn-outline-success:focus {
  background: #1dc8cd
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info.focus {
  background: #00b4ff;
  border-color: #00b4ff;
  color: #fff
}

.btn-outline-info.active,
.btn-outline-info:active,
.btn-outline-info:focus {
  background: #2c73cb
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  background: #fec500;
  border-color: #fec500;
  color: #fff
}

.btn-outline-warning.active,
.btn-outline-warning:active,
.btn-outline-warning:focus {
  background: #dcaf17
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  background: #ff4d7e;
  border-color: #ff4d7e;
  color: #fff
}

.btn-outline-danger.active,
.btn-outline-danger:active,
.btn-outline-danger:focus {
  background: #d73e6b
}

.btn-outline-red {
  color: #fb3a3a;
  background-color: transparent;
  border-color: #fb3a3a
}

.btn-outline-red:hover,
.btn-outline-red:focus,
.btn-outline-red.focus {
  background: #fb3a3a;
  border-color: #fb3a3a;
  color: #fff
}

.btn-outline-red.active,
.btn-outline-red:active,
.btn-outline-red:focus {
  background: #d73e6b
}

.btn-outline-inverse {
  color: #3e4555;
  background-color: transparent;
  border-color: #3e4555
}

.btn-outline-inverse:hover,
.btn-outline-inverse:focus,
.btn-outline-inverse.focus {
  background: #3e4555;
  border-color: #3e4555;
  color: #fff
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus {
  background-color: #345bcb;
  border: 1px solid #345bcb
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover,
.btn-success.focus,
.btn-success:focus {
  background-color: #1dc8cd;
  border: 1px solid #1dc8cd
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover,
.btn-info.focus,
.btn-info:focus {
  background-color: #2c73cb;
  border: 1px solid #2c73cb
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning.focus:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning.focus,
.btn-warning:focus {
  background-color: #dcaf17;
  border: 1px solid #dcaf17
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger.focus:active,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger.focus,
.btn-danger:focus {
  background-color: #d73e6b;
  border: 1px solid #d73e6b
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.open>.dropdown-toggle.btn-inverse {
  background-color: #232a37;
  border: 1px solid #232a37
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.focus,
.btn-red:active,
.btn-red:focus,
.btn-red:hover,
.open>.dropdown-toggle.btn-red {
  background-color: #d61f1f;
  border: 1px solid #d61f1f;
  color: #fff
}

.btn span.btn-devider {
  display: inline-block;
  padding-left: 10px
}

.onoffswitch {
  position: relative;
  width: 70px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin: 0 auto
}

.onoffswitch-checkbox {
  display: none
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 20px
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.onoffswitch-inner:before {
  content: '';
  padding-right: 27px;
  background-color: #2cdd9b;
  color: #FFF
}

.onoffswitch-inner:after {
  content: '';
  padding-right: 24px;
  background-color: #3e4555;
  color: #999;
  text-align: right
}

.onoffswitch-switch {
  display: block;
  width: 23px;
  margin: 6px;
  background: #FFF;
  height: 23px;
  position: absolute;
  top: -1px;
  bottom: 0;
  right: 35px;
  border-radius: 20px;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
  margin-left: 0
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  right: 0
}

.card-columns {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px
}

.hidden-xs-up {
  display: none !important
}

@media (max-width:575px) {
  .hidden-xs-down {
    display: none !important
  }
}

@media (min-width:576px) {
  .hidden-sm-up {
    display: none !important
  }
}

@media (max-width:767px) {
  .hidden-sm-down {
    display: none !important
  }
}

@media (min-width:768px) {
  .hidden-md-up {
    display: none !important
  }
}

@media (max-width:991px) {
  .hidden-md-down {
    display: none !important
  }
}

@media (min-width:992px) {
  .hidden-lg-up {
    display: none !important
  }
}

@media (max-width:1199px) {
  .hidden-lg-down {
    display: none !important
  }
}

@media (min-width:1200px) {
  .hidden-xl-up {
    display: none !important
  }
}

.hidden-xl-down {
  display: none !important
}

.header6 .navbar-toggler {
  color: #fff
}

.header6 .navbar-brand {
  line-height: 80px
}

.h6-nav-bar {
  padding: 0
}

.h6-nav-bar .navbar-nav .nav-link {
  padding: 35px 15px;
  color: rgba(255, 255, 255, 0.5)
}

.h6-nav-bar .navbar-nav .nav-item:hover .nav-link,
.h6-nav-bar .navbar-nav .nav-item.active .nav-link {
  color: #fff
}

.h6-nav-bar .act-buttons .btn {
  margin: 10px 0 10px 10px
}

@media (max-width:1023px) {
  .h6-nav-bar .navbar-nav .nav-link {
    padding: 15px
  }

  .h6-nav-bar .act-buttons .btn {
    margin: 10px 0 10px 0px
  }
}

.page-wrapper {
  padding-top: 0
}

.fix-width {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px
}

.spacer {
  padding: 90px 0
}

.mini-spacer {
  padding: 40px 0
}

.title {
  margin: 20px 0 15px
}

.subtitle {
  color: #8d97ad;
  line-height: 24px
}

.card.card-shadow {
  /* -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
  box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); */
  background-image: linear-gradient(rgb(255, 255, 255), rgb(245, 245, 250));
  box-shadow      : 0 5px 15px 0 rgba(37,44,97,.15), 0 2px 4px 0 rgba(93,100,148,.2);
}

.icon-space {
  margin: 20px 0
}

.linking {
  color: #3e4555
}

.linking i {
  font-size: 14px;
  margin-left: 10px;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in
}

.linking:hover {
  color: #00b4ff
}

.linking:hover i {
  margin-left: 15px
}

.list-block {
  margin: 0;
  padding: 0
}

.list-block li {
  list-style: none;
  padding: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.list-block li i {
  margin-right: 10px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 3px
}

.list-block.with-underline li {
  border-bottom: 1px solid rgba(120, 130, 140, 0.13);
  padding: 15px 0
}

.img-inline {
  margin: 0;
  padding: 0
}

.img-inline li {
  list-style: none
}

.img-inline li.half-width {
  width: 49%;
  display: inline-block;
  vertical-align: top
}

.img-shadow {
  -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3);
  box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3)
}

.icon-round {
  width        : 88px;
  height       : 88px;
  line-height  : 80px;
  text-align   : center;
  box-shadow   : 0px 0px 10px black;
  border       : 3px solid white;
  border-radius: 100%;
  display      : inline-block;
}

.up {
  z-index: 10;
  position: relative
}

.bt-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  visibility: hidden
}

.both-space {
  margin: 80px 0
}

.side-content {
  padding: 40px 60px
}

.bg-cover {
  background-size: cover;
  min-height: 200px
}

.owl-carousel {
  display: block;
  width: 100%
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden
}

.owl-carousel .owl-stage {
  position: relative
}

.owl-carousel .owl-item {
  float: left
}

.owl-carousel .owl-nav.disabled {
  display: none
}

.max-300 {
  max-width: 300px
}

.max-400 {
  max-width: 400px
}

.max-500 {
  max-width: 500px
}

.max-600 {
  max-width: 600px
}

.stick-bottom {
  position: relative;
  margin-bottom: 30px
}

.stick-bottom>span {
  width: 30px;
  height: 2px;
  position: absolute;
  bottom: -7px;
  left: 0;
  display: inline-block
}

.po-absolute {
  position: absolute
}

.po-relative {
  position: relative
}

@media (max-width:575px) {
  .hidden-xs-down {
    display: none !important
  }
}

@media (min-width:576px) {
  .hidden-sm-up {
    display: none !important
  }
}

@media (max-width:767px) {
  .hidden-sm-down {
    display: none !important
  }
}

@media (min-width:768px) {
  .hidden-md-up {
    display: none !important
  }
}

@media (max-width:991px) {
  .hidden-md-down {
    display: none !important
  }
}

@media (min-width:992px) {
  .hidden-lg-up {
    display: none !important
  }
}

@media (max-width:1199px) {
  .hidden-lg-down {
    display: none !important
  }
}

@media (min-width:1200px) {
  .hidden-xl-up {
    display: none !important
  }
}

.navbar-nav .dropdown-toggle::after {
  display: none
}

.navbar-nav .dropdown-menu.b-none {
  border: 0;
  -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
  box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1)
}

.pre-scroll {
  position: relative
}

.mega-dropdown .list-style-none {
  font-size: 14px
}

.mega-dropdown .inside-bg {
  margin: -30px 0 -30px -30px
}

.mega-dropdown .inside-bg-right {
  margin: -30px -30px -30px 0
}

.mega-dropdown .bg-img {
  background-size: cover;
  height: 100%;
  padding: 30px
}

.mega-dropdown h6 {
  margin: 15px 0;
  font-size: 15px
}

.general-listing {
  padding: 0;
  margin: 0
}

.general-listing li {
  list-style: none
}

.general-listing li a {
  color: #8d97ad;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.general-listing li:hover a {
  color: #00b4ff;
  padding-left: 10px
}

.general-listing li i {
  margin-right: 7px;
  vertical-align: middle
}

.general-listing.two-part li {
  width: 49%;
  display: inline-block
}

.general-listing.only-li li {
  padding: 5px 0
}

.form-control-dark {
  background: rgba(120, 130, 140, 0.13);
  color: #fff;
  border-color: rgba(120, 130, 140, 0.13)
}

.form-control-dark:focus {
  background: rgba(120, 130, 140, 0.13);
  color     : #fff
}

.round-social a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  margin: 0 5px;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -ms-transition: 0.2s ease-in;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.round-social a:hover {
  -webkit-transform: translate3d(0px, -5px, 0px);
  transform        : translate3d(0px, -5px, 0px);
  -moz-transform   : translate3d(0px, -5px, 0px);
  -ms-transform    : translate3d(0px, -5px, 0px);
  -o-transform     : translate3d(0px, -5px, 0px);
}

.round-social.light a {
  color     : #007bff;
  background: #edf5f7
}

.round-social.light a:hover {
  background: #00aaff;
  color     : #fff
}

.banner {
  position       : relative;
  max-height     : 700px;
  background-size: cover;
  background     : no-repeat center top;
  width          : 100%;
  display        : table
}

.banner .banner-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

@media (max-width:992px) {
  .banner {
    height: auto !important;
    padding: 100px 0
  }
}

@media (max-width:767px) {
  .banner {
    padding: 30px 0
  }
}

.show-grid {
  margin-bottom: 10px;
  padding: 0 15px
}

.show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid rgba(120, 130, 140, 0.13);
  background-color: #edf5f7
}

.list-group a.list-group-item:hover {
  background: #edf5f7
}

.list-group-item.active,
.list-group .list-group-item.active:hover {
  background: #00b4ff;
  border-color: #00b4ff
}

.list-group-item.disabled {
  color: #8d97ad;
  background: #edf5f7
}

.alert-rounded {
  border-radius: 60px
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite
}

.progress-vertical {
  min-height: 250px;
  height: 250px;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 20px
}

.progress-vertical-bottom {
  min-height: 250px;
  height: 250px;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 20px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.progress-animated {
  -webkit-animation-duration: 5s;
  -webkit-animation-name: myanimation;
  -webkit-transition: 5s all;
  animation-duration: 5s;
  animation-name: myanimation;
  -o-transition: 5s all;
  transition: 5s all
}

@-webkit-keyframes myanimation {
  from {
    width: 0
  }
}

@keyframes myanimation {
  from {
    width: 0
  }
}

.vtabs {
  display: table
}

.vtabs .tabs-vertical {
  width: 150px;
  border-bottom: 0;
  border-right: 1px solid rgba(120, 130, 140, 0.13);
  display: table-cell;
  vertical-align: top
}

.vtabs .tabs-vertical li .nav-link {
  color: #263238;
  margin-bottom: 10px;
  border: 0;
  border-radius: 4px 0 0 4px
}

.vtabs .tab-content {
  display: table-cell;
  padding: 20px;
  vertical-align: top
}

.tabs-vertical li .nav-link.active,
.tabs-vertical li .nav-link:hover,
.tabs-vertical li .nav-link.active:focus {
  background: #00b4ff;
  border: 0;
  color: #fff
}

.customvtab .tabs-vertical li .nav-link.active,
.customvtab .tabs-vertical li .nav-link:hover,
.customvtab .tabs-vertical li .nav-link:focus {
  background: #fff;
  border: 0;
  border-right: 2px solid #00b4ff;
  margin-right: -1px;
  color: #00b4ff
}

.tabcontent-border {
  border: 1px solid #ddd;
  border-top: 0
}

.customtab2 li a.nav-link {
  border: 0;
  margin-right: 3px;
  color: #8d97ad
}

.customtab2 li a.nav-link.active {
  background: #00b4ff;
  color: #fff
}

.customtab2 li a.nav-link:hover {
  color: #fff;
  background: #00b4ff
}

.timeline {
  position: relative;
  padding: 20px 0;
  list-style: none;
  max-width: 1200px;
  margin: 0 auto
}

.timeline:before {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  margin-left: -1.5px;
  background-color: #edf5f7
}

.timeline>li {
  position: relative;
  margin-bottom: 20px
}

.timeline>li:before,
.timeline>li:after {
  content: ' ';
  display: table
}

.timeline>li:after {
  clear: both
}

.timeline>li>.timeline-panel {
  float: left;
  position: relative;
  width: 46%;
  padding: 20px;
  border: 1px solid rgba(120, 130, 140, 0.13);
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05)
}

.timeline>li>.timeline-panel:before {
  content: ' ';
  display: inline-block;
  position: absolute;
  top: 26px;
  right: -8px;
  border-top: 8px solid transparent;
  border-right: 0 solid rgba(120, 130, 140, 0.13);
  border-bottom: 8px solid transparent;
  border-left: 8px solid rgba(120, 130, 140, 0.13)
}

.timeline>li>.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>li>.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: 46px;
  color: #fff;
  overflow: hidden
}

.timeline>li.timeline-inverted>.timeline-panel {
  float: right
}

.timeline>li.timeline-inverted>.timeline-panel:before {
  right: auto;
  left: -8px;
  border-right-width: 8px;
  border-left-width: 0
}

.timeline>li.timeline-inverted>.timeline-panel:after {
  right: auto;
  left: -7px;
  border-right-width: 7px;
  border-left-width: 0
}

.timeline-badge.primary {
  background-color: #316ce8
}

.timeline-badge.success {
  background-color: #2cdd9b
}

.timeline-badge.warning {
  background-color: #fec500
}

.timeline-badge.danger {
  background-color: #ff4d7e
}

.timeline-badge.info {
  background-color: #00b4ff
}

.timeline-title {
  margin-top: 0;
  color: inherit;
  font-weight: 400
}

.timeline-body>p,
.timeline-body>ul {
  margin-bottom: 0
}

.timeline-body>p+p {
  margin-top: 5px
}

ul.list-icons {
  margin: 0;
  padding: 0
}

ul.list-icons li {
  list-style: none;
  line-height: 30px;
  margin: 5px 0;
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in
}

ul.list-icons li a {
  color: #8d97ad
}

ul.list-icons li a:hover {
  color: #00b4ff
}

ul.list-icons li i {
  font-size: 13px;
  padding-right: 8px
}

ul.list-inline li:first-child {
  padding-left: 0
}

ul.list-inline li a {
  color: #8d97ad
}

ul.list-inline li a:hover {
  color: #00b4ff
}

ul.two-part {
  margin: 0
}

ul.two-part li {
  width: 48.8%
}

html body .accordion .card {
  margin-bottom: 0
}

#accordion4 .card-header {
  border: 1px solid rgba(120, 130, 140, 0.13);
  background: transparent;
  margin-bottom: 10px
}

#accordion4 .card-header a {
  color: #8d97ad
}

#accordion4 .card-header:hover {
  background-color: #00b4ff;
  border: 1px solid #00b4ff
}

#accordion4 .card-header:hover a {
  color: #fff
}

#accordion4 .card.active .card-header {
  background-color: #00b4ff;
  border: 1px solid #00b4ff
}

#accordion4 .card.active .card-header a {
  color: #fff
}

.bc-colored .breadcrumb-item,
.bc-colored .breadcrumb-item a {
  color: #fff
}

.bc-colored .breadcrumb-item.active,
.bc-colored .breadcrumb-item a.active {
  opacity: 0.7
}

.bc-colored .breadcrumb-item+.breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.4)
}

.card-inverse .card-bodyquote .blockquote-footer,
.card-inverse .card-link,
.card-inverse .card-subtitle,
.card-inverse .card-text {
  color: rgba(255, 255, 255, 0.65)
}

.card-default .card-header {
  background: #fff;
  border-bottom: 0
}

.card-success {
  background: #2cdd9b;
  border-color: #2cdd9b
}

.card-danger {
  background: #ff4d7e;
  border-color: #ff4d7e
}

.card-warning {
  background: #fec500;
  border-color: #fec500
}

.card-info {
  background: #00b4ff;
  border-color: #00b4ff
}

.card-primary {
  background: #316ce8;
  border-color: #316ce8
}

.card-dark {
  background: #3e4555;
  border-color: #3e4555
}

.card-megna {
  background: #1dc8cd;
  border-color: #1dc8cd
}

.card-outline-info {
  border-color: #00b4ff
}

.card-outline-info .card-header {
  background: #00b4ff;
  border-color: #00b4ff
}

.card-outline-inverse {
  border-color: #3e4555
}

.card-outline-inverse .card-header {
  background: #3e4555;
  border-color: #3e4555
}

.card-outline-warning {
  border-color: #fec500
}

.card-outline-warning .card-header {
  background: #fec500;
  border-color: #fec500
}

.card-outline-success {
  border-color: #2cdd9b
}

.card-outline-success .card-header {
  background: #2cdd9b;
  border-color: #2cdd9b
}

.card-outline-danger {
  border-color: #ff4d7e
}

.card-outline-danger .card-header {
  background: #ff4d7e;
  border-color: #ff4d7e
}

.card-outline-primary {
  border-color: #316ce8
}

.card-outline-primary .card-header {
  background: #316ce8;
  border-color: #316ce8
}

.form-control-danger,
.form-control-success,
.form-control-warning {
  padding-right: 2.25rem;
  background: no-repeat center right .5625rem;
  -webkit-background-size: 1.125rem 1.125rem;
  background-size: 1.125rem 1.125rem
}

.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
  color: #2cdd9b
}

.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
  color: #fec500
}

.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
  color: #ff4d7e
}

.input-group-addon [type='radio']:not(:checked),
.input-group-addon [type='radio']:checked,
.input-group-addon [type='checkbox']:not(:checked),
.input-group-addon [type='checkbox']:checked {
  position: initial;
  opacity: 1
}

.form-control-sm {
  padding: .25rem .5rem
}

.custom-modal .close-btn {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #8d97ad;
  font-size: 25px;
  background: #fff;
  width: 20px;
  height: 20px;
  text-align: center;
  display: block;
  border-radius: 100%;
  line-height: 19px
}

.custom-modal .modal-body {
  overflow: hidden
}

.custom-modal .modal-bg-img {
  background-size: cover;
  background-position: center center;
  min-height: 300px
}

.modal1 .modal-bg {
  background-size: contain;
  background: no-repeat center top;
  padding: 40px
}

.modal1 .input-group {
  margin-top: -45px
}

.modal2 .modal-bg {
  padding: 30px 30px 30px 15px
}

.modal3 .modal-bg {
  padding: 50px 40px 60px 25px
}

.modal4 .modal-bg {
  padding: 55px 55px 55px 40px
}

.header-overlay {
  position: absolute;
  width: 100%
}

.dropdown-submenu {
  position: relative
}

.dropdown-submenu .dropdown-item>.ml-auto {
  position: absolute;
  right: 15px;
  top: 10px
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0;
  border-radius: 0.25rem;
  display: none
}

.dropdown-submenu>.dropdown-menu.menu-right {
  left: auto;
  right: 100%
}

.dropdown-submenu.pull-left {
  float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -75%
}

.dropdown-menu .divider {
  background-color: rgba(120, 130, 140, 0.13);
  height: 1px;
  margin: 9px 0;
  overflow: hidden
}

.banner-innerpage {
  padding: 150px 0 100px;
  background-size: cover;
  background-position: center center
}

.banner-innerpage .title {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px
}

.banner-innerpage .subtitle {
  color: #fff
}

@media (max-width:900px) {
  .static-slider10 .title {
    font-size: 40px;
    line-height: 45px
  }
}

.with-noborder .media {
  border: 0;
  padding: 0;
  margin: 50px 0
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #00b4ff
}

.footer4 .f4-bottom-bar {
  padding-top: 10px;
  margin-top: 20px
}

.footer4 .f4-bottom-bar a {
  color: #8d97ad
}

.footer4 .f4-bottom-bar a:hover {
  color: #00b4ff
}

.footer4 .round-social.light a {
  width: 34px;
  height: 34px;
  line-height: 34px
}

.footer4 .round-social.light a:hover {
  background: #00b4ff
}

@media (max-width:768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px)
  }
}

@media (min-width:1024px) {
  .hover-dropdown .navbar-nav>.dropdown:hover>.dropdown-menu {
    display: block;
    margin-top: 0
  }

  .navbar-nav>.dropdown .dropdown-menu {
    min-width: 210px;
    margin-top: 0
  }

  .dropdown-submenu:hover>.dropdown-menu {
    display: block
  }
}

@media (max-width:1023px) {
  .d-flex {
    display: block !important
  }

  .d-flex.no-block {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .po-absolute {
    position: relative
  }
}

@media (max-width:767px) {
  .general-listing.two-part li {
    width: 100%;
    display: block
  }

  .topbar {
    position: absolute
  }

  .dropdown-submenu>.dropdown-menu.show {
    display: block
  }

  .h1-nav .social-icon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .h1-nav .social-icon li.nav-item {
    margin: 5px
  }

  .h1-nav .social-icon li.nav-item .nav-link {
    padding: 10px
  }

  .h2-nav {
    padding: 10px 0
  }

  .static-slider1 h1 {
    font-weight: 700;
    line-height: 36px;
    font-size  : 24px
  }

  .wrap-feature11-box {
    margin-top: 30px
  }
}

#csw-view-wrapper {
  position          : absolute;
  top               : 46px;
  bottom            : 4px;
  right             : 4px;
  left              : 31px;
  box-shadow        : 0 0 5px grey;
  padding           : 6px 0 0;
  transition        : all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition   : all ease-in-out .5s;
  -ms-transition    : all ease-in-out .5s;
  -o-transition     : all ease-in-out .5s;
}

#csw-view-wrapper.open {
  left      : 320px;
}

/* Google Map InfoWindow - Custom settings */
.gm-style-iw {
  width                : 410px !important;
  /* max-height               : 325px !important; */
  top                  : 15px !important;
  left                 : 0px !important;
  padding: 5px;
  background-color     : #fff;
  box-shadow           : 0 1px 6px rgba(178, 178, 178, 0.6);
  border               : 1px solid rgba(72, 181, 233, 0.6);
  border-radius        : 2px 2px 10px 10px;
  -webkit-border-radius: 2px 2px 10px 10px;
  -moz-border-radius   : 2px 2px 10px 10px;
  -ms-border-radius    : 2px 2px 10px 10px;
  -o-border-radius     : 2px 2px 10px 10px;
}
.iw-container {
  width   : 370px !important;
  /* height  : 325px !important; */
  overflow: hidden;
}
.iw-container .iw-title {
  font-family          : 'Open Sans Condensed', sans-serif;
  font-size            : 1.2em;
  font-weight          : 400;
  padding              : 6px;
  background-color     : #48b5e9;
  color                : white;
  margin               : 0;
  border-radius        : 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius   : 2px 2px 0 0;
  -ms-border-radius    : 2px 2px 0 0;
  -o-border-radius     : 2px 2px 0 0;
}
.iw-container .iw-content {
  font-size   : 13px;
  line-height : 1.31em;
  font-weight : 100;
  margin-right: 3px;
  padding     : 8px 7px 9px 7px;
  overflow-y  : auto;
  overflow-x  : hidden;
}

.iw-container .title {
  font-weight: 100;
  padding    : 0;
  margin     : 0;
}
.iw-container .info {
  font-weight : 400;
  float       : right;
  margin-right: 10px;
}

.gm-ui-hover-effect img {
  margin: 2px !important;
}
/* END:  Google Map InfoWindow - Custom settings */

.card-boxshadow {
  border-radius: 2px;
  box-shadow   : 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}

.analysis-map-legend-marker {
  border               : 1px solid purple;
  width                : 16px;
  height               : 16px;
  border-radius        : 50%;
  display              : inline-block;
  vertical-align       : middle;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  -ms-border-radius    : 50%;
  -o-border-radius     : 50%;
}

.analysis-map-legend-left,
.analysis-map-legend-right {
  text-align: right;
  margin    : 0;
}
.analysis-map-legend-right {
  text-align : left;
}
@media only screen and (max-width:575px) {
  .analysis-map-legend-left,
  .analysis-map-legend-right {
    text-align : center;
  } 
}

.analysis-chart-wrapper-right {
  max-width: 365px;
}
@media only screen and (max-width:845px) {
  .analysis-chart-wrapper-right {
    margin-top: 10px;
  }
}

.year-not-current {
  width    : 270px;
  max-width: 270px;
}

#wizard-container {
  font-size      : 12px;
  color          : black;
  position       : absolute;
  top            : 0;
  right          : 0;
  left           : 0;
  bottom         : 0;
  background     : url(../images/black_map-01.jpg) no-repeat center center;
  background-size: cover;
  overflow       : hidden;
}

#wizard-wrapper {
  width     : 1024px;
  min-width : 1024px;
  height    : 720px;
  min-height: 720px;
  color     : gray;
  background: white;
}

#wizard-container .btn-link:hover span {
  color          : rgb(56, 18, 223);
  text-decoration: none;
}

#wizard-container .progress_indicator {
  position     : relative;
  display      : inline-block;
  font-size    : 12px;
  line-height  : 17px;
  width        : 45px;
  height       : 17px;
  border-radius: 12px;
  color        : white;
  background   : #ff4d7e;
  text-align   : center;
  font-weight  : 500;
  margin-left  : 5px;
  z-index      : 2;
}

#wizard-container .progress_indicator_connector {
  position  : absolute;
  top       : 10px;
  width     : 100px;
  left      : 85px;
  height    : 2px;
  background: #9c9c9c;
  z-index   : 1;
}

.btn-img {
  height : 24px;
  padding: 2px 8px;
  margin: 0 3px;
}
.btn-img:before {
  content            : '';
  width              : 16px;
  height             : 16px;
  display            : inline-block;
  margin-right       : 8px;
  vertical-align     : text-top;
  background-color   : transparent;
  background-position: center center;
  background-repeat  : no-repeat;
}
.ico-hammer:before{
  background-image : url(../icons/custom-icons/hammer-nails@16px.png);
}
.ico-paintroller:before{
  background-image : url(../icons/custom-icons/tool-painter-roll@16px.png);
}
.ico-galleryimage:before{
  background-image : url(../icons/custom-icons/gallery@16px.png);
}
.ico-trashcan:before{
  background-image : url(../icons/custom-icons/trash@16px.png);
}
.btn-fixed-hover:hover {
  background: lightgray!important;
  border-color: lightgray!important;
}

#wizard-container md-checkbox .md-icon {
  background: #428bca;
}
#wizard-container md-checkbox.md-default-theme:not(.md-checked) .md-icon,
#wizard-container md-checkbox:not(.md-checked) .md-icon {
  border-color: #bbbbbb;
}

#wizard-container #panel-wizards,
#wizard-container #panel-gallery {
  position: absolute;
  top     : 60px;
  left    : 0;
  right   : 0;
  bottom  : 0;
  margin  : 0;
  padding : 10px;
}

.list-group-item {
  background-color: #f5f5f5;
}
.list-group a.list-group-item:hover {
  background: red;
}
.list-group-item.active,
.list-group .list-group-item.active:hover {
  background  : #c3e0ff;
  border-color: #9a9a9a;
}
.list-group-item.disabled {
  color     : #8d97ad;
  background: #edf5f7;
}
.list-group a.list-group-item:hover {
  background: #d8d8d8;
}
.list-group a:not([href]):not([tabindex]) {
  color          : blue;
  text-decoration: none;
}

#issue-scroll-wrapper {
  position: absolute;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
  padding : 0;
}

#gallery-wrapper .noUi-handle {
  background           : #3aceff;
  border-radius        : 50%;
  cursor               : default;
  box-shadow           : inset 0 0 1px #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  -ms-border-radius    : 50%;
  -o-border-radius     : 50%;
}

#gallery-wrapper .noUi-horizontal .noUi-handle {
  width : 26px;
  height: 26px;
  top   : -9px;
}

#gallery-wrapper .noUi-target {
  background   : #FAFAFA;
  border-radius: 9px;
  border       : 1px solid #D3D3D3;
  box-shadow   : inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

#gallery-wrapper .noUi-handle:after,
.noUi-handle:before {
  content: none;
}

#gallery-wrapper .noUi-horizontal {
  height: 9px;
}

/* #gallery-wrapper .gallery-images {
  position          : fixed;
  top               : 127px;
  bottom            : 0;
  right             : 0;
  left              : 0;
  overflow          : auto;
  background        : #fff;
  padding           : 7px;
  transition        : left 1s;
  -webkit-transition: left 1s;
  -moz-transition   : left 1s;
  -ms-transition    : left 1s;
  -o-transition     : left 1s;
}

#gallery-wrapper .gallery-images.open {
  left              : 300px;
  transition        : left 1s;
  -webkit-transition: left 1s;
  -moz-transition   : left 1s;
  -ms-transition    : left 1s;
  -o-transition     : left 1s;
}

/* clearfix */
#gallery-wrapper .gallery-images .grid:after {
  content: '';
  display: block;
  clear  : both;
}

#gallery-wrapper .gallery-images .grid-item {
  float: left;
  margin-bottom: 10px;
}

#gallery-wrapper .gallery-images .img-responsive {
  max-width: 100%;
  height   : auto;
}

#gallery-wrapper .gallery-images img {
  vertical-align: middle;
  border-style  : none
} */

#gallery-wrapper .gallery-image {
  margin: 10px;
}

#gallery-wrapper .grid {
  position  : relative;
  background: #fff;
}

#gallery-wrapper #image_grid_wrapper {
  position          : absolute;
  top               : 0px;
  right             : 0;
  left              : 250px;
  bottom            : 30px;
  background        : #fff;
  overflow          : hidden;
  overflow-y        : auto;
  transition        : left 1s;
  -webkit-transition: left 1s;
  -moz-transition   : left 1s;
  -ms-transition    : left 1s;
  -o-transition     : left 1s;
}

#gallery-wrapper #image_grid_wrapper.open {
  left              : 300px;
  transition        : left 1s;
  -webkit-transition: left 1s;
  -moz-transition   : left 1s;
  -ms-transition    : left 1s;
  -o-transition     : left 1s;
}

#gallery-wrapper  #image_menu {
  position          : absolute;
  top               : 93px;
  left              : -300px;
  width             : 300px;
  bottom            : 30px;
  padding           : 10px;
  transition        : left 1s;
  -webkit-transition: left 1s;
  -moz-transition   : left 1s;
  -ms-transition    : left 1s;
  -o-transition     : left 1s;
}
#gallery-wrapper  #image_menu.open {
  left: 0px;
  transition        : left 1s;
  -webkit-transition: left 1s;
  -moz-transition   : left 1s;
  -ms-transition    : left 1s;
  -o-transition     : left 1s;
}

#gallery-wrapper #image_grid_wrapper_footer {
  font-size       : 14px;
  padding         : 4px 10px 0 10px;
  background-color: white;
  position        : absolute;
  bottom          : 0;
  height          : 30px;
  left            : 0px;
  right           : 0px;
  z-index         : 200;
  overflow        : hidden;
  box-shadow      : -8px -10px 8px -10px rgba(0, 0, 0, 0.36);
}

#gallery-wrapper .checked {
  position     : absolute;
  top          : -39px;
  right        : 10px;
  font-size    : 24px;
  color        : lime;
  z-index      : 1000;
  text-shadow  : 0px 0px 5px black;  
  width        : 40px;
  height       : 40px;
  padding      : 43px 12px;
  /* border-radius: 50%; */
  /* background   : #04e93866; */
  /* border       : 1px solid green; */
}

#gallery-wrapper #gallery_menu_bar {
  position: absolute;
  top     : 8px;
  left    : 321px;
  width   : calc(100% - 322px);
}



#gallery-wrapper .grid:after {
  content: '';
  display: block;
  clear  : both;
}

#gallery-wrapper .hover-cap {
  color             : #000;
  font-size         : 12px;
  font-weight       : 400;
  background        : #fff;
  overflow          : hidden;
  padding           : 2px 6px;
  width             : 100%;
  height            : 38px;
  position          : absolute;
  bottom            : 0;
  left              : 0;
  perspective       : 1px;
  text-transform    : uppercase;
  -webkit-transform : translateY(75px);
  -moz-transform    : translateY(75px);
  -ms-transform     : translateY(75px);
  -o-transform      : translateY(75px);
  transform         : translateY(75px);
  -webkit-transition: all .4s ease 0s;
  -moz-transition   : all .4s ease 0s;
  transition        : all .4s ease 0s;
  -ms-transition    : all .4s ease 0s;
  -o-transition     : all .4s ease 0s;
}

#gallery-wrapper section:hover .hover-cap {
  -webkit-transform: translateY(0);
  -moz-transform   : translateY(0);
  -ms-transform    : translateY(0);
  -o-transform     : translateY(0);
  transform        : translateY(0);
}

#gallery-wrapper section:hover {
  box-shadow        : 5px 5px 5px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
  -moz-box-shadow   : 5px 5px 5px rgba(0, 0, 0, .2);
}

#gallery-wrapper #image_grid_wrapper #image_sizer_tab {
  position             : fixed;
  left                 : -2px;
  top                  : 125px;
  width                : 31px;
  height               : 32px;
  z-index              : 10;
  border               : 1px solid #d4d4d4;
  background           : #ebfaff;
  padding              : 3px 0px 3px 5px;
  border-radius        : 0 8px 8px 0;
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius   : 0 8px 8px 0;
  -ms-border-radius    : 0 8px 8px 0;
  -o-border-radius     : 0 8px 8px 0;
  transition           : all 1s;
  -webkit-transition   : all 1s;
  -moz-transition      : all 1s;
  -ms-transition       : all 1s;
  -o-transition        : all 1s;
}

#gallery-wrapper #image_grid_wrapper #image_sizer_tab:hover {
  background: #95e4ff;
}

#gallery-wrapper .gallery-placeholder {
  border            : 2px solid #d0d0d0;
  border-radius     : 5px;
  box-shadow        : 2px 2px 2px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
  -moz-box-shadow   : 2px 2px 2px rgba(0, 0, 0, .4);
  z-index           : 1;
}

#gallery-wrapper section {
  border-radius              : 5px;
  display                    : block;
  overflow                   : hidden;
  box-shadow                 : 2px 2px 2px rgba(0, 0, 0, .4);
  -webkit-box-shadow         : 2px 2px 2px rgba(0, 0, 0, .4);
  -moz-box-shadow            : 2px 2px 2px rgba(0, 0, 0, .4);
  z-index                    : 1;
  width                      : 100%;
  position                   : relative;
  backface-visibility        : hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition         : all .1s ease 0s;
  -moz-transition            : all .1s ease 0s;
  transition                 : all .1s ease 0s;
  -ms-transition             : all .1s ease 0s;
  -o-transition              : all .1s ease 0s;
}

#gallery-wrapper section:hover img {
  -webkit-filter   : brightness(50%);
  -moz-filter      : brightness(50%);
  -o-filter        : brightness(50%);
  -ms-filter       : brightness(50%);
  filter           : brightness(50%);
  transform        : translateY(-30px);
  -webkit-transform: translateY(-30px);
  -moz-transform   : translateY(-30px);
  -ms-transform    : translateY(-30px);
  -o-transform     : translateY(-30px);
}

#gallery-wrapper section img {
  -webkit-transform : translateY(0);
  -moz-transform    : translateY(0);
  -ms-transform     : translateY(0);
  -o-transform      : translateY(0);
  transform         : translateY(0);
  -webkit-transition: all .4s ease 0s;
  -moz-transition   : all .4s ease 0s;
  transition        : all .4s ease 0s;
  -ms-transition    : all .4s ease 0s;
  -o-transition     : all .4s ease 0s;
  image-rendering   : optimizeQuality;
  -webkit-filter    : brightness(100%);
  -moz-filter       : brightness(100%);
  -o-filter         : brightness(100%);
  -ms-filter        : brightness(100%);
}

#gallery-wrapper .img_dropbox {
  border               : 4px dashed gray;
  border-radius        : 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  -ms-border-radius    : 4px;
  -o-border-radius     : 4px;
}

#gallery-wrapper .img_dropbox:hover,
#gallery-wrapper .upload-button-dragover {
  border-color: rgb(9, 231, 28);  
}

.hover-green-larger {
  color    : black;
  font-size: 12px;
}
.hover-green-larger:hover {
  font-size            : 13px;
  color                : green;
  background           : #dadada;
  border-radius        : 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -ms-border-radius    : 3px;
  -o-border-radius     : 3px;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 250px!important;
  overflow-y: auto!important;
}

.prop-choice-selection {
  color: white;
}
#dashwrapper .prop-choice-selection {
  color: #cacaca;
}

.detail-card {
  width                : 316px;
  max-width            : 316px;
  min-width            : 316px;
  height               : 178px;
  margin               : 5px 5px 10px 5px;
  padding              : 0 15px;
  color                : #303030;
  position             : relative;
  display              : inline-block;
  box-shadow           : 0px 0px 6px black;
  border-radius        : 6px;
  -webkit-border-radius: 6px ;
  -moz-border-radius   : 6px ;
  -ms-border-radius    : 6px ;
  -o-border-radius     : 6px ;
  border-left          : 5px solid white;
}
.detail-card .iconwrapper {
  position : absolute;
  left     : 2px;
  top      : -6px;
  font-size: 147px;
  color    : rgba(166, 166, 166, 0.2);
}
.detail-card .icon {
}
.detail-card .detail-heading {
  font-size  : 1.3em;
  font-weight: 400;
  text-shadow: 1px 1px 2px black;
  text-align : center;
}
.detail-card .detail-message-1 {
  font-size : .95em;
  text-align: center;
  margin    : -4px 0 5px 0;
}
.detail-card .detail-message-2 {
  margin     : 8px 5px 0 0px;
  line-height: 1.45em;
  font-size  : .8em;
  overflow   : hidden;
  overflow   : hidden;
}

.detail-card .detail-message-2 .item-name {
  max-width: 58%;
}
.detail-card .detail-message-2 .item-data {
  max-width: 42%;
}

.detail-card .detail-message-3 {
  font-size  : .8em;
  line-height: 1.1em;
  margin     : 4px 0 4px 0;
  text-align : justify;
  color      : black;
}
.detail-card .detail-footer {
  text-align: right;
  font-size : .7em
}

dd {
  display            : block;
  margin-inline-start: 40px;
}
dl {
  color: rgba(0, 0, 0, 0.87);
}
dl {
  display            : block;
  margin-block-start : .1em;
  margin-block-end   : 1em;
  margin-inline-start: 0px;
  margin-inline-end  : 0px;
}
dl dd {
  margin-left: 0px;
}
dl.inline-dl {
  color: rgba(0, 0, 0, 0.87);
}
dl dt {
  color      : rgba(0, 0, 0, 0.57);
  font-weight: 500;
  padding-top: 0.7rem;
}
dl.inline-dl dt {
  margin     : 0px;
  font-weight: 500;
  color      : rgba(0, 0, 0, 0.77);
}
@media only screen and (min-width: 992px) {
  dl.inline-dl dd {
    padding-top  : 0.212em;
    border-bottom: 1px dotted #e0e0e0;
    display      : block;
    text-align   : right;
  }
}
@media only screen and (min-width: 992px){
  dl.inline-dl dt {
    padding-top: 0.212em;
    float      : left;
    clear      : left;
    display    : block;
    text-align : left;
  }
}

.info-panel {
  position             : relative;
  display              : flex;
  flex-direction       : column;
  font-size            : 15px;
  min-width            : 0;
  word-wrap            : break-word;
  background-color     : #fff;
  background-clip      : border-box;
  margin-bottom        : 20px;
  padding              : 15px 15px 0 15px;
  border               : none;
  box-shadow           : 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  border-radius        : 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -ms-border-radius    : 3px;
  -o-border-radius     : 3px;
}

.info-panel-header {
  height       : 93px;
  margin-left  : 110px;
  margin-bottom: 0;
  font-size    : 30px;
  font-weight  : 300;
}
.info-panel-title {
  border-bottom: 1px solid rgba(0,0,0,.1);
  line-height  : 34px;
}
.info-panel-subtitle {
  font-size  : 18px;
  margin-left: 5px;
}

.info-panel-body {
  margin: 0px 5px 0px 15px;
}
.info-panel-icon {
  position : absolute;
  top      : -10px;
  left     : 10px;
  font-size: 90px;
  color    : rgba(0,0,0,.1);
}
.info-panel-body dd.no-border {
  border: none;
}

.info-panel-title-additional-info {
  font-size  : 15px;
  font-weight: 400;
  color      : #6698c8;
  text-align : right;
  padding    : 2px;
}

.status-tab-step,
.status-tab-step-mobile {
  width        : 25px;
  height       : 25px;
  margin       : 8px 3px 0 0;
  padding-top  : 3px;
  color        : white;
  border       : none;
  background   : #1f72a2;
  border-radius: 50%;
  box-shadow   : 0px 0px 3px black;
  font-weight  : 400;
  text-align   : center;
  display      : inline-block;
}
.status-tab-step-mobile {
  width      : 20px;
  height     : 20px;
  margin     : 2px 3px 0 0;
  padding-top: 1px;
}

.status-left {
  width     : 378px;
  min-height: 167px;
  max-width : 378px;
  padding   : 2px 0 0 10px;
}
.status-right {
  width      : 210px;
  min-height : 160px;
  max-width  : 210px;
  line-height: 18px;
  padding    : 5px;
}
.status-spacer {
  width      : 1px;
  max-width  : 1px;
  max-height : 158px;
  margin     : 5px 0;
  padding    : 0px;
  border-left: 1px solid lightgray;
}
.fw-400 {
  font-weight: 400;
}

#agent-promocode-wrapper {
  margin       : 20px auto 8px auto;
  font-size    : 14px;
  max-width    : 600px;
  background   : white;
  border       : none;
  border-radius: 7px;
  box-shadow   : 0px 0px 6px grey;
}

#agentPhotoCropper,
#useCroppedImage,
#cancelCroppedImage {
  display: none;
}

.croppie-container {
  margin-top: 10px;
}
.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin  : 9px;
  z-index : 1;
  width   : 100%;
  height  : 100%;
}
.croppie-container .cr-slider-wrap {
  margin-bottom: 0;
  width        : 21%;
  margin       : 9px;
  text-align   : center;
}

.adjustment-link {
  color: #009efb;  
}
.adjustment-link:hover {
  color: #381be7;
  cursor: pointer;
}

.create-report-dialog-header {
  color         : #fe9d18;
  text-shadow   : 1px 1px 0px black;
  font-weight   : 700;
  margin        : 0 7px -8px 7px;
  border-bottom : 2px solid gray;
  padding-bottom: 7px;
}

.report-form-msg {
  font-size  : 1em;
  text-align : justify;
}

.md-dialog-container, .md-backdrop {
  position: absolute;
  top     : 0;
}

@media (max-width:370px) and (min-width:0px) {
  .report-form-msg {
    font-size  : 0.85em;
    line-height: 1.25em;
  }
  .topbar-dash .navbar img.dashboard-logo {
    margin-right: 0;
    width       : 142px;
  }
  .topbar-dash .top-navbar .navbar-header {
    padding-right: 5px;
    padding-left : 5px;
  }
  .create-report-dialog-header {
    font-weight: 500;
    margin     : 0 0px -3px 1px;
    line-height: 1em;
    text-align : center;
    font-size  : 1.6em;
  }
  md-card md-card-content {
    padding: 5px;
  }
}

@media (max-width:400px) and (min-width:371px) {
  .report-form-msg {
    font-size  : 0.85em;
    line-height: 1.25em;
  }
  .create-report-dialog-header {
    font-weight: 500;
    margin     : 0 0px -3px 1px;
    line-height: 1em;
    text-align : center;
    font-size  : 1.6em;
  }
  .topbar-dash .navbar img.dashboard-logo {
    margin-right: 1px;
    width       : 195px;
  }
  .topbar-dash .top-navbar .navbar-header {
    padding-right: 5px;
    padding-left : 5px;
  }
  md-card md-card-content {
    padding: 5px;
  }

}

.color-bronze {
  background-color: #cd7f32;
}

.color-silver {
  background-color: #c0c0c0;
}

.color-gold {
  background-color: #d4af37;
}

.m-up-3px {
  margin-top: -3px;
}

.list-group2 {
  display       : flex;
  flex-direction: column;
  padding-left  : 0;
  margin-bottom : 0;
  margin-left   : 22px;
}

.list-group2 .checked-item {
  color      : green!important;
  font-size  : 14px!important;
  width      : 21px!important;
  padding-top: 5px!important;
  margin-left: 4px!important;
  padding    : 4px 0!important;
}

.owl-theme .owl-dots .owl-dot {
  background-color: transparent;
}

.services-bottom-border {
  margin-top                : -11px;
  font-size                 : 1.6em;
  font-weight               : 400;
  border-bottom-left-radius : 12px;
  border-bottom-right-radius: 12px;
  box-shadow                : 0px 4px 4px rgba(0, 0, 0, 0.4);;
  -moz-box-shadow           : 0px 4px 4px rgba(0, 0, 0, 0.4);;
  -webkit-box-shadow        : 0px 4px 4px rgba(0, 0, 0, 0.4);;
}

#comparison-table td:not(:first-child),
#comparison-table th:not(:first-child) {
  text-align    : center;
  vertical-align: middle;
}
#comparison-table .green-checkmark {
  color: green;
}
#comparison-table .red-x {
  color: red;
}

.popover-hover {
  cursor: pointer;
}

.iconlegend.table-sm th,
.iconlegend.table-sm td {
  text-align    : center;
  vertical-align: middle!important;
}

.iconlegend.table-sm td .legendicon {
  font-size: 30px;
  color    : gray;
}

.iconlegend.table-sm td .helps,
.iconlegend.table-sm td .noimpact,
.iconlegend.table-sm td .hurts {
  font-size: 22px;
}

.iconlegend.table-sm td .helps {
  color: #2ecc71;
}

.iconlegend.table-sm td .noimpact {
  color: #ffdd59;
}

.iconlegend.table-sm td .hurts {
  color: #f53b57;
}

.tableFixHead    { 
  overflow-x: auto;
  overflow-y: auto;
  height    : 100%;
  font-size : 13px;
  margin: 0 20px;
}
.tableFixHead th { position: sticky; top: -1px; z-index: 1000000;}
.tableFixHead table  { border-collapse: collapse; width: 100%; }
.tableFixHead th, { text-align: center}
.tableFixHead th  { background:#eee; }
.tableFixHead th, .tableFixHead td { vertical-align: middle }

.big-check {
  width        : 20px;
  height       : 20px;
  margin-bottom: 10px;
}

.big-check-label {
  line-height : 28px;
  padding-left: 5px;
  font-size   : 17px;
}

.image_menu .main-title {
  font-weight  : 100;
  font-size    : 17px;
  text-align   : center;
  margin-bottom: 20px;
  color        : #00bbff;
  border-top   : 1px solid #00bbff;
  border-bottom: 1px solid #00bbff;
}

.image_menu .item-title {
  font-size    : 17px;
  font-weight  : 100;
  color        : #2b9cd3;
  border-bottom: 1px solid #ffffff;
}

.el-card-content .md-chips.md-removable md-chip {
  padding-right: 25px;
}

.el-card-content .md-chips md-chip {
  height     : 24px;
  line-height: 26px;
  margin     : 6px 8px 0 0;
  padding    : 0 12px; 
}
.el-card-content .md-chips md-chip .md-chip-remove md-icon {
  height           : 15px;
  width            : 15px;
  position         : absolute;
  top              : 43%;
  left             : 52%;
  -webkit-transform: translate3d(-34%,-58%,0);
  transform        : translate3d(-34%,-58%,0);
  -moz-transform   : translate3d(-34%,-58%,0);
  -ms-transform    : translate3d(-34%,-58%,0);
  -o-transform     : translate3d(-34%,-58%,0);
}

.el-overlay {
  display: hidden;
  z-index: 101;
}
.el-overlay:hover {
  display: block;
  z-index: 101;
}

.el-overlay-1 > .image-title-wrapper {
  display: none;
}

.el-card-content md-chips.md-default-theme md-chip, .el-card-contentmd-chips md-chip {
  background: #d9f4fd;
  color     : #424242;
}

.el-card-content md-icon {
  height    : 14px;
  width     : 14px;
  min-height: 14px;
  min-width : 14px;
}

.el-card-content .md-chips {
  font-size: 14px;
}

.el-element-overlay .el-card-item .el-card-avatar {
  margin-bottom: 4px;
}

.el-card-item { 
  /* border       : 1px solid #e1e1e1; */
  padding      : 4px;
  border-radius: 4px;
  background   : white;
  box-shadow   : 0 0 7px #515151;
}

.el-card-item .imageHolder {
  position  : relative;
  box-shadow: 0 0 3px #b1b1b1;
  margin    : 3px
}

.el-card-item .image-title-wrapper {
  position       : absolute;
  bottom         : 0;
  height         : 21px;
  width          : 100%;
  background     : transparent;
  z-index        : 10;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.el-card-item .image-title {
  font-size            : 12px;
  font-weight          : 100;
  background           : #6a6a6aad;
  padding              : 1px 12px;
  max-width            : 95%;
  white-space          : nowrap;
  overflow             : hidden;
  text-overflow        : ellipsis;
  border-radius        : 9px 9px 0 0;
  -webkit-border-radius: 9px 9px 0 0;
  -moz-border-radius   : 9px 9px 0 0;
  -ms-border-radius    : 9px 9px 0 0;
  -o-border-radius     : 9px 9px 0 0;
  color                : white;
  text-shadow          : 1px 1px 1px black;
  border               : 1px solid #b3b3b3;
  line-height          : 17px;
}

.el-card-item .el-card-content .hover-green:hover {
  color: green;

}
.el-card-item .el-card-content .hover-red:hover {
  color: red;
}

.el-card-item .el-card-content .image-desc {
  text-align   : justify;
  line-height  : 14px;
  font-size    : 12px;
  font-weight  : 100;
  word-break   : break-word;
}

#dragdropdisplay {
  width        : 100%;
  height       : 100%;
  background   : white;
  color        : black;
  overflow     : hidden;
  overflow-y   : auto;
  display      : none;
  position     : absolute;
  top          : 0;
  left         : 0;
  right        : 0;
  border       : 1px solid #ababab;
  padding      : 5px;
  border-radius: 5px;
  font-size    : 12px;
}

.grid__sizer,
.grid__item {
  position: relative;
  width: 10%;
  min-width: 190px;
}

.grid__item {
  margin-bottom: .9375rem;
  border-radius: 0.25rem;
  overflow     : hidden;
  box-shadow   : 0px 0px 6px #d4d4d4;
}

.grid__item--high,
.grid__item--high img {
  height: 30rem;
}

.autosaveProgressAni {
  transition        : all linear 1s;
  -webkit-transition: all linear 1s;
  -moz-transition   : all linear 1s;
  -ms-transition    : all linear 1s;
  -o-transition     : all linear 1s;
}

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



#image_selector {
  position          : absolute;
  min-width         : 1000px;
  min-height        : 661px;
  max-width         : 1000px;
  max-height        : 750px;
  color             : black;
  top               : 20px;
  left              : 0;
  right             : 0;
  margin-left       : auto;
  margin-right      : auto;
}

#image_selector #image_cropper_img {
  width     : 600px;
  height    : 400px;
  box-shadow: 2px 2px 5px #7c7c7c;
}
#image_selector #image_cropper_img img {
  width: 100%;
}
#image_selector #image_cropper_img #crop_preview {
  width   : 338px;
  height  : 190px;
}

#image_cropper #cropper_icon_buttons button {
  font-size: 15px;
  padding  : 6px 20px;
}

#image_selector #image_cropper_preview_container {
  /* position: absolute;
  top     : 10px;
  right   : 22px; */
  width   : 338px;
}


.image_cropper_sliders .noUi-pips-horizontal {
  font-size: 13px;
  padding  : 12px 0;
  left     : 12px;
  width    : 424px;
}

.image_cropper_sliders .noUi-horizontal {
  height: 10px;
}

.image_cropper_sliders .noUi-marker-horizontal.noUi-marker {
  height: 2px;
}
.image_cropper_sliders .noUi-marker-horizontal.noUi-marker-large {
  height: 6px;
}
.image_cropper_sliders .noUi-value-horizontal {
  -webkit-transform: translate(-50%,23%);
  transform        : translate(-50%,23%);
}

.image_cropper_sliders .noUi-horizontal .noUi-handle, .image_cropper_sliders .noUi-horizontal .noUi-handle {
  width        : 28px;
  height       : 28px;
  background   : #1fbcd2;
  border-radius: 28px;
  border       : none;
  box-shadow   : none;
  cursor       : pointer;
  outline      : none;
  top:  -10px;
}

.image_cropper_sliders .noUi-horizontal .noUi-handle:before,
.image_cropper_sliders .noUi-horizontal .noUi-handle:after {
  content: '';
  background: transparent;
}

#image_selector #image_cropper_preview_wrapper {
  width     : 338px;
  height    : 190px;
  box-shadow: 2px 2px 3px #7c7c7c;
  overflow  : hidden;
  margin-top: 5px;
}

.resizable{ 
  overflow: hidden;
  resize  : both;
  color   : white;
}
.draggable{
  position: absolute;
  z-index : 100
}
.draggable-handler{
  cursor     : move;
  font-weight: 400;
  font-size  : 20px;
  border     : 5px solid transparent;
}
.dragging{
  border-color: green;
  cursor      : move;
  z-index     : 200!important;
}
.image_selector_image_wrapper {
  display              : grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  justify-items        : center;
  grid-gap             : 15px;
  grid-row-gap         : 5px;
}

.image_selector_image_wrapper .card.image_selector_card {
  padding-top: 10px;
  box-shadow : 0 0 15px -3px rgba(0,0,0,.4);
}
#image_selector_backdrop {
  display   : none;
  z-index   : 1000;
  position  : fixed;
  top       : 0;
  left      : 0;
  right     : 0;
  bottom    : 0;
  background: rgba(0,0,0,.6);
}
#image_selector_backdrop .image_selector_card_outer_body {
  overflow: hidden; 
  overflow-y: auto; 
  background: rgb(211, 211, 211);
  padding: 15px;
}

.btn-tag, .btn-tag-active {
  background   : rgb(173, 216, 230);
  color        : black;
  display      : block;
  margin-bottom: 5px;
}
.btn-tag-active {
  background   : rgb(58, 206, 255);
  color        : white;
}
.btn-tag:hover, .btn-tag-active:hover {
  background: rgb(194, 194, 194)!important;
  color     : black;
}

#image_selector .tag_wrapper {
  position  : absolute;
  top       : 11px;
  left      : 10px;
  bottom    : 10px;
  width     : 125px;
  overflow  : hidden;
  overflow-y: auto;
  text-align: center;
}

#image_selector .image_wrapper {
  position  : absolute;
  top       : 0;
  left      : 145px;
  bottom    : 0;
  right     : 10px;
  padding   : 10px;
  overflow  : hidden;
  overflow-y: auto;
  text-align: center;
}

#image_selector .image_wrapper img {
  width     : 100%;
  max-height: 120px;
  object-fit: scale-down;
}

.tagify {
  font-size: 12px;
}


#tax_calculator md-checkbox.md-default-theme:not(.md-checked) .md-icon, md-checkbox:not(.md-checked) .md-icon {
  border-color: rgb(109, 187, 225);
}

#tax_calculator md-checkbox .md-icon {
  box-sizing           : border-box;
  transition           : .24s;
  position             : absolute;
  top                  : 0;
  left                 : 0;
  width                : 24px;
  height               : 24px;
  border-width         : 2px;
  border-style         : solid;
  border-radius        : 2px;
  -webkit-transition   : .24s;
  -moz-transition      : .24s;
  -ms-transition       : .24s;
  -o-transition        : .24s;
  -webkit-border-radius: 2px;
  -moz-border-radius   : 2px;
  -ms-border-radius    : 2px;
  -o-border-radius     : 2px;
}

#tax_calculator md-checkbox.md-checked .md-icon:after {
  box-sizing       : border-box;
  -webkit-transform: rotate(45deg);
  transform        : rotate(45deg);
  position         : absolute;
  left             : 5.66667px;
  top              : 1.42222px;
  display          : table;
  width            : 7.66667px;
  height           : 17.33333px;
  border-width     : 2px;
  border-style     : solid;
  border-top       : 0;
  border-left      : 0;
  content          : '';
  border-color     : black;
  -moz-transform   : rotate(45deg);
  -ms-transform    : rotate(45deg);
  -o-transform     : rotate(45deg);
}

#tax_calculator md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
  background-color: rgb(109, 187, 225);
}

#tax_calculator md-checkbox div { 
  line-height: 20px; 
  padding: 4px 0 0 5px;
}

#tax_calculator md-radio-button.md-default-theme.md-checked .md-off, 
#tax_calculator md-radio-button.md-checked .md-off {
  border-color: rgb(109, 187, 225);
}

#tax_calculator md-radio-button.md-default-theme .md-on, 
#tax_calculator md-radio-button .md-on {
  border-color: rgba(109, 187, 225, .85);
}

#tax_calculator md-radio-button.md-default-theme .md-off, 
#tax_calculator md-radio-button .md-off {
  border-color: rgb(109, 187, 225);
}

#tax_calculator md-radio-button div { 
  line-height: 20px;
  padding    : 4px 0 0 5px;
}

#tax_calculator md-radio-button {
  margin-bottom: 4px;
}

#tax_calculator .md-datepicker-button {
  background    : rgb(109, 187, 225);
}

#tax_calculator .hover_highlight:hover {
  background: #f9f9f9;
  cursor: pointer;
}

.dropdown-menu {
  width: 261px;
}

#analysis_overview table#tax_analysis_table {
  font-size: 13px;
  margin-bottom: 7px;
}
#analysis_overview table#tax_analysis_table tr td {
  vertical-align: middle;
}

#analysis_overview table#tax_analysis_table tr td span {
  color: yellow;
  font-weight: 400;
}

#analysis_overview #maps_charts .map_chart_wrapper {
  border               : 4px solid white;
  box-shadow           : 0px 0px 5px #6b6b6b;
  margin               : 3px 10px 10px 10px;
  height               : 200px;
  border-radius        : 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius   : 6px;
  -ms-border-radius    : 6px;
  -o-border-radius     : 6px;
}

#analysis_overview #maps_charts .map_chart_item_wrapper {
  background: #363636;
  color: white;
  padding: 0px;
  overflow: hidden;
  margin-bottom: 0px;
  margin-top: 10px;
}

#analysis_overview #maps_charts .map_chart_item_wrapper .title2 {
  font-size  : 16px;
  font-weight: 400;
  text-align : center;
  line-height: 36px;
}

.intercom_article_wrapper {
  width     : 371px;
  margin    : 0px 10px 0 13px;
  /* text-align: left;
  cursor    : pointer; */
}

.intercom_article {
  width          : 100%;
  padding        : 5px 8px 5px 5px;
  text-align     : left;
  border-bottom  : 1px solid lightgray;
  cursor         : pointer;
  color          : #5a5a5a;
  text-decoration: none;
}

.intercom_article:hover {
  background-color     : #cff4ff;
  border-radius        : 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  -ms-border-radius    : 5px;
  -o-border-radius     : 5px;
}

.intercom_article .article_title {
  font-size  : 14px;
  font-weight: 400;
  text-align : left;
}
.intercom_article .article_type {
  font-size  : 13px;
  font-weight: 100;
  text-align : right;
}
.intercom_article .article_description {
  font-size  : 12px;
  font-weight: 100;
  margin-left: 7px;
}

#no-images-loaded {
  display        : flex;
  align-items    : center;
  justify-content: center;
  text-align     : center;
  min-height     : 100%;
  color          : #3aceff;
  font-size      : 24px;
  font-weight    : 100;
}

#form_request_seminar label {
  font-weight: 500;
  font-size  : 13px;
}

.visitor_badge {
  position             : relative;
  overflow             : hidden;
  padding              : 5px;
  min-width            : 206px;
  max-width            : 265px;
  width                : 100%;
  height               : 110px;
  box-shadow           : 0px 0px 5px gray;
  border-radius        : 18px;
  font-size            : 14px;
  -webkit-border-radius: 18px;
  -moz-border-radius   : 18px;
  -ms-border-radius    : 18px;
  -o-border-radius     : 18px;
  border               : 4px solid white;
  background           : rgb(254,255,255);                                                                      /* Old browsers */
  background           : -moz-linear-gradient(-45deg, rgba(254,255,255,1) 0%, rgba(1, 192, 200, 0.32) 100%);    /* FF3.6-15 */
  background           : -webkit-linear-gradient(-45deg, rgba(254,255,255,1) 0%,rgba(1, 192, 200, 0.32) 100%);  /* Chrome10-25,Safari5.1-6 */
  background           : linear-gradient(135deg, rgba(254,255,255,1) 0%,rgba(1, 192, 200, 0.32) 100%);          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
} 

.visitor_badge .fa_icon {
  margin     : 9px 0px 0 0;
  font-size  : 55px;
  font-weight: 500;
  text-align : center;
  color      : #01c0c8;
  text-shadow: 0px 0px 4px gray;
}

.visitor_badge .value {
  margin     : 26px 20px 0 0;
  font-size  : 57px;
  font-weight: 500;
  text-align : right;
  color      : #01c0c8;
}

#partner_referral_table .mytable {
  display: table;
}
#partner_referral_table .myrow {
  display: table-row;
}
#partner_referral_table .mycell {
  display: table-cell;
}
#partner_referral_table .column1 {
  display: table-column;
  background-color: green;
}
#partner_referral_table .column2 {
  display: table-column;
}

#user_info_panel .response_card {
  padding: 3px 4px;
  margin: 2px 0;
  font-size: 13px;
  border: 1px solid lightgray;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

#user_info_panel .response_card:hover {
  background: #c1fcff;
  cursor: pointer;
}

#user_info_panel .highlightedText {
  color                : black;
  background           : #01bfc894;
  padding              : 2px 3px;
  border-radius        : 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  -ms-border-radius    : 5px;
  -o-border-radius     : 5px;
}

#market_inside_tabs .md-tab  {
  font-size: .79em;
  padding  : 16px 10px;
}

.detail_image_prev,
.detail_image_next {
  position             : absolute;
  top                  : 136px;
  width                : 32px;
  height               : 32px;
  line-height          : 0;
  background           : rgba(0, 0, 0, 0.46);
  padding              : 4px;
  border-radius        : 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius   : 0 10px 10px 0;
  -ms-border-radius    : 0 10px 10px 0;
  -o-border-radius     : 0 10px 10px 0;
}
.detail_image_prev img,
.detail_image_next img {
  width         : 18px;
  height        : 23px;
  filter        : brightness(65%);
  -webkit-filter: brightness(65%);
}
.detail_image_next {
  right                : 0px;
  left                 : initial;
  padding-left         : 10px;
  border-radius        : 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius   : 10px 0 0 10px;
  -ms-border-radius    : 10px 0 0 10px;
  -o-border-radius     : 10px 0 0 10px;
}
.detail_image_prev:hover,
.detail_image_next:hover {
  cursor        : pointer;
  background    : rgba(0, 0, 0, 1);
}
.detail_image_prev:hover img,
.detail_image_next:hover img {
  filter        : brightness(100%);
  -webkit-filter: brightness(100%);
}

.detail_image_legend {
  position     : absolute;
  top          : 267px;
  right        : 5px;
  bottom       : 43px;
  left         : 370px;
  color        : black;
  background   : #ffffffb5;
  border-radius: 12px;
  padding      : 2px 0;
  text-align   : center;
  font-size    : 12px;
  font-weight  : 400;
  line-height  : 17px;
}
.hover_row_gray:hover {
  background-color: #f3f3f3;
}

/* Comp selection screen - condition adjustment tab */
.condition-adjustment-wrapper {
  position: absolute;
  top     : 0;
  left    : 0;
  right   : 0;
  bottom  : 0;
}
.condition-adjustment-row-wrapper {
  height        : 100%;
  min-height    : 100%;
  display       : flex;
  flex-direction: column;
}
.condition-adjustment-row-wrapper .condition-adjustment-row {
  display       : flex;
  flex-direction: column;
}
.condition-adjustment-row-wrapper .row-1 {
  background-color: white;
  padding-bottom  : 12px;
}
.condition-adjustment-row-wrapper .row-2 {
  background-color: white;
  /* border-bottom   : 1px dotted lightgray; */
  padding-bottom  : 6px;
  margin          : 2px 0px -5px 0px;
  text-align      : left;
}
.condition-adjustment-row-wrapper .row-3 {
  flex      : 1;
  overflow  : hidden;
  overflow-y: auto;
  margin-top: 10px;
}

.condition-adjustment-row-wrapper .tab-gutter {
  width: 32px
}

.condition-adjustment-row .open-close-tab {
  width                : 28px;
  /* height               : 138px; */
  margin-left          : 0;
  position             : absolute;
  top                  : 27px;
  left                 : 7px;
  transform            : translate(-50%, -50%);
  text-align           : center;
  padding              : 10px 8px 10px 3px;
  background-color     : #00b4ff;
  overflow-wrap        : break-word;
  display              : inline-block;
  word-break           : break-all;
  font-size            : .8em;
  line-height          : 15px;
  font-weight          : 400;
  box-shadow           : 1px 1px 1px grey;
  border-radius        : 0 10px 10px 0;
  -webkit-transform    : translate(-50%, -50%);
  -moz-transform       : translate(-50%, -50%);
  -ms-transform        : translate(-50%, -50%);
  -o-transform         : translate(-50%, -50%);
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius   : 0 10px 10px 0;
  -ms-border-radius    : 0 10px 10px 0;
  -o-border-radius     : 0 10px 10px 0;
  color                : white;
}
.condition-adjustment-row .open-close-tab:hover {
  cursor: pointer
}
.condition-adjustment-row .open-close-tab i.fas {
  font-size: 17px;
}

.condition-adjustment-row .mls-comments-open {
  height: auto;
}
.condition-adjustment-row .mls-comments-closed {
  height  : 36px;
  overflow: hidden;
}
.condition_adjustment_icon_edit {
  color: gray;
}
.condition_adjustment_icon_edit:hover {
  color: #00b4ff;
}
.condition_adjustment_icon_delete {
  color: gray;
}
.condition_adjustment_icon_delete:hover {
  color: red;
}
.condition_item {
  background: white;
  height    : 60px;
  border    : 1px solid lightgray;
  padding   : 5px;
  margin    : 2px
}
.condition_item.active {
  background: aliceblue;
  border    : 1px solid greenyellow;
}
.condition_item:hover {
  cursor    : pointer;
  background: #9de2ff;
}
#condition_adjustment_image_sets .add_set,
#condition_adjustment_image_sets .delete_set {
  text-align           : center;
  line-height          : 34px;
  vertical-align       : middle;
  display              : inline-block;
  background           : #00b4ff;  
  color                : white;
  border-radius        : 50%;
  width                : 34px;
  height               : 34px;
  margin-right         : 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  -ms-border-radius    : 50%;
  -o-border-radius     : 50%;
}
#condition_adjustment_image_sets .add_set:hover,
#condition_adjustment_image_sets .delete_set:hover {
  line-height   : 37px;
  width         : 39px;
  height        : 39px;
  box-shadow: 0px 0px 5px #00b4ff;
  border        : 1px solid white;
}
#condition_adjustment_image_sets .delete_set {
  background: #00b4ff;
}
#condition_adjustment_image_sets .delete_set:hover {
  background: #ff1300;
  box-shadow: 0px 0px 5px #ff1300;  
}
#condition_adjustment_image_sets .nav_buttons {
  padding-top          : 3px;
  font-size            : 16px;
  padding-left         : 10px;
  vertical-align       : middle;
  display              : inline-block;
  background           : #00b4ff;
  color                : white;
  border-radius        : 50%;
  width                : 30px;
  height               : 30px;
  margin               : 0 2px 0px 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  -ms-border-radius    : 50%;
  -o-border-radius     : 50%;
}
#condition_adjustment_image_sets .nav_buttons.next {
  padding-left: 12px;
}
#condition_adjustment_image_sets .nav_buttons:hover {
  width     : 33px;
  height    : 33px;
  box-shadow: 0px 0px 5px #00b4ff;
  border    : 1px solid white;
  line-height: 25px;
}

.center_image {
  width     : unset;
  max-width : 100%;
  max-height: 100%;
  margin    : 0 auto;
  display   : block;
}

.select-image-button {
  white-space: normal;
  width      : 221px;
  border     : 1px solid lightgray;
  background : #00b4ff24;
  color      : black;
  padding    : 15px;
}
.select-image-button:hover {
  background: #00b4ff;
}

.image-location-button {
  background: #2cdd9b;
  border    : 1px solid #2cdd9b
}
.image-location-button:hover {
  background: #2cdd9b !important;
  border    : 1px solid #2cdd9b !important;
}
.no-image-sets-placeholder {
  background     : aliceblue;
  margin         : 16px auto;
  align-items    : center;
  justify-content: center;
  width          : 665px;
  height         : 192px;
}
.no-image-sets-placeholder:hover {
  cursor: pointer;
  border: 1px solid lightgray;
}

.overall-total-adjustment-slider-help {
  line-height               : 19px;
  margin                    : 3px 8px 0 3px;
  text-align                : justify;
  padding                   : 8px;
  transition-timing-function: ease-in-out;
  transition-delay          : 2s;
  transition                : background 1s ;
  -webkit-transition        : background 1s ;
  -moz-transition           : background 1s ;
  -ms-transition            : background 1s ;
  -o-transition             : background 1s ;
}
.adjustment-slider-background:hover + .overall-total-adjustment-slider-help {
  background: #fe2e00;
  color     : white;  
}
.selectionsDirtyTrue {
  background: red;
  border    : 1px solid red;
  color     : white;
}
.selectionsDirtyFalse {
  background: #ffffff;
  border    : 1px solid #2cc1ff;
  color     : black;
}
.selectionsDirtyFalse:hover {
  background: #00b4ff;
  color     : black;
}
/* END:  Comp selection screen - condition adjustment tab */


.g_nav {
  color: #9b9b9b;  
}
.g_nav:hover {
  color: #38e200;
}

md-option.mls-images .md-text {
  width: 100%;
}


.packages-wrapper {
  margin-bottom: 15px;
  padding      : 10px;
  background   : #363636;
  box-shadow   : 0 0 13px black;
}

.packages-wrapper .register-box,
.packages-wrapper .purchase-box,
.packages-wrapper .example-box  {
  font-size : 15px;
  color     : white;
  padding   : 10px;
  margin    : 10px 0px;
  background: #292929;
  /* box-shadow: 0 0 5px black; */
}
.packages-wrapper .register-box .fas,
.packages-wrapper .example-box .fas,
.packages-wrapper .purchase-box .fas {
  font-size     : 8px;
  margin-right  : 8px;
  color         : greenyellow;
  vertical-align: middle;
  line-height   : 19px;
}
.packages-wrapper .package-title {
  margin-right: 7px;
  color       : #00b4ff;
  font-size   : 22px;
  font-weight : 500;
}

.packages-wrapper .info {
  margin     : 6px 5px 5px 5px;
  font-weight: 100;
  text-align : justify;
  line-height: 21px;
}


/* Commercial Index Page */
.section0-content {
  background-image   : url('https://storage.googleapis.com/propertytax/commercial_site/section_0_background.jpg');
  background-color   : #cccccc;
  /* background-position: center; */
  background-repeat  : no-repeat;
  background-size    : cover;  
}
.section1 {
  background         : #2B9CD3;
}
.section1-content {
  color              : black;
  padding            : 15px 15px 45px 15px;
  display            : grid;
  grid-gap           : 20px;
  grid-template-areas: 
    's1-content-left s1-content-right';
}
.s1-content-left {
  margin-top: -80px;
  padding: 0px 35px;
  grid-area: s1-content-left;
}
.s1-content-right {
  padding-top: 60px;
  grid-area  : s1-content-right;
}
.section1-content .carousel-item {
  transition        : transform 2s ease, opacity .5s ease-out;
  -webkit-transition: transform 2s ease, opacity .5s ease-out;
  -moz-transition   : transform 2s ease, opacity .5s ease-out;
  -ms-transition    : transform 2s ease, opacity .5s ease-out;
  -o-transition     : transform 2s ease, opacity .5s ease-out;
}
@media (max-width: 800px) {
  .section1-content {
    grid-template-areas : 
      's1-content-right'
      's1-content-left';
  }
  .s1-content-left {
    padding: 0px;
    margin : 0 auto;
  }
  .s1-content-right {
    padding: 0 15px
  }
}

.section2-content {
  color              : black;
  background         : white;
  padding            : 15px;
  border             : 3px solid #2b9cd3;
  margin             : 50px auto 165px auto;
  height             : 440px;
  display            : grid;
  grid-gap           : 20px;
  grid-template-areas: 
    's2-content-left s2-content-right';
}
.s2-content-left {
  grid-area: s2-content-left;
}
.s2-content-right {
  grid-area  : s2-content-right;
}
.s2-content-right-list .s2-content-callout {
  border-top: 1px solid #2B9CD3;
  margin-top: 11px;
  width     : 43px;
}
.s2-content-right .img-wrapper {
  width     : 260px;
  margin    : -41px -24px 23px auto;
  background: white;
  padding   : 0 0 10px 12px;
}
.s2-content-right .button-wrapper {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .section2-content {
    height: 478px;
  }
  .section2-content {
    margin-bottom: 245px
  }
}
@media (max-width: 960px) {
  .section2-content {
    height: 520px;
  }
}
@media (max-width: 768px) {
  .section2-content {
    height       : auto;
    margin-bottom: 50px;
  }
}
@media (max-width: 620px) {
  .section2-content {
    grid-template-areas : 
      's2-content-left'
      's2-content-right';
    border       : none;
  }
  .s2-content-right-list .s2-content-callout {
    width     : 20px;
  }
  .s2-content-right .img-wrapper {
    margin: 5px auto 10px auto;
  }
  .s2-content-left .button-wrapper {
    margin-top: 15px;
    text-align: center;
  }
  .s2-content-left .button-wrapper input[type=submit] {
    width: 75%;
  }
}
.section3 {
  /* height             : 550px; */
  background-image   : url('https://storage.googleapis.com/propertytax/commercial_site/section_3_background.jpg');
  background-color   : #cccccc;
  /* background-position: center; */
  background-repeat  : no-repeat;
  background-size    : cover;
}
.section3-content {
  color              : black;
  padding            : 75px 0;
  display            : grid;
  grid-gap           : 20px;
  grid-template-areas: 
    's3-content-left s3-content-right';
}
.s3-content-left-list .s3-content-linemarker {
  width: 43px;
  border-top: 1px solid #ffffff; 
  margin-top: 11px; 
}
.s3-content-left {
  margin-top: 170px;
  grid-area : s3-content-left;
}
.s3-content-right {
  grid-area  : s3-content-right;
}
.s3-content-right .button-wrapper {
  margin-top: 40px;
}
@media (max-width: 620px) {
  .section3-content {
    grid-template-areas : 
      's3-content-right'
      's3-content-left';
    padding             : 50px 20px;
  }
  .s3-content-left {
    margin-top: 0px;
  }
  .s3-content-right .button-wrapper {
    margin-top: 15px;
    text-align: center;
  }
  .s3-content-right .button-wrapper input[type=submit] {
    width: 75%;
  }
}
.section4-content {
  padding: 15px 0 35px 0;
}
.section4-content .steps {
  max-width            : 1200px;
  margin               : 0 auto;
  display              : grid;
  grid-gap             : 1rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.section4-content .steps .step {
  padding: 0px 10px;
}
.section4-content .steps .step img{
  box-shadow   : 0px 0px 6px #6e6e6e;
  border-radius: 7px;
}
.section4-content .steps .step .step-text-wrapper {
  margin: 0px 1px 7px 5px;
}
.section4-content .steps .step .step-step-num {
  color      : #2b9cd3;
  font-size  : 16px;
  font-weight: 400;
  padding    : 2px 0px
}
.section4-content .steps .step .step-title {
  color      : black;
  font-size  : 17px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 5px;
}
.section4-content .steps .step .step-text {
  color      : black;
  font-size  : 14px;
  font-weight: 100;
  line-height: 18px;
  text-align : justify;
}
.section5 {
  color: black;
  height             : 550px;
  background-image   : url('https://storage.googleapis.com/propertytax/commercial_site/section_5_background.jpg');
  background-color   : #cccccc;
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : cover;
}
.section5-content .message-box {
  text-align: center;
  max-width : 60%;
  float     : right;
}
.section5-content .message-box .message-box-signup {
  font-weight: 100
}
@media (max-width: 800px) {
  .section5 {
    background-position: left;
    text-shadow        : 0 0 10px white;
  }
  .section5-content .message-box {
    max-width: 75%;
    margin   : 0 auto;
    float    : none;
  } 
  .section5-content .message-box .message-box-signup {
    font-weight: 400
  }
}
/* END:  Commercial Index Page */

/* Residential Index Page */

.res-section0-content {
  background-image   : url('https://storage.googleapis.com/propertytax/commercial_site/section_0_background.jpg');
  background-color   : #cccccc;
  /* background-position: center; */
  background-repeat  : no-repeat;
  background-size    : cover;  
}
.res-section0-content .university-callout {
  margin-left  : 75px;
  margin-top   : 80px;
  padding      : 50px 10px 10px 15px;
  background   : #363636a6;
  position     : relative;
  box-shadow   : 0 0 7px #2b9cd3;
  border-radius: 9px;
}
.res-section0-content .university-callout img {
  position: absolute;
  top     : -75px;
  left    : -32px;
  width   : 160px;
  height  : 160px;
}
.res-section0-content .university-callout h4 {
  color      : #2b9cd3;
  font-weight: 400;
}
.res-section0-content .university-callout .link-wrapper {
  font-weight: 400;
  color: #2b9cd3;
}
.res-section0-content .university-callout .link-wrapper:hover {
  color: white;
}
.res-section0-content .no-signup {
  text-align: center;
  margin-top: -6px;
  font-size : 12px;
}
.res-section0-content .get-started-button {
  margin-top: 50px;
}
@media (max-width: 428px) {
  .res-section0-content .get-started-button {
    margin-top: 15px;
  }
  .res-section0-content .no-signup {
    text-align: left;
    margin    : -22px 0 25px 17px;
  }
}

.res-section1 {
  background: rgb(74,146,184);
  background: -moz-radial-gradient(circle, rgba(74,146,184,1) 14%, rgba(145,176,194,1) 88%);
  background: -webkit-radial-gradient(circle, rgba(74,146,184,1) 14%, rgba(145,176,194,1) 88%);
  background: radial-gradient(circle, rgba(74,146,184,1) 14%, rgba(145,176,194,1) 88%);
}
.res-section1 .raiseup {
  color           : black;
  background-color: white;
  padding         : 20px;
  margin          : -87px auto 25px auto;
  box-shadow      : 0 0 20px #00000052;
}

#faq .card, 
#faq .card-header{
  background   : transparent !important;
  border       : none !important;
  padding      : 0 !important;
}
#faq .card {
  box-shadow   : 0 0 10px rgba(110,130,208,.28);
  margin-bottom: 12px;
} 
#faq .card:hover {
  box-shadow   : 0 0 10px rgba(110,130,208,.68);
}
#faq .card .card-header h2 {
  margin-bottom: 0;
  text-align   : left;
}
#faq .btn-link {
  white-space    : normal;
  width          : calc(100% - 45px);
  height         : 60px;
  color          : #000 !important;
  font-weight    : bold;
  text-align     : left !important;
  text-decoration: none !important;
} 
#faq .card-body {
  background        : wheat;
  text-align        : justify;
  line-height       : 21px;
  color             : black;
  transition        : height 1.4s linear;
  -webkit-transition: height 1.4s linear;
  -moz-transition   : height 1.4s linear;
  -ms-transition    : height 1.4s linear;
  -o-transition     : height 1.4s linear;
}
#faq .btn-link:after {
  content              : '\2212';
  width                : 35px;
  font-size            : 25px;
  text-align           : center;
  right                : 15px;
  top                  : 11px;
  position             : absolute;
  background           : #e8eeff;
  border-radius        : 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  -ms-border-radius    : 5px;
  -o-border-radius     : 5px;
  transition           : all 1.4s linear;
  -webkit-transition   : all 1.4s linear;
  -moz-transition      : all 1.4s linear;
  -ms-transition       : all 1.4s linear;
  -o-transition        : all 1.4s linear;
}
#faq .btn-link.collapsed:after {
  content: '\002b'
}
#faq .btn-link:before {
  content          : '';
  height           : 16px;
  width            : 16px;
  position         : absolute;
  background       : #fff;
  z-index          : 1;
  left             : 14px;
  top              : 50px;
  transform        : rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  -ms-transform    : rotate(45deg);
  -o-transform     : rotate(45deg);
}
.res-section1 .collapsing {
  position                          : relative;
  height                            : 0;
  overflow                          : hidden;
  -webkit-transition-property       : height, visibility;
  transition-property               : height, visibility;
  -webkit-transition-duration       : 0.5s;
  transition-duration               : 0.5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function        : ease;
}

.res-section1 .res-section1-content .row-content {
  max-width: 80%;
}

.res-section1 .evidence-screenshot .wrapper {
  position: absolute;
  top     : -92px;
  right   : -60px;
}
.res-section1 .evidence-screenshot .wrapper img {
  width    : 500px;
  max-width: 500px;
}

.res-section1 .center-content-wrapper {
  color: white;
  padding: 80px 0 7px 0;
}

.res-section1 .info-boxes-wrapper {
  position: absolute; 
  width: 100%;
  bottom: -83px; 
}

.res-section1 .info-box-12 {
  margin          : 0 0 15px 0;
  padding         : 22px;
  color           : black;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(245, 245, 250));
  box-shadow      : 0 5px 15px 0 rgba(37,44,97,.15), 0 2px 4px 0 rgba(93,100,148,.2);
}
.res-section1 .info-box-12 .bullet-point {
  display               : inline-block;
  font-style            : normal;
  color                 : black;
  font-variant          : normal;
  text-rendering        : auto;
  -webkit-font-smoothing: antialiased;
  
}
.res-section1 .info-box-12 .bullet-point:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: green;
  content    : '\f00c';
}
.res-section1 .info-box-12 p {
  font-size  : 18px;
  font-weight: 400;
}

.res-section1 .stat-left,
.res-section1 .stat-right {
  width: 190px; 
  font-size: 16px; 
  text-align: center;
}

.res-section2 {
  color     : black;
  background-image: linear-gradient( to right,#f5f5fa,#fff,#f5f5fa );
  padding   : 45px 0 70px 0;
}
.res-section2 .res-section2-content .action-button {
  border       : 2px solid #2B9CD3;
  padding      : 13px;
  color        : #2B9CD3;
  background   : white;
  border-radius: 31px;
  width        : 230px;
  text-align   : center;
  font-weight  : 300;
  font-size    : 18px;
  margin-top   : 14px;
}
.res-section2 .res-section2-content .action-button:hover {
  color     : white;
  background: #2B9CD3;
  cursor    : pointer;
}
.res-section2 .pic-left,
.res-section2 .pic-right {
  width        : 225px;
  border-radius: 50%;
  float        : left;
  border       : 1px solid white;
  box-shadow   : 0 0 10px black;
}
.res-section2 .pic-right {
  float     : right;
  margin-top: 95px;
}
.res-section2 .title {
  font-size    : 36px;
  font-weight  : 600;
  line-height  : 39px;
  margin-bottom: 23px;
  text-align   : left;
}
.res-section2 .sub-text {
  font-size : 23px;
  text-align: left;
}

.res-section3 {
  color     : black;
  padding   : 35px 0 30px 0;
  background: rgb(74,146,184);
  background: -moz-radial-gradient(circle, rgba(74,146,184,1) 14%, rgba(145,176,194,1) 88%);
  background: -webkit-radial-gradient(circle, rgba(74,146,184,1) 14%, rgba(145,176,194,1) 88%);
  background: radial-gradient(circle, rgba(74,146,184,1) 14%, rgba(145,176,194,1) 88%);

} 
@media (max-width: 1599px) {
  .res-section2 .pic-right {
    margin-top: -55px;
  }
  .res-section1 .evidence-screenshot .wrapper {
    top  : -58px;
    right: -45px;
  }
  .res-section1 .evidence-screenshot .wrapper img {
    width    : 416px;
  }
}
@media (max-width: 991px) {
  .res-section1 .evidence-screenshot .wrapper {
    top  : -16px;
    right: -109px;
  }
  .res-section1 .evidence-screenshot .wrapper img {
    width: 375px;
  }
  .res-section1 .info-boxes-wrapper {
    bottom: -125px; 
  }
  .res-section1 .center-content-wrapper {
    padding: 52px 0 15px 0;
  }
  .res-section2 .pic-right {
    margin-top: 0px;
  }
}
@media (max-width: 859px) {
  .res-section1 .evidence-screenshot .wrapper {
    top  : -1px;
    right: -100px;
  }
  .res-section1 .evidence-screenshot .wrapper img {
    width: 350px;
  }
}
@media (max-width: 830px) {
  .res-section1 .evidence-screenshot .wrapper {
    top  : 10px;
    right: -67px;
  }
  .res-section1 .evidence-screenshot .wrapper img {
    width: 325px;
  }
}
@media (max-width: 767px) {
  .res-section0-content .university-callout {
    margin: 50px 5px 10px 20px;
  }
  .res-section1 .res-section1-content .row-content {
    max-width: 98%;    
  }
  #faq .btn-link {
    height     : 69px;
    font-size  : 12px;
    font-weight: 400;
    padding    : 0 10px;
  }
  #faq .btn-link:before {
    top: 57px;
  }
  #faq .card {
    box-shadow: 0 0 7px rgba(110,130,208,.28);
    margin-bottom: 8px;
  }
  .res-section1 .raiseup {
    max-width       : 94%;
    margin          : -25px auto 25px auto;
  }
  .res-section1 .evidence-screenshot .wrapper {
    display: none;
    top  : -55px;
    right: -30px;
  }
  .res-section1 .info-box-left,
  .res-section1 .info-box-right {
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .res-section1 .info-boxes-wrapper {
    bottom: -253px;
    left  : 0;
  }
  .res-section1 .center-content-wrapper {
    padding: 25px 0 100px 0;
  }
  .res-section2 .title {
    text-align   : center;
  }
  .res-section2 .sub-text {
    text-align   : center;
  }
  .res-section2 .res-section2-content .action-button {
    margin: 14px auto 0 auto;
  }
  .res-section2 {
    padding: 260px 0 70px 0;
  }
  .res-section2 .pic-left,
  .res-section2 .pic-right {
    width        : 225px;
    border-radius: 50%;
    float        : left;
  }
  .res-section2 .pic-right {
    float: right;
  }
}
@media (max-width: 576px) {
  .res-section1 .evidence-screenshot .evidence-screenshot {
    display: none;
  }
}

@media (max-width: 487px) {
  .res-section1 .info-boxes-wrapper {
    bottom: -298px;
  }
  .res-section2 {
    padding: 320px 0 70px 0;
  }
}
@media (max-width: 471px) {
  .res-section2 .pic-left,
  .res-section2 .pic-right {
      width: 200px;
  }
}
@media (max-width: 420px) {
  .res-section2 .pic-left,
  .res-section2 .pic-right {
      width: 175px;
  }
}
@media (max-width: 379px) {
  .res-section1 .stat-right {
    margin-top: 20px;
  }
}
/* END:  Residential Index Page */


/* Resources Page */

#resources .resource-button-container,
#resources .press-wrapper {
  padding          : 0;
  margin           : 0;
  list-style       : none;
  -ms-box-orient   : horizontal;
  display          : -webkit-box;
  display          : -moz-box;
  display          : -ms-flexbox;
  display          : -moz-flex;
  display          : -webkit-flex;
  display          : flex;
  -webkit-flex-flow: row wrap;
  flex-flow        : row wrap;
}
#resources .press-wrapper {
  margin: 0 0 34px 0;
}
#resources .resource-button,
#resources .press-button {
  padding           : 24px 24px 20px 24px;
  box-shadow        : 0 5px 15px 0 rgba(37,44,97,.15), 0 2px 4px 0 rgba(93,100,148,.2);
  border-radius     : 6px;
  justify-content   : center;
  width             : 220px;
  text-align        : center;
  margin            : 10px auto;
  font-size         : 18px;
  font-weight       : 500;
  transition        : transform .35s;
  -webkit-transition: transform .35s;
  -moz-transition   : transform .35s;
  -ms-transition    : transform .35s;
  -o-transition     : transform .35s;
}
#resources .press-button {
  min-width       : 80%;
  max-width       : 95%;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(245, 245, 250));
}
#resources .press-button .title {
  font-size  : 25px;
  line-height: 29px;
  margin     : 0 0 10px 0;
}
#resources .press-button .sub-title {
  font-size : 14px;
  color     : gray;
  margin-top: 1px;
}
#resources .press-button .source {
  font-size : 14px;
  color     : #464646;
  margin-top: 15px;
}
#resources .resource-button i {
  font-size         : 20px;
  color             : #2b9cd3;
  padding-right     : 5px;
}
#resources .resource-button:hover,
#resources .press-button:hover {
  cursor           : pointer;
  transform        : translateY(-2px);
  box-shadow       : rgba(37, 44, 97, 0.15) 0px 10px 30px 0px, rgba(93, 100, 148, 0.2) 0px 4px 18px 0px;
  -webkit-transform: translateY(-2px);
  -moz-transform   : translateY(-2px);
  -ms-transform    : translateY(-2px);
  -o-transform     : translateY(-2px);
}
/* END:  Resources Page */


/* Pricing Page */
#pricing {
  /* width           : 100vw; */
  /* height          : 100vh; */
  background-image: linear-gradient( to right,#f5f5fa,#fff,#f5f5fa );
}
#pricing .page-wrapper {  
  padding-top: 120px;
}
#pricing .heading {
  font-size     : 34px;
  font-weight   : 600;
  text-align    : center;
  line-height   : 36px;
  letter-spacing: 1.5px;
  margin-bottom : 34px;
}

#pricing .price-grid {
  align-items: center;
}
#pricing .price-grid .bronze-silver {
  padding           : 40px;
  color             : black;
  box-shadow        : 0 5px 15px 0 rgba(37,44,97,.15), 0 2px 4px 0 rgba(93,100,148,.2);
  -webkit-transition: transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  -webkit-transition: transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  transition        : transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  background-image  : linear-gradient(#fff,#f5f5fa);
  -moz-transition   : transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  -ms-transition    : transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  -o-transition     : transform 0.2s ease-out,         box-shadow 0.2s ease-out;
#pricing .price-grid .gold {
}
  padding: 40px;
  color: white;
  box-shadow: 0 5px 13px 0 rgba(37,44,97,.25), 0 2px 4px 0 rgba(93,100,148,.3);
  -webkit-transition: transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  -webkit-transition: transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  transition: transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  background-image: radial-gradient( circle at 50% 0,#3a416f,#21243d );
  -moz-transition: transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  -ms-transition: transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  -o-transition: transform 0.2s ease-out,         box-shadow 0.2s ease-out;
}

#pricing .price-grid .separator::after {
  content   : '';
  position  : absolute;
  top       : 0px;
  bottom    : 0px;
  width     : 1px;
  left      : 0px;
  background: linear-gradient(rgba(197, 201, 224, 0), rgb(197, 201, 224), rgba(197, 201, 224, 0));
}

#pricing .price-grid .package-icon {
  width      : 75px;
  height     : 75px;
  margin-left: -5px;
}
#pricing .pricing-feature-list-tabs .package-icon-small {
  width      : 55px;
  height     : 55px;
  margin-left: -5px;
}
#pricing .price-grid .package-title,
#pricing .price-grid .package-header,
#pricing .feature-card .package-title {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight   : 600;
  font-size     : 12px;
  margin-bottom : 34px;
  margin-top    : 20px;
  line-height   : 15px;
}
#pricing .price-grid .package-description,
#pricing .price-grid .package-text {
  text-align: center;
  font-size : 14px;
  margin-top: 16px;
}
#pricing .price-grid .package-header {
  margin-bottom: 0;
  text-align: left;
  color: F4F4F6;
}
#pricing .price-grid .package-text {
  font-size    : 14px;
  line-height  : 19px;
  margin-top   : 5px;
  margin-bottom: 30px;
  text-align   : left;
  color        : F4F4F6;
}
#pricing .rounded-outline-button,
#residential-app .rounded-outline-button {
  border       : 2px solid #2B9CD3;
  padding      : 8px;
  color        : #2B9CD3;
  background   : white;
  border-radius: 31px;
  text-align   : center;
  font-weight  : 300;
  font-size    : 14px;
  margin-top   : 14px;
  max-width    : 345px;
  margin       : 14px auto 0 auto;
}
#pricing .rounded-outline-button:hover,
#residential-app .rounded-outline-button:hover {
  color     : white;
  background: #2B9CD3;
  cursor    : pointer;
}
#pricing .pricing-feature-list-tabs .f-l,
#pricing .pricing-feature-list-tabs .f-b,
#pricing .pricing-feature-list-tabs .f-s,
#pricing .pricing-feature-list-tabs .f-g {
  display        : flex;
  justify-content: center;
  align-content  : center;
  flex-direction : column;
  text-align     : center;
  color          : #5d6494;
  font-size      : 17px;
}
#pricing .pricing-feature-list-tabs .f-l {
  font-size  : 14px;
  font-weight: 400;
  text-align : left;
  width      : 50%;
}
#pricing .pricing-feature-list-tabs .fa-check-circle {
  color: #61C5C8;
}
#pricing .pricing-feature-list-tabs .feature-card {
  padding              : 48px;
  box-shadow           : 0 5px 15px 0 rgba(37,44,97,.15), 0 2px 4px 0 rgba(93,100,148,.2);
  border-radius        : 2px;
  -webkit-transition   : transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  -webkit-transition   : transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  transition           : transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  background-image     : linear-gradient(#fff,#f5f5fa);
  -webkit-border-radius: 2px;
  -moz-border-radius   : 2px;
  -ms-border-radius    : 2px;
  -o-border-radius     : 2px;
  -moz-transition      : transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  -ms-transition       : transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  -o-transition        : transform 0.2s ease-out,         box-shadow 0.2s ease-out;
}
#pricing .pricing-feature-list-tabs .feature-card .separator:after {
  content     : '';
  margin      : 12px;
  display     : block;
  height      : 1px;
  background  : linear-gradient( to right,rgba(197,201,224,0),rgba(197,201,224,1),rgba(197,201,224,0) );
  -webkit-flex: 1 1 100%;
  -ms-flex    : 1 1 100%;
  flex        : 1 1 100%;
}
#pricing .nav-tabs .nav-link {
  height    : 125px;
  width     : 100px;
  text-align: center;
}

@media (min-width: 992px) {
  #pricing .price-grid {
    grid-template-columns: repeat(2,1fr);
    display: grid;
  }
  #pricing .pricing-feature-list-tabs .tab-content>.tab-pane {
    display: block;
  }
}
@media (max-width: 992px) {
  #pricing .pricing-feature-list-tabs .feature-card {
    padding: 20px 10px;
  }
}
/* END:  Pricing Page */

/* Fixed Nav Bar */
#pricing .nav-item.active,
#resources .nav-item.active,
#about .nav-item.active,
#residential-app .nav-item.active  {
  border-bottom: 2px solid #2b9cd3;
}
/* END: Fixed Nav Bar */


/* About Us Page */
#about {
  background-image: linear-gradient( to right,#f5f5fa,#fff,#f5f5fa );
}
/* END:  About Us Page */


/* Residential App Page */
#residential-app {
  background-image: linear-gradient( to right,#f5f5fa,#fff,#f5f5fa );
}
#residential-app .header {
  height             : 57vh;
  background         : url('https://storage.googleapis.com/propertytax/site_images/home_in_nbhd_clouds.jpg');
  background-position: bottom;
  background-repeat  : no-repeat;
  background-size    : cover;
}
#residential-app .header .heading {
  font-size  : 36px;
  color      : black;
  font-weight: 900;
  text-align : center;
  line-height: 37px;
  padding-top: 47px;
}
#residential-app .header .sub-heading {
  font-size  : 25px;
  color      : white;
  text-align : center;
  font-weight: 700;
  line-height: 29px;
  padding-top: 22px;
  margin     : 0 40px;
  text-shadow: 0 0 9px black;
}
#residential-app .section-header {
  font-size: 30px;
  font-weight: 600;
  line-height: 31px;
  text-align: center;
}
#residential-app .section-sub-header {
  font-size    : 20px;
  font-weight  : 400;
  line-height  : 21px;
  text-align   : center;
  margin-bottom: 35px;
}
#residential-app .lg-left-sm-bottom {
  grid-area: lg-left-sm-bottom;
  align-self: center;
}
#residential-app .lg-right-sm-top {
  grid-area: lg-right-sm-top;
  align-self: center;
}
#residential-app .right-to-top {
  display              : grid;
  grid-gap             : 20px;
  grid-template-columns: repeat(2,1fr);
  grid-template-areas  : 'lg-left-sm-bottom lg-right-sm-top';
}
#residential-app .lg-left-sm-top {
  grid-area: lg-left-sm-top;
  align-self: center;
}
#residential-app .lg-right-sm-bottom {
  grid-area: lg-right-sm-bottom;
  align-self: center;
}
#residential-app .right-to-bottom {
  display              : grid;
  grid-gap             : 20px;
  grid-template-columns: repeat(2,1fr);
  grid-template-areas  : 'lg-left-sm-top lg-right-sm-bottom';
}

#residential-app .screen-shot {
  width  : 100%;
  padding: 0;
  margin : 0;
  box-shadow: 0 5px 15px 0 rgba(37,44,97,.15), 0 2px 4px 0 rgba(93,100,148,.2);
}
#residential-app .text-box {
  text-align        : left;
  padding           : 20px;
  background-image  : linear-gradient(#fff,#f5f5fa);
  box-shadow        : 0 5px 15px 0 rgba(37,44,97,.15), 0 2px 4px 0 rgba(93,100,148,.2);
  -webkit-transition: transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  -webkit-transition: transform 0.2s ease-out,         box-shadow 0.2s ease-out;
  transition        : transform 0.2s ease-out,         box-shadow 0.2s ease-out;
}

#residential-app ul.two-column-responsive,
#residential-app ul.one-column-responsive {
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(50%, 1fr)); 
}
#residential-app ul.one-column-responsive {
  grid-template-columns: 1fr; 
}
#residential-app ul.two-column-responsive li,
#residential-app ul.one-column-responsive li {
  text-align: left;
  padding-bottom: 5px;
}
#residential-app ul.two-column-responsive li:before,
#residential-app ul.one-column-responsive li:before {
  content: '\1F5F8';
  color: green;
  margin-left: -20px;
  margin-right: 10px;
}
#residential-app .text-box p.title {
  font-size  : 20px;
  font-weight: 600;
  padding    : 0;
  margin     : 0 0 2px 0;
}
#residential-app .text-box p.sub-title {
  font-size  : 17px;
  font-weight: 400;
  padding    : 0;
  margin     : 0 0 10px 0;
}
#residential-app .feature-in-package {
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
}
#residential-app .btn-rounded-multiline,
#main-wrapper .btn-rounded-multiline {
  padding              : 10px 25px 5px 25px;
  width                : max-content;
  background           : white;
  color                : #2b9cd3;
  text-align           : center;
  border               : 2px solid #2b9cd3;
  border-radius        : 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  -ms-border-radius    : 5px;
  -o-border-radius     : 5px;
  transition           : 0.2s ease-in;
  -webkit-transition   : 0.2s ease-in;
  -moz-transition      : 0.2s ease-in;
  -ms-transition       : 0.2s ease-in;
  -o-transition        : 0.2s ease-in;
}
#residential-app .btn-rounded-multiline:hover,
#residential-app .btn-rounded-multiline:active,
#main-wrapper .btn-rounded-multiline:hover,
#main-wrapper .btn-rounded-multiline:active {
  color     : white;
  background: #2b9cd3;
  cursor    : pointer;
}
#residential-app .btn-rounded-multiline .btn-top-line,
#main-wrapper .btn-rounded-multiline .btn-top-line {
  font-size  : 15px;
  font-weight: 300;
  line-height: 10px;
}
#residential-app .btn-rounded-multiline .btn-bottom-line,
#main-wrapper .btn-rounded-multiline .btn-bottom-line {
  font-size  : 18px;
  font-weight: 600;
}
#residential-app .btn-text-below,
#main-wrapper .btn-text-below {
  max-width  : fit-content;
  font-size  : 13px;
  text-align : center;
  line-height: 16px;
  margin-top : 4px;
}
#residential-app .package-icon {
  width: 80px;
}
#residential-app #tab-section .tab-title {
  font-size    : 26px;
  font-weight  : 700;
  text-align   : center;
  width        : 100%;
  margin-bottom: 12px;
}
#residential-app #tab-section .text-box.tab-wrapper {
  height: 100%;
  text-align: center;
}
#residential-app #tab-section .text-box.tab-wrapper:hover,
#residential-app #tab-section .text-box.tab-wrapper.active {
  cursor           : pointer;
  box-shadow       : rgba(37, 44, 97, 0.15) 0px 10px 30px 0px, rgba(93, 100, 148, 0.2) 0px 4px 18px 0px;
  transform        : translateY(-2px);
  -webkit-transform: translateY(-2px);
  -moz-transform   : translateY(-2px);
  -ms-transform    : translateY(-2px);
  -o-transform     : translateY(-2px);
}
#residential-app #tab-section .text-box.tab-wrapper.active {
  border-bottom: 3px solid green;
  border-top: 3px solid green;
}

#residential-app #tab-section {
  margin: 30px 0 10px 0;

}
@media (max-width: 960px) {
  #residential-app .right-to-top {
    grid-template-columns: 1fr;
    grid-template-areas: 
      'lg-right-sm-top'
      'lg-left-sm-bottom';
  }
  #residential-app .right-to-bottom {
    grid-template-columns: 1fr;
    grid-template-areas: 
      'lg-left-sm-top'
      'lg-right-sm-bottom';
  }
}
/* END:  Residential App Page */

/* About Us page */
#about .header {
  font-size    : 34px;
  font-weight  : 700;
  line-height  : 39px;
  margin-bottom: 40px;
  text-align   : center;
}
#about section {
  padding         : 30px;
  margin          : 20px auto;
  background-image: linear-gradient(#fff,#f5f5fa);
  box-shadow      : 0 5px 15px 0 rgba(37,44,97,.15), 0 2px 4px 0 rgba(93,100,148,.2);
}
#about .title {
  font-size  : 28px;
  font-weight: 600;
  line-height: 25px;
  text-align : left;
  margin     : 10px 0 5px 0px;
}
#about .message {
  font-size  : 19px;
  font-weight: 200;
  line-height: 22px;
  text-align : justify;
  margin-left: 10px;
}
#about .link {
  color      : #2B9CD3;
  margin-left: 10px;
  cursor     : pointer;
  line-height: 23px;
  margin-top : 5px;
}
#about .link:hover,
#about .link:active {
  color: darkgray;
}
#about .link::after {
  font-family   : 'Font Awesome 5 Free';
  font-weight   : 900;
  content       : '\f0da';
  color         : #2B9CD3;
  margin-left   : 10px;
  vertical-align: sub;
  font-size     : 22px;
}
#about #contact tr td {
  padding: 3px 12px;
}
#about #contact tr td:nth-child(2),
#about #contact tr td > span {
  font-weight: 500;
}
#about #contact table tr td.cell-link:hover {
  cursor    : pointer;
  background: #2B9CD3;
  color     : white;
}
/* About Us page */

/* Timeline specific CSS */
.ps-timeline-sec {
  position  : relative;
  background: #fff;
}
.ps-timeline-sec .container {
  position: relative;
}
@media screen and (max-width: 767px) {
  .ps-timeline-sec .container ol:before {
    background   : #348e80;
    content      : '';
    width        : 10px;
    height       : 10px;
    border-radius: 100%;
    position     : absolute;
    top          : 0px !important;
    left         : 30px !important;
  }
  .ps-timeline-sec .container ol:after {
    background   : #348e80;
    content      : '';
    width        : 10px;
    height       : 10px;
    border-radius: 100%;
    position     : absolute;
    top          : inherit !important;
    left         : 29px;
  }
  .ps-timeline-sec .container ol.ps-timeline {
    margin      : 100px 0 !important;
    border-left : 2px solid #348e80;
    padding-left: 0 !important;
    padding-top : 120px !important;
    border-top  : 0 !important;
    margin-left : 25px !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li {
    height: 170px;
    float : none !important;
    width : inherit !important;
  } 
  .ps-timeline-sec .container ol.ps-timeline li span {
    left: -10px !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    position     : absolute !important;
    bottom       : 72% !important;
    width        : 30% !important;
    float        : left !important;
    margin-left  : 35px !important;
    margin-bottom: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
    margin: 0 auto !important;
    /* width : 80% !important; */
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    position     : absolute !important;
    bottom       : 72% !important;
    width        : 30% !important;
    float        : left !important;
    margin-left  : 35px !important;
    margin-bottom: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li p {
    text-align: left !important;
    width     : 100% !important;
    margin    : 0 auto !important;
    margin-top: 0px !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .ps-top {
    width: 60% !important;
    float: right !important;
    right: 0;
    top: -40px;
  }
  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    width: 60% !important;
    float: right !important;
    right: 0;
    top  : -87px;
  }
   /* .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
    width: 70px;
  } */
  /* .ps-timeline-sec .container ol.ps-timeline li:last-child {
    margin: 0;
    bottom: 0 !important;
    height: 120px;
  } */
  /* .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
    bottom     : 40px !important;
    width      : 40% !important;
    margin-left: 25px !important;
    margin-top : 0 !important;
  } */
  /* .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
    display: table;
    margin : 0;
    width  : 148px;
  } */
  /* .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
    margin-bottom: 0 !important;
    top          : 20px;
    width        : 50% !important;
  } */
}
@media screen and (max-width: 480px) {
  .ps-timeline-sec .container ol.ps-timeline li {
    height: 220px;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    bottom: 84% !important;
    width : 28%;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    bottom: 84% !important;
    width: 28% !important;
    margin-left: 30px !important;
  }

}

.ps-timeline-sec .container ol:before {
  background           : #348e80;
  content              : '';
  width                : 14px;
  height               : 14px;
  border-radius        : 100%;
  position             : absolute;
  left                 : 5px;
  top                  : -6px;
  -webkit-border-radius: 100%;
  -moz-border-radius   : 100%;
  -ms-border-radius    : 100%;
  -o-border-radius     : 100%;
}
.ps-timeline-sec .container ol:after {
  background           : #348e80;
  content              : '';
  width                : 14px;
  height               : 14px;
  border-radius        : 100%;
  position             : absolute;
  right                : 0px;
  top                  : -6px;
  -webkit-border-radius: 100%;
  -moz-border-radius   : 100%;
  -ms-border-radius    : 100%;
  -o-border-radius     : 100%;
}
.ps-timeline-sec .container ol.ps-timeline {
  margin    : 300px 0;
  padding   : 0;
  border-top: 2px solid #348e80;
  list-style: none;
}
.ps-timeline-sec .container ol.ps-timeline li {
  float      : left;
  width      : 20%;
  padding-top: 30px;
  position   : relative;
}
.ps-timeline-sec .container ol.ps-timeline li span {
  width                : 65px;
  height               : 65px;
  margin-left          : -25px;
  background           : #fff;
  border               : 3px solid #348e80;
  border-radius        : 50%;
  box-shadow           : 0 0 0 0px #fff;
  color                : #DF8624;
  font-size            : 17px;
  position             : absolute;
  top                  : -38px;
  left                 : 46%;
  text-align           : center;
  line-height          : 23px;
  padding-top          : 7px;
  font-weight          : 500;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  -ms-border-radius    : 50%;
  -o-border-radius     : 50%;
  padding-left         : 1px;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
  content   : '';
  color     : #348e80;
  width     : 2px;
  height    : 50px;
  background: #348e80;
  position  : absolute;
  top       : -50px;
  left      : 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
  content      : '';
  color        : #348e80;
  width        : 8px;
  height       : 8px;
  background   : #348e80;
  position     : absolute;
  bottom       : 103px;
  left         : 45%;
  border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
  content: '';
  color: #348e80;
  width: 2px;
  height: 50px;
  background: #348e80;
  position: absolute;
  bottom: -50px;
  left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
  content      : '';
  color        : #348e80;
  width        : 8px;
  height       : 8px;
  background   : #348e80;
  position     : absolute;
  top          : 104px;
  left         : 44%;
  border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
  position     : absolute;
  bottom       : 0;
  margin-bottom: 130px;
  width        : 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
  display: table;
  margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
  position  : absolute;
  margin-top: 60px;
  width     : 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
  display: table;
  margin : 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li p {
  text-align: center;
  width     : 80%;
  margin    : 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-top {
  position     : absolute;
  bottom       : 0;
  margin-bottom: 100px;
  font-size    : 13px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
  position  : absolute;
  margin-top: 35px;
  font-size : 13px;
}
/* Timeline specific CSS */

/* Proerty Search Loader icon */
.ps-loader {
  margin           : 0 auto;
  width            : 60px;
  height           : 35px;
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.ps-loader > div {
  height           : 100%;
  width            : 8px;
  display          : inline-block;
  float            : left;
  margin-left      : 2px;
  -webkit-animation: delay 0.8s infinite ease-in-out;
  animation        : delay 0.8s infinite ease-in-out;
}
.ps-loader .bar1 {
  background-color: #754fa0;
}
.ps-loader .bar2 {
  background-color: #09b7bf;
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.ps-loader .bar3 {
  background-color: #90d36b;
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.ps-loader .bar4 {
  background-color: #f2d40d;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.ps-loader .bar5 {
  background-color: #fcb12b;
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.ps-loader .bar6 {
  background-color: #ed1b72;
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

@-webkit-keyframes delay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.05);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes delay {
  0%, 40%, 100% {
    transform: scaleY(0.05);
    -webkit-transform: scaleY(0.05);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
/* END:  Proerty Search Loader icon */

#capture_info md-radio-button .md-off {
  border-color: white;
}



#bullet-points {
  padding-left: 30px;
}
#bullet-points .header-point {
  font-size  : 21px;
  font-weight: 400;
  line-height: 19px;
  color      : #2B9CD3;
  margin-top : 12px;
}
#bullet-points .text-point,
#bullet-points .link-point {
  font-size  : 17px;
  font-weight: 100;
  color      : white;
  line-height: 21px;
  margin-left: 5px;
}
#bullet-points .link-point {
  font-size  : 16px;
}
#bullet-points .link-point a {
  color: rgba(43, 156, 211, 1);
}
#bullet-points .link-point a:hover {
  color: white;
}
#bullet-points .link-point a:hover span {
  color: #2B9CD3;
}
@media screen and (max-width: 767px) {
  #bullet-points {
    padding-left: 0px;
  }
  #bullet-points .header-point {
    text-align: center;
  }
  #bullet-points .text-point {
    text-align: center;
    margin-left: 5px;
  }
}

.desktop-prop-card-wrapper {
  font-weight: 100;
  width: 767px;
  margin-bottom: 20px;
  position: relative;
  background: white;
  border-radius: 0 4px 4px 4px;
  margin-top: 24px;
}

.color-light-blue {
  color: #00b4ff
}

.desktop-propcard-panel {
  margin: 5px
}
.pts-wrapper {
  color: black;
  margin: 7px 0 0 0;
  padding: 0 5px 0 10px;
  width: 200px;
  border-right: 1px solid lightgray;
}
.pts-wrapper .header-main {
  font-size: 1rem;
  font-weight: bold;
}
.pts-wrapper .header-tax-savings {
  color: black;
  font-weight: bold;
  font-size: 16px;
  font-weight: bold;
}
.pts-wrapper .header-items {
  margin-top  : 10px;
  margin-left : 5px;
  font-size   : 13px;
  font-weight : bold;
}

.pts-wrapper .items-wrapper {
  font-size: 12px;
  margin: 1px 5px;
}

.pts-wrapper .header-items:after {
  content: '';
  margin: 2px;
  display: block;
  height: 1px;
  background: linear-gradient( to right,rgba(197,201,224,.2),rgba(197,201,224,.6),rgba(197,201,224,.2) );
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.pts-wrapper .item-title {
  font-weight: 400;
  padding: 0;
  margin: 0 0 0 5px;
}
.pts-wrapper .item-value {
  font-weight: 600;
}
.edit-link a {
  font-size: 0.6rem;
  text-decoration: underline;
  padding: 0 5px 0 0;
  text-align: right;
  color: #00b4ff;
}
.pts-wrapper .edit-link a:hover {
  cursor: pointer;
}

.price-table-wrapper {
  font-size: 12px;
  color: black;
  margin: 0px 5px 0 -10px;
}
.price-table-wrapper .package-options {
  width: 198px;
  height: 419px;
  margin: 10px 0 0 10px;
  padding: 10px 0 0 0;
  border-left: 1px solid #e7e7e7;
  box-shadow: 3px 0 5px 0 #a8a8a8;
  -webkit-box-shadow: 3px 0 5px 0 #a8a8a8;
  z-index: 10;
}
.price-table-wrapper .package-details {
  width: 112px;
  height: 419px;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  box-shadow: 3px 0 5px 0 #a8a8a8;
  -webkit-box-shadow: 3px 0 5px 0 #a8a8a8;
}
.price-table-wrapper .package-details.recommended {
  background: #b3ffb3;
}
.price-table-wrapper .table-header {
  height: 128px;
  text-align: center;
  margin-bottom: 8px;
  overflow: hidden;
}
.price-table-wrapper .table-header img {
  width: 40px;
  height: 40px;
}
.price-table-wrapper .table-header .package-name {
  letter-spacing: 2.5px;
  font-weight: 600;
  font-size: 11px;
  margin-top: 5px;
  line-height: 14px;
  color: #303030;
}
.price-table-wrapper .table-header .package-price {
  text-align: center;
  font-size: 23px;
  font-weight: 700;
  color: #676767;
}
.price-table-wrapper .lineitem {
  line-height: 1.4;
  text-align: left;
  height: 42px;
  background: rgba(103, 103, 103, .07);
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 5px;
}
.price-table-wrapper .lineitem i.fa-check-circle,
.price-table-wrapper .lineitem.light i.fa-check-circle{
  font-size: 17px;
  color: #61C5C8;
}
.price-table-wrapper .lineitem i.fa-times-circle,
.price-table-wrapper .lineitem.light i.fa-times-circle{
  font-size: 17px;
  color: #f75757;
}
.price-table-wrapper .lineitem.light {
  background: transparent;
}