html {
  position: relative;
  min-height: 100%;
}

body {
  overflow-x: hidden;
  color: #656566;
  background-color: #F7FBFD;
  font-family: 'Montserrat', sans-serif;
}

/********** GENERAL **********/
a{
  color: #F79821;
}
a:hover{
  text-decoration: none;
  color: #E3830A;
}


h1{
  font-size: 52px;
  font-weight: 700;
  color: #1C79BE;
}
h2{
  font-size: 35px;
  font-weight: 600;
  color: #F79821;
}
h3{
  font-size: 33px;
  font-weight: 500;
  color: #1C79BE;
}
h4{
  font-size: 30px;
  font-weight: 400;
  color: #ffffff;
}
h5{
  font-size: 20px;
  font-weight: 500;
  color: #313233;
}
@media only screen and (max-width: 767px) {
  h4{
    font-size: 23px;
  }
}
hr{
  border-color: #EBEBEB;
  margin: 30px 0;
}
.text-primary{
  color: #1C79BE !important;
}
.text-dark{
  color: #313233 !important;
}
.text-muted{
  color: #656566 !important;
}
.font-500{
  font-weight: 500;
}
/********** GENERAL **********/





/********** FORM **********/
textarea.form-control{
  min-height: 120px;
  resize: none;
}
.form-control:disabled,
.form-control[readonly]{
  background-color: #F8FCFF;
  opacity: 1;
  color: #656566;
}
.form-group{
  margin-bottom: 30px;
}
.input-group-prepend .input-group-text{
  font-size: 14px;
  padding: 2px 10px;
  background: #bce0fd;
  border-color: #bce0fd;
  border-radius: 0;
}
.input-group .form-control{
  margin-top: 0 !important;
}
.form-control{
  background-color: #FFFFFF;
  border: 1px solid #BCE0FD;
  height: auto;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.form-control-select select{
  width: 75px;
  display: inline-block;
}
.form-control-select{
  font-weight: normal;
}
.form-control:focus{
  outline: none;
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  .form-group{
    margin-bottom: 20px;
  }
  .form-control{
    font-size: 16px !important;
    padding: 10px 15px !important;
  }
}
label{
  width: 100%;
  font-weight: 600;
}
label .form-control{
  margin-top: 5px;
}
label span{
  color: #F79821;
}
.note{
  color: #656566 !important;
  font-size: 9px !important;
  font-style: italic !important;
}

.img_preview{
  position: relative;
  margin-top: 5px;
  width: 170px;
  height: 150px;
  border: 1px solid #BCE0FD;
  /*background-image: url(../img/placeholder.png);*/
  background-repeat: no-repeat;
  background-position: center;
}
.img_preview::before{
  content: 'UPLOAD';
  position: absolute;
  z-index: 3;
  display: inline-block;
  background-color: #F79821;
  color: #ffffff;
  border-radius: 5px;
  font-size: 11px;
  padding: 5px 25px;
  right: -5px;
  bottom: 5px;
  pointer-events: none;
  cursor: pointer;
}
.img_preview img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img_preview input{
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}


/* checkmark */
.checkmark-wrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
  line-height: 1.8;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .checkmark-wrapper{
    margin-bottom: 5px;
  }
}

/* Hide the browser's default checkbox */
.checkmark-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #BCE0FD;
}

/* On mouse-over, add a grey background color */
.checkmark-wrapper:hover input ~ .checkmark {
  background-color: #BCE0FD;
}

