html {
  scroll-behavior: smooth;
}
body{
  color:#666677 !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  border-color: #dee2e6 #dee2e6 #fff;
  color:#495057;
}
.always-on-top{
  z-index:1060 !important;
}
.page-content{
  background: white;
  max-height: -webkit-calc(100vh - 50px);
  max-height: -moz-calc(100vh - 50px);
  max-height: calc(100vh - 50px);
  height: -webkit-calc(100vh - 50px);
  height: -moz-calc(100vh - 50px);
  height: calc(100vh - 50px);
  overflow-y:hidden;
}
.page-content > div{
  height:100%;
  max-height:100%;
  overflow-y:auto;
}
.padding{
  padding:7px;
}
.padding-left{
  padding-left:5px !important;
}
.padding-right{
  padding-right:5px !important;
}
.padding-top-bottom{
  padding-top:10px;
  padding-bottom:10px;
}
.margin-bottom{
  margin-bottom:5px;
}
.margin-bottom-ex{
  margin-bottom:15px;
}
.margin-top{
  margin-top:5px !important;
}
.ex-margin-top{
  margin-top:10px !important;
}
.ex-margin-bottom{
  margin-bottom:10px;
}
.no-padding{
  padding:0px !important;
}
.align-right{
  text-align:right;
}
.align-left{
  text-align:left;
}
.vertical-center{
  vertical-align: 'middle' !important;
}
.display-inline{
  display:inline-block !important;
}
.non-editable-textarea{
  resize:none;
}
.yellow-background-textarea{
  background: #ffffcc !important;
  font-style: italic;
  color:#8E8C8C !important;
}
.a:hover{
  color:black !important;
}
.cursor-pointer{
  cursor:pointer;
}
.card{
  border-radius:5px;
  border-left:1px solid #d2d2d2;
  border-right:1px solid #d2d2d2;
  border-bottom:1px solid #d2d2d2;
}
.card-header{
  padding:10px !important;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  font-weight:bold;
}
.card-body{
  padding:15px;
}
.header-color{
  background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#1B53B3));
	background-image: -webkit-linear-gradient(top, #49c0f0, #1B53B3);
	background-image: -moz-linear-gradient(top, #49c0f0, #1B53B3);
	background-image: -ms-linear-gradient(top, #49c0f0, #1B53B3);
	background-image: -o-linear-gradient(top, #49c0f0, #1B53B3);
	background-image: linear-gradient(to bottom, #49c0f0, #1B53B3);
  color:white;
}
.header-color a{
  color:white;
}
.header-color a:hover{
  color:#f3e8e6;
}
.condition-color{
  background-color: #f5f5f5;
  border-color: #ddd;
}
.toast-container{
  margin-top:50px;
}
.content-container{
  background:#F5F5F5;
  height:100vh !important;
  overflow-y:scroll !important;
}
.editor-rte{
  max-height:400px;
  overflow-y:auto;
  max-width: 100%;
    overflow-x: hidden;
    margin:0px;
    padding:0px;
}
.btn-info{
  cursor:pointer;
  min-width:90px  !important;
	border:0px solid #d7dada !important;
  -webkit-box-shadow: #B4B5B5 3px 3px 3px   !important;
  -moz-box-shadow: #B4B5B5 3px 3px 3px ; box-shadow: #B4B5B5 3px 3px 3px   !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  font-size:13px !important;
  font-family:arial, helvetica, sans-serif !important;
  padding: 8px 8px 8px 8px !important;
  text-decoration:none !important;
  display:inline-block !important ;
  font-weight:bold !important;
  color: #555555 !important;
	background-color: #f4f5f5 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd)) !important;
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd) !important;
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd) !important;
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd) !important;
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd) !important;
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd) !important;
}

