.card{
  color:hsl(240, 8%, 43%) !important;
}
.table{
  color:#666677 !important;
}
label{
  color:#666677 !important;
}
.nav-link{
  cursor: pointer !important;
}
.table>:not(caption)>*>* {
  color:#666677 !important;
}
input{
  color:#666677 !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color:#666677 !important;
}
body{
  color:#666677 !important;
}
.css-dvua67-singleValue{
  color:#666677 !important;
}
.always-on-top{
  z-index:1060 !important;
}
.small-font{
  font-size:12px !important;
}
.table{
  color:#666677 !important;
}
.table>:not(caption)>*>* {
  color:#666677;
}

.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;
}
.vertical-text{
  writing-mode: vertical-rl
}
.long-tooltip > .tooltip-inner {
    max-width: 500px !important;
}
.yellow-background-textarea{
  background: #ffffcc !important;
  font-style: italic;
  color:#8E8C8C !important;
}
.dont-break-out{

  /* These are technically the same, but use both */
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;

  -ms-word-break: break-all !important;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all !important;
  /* Instead use this non-standard one: */
  word-break: break-word !important;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -webkit-hyphens: auto !important;
  hyphens: auto !important;

}
.my-dropzone{
  padding:10px;
  border:dotted #d2d2d2;
  border-radius:10px;
}
.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;
}
.valign-middle{
  display:flex;
  height:100%;
  align-items:center;
}
.align-right{
  text-align:right;
}
.align-left{
  text-align:left !important;
}
.vertical-center{
  vertical-align: 'middle' !important;
}
.vertical-bar {
  border-left: 2px solid #B4B5B5; 
  padding-left: 10px; 
}
.display-inline{
  display:inline-block !important;
}
.non-editable-textarea{
  resize:none;
}
.yellow-background-textarea{
  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 !important;
}
.header-color a{
  color:white;
}
.header-color a:hover{
  color:#f3e8e6;
}
.border{
  border-radius:5px;
  border:1px solid #d2d2d2;
  padding:5px;
  padding-right:15px;
  padding-left:15px;
  background:#ECE9E8;
}
.condition-color{
  background-color: #f5f5f5;
  border-color: #ddd;
}
.toast-container{
  margin-top:40px;
}
.content-container{
  background:#F5F5F5;
  height:100vh !important;
}
.gray-background{
  background: #F5F5F5;
}
.editor-rte{
  max-height:400px;
  overflow-y:auto;
  max-width: 100%;
    overflow-x: hidden;
    margin:0px;
    padding:0px;
}
.blink {
  animation: blink 2s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}
.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;
}
.ex-large-scroll-container{
  max-height:600px;
	overflow-y:auto;
  overflow-x:hidden;
}
.ultra-large-scroll-container{
  min-height:600px;
	max-height:600px;
	overflow-y:auto;
  overflow-x:hidden;
}
.ex-ex-large-scroll-container{
  max-height:800px;
	overflow-y:auto;
  overflow-x:hidden;
}
.scroll-hide{
  max-height:330px;
  overflow-x:hidden;
  overflow-y:hidden;
}
.modal-body{
  padding:30px;
  max-height:850px !important;
  overflow-y: auto !important;
}
.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;
  max-height:900px !important;
  overflow:auto !important;
  transform: translate(-50%,-50%) !important;
}
.my-modal-medium{
  border-radius: 15px !important;
  background: white !important;
  display: inline-block !important;
  width: 75% !important;
  max-width: 75% !important;
  padding: 15px !important;
  margin: auto !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  max-height:900px !important;
  overflow:auto !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;
  max-height:900px !important;
  overflow: visible !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;
}
.bold{
  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;
}
.high-quill .ql-container{
  min-height: 100px !important;
  max-height: 600px !important;
}
.high-quill .ql-editor{
  min-height: 100px !important;
  max-height: 600px !important;
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
}
.high-quill{
  max-height:650px !important;
}
.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 */
}
.thick{
  font-size:25px !important;
}
.flashit{
	-webkit-animation: flash linear 1s infinite;
	animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; }
	50% { opacity: .1; }
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; }
	50% { opacity: .1; }
	100% { opacity: 1; }
}
.icon-color{
  color:#90A4AE;
}
.link-color{
  color:#1B53B3;
}
.my-nav-link {
  color:#1B53B3 !important;
}
.green-color{
  color:green;
}
.blue-color{
  color:#2C64E7;
}
.online-color{
  color:#3399ff;
}
.red-color{
  color:red;
}
.orange-color{
  color:orange;
}
.yellow-color{
  color:yellow;
}
.gray-color{
  color:gray;
}
.white-color{
  color:white;
}
.background-red{
  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;
}
.background-green{
  background-color: #64DA16;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#64DA16), to(#008c00)) !important;
  background-image: -webkit-linear-gradient(top, #64DA16, #008c00) !important;
  background-image: -moz-linear-gradient(top, #64DA16, #008c00) !important;
  background-image: -ms-linear-gradient(top, #64DA16, #008c00) !important;
  background-image: -o-linear-gradient(top, #64DA16, #008c00) !important;
  background-image: linear-gradient(to bottom, #64DA16, #008c00) !important;
}
.background-gray{
  background:#EAECEE !important;
}
.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:17px;
  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;
}
.display-flex-y{
  display:flex;
  flex-flow:column;
  height:100%;
}
.display-flex-y-item{
  flex-grow:0;
  flex-shrink:1;
  flex-basis:auto;
}
.display-flex-y-item-fill{
  flex-grow:1;
  flex-shrink:1;
  flex-basis:auto;
}
.no-overflow{
  overflow:hidden;
}
.overflow-y-auto{
  overflow-y:auto;
}
.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;
}
.my-badge-no-color {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 3px;
}
.my-badge2 {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
  background: rgb(169,3,41); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

  border-radius: 3px;
}
.my-badge3 {
  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;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#258dc8+0,258dc8+100;Blue+Flat+%231 */
  background: rgb(184,198,223); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(184,198,223,1) 0%, rgba(109,136,183,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c6df', endColorstr='#6d88b7',GradientType=0 ); /* IE6-9 */
  border-radius: 15px;
}
.my-badge4 {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
  background: rgb(3,97,169); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(3,97,169,1) 0%, rgba(3,79,138,1) 44%, rgba(3,51,89,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(3,97,169,1) 0%,rgba(3,79,138,1) 44%,rgba(3,51,89,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(3,97,169,1) 0%,rgba(3,79,138,1) 44%,rgba(3,51,89,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0361a9', endColorstr='#033359',GradientType=0 ); /* IE6-9 */

  border-radius: 3px;
}
::-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: 40px;
  height: 20px;
  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: 18px;
  height: 18px;
  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: 21px;
  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;
  font-size:14px !important;
  padding:5px !important;
  min-height: 45px !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;
}
.mytooltip > .tooltip-inner {
  max-width: 400px !important;
  text-align:left !important;
}