/* When the checkbox is checked, add a blue background */
.checkmark-wrapper input:checked ~ .checkmark {
  background-color: #1C79BE;
  border-color: #1C79BE;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkmark-wrapper input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkmark-wrapper .checkmark:after {
  left: 9px;
  top: 4px;
  width: 7px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* checkmark */
/********** FORM **********/





/********** BUTTON **********/
.btn{
  border-radius: 5px;
  font-size: 15px !important;
  min-width: 140px;
  padding: 6px 12px;
  outline: none !important;
  box-shadow: none !important;
  border:1px solid transparent;
}
table .btn{
  font-size: 12px !important;
  min-width: 100px;
  padding: 5px 8px;
}
.btn-sm{
  padding: 3px 5px;
  font-size: 14px !important;
  min-width: auto;
}
.btn-lg{
  padding: 15px;
  width: 100%;
  max-width: 300px;
  font-size: 23px !important;
  min-width: auto;
}
@media only screen and (max-width: 767px) {
  .btn-lg{
    font-size: 16px !important;
  }
}
.btn-primary{
  background-color: #F89921;
  border-color: #F89921;
  border: 2px solid #F89921;
  color: #ffffff;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:active:focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
  background-color: #E3830A;
  border-color: #E3830A;
  color: #ffffff;
}
.btn-outline-primary{
  background-color: #ffffff;
  border: 2px solid #F89921;
  color: #F89921;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{
  background-color: #FFF5E8;
  border-color: #F79821;
  color: #F89921;
}

.btn-outline-secondary{
  background-color: #ffffff;
  border: 2px solid #656566;
  color: #656566;
}
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle{
  background-color: #656566;
  border-color: #656566;
  color: #ffffff;
}
.btn-danger{
  background-color: #E83315;
  border: 2px solid #E83315;
  color: #ffffff;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:active:focus, .btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle{
  background-color: #E83315;
  border-color: #E83315;
  color: #ffffff;
}
.btn-outline-danger{
  background-color: #ffffff;
  border: 2px solid #E83315;
  color: #E83315;
}
.btn-outline-danger:hover, .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle{
  background-color: #E83315;
  border-color: #E83315;
  color: #ffffff;
}
/********** BUTTON **********/



.content-wrapper {
  padding: 15px 0;
}

@media (min-width: 992px) {
  .content-wrapper {
    margin-left: 250px;
    padding: 20px;
  }
}

.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 5px;
  display: none;
  width: 40px;
  height: 40px;
  text-align: center;
  color: white;
  background: rgba(52, 58, 64, 0.5);
  line-height: 2.5;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: #343a40;
}

.scroll-to-top i {
  font-weight: 800;
}

.smaller {
  font-size: 0.7rem;
}

.o-hidden {
  overflow: hidden !important;
}

.z-0 {
  z-index: 0;
}

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

#mainNav{
  position: relative;
  background-color: #1C79BE;
}
#mainNav .navbar-collapse {
  overflow: auto;
  max-height: 75vh;
}
#mainNav .navbar-collapse .navbar-nav .nav-item .fa{
  font-size: 16px;
  margin-right: 2px;
}
#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
  cursor: pointer;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
}
@media only screen and (min-width: 992px) {
  #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link.collapsed{
    pointer-events: none;
  }
}
@media only screen and (max-width: 991px) {
  .navbar-nav .nav-link{
    padding: 15px !important;
  }
}
#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  float: right;
  content: '\f107';
  font-family: 'FontAwesome';
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
  content: '\f105';
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level{
  padding-left: 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
  display: block;
  padding: 0.5em 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover {
  text-decoration: none;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
  padding-left: 1em;
}

@media only screen and (max-width: 991px) {
  #mainNav .active .collapse{
    /*display: block;*/
  }
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
  position: relative;
  min-width: 45px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  float: right;
  width: auto;
  content: '\f105';
  border: none;
  font-family: 'FontAwesome';
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
  position: absolute;
  top: 5px;
  left: 21px;
  font-size: 10px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
  content: '\f107';
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
  overflow: hidden;
  max-width: none;
  text-overflow: ellipsis;
}


#navbarAccordion::-webkit-scrollbar {
  width: 10px;
}
@media (min-width: 992px) {
  #navbarAccordion{
    height: calc(100vh - 238px);
    overflow-y: auto;
    overflow-x: hidden;
  }
}

/* Track */
#navbarAccordion::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#navbarAccordion::-webkit-scrollbar-thumb {
  background: #888;
}
#navbarAccordion::-webkit-scrollbar-thumb:hover {
  background: #555;
}




/* navbar-brand */
#mainNav .navbar-brand{
  padding: 0;
}
#mainNav .navbar-brand img{
  width: 40px;
  height: 40px;
  object-fit: cover;
}
@media (min-width: 992px) {
  #mainNav .navbar-brand img{
    width: 99px;
    height: 99px;
    object-fit: cover;
  }
  body.sidenav-toggled #mainNav .navbar-brand img{
    width: 80%;
    height: 80%;
    object-fit: cover
  }
  #mainNav .navbar-brand {
    width: 100%;
    padding: 0;
    margin: auto;
    text-align: center;
  }
}
/* navbar-brand */