.btn-info:hover{
  border:0px solid #bfc4c4  !important;
	background-color: #d9dddd  !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3))  !important;
	background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3)  !important;
	background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3)  !important;
	background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3)  !important;
	background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3) !important;
	background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3)  !important;
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3)  !important;
}
.btn-warning{
  cursor:pointer;
	min-width:90px;
	border:0px solid #d7dada !important;
  -webkit-box-shadow: #B4B5B5 3px 3px 3px !important;
  -moz-box-shadow: #B4B5B5 3px 3px 3px !important;
  box-shadow: #B4B5B5 3px 3px 3px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px;font-size:13px !important;
  font-family:arial, helvetica, sans-serif !important;
  padding: 8px 8px 8px 8px !important;
  text-decoration:none !important;
  display:inline-block !important;
  font-weight:bold !important;
  color: #555555 !important;
	background-color: #FFE042; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFE042), to(#FEA530)) !important;
	background-image: -webkit-linear-gradient(top, #FFE042, #FEA530) !important;
	background-image: -moz-linear-gradient(top, #FFE042, #FEA530) !important;
	background-image: -ms-linear-gradient(top, #FFE042, #FEA530) !important;
	background-image: -o-linear-gradient(top, #FFE042, #FEA530) !important;
	background-image: linear-gradient(to bottom, #FFE042, #FEA530) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFE042, endColorstr=#FEA530) !important;
}

.btn-warning:hover{
	color:#555555 !important;
	border:0px solid #FFD70A !important;
	background-color: #ffd80f !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd80f), to(#fa8e01)) !important;
	background-image: -webkit-linear-gradient(top, #ffd80f, #fa8e01) !important;
	background-image: -moz-linear-gradient(top, #ffd80f, #fa8e01) !important;
	background-image: -ms-linear-gradient(top, #ffd80f, #fa8e01) !important;
	background-image: -o-linear-gradient(top, #ffd80f, #fa8e01) !important;
	background-image: linear-gradient(to bottom, #ffd80f, #fa8e01) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffd80f, endColorstr=#fa8e01) !important;
}

.btn-success{
	min-width:90px;
	border:0px solid #d7dada !important;
  -webkit-box-shadow: #B4B5B5 3px 3px 3px !important;
  -moz-box-shadow: #B4B5B5 3px 3px 3px !important;
  box-shadow: #B4B5B5 3px 3px 3px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px;font-size:13px !important;
  font-family:arial, helvetica, sans-serif !important;
  padding: 8px 8px 8px 8px !important;
  text-decoration:none !important;
  display:inline-block !important;
  font-weight:bold !important;
  color: #fff !important;
  background: #8fc800 !important; /* Old browsers */
  background: -moz-linear-gradient(top, #8fc800 0%, #299a0b 100%) !important; /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #8fc800 0%,#299a0b 100%) !important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #8fc800 0%,#299a0b 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#299a0b',GradientType=0 ) !important;
}

.btn-success:hover{
	color:#fff !important;
	border:0px solid #FFD70A !important;
  background: #bfd255 !important; /* Old browsers */
  background: -moz-linear-gradient(top, #bfd255 0%, #299a0b 100%) !important; /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #bfd255 0%,#299a0b 100%) !important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bfd255 0%,#299a0b 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#299a0b',GradientType=0 ) !important;
}

.btn-danger{
	min-width:90px;
	border:0px solid #d7dada !important;
  -webkit-box-shadow: #B4B5B5 3px 3px 3px !important;
  -moz-box-shadow: #B4B5B5 3px 3px 3px !important;
  box-shadow: #B4B5B5 3px 3px 3px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px;font-size:13px !important;
  font-family:arial, helvetica, sans-serif !important;
  padding: 8px 8px 8px 8px !important;
  text-decoration:none !important;
  display:inline-block !important;
  font-weight:bold !important;
  color: #fff !important;
	background-color: #FF2700; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF2700), to(#FE6448)) !important;
	background-image: -webkit-linear-gradient(top, #FF2700, #FE6448) !important;
	background-image: -moz-linear-gradient(top, #FF2700, #FE6448) !important;
	background-image: -ms-linear-gradient(top, #FF2700, #FE6448) !important;
	background-image: -o-linear-gradient(top, #FF2700, #FE6448) !important;
	background-image: linear-gradient(to bottom, #FF2700, #FE6448) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF2700, endColorstr=#FE6448) !important;
}

.btn-danger:hover{
	color:#fff !important;
	border:0px solid #FFD70A !important;
	background-color: #FD2802 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FD2802), to(#FF7C64)) !important;
	background-image: -webkit-linear-gradient(top, #FD2802, #FF7C64) !important;
	background-image: -moz-linear-gradient(top, #FD2802, #FF7C64) !important;
	background-image: -ms-linear-gradient(top, #FD2802, #FF7C64) !important;
	background-image: -o-linear-gradient(top, #FD2802, #FF7C64) !important;
	background-image: linear-gradient(to bottom, #FD2802, #FF7C64) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FD2802, endColorstr=#FF7C64) !important;
}
.ex-small-scroll-container{
	min-height:40px;
	max-height:40px;
	overflow-y:auto;
}
.small-scroll-container{
	min-height:80px;
	max-height:80px;
	overflow-y:auto;
}
.medium-scroll-container{
	min-height:250px;
	max-height:250px;
	overflow-y:auto;
  overflow-x:hidden;
}
.large-scroll-container{
	min-height:400px;
	max-height:400px;
	overflow-y:auto;
  overflow-x:hidden;
}
.large-scroll-container-no-min{
	max-height:400px;
	overflow-y:auto;
  overflow-x:hidden;
}
.my-modal{
  border-radius: 15px !important;
  background: white !important;
  display: inline-block !important;
  width: 800px !important;
  max-width: 800px !important;
  padding: 15px !important;
  margin: auto !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;

  transform: translate(-50%,-50%) !important;
}
.my-modal-wide{
  border-radius: 15px !important;
  background: white !important;
  display: inline-block !important;
  width: 90% !important;
  max-width: 90% !important;
  padding: 15px !important;
  margin: auto !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;

  transform: translate(-50%,-50%) !important;
}
.modal-content{
  padding:0px !important;
  border:0pX !important;
}
.hr{
  margin-top:8px;
  margin-bottom:8px;
  border-bottom:1px solid #d2d2d2;
}
label{
  font-weight:bold;
}
.quill{
  max-height:350px;
}
.ql-editor{
  min-height: 100px !important;
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
}
.ql-container{
  min-height: 100px !important;
  max-height: 300px;
}
.ql-toolbar{
  background:#F4F4F4;
}
.primary-table{
  width:100%;
  background:#ffffff;
  font-size:14px;
}
.primary-table > thead > tr> th{
  padding:10px;
  color:#ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#1B53B3));
	background-image: -webkit-linear-gradient(top, #49c0f0, #1B53B3);
	background-image: -moz-linear-gradient(top, #49c0f0, #1B53B3);
	background-image: -ms-linear-gradient(top, #49c0f0, #1B53B3);
	background-image: -o-linear-gradient(top, #49c0f0, #1B53B3);
	background-image: linear-gradient(to bottom, #49c0f0, #1B53B3);
  border-collapse: separate;
  border-spacing:0px;
  font-size:15px;
}
.primary-table > tbody > tr > td{
  vertical-align:top;
  min-height:50px;
  height:50px;
  padding:5px;
  border-bottom:1px solid #EAEDED;
}
.primary-table > tbody > tr:hover{
  cursor:pointer;
}
.primary-table > tbody > tr:nth-child(odd){
  background:#ffffff;
}
.primary-table > tbody > tr:nth-child(even){
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f9fe+0,d6f0fd+100;White+3D+%232 */
  background: #f2f9fe; /* Old browsers */
  background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f2f9fe 0%,#d6f0fd 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f2f9fe 0%,#d6f0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
}
.primary-table > tbody > tr:hover{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
  background: #eeeeee; /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.icon-color{
  color:#90A4AE;
}
.link-color{
  color:#1B53B3;
}
.green-color{
  color:green;
}
.red-color{
  color:red;
}
.my-well{
  border-radius:5px;
  border:1px solid #d2d2d2;
  padding:15px;
  background:#fff;
}
.my-divider{
  margin-top:10px;
  margin-bottom:10px;
  border-bottom:1px solid #d2d2d2;
}
.page-title{
  font-size:20px;
  margin-bottom:10px;
}
.no-margin-top{
  margin-top:0px !important;
}
.no-margin-bottom{
  margin-bottom:0px !important;
}
.no-margin-right{
  margin-right:0px !important;
}
.no-margin-left{
  margin-left:0px !important;
}
.no-padding-top{
  padding-top:0px !important;
}
.no-padding-bottom{
  padding-bottom:0px !important;
}
.no-padding-right{
  padding-right:0px !important;
}
.no-padding-left{
  padding-left:0px !important;
}
.no-padding{
  padding:0px !important;
}
.no-margin{
  margin:0px !important;
}
.my-badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #b30000;
  border-radius: 15px;
}
::-webkit-scrollbar {
    width: 7px;
	height: 7px;
}
/* Track */
::-webkit-scrollbar-track {
}

/* Handle */
::-webkit-scrollbar-thumb {
    background:#444;
}
.table-fixed-header thead{
  overflow-y:scroll;
}
.table-fixed-header thead ,.table-fixed-header tr,.table-fixed-header tbody  ,.table-fixed-header td {
  display:block;
}
.table-fixed-header thead th,.table-fixed-header tbody td{
  float:left;
}
.table-fixed-header tbody{
  height:400px ;
  overflow-y:auto;
}
.table-fixed-header tr:after {
  content: ' ';
  display: block;
  visibility: hidden;
  clear: both;
}
.react-toggle {
  touch-action: pan-x;

  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}

.react-toggle-screenreader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.react-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.react-toggle-track {
  width: 50px;
  height: 24px;
  padding: 0;
  border-radius: 30px;
  background-color: #4D4D4D;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #000000;
}

.react-toggle--checked .react-toggle-track {
  background-color: #19AB27;
}

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #128D15;
}

.react-toggle-track-check {
  position: absolute;
  width: 14px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  left: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-check {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle-track-x {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  right: 10px;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-x {
  opacity: 0;
}

.react-toggle-thumb {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border: 1px solid #4D4D4D;
  border-radius: 50%;
  background-color: #FAFAFA;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.react-toggle--checked .react-toggle-thumb {
  left: 27px;
  border-color: #19AB27;
}

.react-toggle--focus .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 3px 2px #0099E0;
  -moz-box-shadow: 0px 0px 3px 2px #0099E0;
  box-shadow: 0px 0px 2px 3px #0099E0;
}

.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 5px 5px #0099E0;
  -moz-box-shadow: 0px 0px 5px 5px #0099E0;
  box-shadow: 0px 0px 5px 5px #0099E0;
}
.input-group-addon {
  padding:10px;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}
.my-toast{
  height:auto !important;
}
ul.nav-wizard {
  background-color: #f1f1f1;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
ul.nav-wizard:before {
  position: absolute;
}
ul.nav-wizard:after {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 138px;
  height: 47px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}
ul.nav-wizard li {
  cursor:pointer;
  position: relative;
  float: left;
  height: 46px;
  display: inline-block;
  text-align: center;
  padding: 0 20px 0 30px;
  margin: 0;
  font-size: 16px;
  line-height: 46px;
}
ul.nav-wizard li a {
  color: #428bca;
  padding: 0;
}
ul.nav-wizard li a:hover {
  background-color: transparent;
}
ul.nav-wizard li:before {
  position: absolute;
  display: block;
  border: 24px solid transparent;
  border-left: 16px solid #d4d4d4;
  border-right: 0;
  top: -1px;
  z-index: 10;
  content: '';
  right: -16px;
}
ul.nav-wizard li:after {
  position: absolute;
  display: block;
  border: 24px solid transparent;
  border-left: 16px solid #f1f1f1;
  border-right: 0;
  top: -1px;
  z-index: 10;
  content: '';
  right: -15px;
}
ul.nav-wizard li.active {
  color: #3a87ad;
  background: #dedede;
}
ul.nav-wizard li.active:after {
  border-left: 16px solid #dedede;
}
ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
  color: #989898;
  background: #dedede;
}
ul.nav-wizard .active ~ li {
  color: #999999;
  background: #f9f9f9;
}
ul.nav-wizard .active ~ li:after {
  border-left: 16px solid #f9f9f9;
}
ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {
  color: #999999;
  background: #f9f9f9;
}
ul.nav-wizard.nav-wizard-backnav li:hover {
  color: #468847;
  background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover:after {
  border-left: 16px solid #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
  color: #468847;
  background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li {
  color: #999999;
  background: #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
  border-left: 16px solid #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li a,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
  color: #999999;
  background: #ededed;
}
.navbar-nav {
  float: left !important;
  margin: 0 !important;
}

.login-container{
	position:absolute !important;
	top:50% !important;
	left:50% !important;
	transform: translate(-50%,-50%) !important;
	width:30% !important;
	background-color: rgba(0, 0, 0, 0.8) !important;
	color:orange !important;
	border:0px !important;
	border-radius:15px !important;
	min-width:300px !important;
	min-height:400px !important;
}
.login-background{
	background:url("/img/login_background.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  height:100%;
}
.logo-login{
  height:60px;
}
.non-empty-container{
	min-height:30px;
	max-height:30px;
}
.btn-blue-noshadow{
	min-width:90px;
	border:0px solid #d7dada;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:13px;font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; text-decoration:none; display:inline-block;font-weight:bold; color: #555555;
	background-color: #008ae6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#008ae6), to(#0099ff));
	background-image: -webkit-linear-gradient(top, #008ae6, #0099ff);
	background-image: -moz-linear-gradient(top, #008ae6, #0099ff);
	background-image: -ms-linear-gradient(top, #008ae6, #0099ff);
	background-image: -o-linear-gradient(top, #008ae6, #0099ff);
	background-image: linear-gradient(to bottom, #008ae6, #0099ff);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#008ae6, endColorstr=#0099ff);
}
.font-white{
	color:#ffffff;
}
.padding{
  padding:15px;
}
a{
	color:#007bff;
	font-weight:bold;
}
a:hover{
	color:#007bff;
	text-decoration: underline;
}
.topbar{
  height:50px;
  background-color: #2f4050; background-image: -webkit-gradient(linear, left top, left bottom, from(#2f4050), to(#272727));
  background-image: -webkit-linear-gradient(top, #2f4050, #272727);
  background-image: -moz-linear-gradient(top, #2f4050, #272727);
  background-image: -ms-linear-gradient(top, #2f4050, #272727);
  background-image: -o-linear-gradient(top, #2f4050, #272727);
  background-image: linear-gradient(to bottom, #2f4050, #272727);
  border-color:transparent;
  width:100%;
}
.topbar-logo-container{
  width:140px;
  display:inline-block;
  height:100%;
}
.topbar-logo-img{
  margin-top:10px;
  margin-left:5px;
}
.topbar-action-panel-container{
  color:white;
  vertical-align:top;
  display:inline-block;
  width: calc(100% - 140px);
  height:100%;
  text-align:right;
}
.topbar-action-panel{
  display:inline-block;
  height:100%;
}
.topbar-action-panel-dropdown{
  height:100%;
  display:block;
}
.topbar-action-panel-dropdown-button{
  height:100%;
  display:block;
  border-radius:0px !important;
  border:0px !important;
  background-color:transparent !important;
  font-color:#fff !important;
  cursor:pointer;
  color: #fff !important;
}
.topbar-action-panel-dropdown :active{
  border:0px !important;
  background-color:black !important;
}
.topbar-action-panel-dropdown-menu{
  border-radius:0px !important;
  margin:0px !important;
  box-shadow: 0 6px 12px !important;
}
.topbar-action-panel-dropdown-item{
  cursor:pointer !important;
  background:transparent !important;
  color:#666677 !important;
}
.topbar-icon{
  color:#49AFCD;
}
.react-datepicker {
  font-size: 1em !important;
}
.react-datepicker__header {
  padding-top: 0.8em !important;
}
.react-datepicker__month {
  margin: 0.4em 1em !important;
}
.react-datepicker__day-name,
.react-datepicker__day {
  width: 1.9em !important;
  line-height: 1.9em !important;
  margin: 0.166em !important;
}
.react-datepicker__current-month {
  font-size: 1em !important;
}
.react-datepicker__navigation {
  top: 1em !important;
  line-height: 1.7em !important;
  border: 0.45em solid transparent !important;
}
.react-datepicker__navigation--previous {
  left: 1em !important;
}
.react-datepicker__navigation--next {
  right: 1em !important;
}
.timeline {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.li {
  transition: all 200ms ease-in;
}

.timestamp {
  margin-bottom: 20px;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 100;
  height:40px;
  min-height:40px;
  max-height:40px;
}

.status {
  padding: 0px 40px;
  height:62px;
  display: flex;
  justify-content: center;
  border-top: 2px solid #D6DCE0;
  position: relative;
  transition: all 200ms ease-in;
}
.status h4 {
  font-weight: 600;
}
.status:before {
  content: "";
  width: 25px;
  height: 25px;
  background-color: white;
  border-radius: 25px;
  border: 1px solid #ddd;
  position: absolute;
  top: -15px;
  left: 42%;
  transition: all 200ms ease-in;
}

.li.complete .status {
  border-top: 2px solid #99ccff;
}
.li.complete .status:before {
  background-color: #49AFCD;
  border: none;
  transition: all 200ms ease-in;
}

@media (min-device-width: 320px) and (max-device-width: 700px) {
  .timeline {
    list-style-type: none;
    display: block;
  }

  .li {
    transition: all 200ms ease-in;
    display: flex;
    width: inherit;
  }

  .timestamp {
    width: 100px;
  }

  .status:before {
    left: -8%;
    top: 30%;
    transition: all 200ms ease-in;
  }
}