@media only screen and (min-width: 992px) {
  .sidenav-second-level.collapse{
    display: block;
  }
}
body.sidenav-toggled .sidenav-second-level{
  display: none;
}
#mainNav .navbar-collapse .navbar-sidenav .navbar-nav > .nav-item .sidenav-second-level > li > a,
#mainNav .navbar-collapse .navbar-sidenav .navbar-nav > .nav-item .sidenav-second-level > li > a:hover{
  padding: 5px 8px;
  padding-left: 30px;
  font-size: 14px;
  color: #BCE0FD;
}
@media (min-width: 992px) {
  #mainNav {
    padding: 0;
    position: fixed;
  }
  #mainNav .navbar-collapse {
    overflow: visible;
    max-height: none;
  }
  #mainNav .navbar-collapse .navbar-sidenav {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #mainNav .navbar-collapse .navbar-sidenav .navbar-nav,
  #mainNav .navbar-collapse .navbar-sidenav .navbar-nav > .nav-item {
    /*width: 250px;*/
    padding: 0;
    display: block;
    background: #1C79BE;
  }
  #mainNav .navbar-collapse .navbar-sidenav .navbar-nav > .nav-item{
    margin-bottom: 0;
  }
  #mainNav .navbar-collapse .navbar-sidenav .navbar-nav > .nav-item > .nav-link {
    padding: 8px 17px;
    cursor: pointer;
    margin-bottom: -3px;
  }
  #mainNav .navbar-collapse .navbar-sidenav .navbar-nav > .nav-item .sidenav-second-level{
    padding-left: 0;
    list-style: none;
    margin-bottom: 18px;
  }
  #mainNav .navbar-collapse .navbar-sidenav .navbar-nav > .nav-item .sidenav-second-level > li{
    width: 250px;
  }
  #mainNav .navbar-collapse .navbar-sidenav .navbar-nav > .nav-item .sidenav-second-level > li > a,
  #mainNav .navbar-collapse .navbar-sidenav .navbar-nav > .nav-item .sidenav-second-level > li > a:hover{
    padding-left: 56px;
  }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
    min-width: 0;
  }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
    width: 24px;
    text-align: center;
  }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
    max-width: 300px;
  }
}


#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  color: #1C79BE;
  display: none;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
  color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
  color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a, {
  color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover {
  color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  color: #adb5bd;
}




#mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
  color: white !important;
  background-color: #F79821;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
  color: white;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level{
  background: #343a40;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active .sidenav-second-level a{
  background-color: transparent;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active .sidenav-second-level .active a{
  background-color: #0B69AF;
  color: #F79821 !important;
}




#mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a{
  color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover{
  color: rgba(0, 0, 0, 0.7);
}

#mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
    background: #f8f9fa;
  }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
    color: #000 !important;
    background-color: #e9ecef;
  }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
    color: #000;
  }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level{
    background: #f8f9fa;
  }
}


.sidebar-logo{
  background-color: #ffffff;
  height: 145px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/********** TOGGLER **********/
@media (min-width: 992px) {
  #mainNav.fixed-top .navbar-sidenav {
    height: calc(100vh - 59px);
  }
  #mainNav.fixed-top .sidenav-logout {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: calc(100vh - 53px);
  }
  #mainNav.fixed-top .sidenav-logout > .nav-item {
    width: 250px;
    padding: 0;
  }
  #mainNav.fixed-top .sidenav-logout > .nav-item > .nav-link {
    padding: 1em;
    border-top: 1px solid #BCE0FD;
  }
}

#mainNav.fixed-top.navbar-dark .sidenav-logout {
  background-color: #1C79BE;
}

#mainNav.fixed-top.navbar-light .sidenav-logout {
  background-color: #dee2e6;
}

#mainNav.fixed-top.navbar-light .sidenav-logout a i {
  color: rgba(0, 0, 0, 0.5);
}

body.sidenav-toggled #mainNav.fixed-top .sidenav-logout {
  overflow-x: hidden;
  width: 55px;
}

body.sidenav-toggled #mainNav.fixed-top .sidenav-logout .nav-item,
body.sidenav-toggled #mainNav.fixed-top .sidenav-logout .nav-link {
  width: 55px !important;
}

#sidenavToggler{
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH';
}

body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH';
}



#sidenavToggler i {
  font-weight: 800;
}

.navbar-sidenav-tooltip.show {
  display: none;
}

@media (min-width: 992px) {
  body.sidenav-toggled .content-wrapper {
    margin-left: 55px;
  }
}

body.sidenav-toggled .navbar-sidenav {
  width: 55px;
}
body.sidenav-toggled .navbar-sidenav .nav-item,
body.sidenav-toggled .navbar-sidenav .nav-link {
  width: 55px !important;
}
body.sidenav-toggled .nav-link-text,
body.sidenav-toggled .navbar-sidenav .nav-item:after,
body.sidenav-toggled .navbar-sidenav .nav-link:after {
  display: none;
}




.name-display{
  background-color: #F3F8FC;
  font-size: 17px;
  text-align: center;
}
.name-display a{
  display: block;
  padding: 8px;
  background: #e8f5ff;
}

.navbar-sidenav .initial-name{
  display: none;
}
.navbar-sidenav .initial-name img{
  width: 35px;
  height: 35px;
  object-fit: cover;
}
body.sidenav-toggled .navbar-sidenav .initial-name{
  display: block;
  border: 1px solid #1c79be;
}
body.sidenav-toggled .navbar-sidenav .nav-item {
  white-space: nowrap;
}

body.sidenav-toggled .navbar-sidenav-tooltip.show {
  display: flex;
}
/********** TOGGLER **********/






/********** LOGIN **********/
.splash-wrapper,
.login-wrapper{
  background-image: url(../img/login-bg.png);
  background-size: cover;
  min-height: 100vh;
  width: 100vw;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.login-wrapper{
  padding-top: 75px
}
.login-wrapper .form-control{
  font-size: 20px;
  padding: 15px 20px;
  max-width: 450px;
  margin: auto;
}
.splash-wrapper img{
  max-width: 300px;
  width: 80%;
}
.splash-wrapper{
  position: absolute;
  z-index: 5;

  -moz-animation: cssAnimation .3s ease-in 1s forwards;
  /* Firefox */
  -webkit-animation: cssAnimation .3s ease-in 1s forwards;
  /* Safari and Chrome */
  -o-animation: cssAnimation .3s ease-in 1s forwards;
  /* Opera */
  animation: cssAnimation .3s ease-in 1s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes cssAnimation {
  to {
    opacity: 0;
    z-index: -1;
    overflow:hidden;
  }
}
@-webkit-keyframes cssAnimation {
  to {
    opacity: 0;
    z-index: -1;
    visibility:hidden;
  }
}
.login-block{
  border: 5px solid #F9AA46;
  border-radius: 5px;
  background-color: rgba(255,255,255,0.20);
  max-width: 600px;
  width: 600px;
  padding: 110px 50px 90px 50px;
}
@media only screen and (max-width: 767px) {
  .login-block{
    width: 100%;
    padding: 120px 20px 60px;
  }
}

.login-block a.text-white{
  text-decoration: underline;
}
.login-block h4{
  font-weight: 600;
}
.logo-animate{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;

  -moz-animation: logoAnimate .3s ease-in 1s forwards;
  -webkit-animation: logoAnimate .3s ease-in 1s forwards;
  -o-animation: logoAnimate .3s ease-in 1s forwards;
  animation: logoAnimate .3s ease-in 1s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.logo-animate{
}
@keyframes logoAnimate {
  to {
    top: -75px;
    height: 150px;
  }
}
@-webkit-keyframes logoAnimate {
  to {
    top: -75px;
    height: 150px;
  }
}

/*.logo-animate img{
  -moz-animation: logoAnimate .3s ease-in 1s forwards;
  -webkit-animation: logoAnimate .3s ease-in 1s forwards;
  -o-animation: logoAnimate .3s ease-in 1s forwards;
  animation: logoAnimate .3s ease-in 1s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}*/
.login-section{
  position: relative;
  margin: 30px;
}
.logo-animate img{
  -moz-animation: logoAnimateImg .2s ease-in 1s forwards;
  -webkit-animation: logoAnimateImg .2s ease-in 1s forwards;
  -o-animation: logoAnimateImg .2s ease-in 1s forwards;
  animation: logoAnimateImg .2s ease-in 1s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes logoAnimateImg {
  from{
    width: 320px;
  }
  to {
    width: 150px;
  }
}
@-webkit-keyframes logoAnimateImg {
  from{
    width: 320px;
  }
  to {
    width: 150px;
  }
}
.login-block a{
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .login-block a{
    font-size: 16px;
  }
  .logo-animate img{
    max-width: 90px !important;
    width: 90px !important;
    height: 90px !important;
  }
}
.logo-forgot{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -75px;
  height: 150px;
  width: 100%;
}
.logo-forgot img{
  width: 150px;
}
/********** LOGIN **********/


/********** BREADCRUMB **********/
.breadcrumb {
  background-color: transparent;
  padding: 0;
  font-size: 13px;
  margin: 0;
}
.breadcrumb-item+.breadcrumb-item::before{
  content: '';
  font-family: FontAwesome;
  color: #636466;
}
.breadcrumb-item.active{
  color: #636466;
}
.header-title {
  margin-bottom: 30px;
}
.header-title h3{
  margin: 0;
}
.btn-wrapper{
  text-align: right;
}
.card .btn-wrapper{
  margin-top: 50px;
  margin-bottom: 30px;
}
.card .btn-wrapper .btn{
  margin-left: 10px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .card .btn-wrapper .btn {
    margin-left: 10px;
    margin-bottom: 8px;
    min-width: 80px;
    font-size: 14px;
  }
  .header-title h3{
    font-size: 25px;
    margin: 8px 0;
  }
}

/********** BREADCRUMB **********/



/********** CARD **********/
.card{
  background-color: #ffffff;
  border-color: #D9E8F3;
  border-radius: 10px;
  margin-bottom: 30px;
  position: relative;
}
.card-header{
  border-radius: 10px 10px 0 0 !important;
  background-color: #ffffff;
  border-color: #D9E8F3;
}
.card-header h5{
  margin: 0;
  display: inline-block;
}
.card-header .dropdown-menu.show{
  left: auto !important;
  right: 0;
  font-size: 14px;
  padding: 0;
}
.card-header .dropdown-menu a{
  display: block;
  padding: 5px !important;
}
.card-header .btn{
  font-size: 11px !important;
  min-width: 100px;
  padding: 5px 8px;
}
@media only screen and (max-width: 991px) {
  .card-header h5{
    font-size: 17px;
  }
  .card-header .btn{
    margin-top: 10px;
  }
}
.card-title{
  border-bottom: 2px solid #EBEBEB;
  padding-bottom: 15px;
  margin-bottom: 30px;
  color: #231F20;
  font-size: 23px;
  font-weight: 500;
}
.card-with-icon .card-body{
  padding-bottom: 10px !important;
}
.card-with-icon h1,
.card-with-icon h6{
  position: relative;
  z-index: 3
}
.card-with-icon h1{
  font-size: 99px;
  font-weight: 500;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .card-with-icon h1{
    font-size: 80px;
  }
}

.card-full .card-body{
  min-height: calc(100vh - 215px);
}
@media only screen and (max-width: 991px) {
  .card-full .card-body{
    min-height: auto;
  }
}

.card-body-icon {
  position: absolute;
  z-index: 0;
  bottom: -29px;
  left: -13px;
  font-size: 5rem;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
  color: #FAFAFA;
}
.card-body-icon-bg{
  position: absolute;
  z-index: 0;
  bottom: -60px;
  left: -13px;
  font-size: 200px;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
  color: #FAFAFA;
}
/********** CARD **********/



/********** CHARTS **********/
.chart{
  width: 100%;
}
#average_per_day,
#average_length_service,
#report_services_chart,
#average_per_month,
#heat_map{
  height: 400px;
}
@media only screen and (max-width: 767px) {
  #average_per_day{
    height: 250px;
  }
  #average_length_service{
    height: 300px;
  }
}

#heat_map{
  padding-bottom: 20px;
}
.amcharts-chart-div a{
  display: none !important;
}
/********** CHARTS **********/


/********** TABLE **********/
.table-responsive .container-fluid{
  padding: 0 !important;
}
.table-header,
.table-footer{
  font-size: 13px;
}
.table-header {
  margin-bottom: 15px !important;
}
.table-header label{
  margin: 0;
}
.table-header .dataTables_filter{
  position: relative;
}
.table-header .dataTables_filter label{
  position: relative;
  width: 100%;
  height: 40px;
}
.table-header .dataTables_filter input{
  position: absolute;
  left: 0;
  margin: 0 !important;
  top: 0;
  width: 100% !important;
  height: 40px;
}
@media only screen and (max-width: 767px) {
  .table-header select{
    height: auto !important;
    padding: 6px 5px !important;
  }
  .table-header>div{
    padding: 0 !important;
    margin-bottom: 8px !important;
  }
}
.profile-icon{
  width: 40px;
  height: 40px;
  border-radius: 100px;
  margin-right: 5px;
}
.table-icon{
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.table-footer{
  margin-top: 20px !important;
}

/* pagination */
@media only screen and (max-width: 767px) {
  .pagination{
    justify-content: center !important;
    margin-top: 15px !important;
  }
}
.page-link{
  border-color: #EBEBEB;
  color: #231F20;
  border-radius: 0 !important;
}
.page-item.active .page-link{
  background-color: #1C79BE;
  border-color: #1C79BE;
  color: #ffffff;
}
/* pagination */


/* table */
.table-wrapper{
  border: 1px solid #EBEBEB;
  margin: 20px 0 40px !important;
}
.table-wrapper table{
  margin: 0 !important;
}
.table thead th{
  border: none;
}
.table-bordered td,
.table-bordered th{
  border-left: none;
  border-right: none;
  font-size: 13px;
  vertical-align: middle;
}
.table-bordered td:last-child{
  text-align: right;
}
.table-bordered th{
  font-size: 15px;
  color: #313233;
  font-weight: 600;
}
.no-sorting{
  pointer-events: none;
}
.no-sorting::before,
.no-sorting::after{
  content: '' !important;
}
@media only screen and (max-width: 767px) {
  .table-footer>div{
    padding: 0;
  }
}
/* table */
/********** TABLE **********/



.view-details{
  /*min-height: calc(100vh - 247px);*/
  padding: 25px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media (min-width: 992px) {
  .view-details{
    min-height: calc(100vh - 201px);
    padding: 0;
  }
}
.extra-details{
  max-height: calc(100vh - 160px);
  overflow: auto;
}

@media (max-width: 1024px) {
  .extra-details{
    /*max-height: calc(100vh - 210px);*/
    overflow: visible;
  }
}


@media (max-width: 767px) {
  .extra-details{
    max-height: 100%;
  }
}


.extra-details::-webkit-scrollbar {
  width: 10px;
}
/* Track */
.extra-details::-webkit-scrollbar-track {
  background: #EBEBEB;
}
.extra-details::-webkit-scrollbar-thumb {
  background: #BCE0FD;
}
.extra-details::-webkit-scrollbar-thumb:hover {
  background: #9FCEF3;
}
.view-details img{
  width: 250px;
  height: 250px;
  object-fit: cover;
  margin-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .view-details img{
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
  }
  .view-details h3{
    font-size: 23px;
  }
}

.view-details.service img{
  width: 100px;
  height: 100px;
  margin-bottom: 30px;
}
.view-details span{
  font-weight: 500;
  max-width: 70%;
  display: block;
  margin: auto;
}
.view-details a,
.view-details p{
  font-weight: 500;
  font-size: 14px;
}



/********** MODAL **********/
.modal{
  text-align: center;
  padding: 0 !important;
}
.modal .close{
  position: absolute;
  right: -5px;
  top: -39px;
  background: #f89921;
  opacity: 1;
  text-shadow: none;
  font-weight: 500;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  outline: none;
  box-shadow: none;
  color: #ffffff;
}

.modal .close-request{
  background: #f89921;
  opacity: 1;
  text-shadow: none;
  font-weight: 500;
  border-radius: 100px;
  outline: none;
  box-shadow: none;
  color: #ffffff;
  border: 0;
}
.modal .close-request:hover{
  background-color: #E3830A;
}
.modal .close:hover{
  background-color: #E3830A;
}
.modal.delete-modal .close,
.modal.delete-modal .close:hover{
  background-color: #E83315;
}
.modal-content{
  border: 2px solid #F79821;
  border-radius: 10px;
  padding: 50px 15px;
  color: #313233;
}
.modal.delete-modal .modal-content{
  border: 2px solid #E83315;
}
.modal-title{
  color: #1C79BE;
  font-weight: 600;
  font-size: 28px;
}
.modal.delete-modal .modal-title{
  color: #E83315;
}
.modal-text{
  padding: 25px 0 30px;
}
.modal-text img{
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .modal-text img{
    max-width: 150px;
    margin-bottom: 10px;
  }
}
.modal-body{
  padding: 0;
}
.modal-footer {
  border: none;
  padding: 0;
  margin: auto;
  text-align: center;
}
.modal-footer .btn{
  min-width: 150px;
  padding: 5px;
  display: inline-block;
}
@media (min-width: 576px){
  .modal-dialog {
    max-width: 600px;
  }
}
/********** MODAL **********/





/********** ROLES **********/
.role-checkmarks .form-group .row{
  background-color: #FBFBFB;
  padding: 10px;
  margin: 0;
}
.role-list{
  color: #313233;
  margin: 0;
  padding: 0;
}
.role-list strong{
  width: 120px;
  display: inline-block;
}
/********** ROLES **********/





/********** HISTORY **********/
.rate-wrapper{
  padding: 0;
  margin: 0;
  list-style: none;
}
.rate-wrapper li{
  display: inline-block;
}

.service-type img{
  width: 70px;
  height: 70px;
  object-fit: contain;
}
.provider-details img{
  width: 90px;
  height: 90px;
}
.provider-details ul{
  font-size: 14px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .provider-details{
    text-align: center;
  }
  .provider-details .media{
    display: block;
  }
  .provider-details img{
    margin: 0 auto 15px !important;
  }
}

.patient-details {
  text-align: center;
}
.patient-details img{
  width: 150px;
  height: 150px;
  object-fit: cover;
  margin: 0 auto 20px;
}
.patient-details ul{
  font-size: 13px;
}

.sub-title{
  color: #313233;
  background-color: #EBEBEB;
  display: block;
  margin-right: -20px;
  margin-left: -20px;
  padding: 3px 20px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}
.details-wrapper{
  color: #313233;
  margin: 0;
}
.details-wrapper strong{
  display: block;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.details-wrapper li{
  margin-bottom: 20px;
}
.list-wrapper{
  margin-left: 15px;
  margin-bottom: 0;
}
.list-wrapper li{
  position: relative;
  margin-bottom: 10px;
  line-height: 1.3;
}
.list-wrapper li::before{
  content: '';
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 100%;
  border: 1px solid #1C79BE;
  position: absolute;
  left: -14px;
  top: 9px;
}
.no-show{
  background-color: #FFF5F3;
  border: 2px solid #E83315;
  border-radius: 10px;
  color: #E83315;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 33px;
  font-weight: 500;
}

.cancelled-declined{
  background-color: #FFF5F3;
  border: 2px solid #f29345;
  border-radius: 10px;
  color: #f29345;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 33px;
  font-weight: 500;
  text-align: center;
}


/********** HISTORY **********/

.published{
  color: #F79821;
}


/********** ERROR **********/
.error{
  text-align: center;
  min-height: calc(100vh - 100px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.error h1{
  font-size: 200px;
  font-weight: 900;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .error h1{
    font-size: 130px;
  }
}
/********** ERROR **********/



.tab-filter .nav-link{
  font-size: 13px;
  padding: 2px;
  color: #656566;
  background-color: transparent;
}
.tab-filter .nav-link.active{
  color: #1C79BE;
  font-weight: 700 !important;
  background-color: transparent;
}
.tab-filter > li > span{
  color: #656566;
  padding: 0 5px;
}







/********** SMART WIZARD **********/
#smartwizard .nav-tabs{
  border: none;
}
/* SmartWizard Basic CSS */
.sw-main {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border-radius: .25rem!important;
}

.sw-main .sw-container {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}

.sw-main .step-content {
  display: none;
  position: relative;
  margin: 0;
}

.sw-main .sw-toolbar {
  margin-left: 0;
}

/* SmartWizard Theme: White */
.sw-theme-default {
}

.sw-theme-default .sw-container {
  min-height: 250px;
}

.step-content .btn{
  margin-left: 10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .step-content .btn{
    min-width: auto !important;
  }
}



.sw-theme-default .sw-toolbar {
  background: #f9f9f9;
  border-radius: 0 !important;
  padding-left: 10px;
  padding-right: 10px;
  padding: 10px;
  margin-bottom: 0 !important;
}

.sw-theme-default .sw-toolbar-top {
  border-bottom-color: #ddd !important;
}

.sw-theme-default .sw-toolbar-bottom {
  border-top-color: #ddd !important;
}

.sw-theme-default > ul.step-anchor > li{
  position: relative;
  margin-right: 2px;
}

.sw-theme-default > ul.step-anchor > li > a, .sw-theme-default > ul.step-anchor > li > a:hover {
  border: none !important;
  color: #bbb;
  text-decoration: none;
  outline-style: none;
  background: transparent !important;
  border: none !important;
  cursor: not-allowed;
}

.sw-theme-default > ul.step-anchor > li.clickable > a:hover {
  color: #4285F4 !important;
  background: transparent !important;
  cursor: pointer;
}

.sw-theme-default > ul.step-anchor > li > a::after {
  content: "";
  background: #4285F4;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  -webkit-transition: all 250ms ease 0s;
  transition: all 250ms ease 0s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.sw-theme-default > ul.step-anchor > li.active > a {
  border: none !important;
  color: #4285F4 !important;
  background: transparent !important;
  cursor: pointer;
}

.sw-theme-default > ul.step-anchor > li.active > a::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.sw-theme-default > ul.step-anchor > li.done > a {
  border: none !important;
  color: #000 !important;
  background: transparent !important;
  cursor: pointer;
}

.sw-theme-default > ul.step-anchor > li.done > a::after {
  background: #1c79be;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.sw-theme-default > ul.step-anchor > li.danger > a {
  border: none !important;
  color: #d9534f !important;
  /* background: #d9534f !important; */
  cursor: pointer;
}

.sw-theme-default > ul.step-anchor > li.danger > a::after {
  background: #d9534f;
  border-left-color: #f8d7da;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.sw-theme-default > ul.step-anchor > li.disabled > a, .sw-theme-default > ul.step-anchor > li.disabled > a:hover {
  color: #eee !important;
  cursor: not-allowed;
}

/* Responsive CSS */
@media screen and (max-width: 768px) {
  .sw-theme-default > .nav-tabs > li {
    float: none !important;
  }
}

/* Common Loader */
.sw-loading::after {
  position: absolute;
  display: block;
  opacity: 1;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255,255,255,.7);
  transition: all .2s ease;
  z-index: 2;
}
.sw-loading::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}







/* SmartWizard Theme: Arrows */
.sw-theme-arrows {
}

.sw-theme-arrows > .sw-container {
  min-height: 200px;
}

.sw-theme-arrows .sw-toolbar {
  padding: 10px;
  margin-bottom: 0 !important;
}

.sw-theme-arrows > .sw-toolbar-top {
}

.sw-theme-arrows > .sw-toolbar-bottom {
}

.sw-theme-arrows > ul.step-anchor {
  border: 0;
  border-bottom: 1px solid #ddd;
  padding: 0px;
  background: #f7fbfd;
  border-radius: 0;
  border-top-right-radius: 5px;
  list-style: none;
  overflow: hidden;
}

.sw-theme-arrows > ul.step-anchor li+li:before {
  padding: 0;
}

.sw-theme-arrows > ul.step-anchor > li:last-child {
  width: 50px !important;
  max-width: 50px !important;
}
@media only screen and (max-width: 768px) {
  .sw-theme-arrows > ul.step-anchor > li:last-child{
    display: none;
  }
}
.sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {
  color: #bbb;
  text-decoration: none;
  padding: 10px 0 10px 45px;
  position: relative;
  display: block;
  border: 0 !important;
  border-radius: 0;
  outline-style: none;
  background: #f5f5f5;
}
@media only screen and (max-width: 800px) {
  .sw-theme-arrows > ul.step-anchor > li > a,
  .sw-theme-arrows > ul.step-anchor > li > a:hover{
    min-height: 70px;
    vertical-align: middle;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 400px) {
  .sw-theme-arrows > ul.step-anchor > li > a,
  .sw-theme-arrows > ul.step-anchor > li > a:hover{
    min-height: 90px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
.sw-theme-arrows > ul.step-anchor > li > a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #f5f5f5;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}

.sw-theme-arrows > ul.step-anchor > li > a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #ddd;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}

.sw-theme-arrows > ul.step-anchor > li:first-child > a {
  padding-left: 15px;
}

.sw-theme-arrows > ul.step-anchor > li > a:hover {
  color: #bbb;
  text-decoration: none;
  outline-style: none;
  background: #f5f5f5;
  border-color: #f5f5f5;
}

.sw-theme-arrows > ul.step-anchor > li > a:hover:after {
  border-left-color: #f5f5f5;
}

.sw-theme-arrows > ul.step-anchor > li > a small {
}

.sw-theme-arrows > ul.step-anchor > li.clickable > a:hover {
  color: #4285F4 !important;
  background: #46b8da !important;
}

.sw-theme-arrows > ul.step-anchor > li.active > a {
  border-color: #1c79be !important;
  color: #fff !important;
  background: #1c79be !important;
}

.sw-theme-arrows > ul.step-anchor > li.active > a:after {
  border-left: 30px solid #1c79be !important;
}

.sw-theme-arrows > ul.step-anchor > li.done > a {
  border-color: #8cc6f1 !important;
  /*  #1c79be */
  color: #fff !important;
  background: #8cc6f1 !important;
}

.sw-theme-arrows > ul.step-anchor > li.done > a:after {
  border-left: 30px solid #8cc6f1;
  /* c3e6cb */;
}

.sw-theme-arrows > ul.step-anchor > li.danger > a {
  border-color: #d9534f !important;
  color: #fff !important;
  background: #d9534f !important;
}

.sw-theme-arrows > ul.step-anchor > li.danger > a:after {
  border-left: 30px solid #d9534f !important;
}

.sw-theme-arrows > ul.step-anchor > li.disabled > a, .sw-theme-arrows > ul.step-anchor > li.disabled > a:hover {
  color: #eee !important;
}

/* Responsive CSS */
@media screen and (max-width: 768px) {
  .sw-theme-arrows > ul.step-anchor {
  }

  .sw-theme-arrows > .nav-tabs > li {
    float: none !important;
    margin-bottom: 0;
  }

  .sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {
    padding: 10px 15px !important;
    margin-right: 0;
    margin-bottom: 1px;
  }

  .sw-theme-arrows > ul.step-anchor > li > a:after, .sw-theme-arrows > ul.step-anchor > li > a:before {
    display: none;
  }
}

/* Loader Custom Style */
.sw-theme-arrows::before {
  border: 10px solid #f3f3f3;
  border-top: 10px solid #1c79be;
}



.existing .close{
  display: none;
}
.existing .close,
.duplicate .close{
  position: absolute;
  right: -15px;
  bottom: 12px;
  color: #E83315;
  opacity: 1;
  font-weight: normal;
  border-radius: 100px;
  border: 1px solid #E83315;
  width: 30px;
  height: 30px;
  font-size: 14px;
  background-color: #ffffff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  outline: none !important;
}
/********** SMART WIZARD **********/

.help-block{
  color: #F9AA46;
}

/* for image rotating due to large size */
.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}