.error{color:#f90000;}
.login-poweredby
{
	position: absolute;
	width:100%;
	bottom:0;
	left:0;
	text-align:center!important;
}
.table .thead-primary th {/* color: #3e5569; */background-color: #e3dffc;border-color: #b7acf6;}
.table-hover .table-primary:hover {background-color: #cfc8fa; }
.table-hover .table-primary:hover > td,.table-hover .table-primary:hover > th {background-color: #cfc8fa; }

.table .thead-secondary th {/* color: #fff; */background-color: #e2e3e5;border-color: #b3b7bb;}
.table-hover .table-secondary:hover {background-color: #d5d6d9; }
.table-hover .table-secondary:hover > td,.table-hover .table-secondary:hover > th {background-color: #d5d6d9; }

.table .thead-success th {/* color: #fff; */background-color: #d3f4ee;border-color: #8ce1d3;}
.table-hover .table-success:hover {background-color: #bfefe6; }
.table-hover .table-success:hover > td,.table-hover .table-success:hover > th {background-color: #bfefe6; }

.table .thead-info th {/* color: #fff; */background-color: #daeafa;border-color: #9fc9f3;}
.table-hover .table-info:hover {background-color: #c4ddf7; }
.table-hover .table-info:hover > td,.table-hover .table-info:hover > th {background-color: #c4ddf7; }

.table .thead-warning th {/* color: #fff; */background-color: #fff2d6;border-color: #ffdc95;}
.table-hover .table-warning:hover {background-color: #ffeabd; }
.table-hover .table-warning:hover > td,.table-hover .table-warning:hover > th {background-color: #ffeabd; }

.table .thead-danger th {/* color: #fff; */background-color: #fce2e2;border-color: #f7b4b4;}
.table-hover .table-danger:hover {background-color: #facbcb; }
.table-hover .table-danger:hover > td,.table-hover .table-danger:hover > th {background-color: #facbcb; }

.table .thead-light th {/* color: #495057; */background-color: #fefefe;border-color: #fbfcfc;}
.table-hover .table-light:hover {background-color: #f1f1f1; }
.table-hover .table-light:hover > td,.table-hover .table-light:hover > th {background-color: #f1f1f1; }

.table .thead-dark th {/* color: #fff; */background-color: #d6d8d9;border-color: #95999c;}
.table-hover .table-dark:hover {background-color: #c9cbcd; }
.table-hover .table-dark:hover > td,.table-hover .table-dark:hover > th {background-color: #c9cbcd; }

.table .bg-thinfo th,.table .bg-thinfo td{background: #daeafa !important;border-color: #9fc9f3;}

.ssTable th,.ssTable td,.generalTable th,.generalTable td{font-size:0.850rem;}

/* Background Colors */
.bg-purple {
    background-color: #b81cff!important;
}
.bg-primary {
    background-color: #673ab7!important;
}
.bg-success {
    background-color: #0f9d58!important;
}
.bg-info {
    background-color: #2f82fc!important;
}

.bg-secondary {
    background-color: #75808a!important;
}
.bg-danger {
    background-color: #fd3550!important;
}
.bg-dark {
    background-color: #223035!important;
}
.bg-warning {
    background-color: #ffbb00!important;
}
.bg-light {
    background-color: #e9eaea!important;
}
.bg-grey {
    background-color: #ebebeb!important;
}
.bg-light-grey {
    background-color: #f9f9f9!important;
}
.bg-body {
    background-color: #f1f1f1!important;
}

.bg-facebook {
    background-color: #3b5998!important;
}
.bg-twitter {
    background-color: #55acee!important;
}
.bg-google-plus {
    background-color: #dd4b39!important;
}
.bg-linkedin {
    background-color: #0976b4!important;
}
.bg-pinterest {
    background-color: #cc2127!important;
}
.bg-youtube {
    background-color: #e52d27!important;
}
.bg-tumblr {
    background-color: #35465c!important;
}
.bg-github {
    background-color: #333333!important;
}
.bg-behance {
    background-color: #1769ff!important;
}
.bg-dribbble {
    background-color: #ea4c89!important;
}
.bg-skype {
    background-color: #00aff0!important;
}
.gradient-bloody{
	background: #f54ea2;
	background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676)!important;
	background: linear-gradient(45deg, #f54ea2, #ff7676)!important;
}

.gradient-scooter{
	background: #17ead9;
	background: -webkit-linear-gradient(45deg, #17ead9, #6078ea)!important;
	background: linear-gradient(45deg, #17ead9, #6078ea)!important;
}

.gradient-blooker{
   background: #ffdf40;
   background: -webkit-linear-gradient(45deg, #ffdf40, #ff8359)!important;
   background: linear-gradient(45deg, #ffdf40, #ff8359)!important;
}

.gradient-quepal{
   background: #42e695;
   background: -webkit-linear-gradient(45deg, #42e695, #3bb2b8)!important;
   background: linear-gradient(45deg, #42e695, #3bb2b8)!important;
}

.gradient-purpink{
   background: #7f00ff;
   background: -webkit-linear-gradient(45deg, #7f00ff, #e100ff)!important;
   background: linear-gradient(45deg, #7f00ff, #e100ff)!important;
}

.gradient-ibiza{
	background: #ee0979;
	background: -webkit-linear-gradient(45deg, #ee0979, #ff6a00)!important;
	background: linear-gradient(45deg, #ee0979, #ff6a00)!important;
}

.gradient-dusk{
   background: #2c3e50;
   background: -webkit-linear-gradient(45deg, #2c3e50, #fd746c)!important;
   background: linear-gradient(45deg, #2c3e50, #fd746c)!important;
}

.gradient-meridian{
   background: #283c86;
   background: -webkit-linear-gradient(45deg, #283c86, #45a247)!important;
   background: linear-gradient(45deg, #283c86, #45a247)!important;
}
.gradient-ohhappiness{
   background: #00b09b;
   background: -webkit-linear-gradient(45deg, #00b09b, #96c93d)!important;
   background: linear-gradient(to right, #00b09b, #96c93d)!important;
}
.gradient-violet{
	background: #4776e6;
	background: -webkit-linear-gradient(45deg, #4776e6, #8e54e9)!important;
	background: linear-gradient(45deg, #4776e6, #8e54e9)!important;
}

.gradient-titanium{
	background: #283048;
    background: -webkit-linear-gradient(45deg, #283048, #859398)!important;
    background: linear-gradient(45deg, #283048, #859398)!important;
}

.gradient-shifter{
   background: #bc4e9c;
   background: -webkit-linear-gradient(45deg, #bc4e9c, #f80759)!important;
   background: linear-gradient(45deg, #bc4e9c, #f80759)!important;
}

.gradient-army{
   background: #414d0b;
   background: -webkit-linear-gradient(45deg, #414d0b, #727a17)!important;
   background: linear-gradient(45deg, #414d0b, #727a17)!important;
}

.gradient-orange{
   background: #fc4a1a;
   background: -webkit-linear-gradient(45deg, #fc4a1a, #f7b733)!important;
   background: linear-gradient(45deg, #fc4a1a, #f7b733)!important;
}

.gradient-yoda{
   background: #ff0099;
   background: -webkit-linear-gradient(45deg, #ff0099, #493240)!important;
   background: linear-gradient(45deg, #ff0099, #493240)!important;
}

.gradient-royal{
   background: #141e30;
   background: -webkit-linear-gradient(45deg, #141e30, #2c527d)!important;
   background: linear-gradient(45deg, #141e30, #2c527d)!important;
}

.gradient-knight{
  background: #ba8b02;
  background: -webkit-linear-gradient(45deg, #ba8b02, #181818)!important;
  background: linear-gradient(45deg, #ba8b02, #181818)!important;
}

.gradient-forest{
   background: #000428;
   background: -webkit-linear-gradient(45deg, #000428, #004e92)!important;
   background: linear-gradient(45deg, #000428, #004e92)!important;
}

.gradient-redmist{
   background: #000000;
   background: -webkit-linear-gradient(45deg, #000000, #e74c3c)!important;
   background: linear-gradient(45deg, #000000, #e74c3c)!important;
}

.gradient-steelgray{
   background: #1f1c2c;
   background: -webkit-linear-gradient(45deg, #1f1c2c, #928dab)!important;
   background: linear-gradient(45deg, #1f1c2c, #928dab)!important;
}

.gradient-influenza{
   background: #c04848;
   background: -webkit-linear-gradient(45deg, #c04848, #480048)!important;
   background: linear-gradient(45deg, #c04848, #480048)!important;
}

.gradient-flame{
   background: #ff9a9e;
   background: -webkit-linear-gradient(45deg, #ff9a9e, #fad0c4)!important;
   background: linear-gradient(45deg, #ff9a9e, #fad0c4)!important;
}

.gradient-cherry{
   background: #fbd3e9;
   background: -webkit-linear-gradient(45deg, #fbd3e9, #bb377d)!important;
   background: linear-gradient(45deg, #fbd3e9, #bb377d)!important;
}

.gradient-winter{
  background: #a1c4fd;
  background: -webkit-linear-gradient(45deg, #a1c4fd, #c2e9fb)!important;
  background: linear-gradient(45deg, #a1c4fd, #c2e9fb)!important;
}

.gradient-rain{
   background: #cfd9df;
   background: -webkit-linear-gradient(45deg, #cfd9df, #e2ebf0)!important;
   background: linear-gradient(45deg, #cfd9df, #e2ebf0)!important;
}

.gradient-telegram{
   background: #1c92d2;
   background: -webkit-linear-gradient(45deg, #1c92d2, #f2fcfe)!important;
   background: linear-gradient(45deg, #1c92d2, #f2fcfe)!important;
}

.gradient-horizon{
   background: #fceabb;
   background: -webkit-linear-gradient(45deg, #fceabb, #f8b500)!important;
   background: linear-gradient(45deg, #fceabb, #f8b500)!important;
}

.gradient-peach{
   background: #ffecd2;
   background: -webkit-linear-gradient(45deg, #ffecd2, #fcb69f)!important;
   background: linear-gradient(45deg, #ffecd2, #fcb69f)!important;
}

.gradient-meadow{
   background: #215f00;
   background: -webkit-linear-gradient(45deg, #215f00, #e4e4d9)!important;
   background: linear-gradient(45deg, #215f00, #e4e4d9)!important;
}

.border-left-sm {
  border-left: 2px solid !important;
}

.border-right-sm {
  border-right: 2px solid !important;
}

.border-top-sm {
  border-top: 2px solid !important;
}

.border-bottom-sm {
  border-bottom: 2px solid !important;
}
.border-left-md {
  border-left:3px solid !important;
}

.border-right-md {
  border-right: 3px solid !important;
}

.border-top-md {
  border-top: 3px solid !important;
}

.border-bottom-md {
  border-bottom: 3px solid !important;
}
.border-left-lg {
  border-left: 4px solid !important;
}

.border-right-lg {
  border-right: 4px solid !important;
}

.border-top-lg {
  border-top: 4px solid !important;
}

.border-bottom-lg {
  border-bottom: 4px solid !important;
}
/* Borders */
.border-primary {
    border-color: #008cff!important;
}
.border-success {
    border-color: #15ca20!important;
}
.border-info {
    border-color: #0dceec!important;
}
.border-secondary {
    border-color: #75808a!important;
}
.border-secondary-light {
    border-color: #33444a!important;
}
.border-danger {
    border-color: #fd3550!important;
}
.border-dark {
    border-color: #223035!important;
}
.border-warning {
    border-color: #f37435!important;
}
.border-light {
    border-color: #e9eaea!important;
}
.xl_input{border:0px;padding:5px 2px;color: #4f5467;font-size: 0.875rem;border: 1px solid #c0cfdd;}
.maxw-50{width:50px;}
.maxw-60{width:60px;}
.maxw-75{width:75px;}
.maxw-100{width:100px;}
.maxw-125{width:125px;}
.maxw-150{width:150px;}
.maxw-175{width:175px;}
.maxw-200{width:200px;}
/* Text Size */
.fw-600{font-weight:600 !important;}
.fw-700{font-weight:700 !important;}
.fs-10 {font-size:0.625rem !important;}
.fs-11 {font-size:0.6875rem !important;}
.fs-12 {font-size:0.75rem !important;}
.fs-13 {font-size:0.8125rem !important;}
.fs-14 {font-size:0.875rem !important;}
.fs-15 {font-size:0.9375rem !important;}
.fs-16 {font-size:1rem !important;}
.fs-17 {font-size:1.0625rem !important;}
.fs-18 {font-size:1.125rem !important;}
.fs-19 {font-size:1.1875rem !important;}
.fs-20 {font-size:1.25rem !important;}
.fs-21 {font-size:1.3125rem !important;}
.fs-22 {font-size:1.375rem !important;}
.fs-23 {font-size:1.4375rem !important;}
.fs-24 {font-size:1.5rem !important;}
.fs-25 {font-size:1.5625rem !important;}
.fs-26 {font-size:1.625rem !important;}
.fs-27 {font-size:1.6875rem !important;}
.fs-28 {font-size:1.75rem !important;}
.fs-29 {font-size:1.8125rem !important;}
.fs-30 {font-size:1.875rem !important;}
.fs-31 {font-size:1.9375rem !important;}
.fs-32 {font-size:2rem !important;}
.fs-33 {font-size:2.0625rem !important;}
.fs-34 {font-size:2.125rem !important;}
.fs-35 {font-size:2.1875rem !important;}
.fs-40 {font-size:2.5rem !important;}
.fs-45 {font-size:2.8125rem !important;}
.fs-50 {font-size:3.125rem !important;}
.fs-55 {font-size:3.4375rem !important;}
.fs-60 {font-size:3.75rem !important;}
.pad-5{padding:5px !important;}
.pad-7{padding:7px !important;}
.pad-8{padding:8px !important;}
.pad-10{padding:10px !important;}
.pad-right-5{padding-right:5px;}
.pad-right-10{padding-right:10px;}
.pad-left-5{padding-left:5px;}
.pad-left-10{padding-left:10px;}
.lh-10{line-height:10px !important;}
.lh-15{line-height:15px;}
.lh-20{line-height:20px;}
.lh-25{line-height:25px;}
.lh-30{line-height:30px;}
.lh-35{line-height:35px;}
.lh-40{line-height:40px;}
.lh-45{line-height:45px;}
.lh-50{line-height:50px;}
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-lowercase {
	text-transform: lowercase!important
}
.text-uppercase {
	text-transform: uppercase!important
}
.text-capitalize {
	text-transform: capitalize !important;
}
.font-weight-light {
	font-weight: 300!important
}
.font-weight-normal {
	font-weight: 400!important
}
.font-weight-bold {
	font-weight: 700 !important
}
.font-italic {
	font-style: italic!important
}
/* Text Colors */
.text-purple {
    color: #b81cff!important;
}
.text-purple-light{
	color: #fd22ff!important;
}
.text-primary {
    color: #008cff!important;
}
.text-success {
    color: #15ca20!important;
}
.text-info {
    color: #0dceec!important;
}
.text-secondary {
    color: #75808a!important;
}
.text-danger {
    color: #fd3550!important;
}
.text-dark {
    color: #223035!important;
}
.text-warning {
    color: #f37435!important;
}
.text-light {
    color: #e9eaea!important;
}

.text-google {
    color: #dd4b39!important;
}

.text-facebook {
    color: #3b5998!important;
}

.text-twitter {
    color: #55acee!important;
}

.text-linkedin {
    color: #0976b4!important;
}

.text-behance {
    color: #1769ff!important;
}

.text-dribble {
    color: #ea4c89!important;
}

.text-github {
    color: #333333!important;
}
/* Shadows */
.shadow-purple {
    box-shadow: 0 7px 30px rgba(184, 28, 255, 0.45)!important;
}
.shadow-primary{
	box-shadow: 0 7px 30px rgba(2, 140, 253, 0.7)!important;
}
.shadow-secondary{
	box-shadow: 0 7px 30px rgba(117, 129, 137, 0.83)!important;
}
.shadow-success{
	box-shadow: 0 7px 30px rgba(21, 201, 33, 0.74)!important;
}
.shadow-danger{
	box-shadow: 0 7px 30px rgba(253, 53, 80, 0.7)!important;
}
.shadow-warning{
	box-shadow: 0 7px 30px rgba(254, 151, 1, 0.65)!important;
}
.shadow-info{
	box-shadow: 0 7px 30px rgba(13, 206, 236, 0.73)!important;
}
.shadow-light{
	box-shadow: 0 7px 30px rgba(186, 193, 193, 0.83)!important;
}
.shadow-dark{
	box-shadow: 0 7px 30px rgba(34, 48, 53, 0.81)!important;
}

.shadow-facebook{
	box-shadow: 0 7px 30px rgba(59, 89, 152, 0.82);
}
.shadow-twitter{
	box-shadow: 0 7px 30px rgba(85, 172, 238, 0.82);
}

.shadow-gogle-plus{
	box-shadow: 0 7px 30px rgba(221, 75, 57, 0.82);
}
.shadow-linkedin{
	box-shadow: 0 7px 30px rgba(9, 118, 180, 0.82);
}
.shadow-pinterest{
	box-shadow: 0 7px 30px rgba(204, 33, 39, 0.82);
}
.shadow-youtube{
	box-shadow: 0 7px 30px rgba(229, 45, 39, 0.82);
}
.shadow-tumblr{
	box-shadow: 0 7px 30px rgba(53, 70, 92, 0.82);
}
.shadow-github{
	box-shadow: 0 7px 30px rgba(51, 51, 51, 0.82);
}
.shadow-behance{
	box-shadow: 0 7px 30px rgba(23, 105, 255, 0.82);
}
.shadow-dribbble{
	box-shadow: 0 7px 30px rgba(234, 76, 137, 0.82);
}
.shadow-skype{
	box-shadow: 0 7px 30px rgba(0, 175, 240, 0.82);
}

/* Margin Top */
.mt-2{ margin-top:2px; }
.mt-5{ margin-top:5px; }
.mt-10{ margin-top:10px; }
.mt-15{ margin-top:15px; }
.mt-20{ margin-top:20px; }
.mt-25{ margin-top:25px; }
.mt-30{ margin-top:30px; }
.mt-32{ margin-top:32px; }

/* Margin Bottom */
.mb-5{ margin-bottom:5px; }
.mb-10{ margin-bottom:10px; }
.mb-15{ margin-bottom:15px; }
.mb-20{ margin-bottom:20px; }
.mb-25{ margin-bottom:25px; }
.mb-30{ margin-bottom:30px; }

/* Margin left */
.ml-5{ margin-left:5px; }
.ml-10{ margin-left:10px; }
.ml-15{ margin-left:15px; }
.ml-20{ margin-left:20px; }
.ml-25{ margin-left:25px; }
.ml-30{ margin-left:30px; }

/* Margin right */
.mr-2{ margin-right:2px; }
.mr-5{ margin-right:5px; }
.mr-10{ margin-right:10px; }
.mr-15{ margin-right:15px; }
.mr-20{ margin-right:20px; }
.mr-25{ margin-right:25px; }
.mr-30{ margin-right:30px; }
.combo-dropdown{z-index: 99999 !important;}

.br-0{border-radius:0 !important;}
.br-3{border-radius:3px !important;}
.br-5{border-radius:5px !important;}
.br-8{border-radius:8px !important;}
.br-10{border-radius:10px !important;}
.br-25{border-radius:25px !important;}
.br-50{border-radius:50px !important;}
.br-100{border-radius:100px !important;}

/* Maximum Min Heights */
.mxh-10vh{max-height:10vh;}.mnh-10vh{min-height:10vh;}
.mxh-20vh{max-height:20vh;}.mnh-20vh{min-height:20vh;}
.mxh-30vh{max-height:30vh;}.mnh-30vh{min-height:30vh;}
.mxh-40vh{max-height:40vh;}.mnh-40vh{min-height:40vh;}
.mxh-50vh{max-height:50vh;}.mnh-50vh{min-height:50vh;}
.mxh-60vh{max-height:60vh;}.mnh-60vh{min-height:60vh;}
.mxh-70vh{max-height:70vh;}.mnh-70vh{min-height:70vh;}
.mxh-80vh{max-height:80vh;}.mnh-80vh{min-height:80vh;}
.mxh-90vh{max-height:90vh;}.mnh-90vh{min-height:90vh;}
.mxh-100vh{max-height:100vh;}.mnh-100vh{min-height:100vh;}
.mxh-10pr{max-height:10%;}.mnh-10pr{min-height:10%;}
.mxh-20pr{max-height:20%;}.mnh-20pr{min-height:20%;}
.mxh-30pr{max-height:30%;}.mnh-30pr{min-height:30%;}
.mxh-40pr{max-height:40%;}.mnh-40pr{min-height:40%;}
.mxh-50pr{max-height:50%;}.mnh-50pr{min-height:50%;}
.mxh-60pr{max-height:60%;}.mnh-60pr{min-height:60%;}
.mxh-70pr{max-height:70%;}.mnh-70pr{min-height:70%;}
.mxh-80pr{max-height:80%;}.mnh-80pr{min-height:80%;}
.mxh-90pr{max-height:90%;}.mnh-90pr{min-height:90%;}
.mxh-100pr{max-height:100%;}.mnh-100pr{min-height:100%;}
.mxh-50px{max-height:50px;}.mnh-50px{min-height:50px;}
.mxh-100px{max-height:100px;}.mnh-100px{min-height:100px;}
.mxh-150px{max-height:150px;}.mnh-150px{min-height:150px;}
.mxh-200px{max-height:200px;}.mnh-200px{min-height:200px;}
.mxh-300px{max-height:300px;}.mnh-300px{min-height:300px;}
.mxh-400px{max-height:400px;}.mnh-400px{min-height:400px;}
.mxh-500px{max-height:500px;}.mnh-500px{min-height:500px;}
.mxh-600px{max-height:600px;}.mnh-600px{min-height:600px;}
.mxh-700px{max-height:700px;}.mnh-700px{min-height:700px;}

/* Floating Button Materialized */
[datatip] {
  position: relative;
}
[datatip]::before,
[datatip]::after {
  text-transform: none;
  font-size: 0.9em;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[datatip]::before {
  content: "";
  border: 5px solid transparent;
  z-index: 1001;
}
[datatip]::after {
  content: attr(datatip);
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5em 1em;
  border-radius: 5px;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #020204;
  color: #fff;
  z-index: 1000;
}
[datatip]:hover::before,
[datatip]:hover::after {
  display: block;
}
[datatip=""]::before,
[datatip=""]::after {
  display: none !important;
}
[datatip]:not([flow])::before,
[datatip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #111;
}
[datatip]:not([flow])::after,
[datatip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[datatip]:not([flow])::before,
[datatip]:not([flow])::after,
[datatip][flow^="up"]::before,
[datatip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

[datatip]:not([flow])::before,
[datatip][flow^="up-left"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #111;
}
[datatip]:not([flow])::after,
[datatip][flow^="up-left"]::after {
  bottom: calc(100% + 5px);
}
[datatip]:not([flow])::before,
[datatip][flow^="up-left"]::before {
  left: 25%;
}
[datatip]:not([flow])::after,
[datatip][flow^="up-left"]::after {
  left: 50%;
}

[datatip]:not([flow])::before,
[datatip][flow^="up-right"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #111;
}
[datatip]:not([flow])::after,
[datatip][flow^="up-right"]::after {
  bottom: calc(100% + 5px);
}
[datatip]:not([flow])::before,
[datatip][flow^="up-right"]::before {
  left: 75%;
  transform: translate(-50%, -0.5em);
}
[datatip]:not([flow])::after,
[datatip][flow^="up-right"]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

[datatip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #020204;
}
[datatip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[datatip][flow^="down"]::before,
[datatip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

[datatip][flow^="down-left"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #020204;
}
[datatip][flow^="down-left"]::after {
  top: calc(100% + 5px);
}
[datatip][flow^="down-left"]::before {
  left: 30%;
}
[datatip][flow^="down-left"]::after {
  left: 50%;
}

[datatip][flow^="down-right"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #020204;
}
[datatip][flow^="down-right"]::after {
  top: calc(100% + 5px);
}
[datatip][flow^="down-right"]::before {
  left: 70%;
  transform: translate(-85%, 0.5em);
}
[datatip][flow^="down-right"]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

[datatip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #020204;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}
[datatip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}
[datatip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #020204;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);
}
[datatip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);
}

[datatip]:not([flow]):hover::before,
[datatip]:not([flow]):hover::after,
[datatip][flow^="up"]:hover::before,
[datatip][flow^="up"]:hover::after,
[datatip][flow^="up-left"]:hover::before,
[datatip][flow^="up-left"]:hover::after,
[datatip][flow^="up-right"]:hover::before,
[datatip][flow^="up-right"]:hover::after,
[datatip][flow^="down"]:hover::before,
[datatip][flow^="down"]:hover::after,
[datatip][flow^="down-left"]:hover::before,
[datatip][flow^="down-left"]:hover::after,
[datatip][flow^="down-right"]:hover::before,
[datatip][flow^="down-right"]:hover::after {
  animation: datatips-vert 300ms ease-out forwards;
}
[datatip][flow^="left"]:hover::before,
[datatip][flow^="left"]:hover::after,
[datatip][flow^="right"]:hover::before,
[datatip][flow^="right"]:hover::after {
  animation: datatips-horz 300ms ease-out forwards;
}
@-moz-keyframes datatips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@-webkit-keyframes datatips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@-o-keyframes datatips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@keyframes datatips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@-moz-keyframes datatips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
@-webkit-keyframes datatips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
@-o-keyframes datatips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
@keyframes datatips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
/*== start of code for tooltips ==*/
.tool {
    /* cursor: help; */
    position: relative;
}


/*== common styles for both parts of tool tip ==*/
.tool::before,
.tool::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100; 
}


/*== pointer tip ==*/
.tool::before {
    border-style: solid;
    border-width: 1em 0.75em 0.75em 0;
    border-color: #3E474F transparent transparent transparent;
    bottom: 50%;
    content: "";
    margin-left: -2.2em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
    transform:  scale(.6) translateY(-90%);
} 

.tool:hover::before,
.tool:focus::before {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
}


/*== speech bubble ==*/
.tool::after {
    background: #3E474F;
    border-radius: .25em;
    bottom: 0%;
    color: #EDEFF0;
    content: attr(data-tip);
    margin-left: -14em;
    padding: 0.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    transform:  scale(.6) translateY(50%);  
    width: 12em;
}

.tool:hover::after,
.tool:focus::after  {
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
}

@media (max-width: 760px) {
  .tool::after { 
        font-size: .75em;
        margin-left: -5em;
        width: 10em; 
  }
}

.jp-tags {
  display: inline;
  position: relative;
}

.jp-tags:hover:after {
	background: #333;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
	bottom: 0;
	color: #fff;
	content: attr(tt-title);
	left: -100%;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: auto;
}

.jp-tags:hover:before {
	border: solid;
	border-color: #333 transparent;
	border-width: 0 6px 6px 6px;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	z-index: 99;
}

/*** Action Button Left Align ***/
.actionButtonsLeft {position: relative;}
.actionButtonsLeft .mainButton {
    position: relative;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: block;
    color: #fff;
    text-align: center;
	margin:auto;
    z-index: 1;
	transform: rotate(270deg);
	transition: all 0.4s;
}
.actionButtonsLeft .mainButton.small-btn {height: 25px;width: 25px;}
.actionButtonsLeft .mainButton i {font-size: 12px;}
.actionButtonsLeft .mainButton.small-btn i {font-size: 13px;}
.actionButtonsLeft .mainButton.open {transform: rotate(-90deg);}

.actionButtonsLeft .showAction ~ .btnDiv a{opacity: 1;visibility: visible;}
.actionButtonsLeft .btnDiv {
    position:absolute;
    top:0;
	right:83%;
    text-align:right;
    transition: all 0.4s;
	width:450px;
}
.actionButtonsLeft .btnDiv.small-btn-div{right:90%;}
.actionButtonsLeft .btnDiv a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-decoration: none;
    margin: auto 3px;
    line-height: 1.15;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    position: relative;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 1%), 0 3px 1px -2px rgb(0 0 0 / 2%), 0 1px 5px 0 rgb(0 0 0 / 2%);
}
.actionButtonsLeft .btnDiv.small-btn-div a {height: 25px;width: 25px;margin: auto 1px;}
.actionButtonsLeft .btnDiv.small-btn-div a i{font-size:12px;}
.actionButtonsLeft .btnDiv.small-btn-div a:last-child {margin-right:10px;}
.actionButtonsLeft .mainButton:hover{color:#ffffff;}
.actionButtonsLeft .btnDiv a:hover {box-shadow: 0 3px 3px 0 rgb(0 0 0 / 14%), 0 1px 7px 0 rgb(0 0 0 / 12%), 0 3px 1px -1px rgb(0 0 0 / 20%);}
.actionButtonsLeft .btnDiv a:nth-child(1) {transition: opacity .29s ease-in-out .29s, box-shadow .15s ease-in-out;}
.actionButtonsLeft .btnDiv a:nth-child(2) {transition: opacity .26s ease-in-out .26s, box-shadow .15s ease-in-out;}
.actionButtonsLeft .btnDiv a:nth-child(3) {transition: opacity .23s ease-in-out .23s, box-shadow .15s ease-in-out;}
.actionButtonsLeft .btnDiv a:nth-child(4) {transition: opacity .20s ease-in-out .20s, box-shadow .15s ease-in-out;}
.actionButtonsLeft .btnDiv a:nth-child(5) {transition: opacity .17s ease-in-out .17s, box-shadow .15s ease-in-out;}
.actionButtonsLeft .btnDiv a:nth-child(6) {transition: opacity .14s ease-in-out .14s, box-shadow .15s ease-in-out;}
.actionButtonsLeft .btnDiv a:nth-child(7) {transition: opacity .11s ease-in-out .11s, box-shadow .15s ease-in-out;}
.actionButtonsLeft .btnDiv a:nth-child(8) {transition: opacity .08s ease-in-out .08s, box-shadow .15s ease-in-out;}
.actionButtonsLeft .btnDiv a:nth-child(9) {transition: opacity .05s ease-in-out .05s, box-shadow .15s ease-in-out;}
.actionButtonsLeft .btnDiv a:nth-child(10){transition: opacity .02s ease-in-out .02s, box-shadow .15s ease-in-out;}
.actionButtonsLeft a i {position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);}

/*** Action Button Right Align ***/
.actionButtonsRight {position: relative;}
.actionButtonsRight .mainButton {
    position: relative;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: block;
    color: #fff;
    text-align: center;
	margin:auto;
    z-index: 1;
	transform: rotate(-270deg);
	transition: all 0.4s;
}
.actionButtonsRight .mainButton i {font-size: 12px;}
.actionButtonsRight .mainButton.open {transform: rotate(90deg);}

.actionButtonsRight .showAction ~ .btnDiv a{opacity: 1;visibility: visible;}
.actionButtonsRight .btnDiv {
    position:absolute;
    top:0;
	left:82%;
    text-align:left;
    transition: all 0.4s;
	width:450px;
	z-index:-1;
}
.actionButtonsRight .btnDiv a {
    display: inline-block;
	font-size:12px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-decoration: none;
    margin: auto 3px;
    line-height: 1.15;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    position: relative;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 1%), 0 3px 1px -2px rgb(0 0 0 / 2%), 0 1px 5px 0 rgb(0 0 0 / 2%);
}
.actionButtonsRight .mainButton:hover{color:#ffffff;}
.actionButtonsRight .btnDiv a:nth-child(1) {transition: opacity .07s ease-in-out .07s, box-shadow .15s ease-in-out;}
.actionButtonsRight .btnDiv a:nth-child(2) {transition: opacity .10s ease-in-out .10s, box-shadow .15s ease-in-out;}
.actionButtonsRight .btnDiv a:nth-child(3) {transition: opacity .13s ease-in-out .13s, box-shadow .15s ease-in-out;}
.actionButtonsRight .btnDiv a:nth-child(4) {transition: opacity .16s ease-in-out .16s, box-shadow .15s ease-in-out;}
.actionButtonsRight .btnDiv a:nth-child(5) {transition: opacity .19s ease-in-out .19s, box-shadow .15s ease-in-out;}
.actionButtonsRight .btnDiv a:nth-child(6) {transition: opacity .22s ease-in-out .22s, box-shadow .15s ease-in-out;}
.actionButtonsRight .btnDiv a:nth-child(7) {transition: opacity .25s ease-in-out .25s, box-shadow .15s ease-in-out;}
.actionButtonsRight .btnDiv a:nth-child(8) {transition: opacity .28s ease-in-out .28s, box-shadow .15s ease-in-out;}
.actionButtonsRight .btnDiv a:nth-child(9) {transition: opacity .31s ease-in-out .31s, box-shadow .15s ease-in-out;}
.actionButtonsRight .btnDiv a:nth-child(10){transition: opacity .34s ease-in-out .34s, box-shadow .15s ease-in-out;}
.actionButtonsRight a i {position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);}

.ajaxModal
{
	display:none;
	position: fixed;
	z-index: 99999;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: black;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
}
.centerImg
{
	position:fixed;
	display:none;
	z-index: 9999999;
	top: 25%;
	left: 45%;
	padding: 10px;
	width:	260px;
	height: 200px;
	background-color: White;
	border-radius: 10px;
	text-align:center !important;
}
.centerImg img{margin:3% auto;height: 120px; width: 120px;}


.ct-chart {  
    .ct-legend {      
        position: relative;
        z-index: 10;
        list-style: none;
        text-align: center;

        li {
            position: relative;
            padding-left: 23px;
            margin-right: 10px;
            margin-bottom: 3px;
            cursor: pointer;
            display: inline-block;

            &:before {
                width: 12px;
                height: 12px;
                position: absolute;
                left: 0;
                content: '';
                border: 3px solid transparent;
                border-radius: 2px;
            }
            .inactive:before {
                background: transparent;
            }

            &:nth-child(1)::before{
                background-color: #d70206;
            }    
        
            &:nth-child(2)::before{
                background-color: #f05b4f;
            }
        
            &:nth-child(3)::before{
                background-color: #f4c63d;
            }
        
            &:nth-child(1n+4)::before{
                background-color: #F06292;
            }
        }

        .ct-legend-inside {
            position: absolute;
            top: 0;
            right: 0;
        }
    }
    g:not(.ct-grids):not(.ct-labels) g {
        &:nth-child(1){
            .ct-point,.ct-line {
                stroke: #d70206;        
            }
        }
        &:nth-child(2){
            .ct-point,.ct-line {
                stroke: #f05b4f;      
            }
        }
        &:nth-child(3){
            .ct-point,.ct-line {
                stroke: #f4c63d;       
            }
        }
        &:nth-child(1n+4){
            .ct-point,.ct-line {
                stroke: #F06292;       
            }
        }
    }
}

       .ct-chart {
           position: relative;
       }
       .ct-legend {
           position: relative;
           z-index: 10;
           list-style: none;
           text-align: center;
		   float:right;
		   line-height: 2rem;
		   margin-bottom:0px !important;
       }
       .ct-legend li {
           position: relative;
           padding-left: 23px;
           margin-right: 10px;
           margin-bottom: 3px;
           cursor: pointer;
           display: inline-block;
		   line-height: 1;
       }
       .ct-legend li:before {
           width: 12px;
           height: 12px;
           position: absolute;
           left: 0;
           content: '';
           border: 3px solid transparent;
           border-radius: 2px;
       }
       .ct-legend li.inactive:before {
           background: transparent;
       }
       .ct-legend.ct-legend-inside {
           position: absolute;
           top: 0;
           right: 0;
       }
       .ct-legend.ct-legend-inside li{
           display: block;
           margin: 0;
       }
       .ct-legend .ct-series-0:before {
           background-color: #1d87e4;
           border-color: #1d87e4;
       }
       .ct-legend .ct-series-1:before {
           background-color: #f05b4f;
           border-color: #f05b4f;
       }
       .ct-legend .ct-series-2:before {
           background-color: #f4c63d;
           border-color: #f4c63d;
       }
       .ct-legend .ct-series-3:before {
           background-color: #d17905;
           border-color: #d17905;
       }
       .ct-legend .ct-series-4:before {
           background-color: #453d3f;
           border-color: #453d3f;
       }

       .ct-chart-line-multipleseries .ct-legend .ct-series-0:before {
          background-color: #d70206;
          border-color: #d70206;
       }

       .ct-chart-line-multipleseries .ct-legend .ct-series-1:before {
          background-color: #f4c63d;
          border-color: #f4c63d;
       }

       .ct-chart-line-multipleseries .ct-legend li.inactive:before {
          background: transparent;
        }

       .crazyPink li.ct-series-0:before {
          background-color: #C2185B;
          border-color: #C2185B;
       }

       .crazyPink li.ct-series-1:before {
          background-color: #E91E63;
          border-color: #E91E63;
       }

       .crazyPink li.ct-series-2:before {
          background-color: #F06292;
          border-color: #F06292;
       }
       .crazyPink li.inactive:before {
          background-color: transparent;
       }

       .crazyPink ~ svg .ct-series-a .ct-line, .crazyPink ~ svg .ct-series-a .ct-point {
          stroke: #C2185B;
       }

       .crazyPink ~ svg .ct-series-b .ct-line, .crazyPink ~ svg .ct-series-b .ct-point {
          stroke: #E91E63;
       }

       .crazyPink ~ svg .ct-series-c .ct-line, .crazyPink ~ svg .ct-series-c .ct-point {
          stroke: #F06292;
       }

/*** Custom Checkboxes ***/
/* CheckBoxes & Radios */
.demo-checkbox label, .demo-radio-button label {
    min-width: 200px;
    margin-bottom: 20px;
}
.demo-swtich .demo-switch-title, .demo-swtich .switch {
    width: 150px;
    margin-bottom: 10px;
    display: inline-block;
}

[type=checkbox]:checked.chk-col-primary+label:before {
    border-right: 2px solid #008cff;
    border-bottom: 2px solid #008cff;
}

[type=checkbox]:checked.chk-col-success+label:before {
    border-right: 2px solid #15ca20;
    border-bottom: 2px solid #15ca20;
}

[type=checkbox]:checked.chk-col-info+label:before {
    border-right: 2px solid #0dceec;
    border-bottom: 2px solid #0dceec;
}

[type=checkbox]:checked.chk-col-warning+label:before {
    border-right: 2px solid #f37435;
    border-bottom: 2px solid #f37435;
}

[type=checkbox]:checked.chk-col-danger+label:before {
    border-right: 2px solid #fd3550;
    border-bottom: 2px solid #fd3550;
}

[type=checkbox]:checked.chk-col-dark+label:before {
    border-right: 2px solid #223035;
    border-bottom: 2px solid #223035;
}

[type=checkbox]:checked.chk-col-secondary+label:before {
    border-right: 2px solid #75808a;
    border-bottom: 2px solid #75808a;
}

[type=checkbox].filled-in:checked+label:before {
    border-right: 2px solid #fff!important;
    border-bottom: 2px solid #fff!important;
}

[type=checkbox].filled-in:checked.chk-col-primary+label:after {
    border: 2px solid #008cff;
    background-color: #008cff;
}
[type=checkbox].filled-in:checked.chk-col-success+label:after {
    border: 2px solid #15ca20;
    background-color: #15ca20;
}
[type=checkbox].filled-in:checked.chk-col-info+label:after {
    border: 2px solid #0dceec;
    background-color: #0dceec;
}
[type=checkbox].filled-in:checked.chk-col-warning+label:after {
    border: 2px solid #f37435;
    background-color: #f37435;
}
[type=checkbox].filled-in:checked.chk-col-danger+label:after {
    border: 2px solid #fd3550;
    background-color: #fd3550;
}
[type=checkbox].filled-in:checked.chk-col-dark+label:after {
    border: 2px solid #223035;
    background-color: #223035;
}
[type=checkbox].filled-in:checked.chk-col-secondary+label:after {
    border: 2px solid #75808a;
    background-color: #75808a;
}

[type=radio].radio-col-primary:checked+label:after {
    background-color: #008cff;
    border-color: #008cff;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].radio-col-success:checked+label:after {
    background-color: #15ca20;
    border-color: #15ca20;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].radio-col-info:checked+label:after {
    background-color: #0dceec;
    border-color: #0dceec;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].radio-col-warning:checked+label:after {
    background-color: #f37435;
    border-color: #f37435;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].radio-col-danger:checked+label:after {
    background-color: #fd3550;
    border-color: #fd3550;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].radio-col-dark:checked+label:after {
    background-color: #223035;
    border-color: #223035;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].radio-col-secondary:checked+label:after {
    background-color: #75808a;
    border-color: #75808a;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-primary:checked+label:before {
    border: 2px solid #008cff;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap.radio-col-primary:checked+label:after {
    background-color: #008cff;
    border: 2px solid #008cff;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-success:checked+label:before {
    border: 2px solid #15ca20;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap.radio-col-success:checked+label:after {
    background-color: #15ca20;
    border: 2px solid #15ca20;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap.radio-col-info:checked+label:before {
    border: 2px solid #0dceec;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap.radio-col-info:checked+label:after {
    background-color: #0dceec;
    border: 2px solid #0dceec;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap.radio-col-warning:checked+label:before {
    border: 2px solid #f37435;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap.radio-col-warning:checked+label:after {
    background-color: #f37435;
    border: 2px solid #f37435;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap.radio-col-danger:checked+label:before {
    border: 2px solid #fd3550;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap.radio-col-danger:checked+label:after {
    background-color: #fd3550;
    border: 2px solid #fd3550;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap.radio-col-dark:checked+label:before {
    border: 2px solid #223035;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap.radio-col-dark:checked+label:after {
    background-color: #223035;
    border: 2px solid #223035;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap.radio-col-secondary:checked+label:before {
    border: 2px solid #75808a;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap.radio-col-secondary:checked+label:after {
    background-color: #75808a;
    border: 2px solid #75808a;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}


[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
    opacity: 0;
}
[type=checkbox]+label {
    font-weight: 400;
    position: relative;
    padding-left: 35px !important;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
[type=checkbox]+label:before, [type=checkbox]:not(.filled-in)+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
[type=checkbox]:not(.filled-in)+label:after {
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
[type=checkbox]:not(:checked):disabled+label:before {
    border: none;
    background-color: rgba(0, 0, 0, .26);
}
[type=checkbox].tabbed:focus+label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1);
}
[type=checkbox]:checked+label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #45aef1;
    border-bottom: 2px solid #45aef1;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%}
[type=checkbox]:checked:disabled+label:before {
    border-right: 2px solid rgba(0, 0, 0, .26);
    border-bottom: 2px solid rgba(0, 0, 0, .26);
}
[type=checkbox]:indeterminate+label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #26a69a;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%}
[type=checkbox]:indeterminate:disabled+label:before {
    border-right: 2px solid rgba(0, 0, 0, .26);
    background-color: transparent;
}
[type=checkbox].filled-in+label:after {
    border-radius: 2px;
}
[type=checkbox].filled-in+label:after, [type=checkbox].filled-in+label:before {
    content: '';
    left: 0;
    position: absolute;
    -webkit-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    -o-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    z-index: 1;
}
[type=checkbox].filled-in:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%}
[type=checkbox].filled-in:not(:checked)+label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0;
    z-index: 0;
}
[type=checkbox].filled-in:checked+label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%}
[type=checkbox].filled-in:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #45aef1;
    background-color: #45aef1;
    z-index: 0;
}
[type=checkbox].filled-in.tabbed:focus+label:after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0, 0, 0, .1);
}
[type=checkbox].filled-in.tabbed:checked:focus+label:after {
    border-radius: 2px;
    background-color: #45aef1;
    border-color: #45aef1;
}
[type=checkbox].filled-in:disabled:not(:checked)+label:before {
    background-color: transparent;
    border: 2px solid transparent;
}
[type=checkbox].filled-in:disabled:not(:checked)+label:after {
    border-color: transparent;
    background-color: #BDBDBD;
}
[type=checkbox].filled-in:disabled:checked+label:before {
    background-color: transparent;
}
[type=checkbox].filled-in:disabled:checked+label:after {
    background-color: #BDBDBD;
    border-color: #BDBDBD;
}
[type=radio]:checked, [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
    opacity: 0;
}
[type=radio]:checked+label, [type=radio]:not(:checked)+label {
    font-weight: 400;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
[type=radio]+label:after, [type=radio]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}
[type=radio].with-gap:checked+label:after, [type=radio].with-gap:checked+label:before, [type=radio]:checked+label:after, [type=radio]:checked+label:before, [type=radio]:not(:checked)+label:after, [type=radio]:not(:checked)+label:before {
    border-radius: 50%}
[type=radio]:not(:checked)+label:after, [type=radio]:not(:checked)+label:before {
    border: 2px solid #5a5a5a;
}
[type=radio]:not(:checked)+label:after {
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
[type=radio]:checked+label:before {
    border: 2px solid transparent;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap:checked+label:after, [type=radio].with-gap:checked+label:before, [type=radio]:checked+label:after {
    border: 2px solid #389af0;
}
[type=radio].with-gap:checked+label:after, [type=radio]:checked+label:after {
    background-color: #389af0;
    z-index: 0;
}
[type=radio]:checked+label:after {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
[type=radio].with-gap:checked+label:after {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
}
[type=radio].tabbed:focus+label:before {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap:disabled:checked+label:before {
    border: 2px solid rgba(0, 0, 0, .26);
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio].with-gap:disabled:checked+label:after {
    border: none;
    background-color: rgba(0, 0, 0, .26);
}
[type=radio]:disabled:checked+label:before, [type=radio]:disabled:not(:checked)+label:before {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .26);
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
[type=radio]:disabled+label {
    color: rgba(0, 0, 0, .26);
}
[type=radio]:disabled:not(:checked)+label:before {
    border-color: rgba(0, 0, 0, .26);
}
[type=radio]:disabled:checked+label:after {
    background-color: rgba(0, 0, 0, .26);
    border-color: #BDBDBD;
}
input[type="color"] {
    height: 42px;
}

.input-group-addon [type=checkbox]:checked,
.input-group-addon [type=checkbox]:not(:checked),
.input-group-addon [type=radio]:checked,
.input-group-addon [type=radio]:not(:checked) {
    position: initial;
    opacity: 1;
  margin-top: 4px;
}

.combo-select{margin-bottom: 0px !important;}
.combo-input {    
    height: calc(1.5em + 0.75rem + 2px) !important;
    border-radius: 2px !important;
    font-size: 0.875rem !important;
}
.form-group {margin-bottom: 0.8rem !important;}
/* .ssTable {min-height:300px;} */

/*** Multiple Select ***/
span.multiselect-native-select {
	position: relative
}
span.multiselect-native-select select {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	height: 1px!important;
	margin: -1px -1px -1px -3px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	left: 50%;
	top: 30px
}
.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0
}
.multiselect-container .input-group {
	margin: 5px
}
.multiselect-container>li {
	padding: 0
}
.multiselect-container>li>a.multiselect-all label {
	font-weight: 700
}
.multiselect-container>li.multiselect-group label {
	margin: 0;
	padding: 3px 20px 3px 20px;
	height: 100%;
	font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
	cursor: pointer
}
.multiselect-container>li>a {
	padding: 0
}
.multiselect-container>li>a>label {
	margin: 0;
	height: 100%;
	cursor: pointer;
	font-weight: 400;
	padding: 3px 0 3px 30px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
	margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
	margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
	padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
	margin-left: -20px;
	margin-right: 0
}

.nav-tabs-success.nav-tabs {
    border-bottom: 1px solid #15ca20;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs-success .nav-link.active, .nav-tabs-success .nav-item.show>.nav-link {
    color: #15ca20 !important;
    background-color: #fff !important;
    border-color: #15ca20 #15ca20 #fff !important;
    border-top: 3px solid #15ca20 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #15ca20 !important;
    background-color: #fff !important;
    border-color: #15ca20 #15ca20 #fff !important;
}   

.nav-tabs .nav-link {
    color: #223035 !important;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 2px;
    margin-bottom: 0;
    padding: 12px 20px;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
}
/*** Lead WWidget Style ***/
.circleLetter
{
	width:30px;height:28px;
	padding:4px;
	border-radius:50%;
	background-color:#22c6ab;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin-right:10px;
}
.lead-widget
{
	position:relative;
	font-size:13px;
	margin-bottom:10px;
	padding:7px;
}
.lead-widget .lead-row
{
	position:relative;
	width:100%;
	background: #fff;
    border-radius: 0px;
	margin:5px auto;
	padding:10px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	border-left:0px solid #4798e8 ;
}
.lead-widget .lead-row .drag-handler {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    border-left: 2px dotted #4798e8;
    border-right: 2px dotted #4798e8;
}
.lead-widget .lbtn
{
    font-weight: 300;
    color: #3e5569;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.250rem;
    font-size: 0.875rem;
    border-radius: 2px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/*** Lead Header Search Bar ***/

.headerSearch .jpsearch {
	position: absolute;
	width:auto;
	top:1%;
	right:1%;
	background:transparent;
	height:40px;
	/*-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;*//
}

.headerSearch .jpsearch .quicksearch {
  background-color: #ffffff;
  border: 0;
  font-size: 16px;
  padding: 10px;
  height: 38px;
  width: 38px;
  transition: width 0.3s ease;
  border-radius:38px;
  float:right;
}
.headerSearch .search-btn {
	position: absolute;
	top: 15%;
	right: 16%;
	height: 25px;
	width: 25px;
	background: #ffffff;
	border: 0;
	cursor: pointer;
	display:flex;
	justify-content:center;
	align-items:center;
	transition: transform 0.4s ease;
}
.headerSearch .search-btn > i{font-size:17px;color:#000;}

.headerSearch .search-btn:focus,.headerSearch .quicksearch:focus {outline: none;}

.headerSearch .jpsearch.active .quicksearch {width: 100%;padding: 10px 40px 10px 10px;}

.headerSearch .jpsearch.active .search-btn {
  /*transform: translateX(298px);*/
}

/** Typehead **/
.typeahead.dropdown-menu{width:95.5% !important;padding:0px !important;border: 1px solid #999999 !important;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%); !important}
.typeahead.dropdown-menu li{border-bottom: 1px solid #999999 !important;}
.typeahead.dropdown-menu li .dropdown-item{padding: 8px 1em;margin:0 !important;}

/*** jp card panel with isotop ***/

.jpPanel-footer .actionButtonsLeft .btnDiv{width:180px;}
.jpPanel-row .dropdown-menu{width:100px;box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;border: 1px solid #c4ccd5;padding:0px;}
.jpPanel-row .dropdown-menu .dropdown-item{padding:0.4rem;border-bottom:1px solid #efefef;}
.jpPanel-widget .bg-info-light{background:rgba(71,152,232,0.25);}
.jpPanel-widget .bg-success-light{background:rgba(34,198,171,0.25);}
.jpPanel-widget .bg-primary-light{background:rgba(116,96,238,0.25);}
.jpPanel-widget .bg-warning-light{background:rgba(255,188,52,0.35);}


.lead-footer .actionButtonsLeft .btnDiv{width:180px;}
.lead-row .dropdown-menu{width:100px;box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;border: 1px solid #c4ccd5;padding:0px;}
.lead-row .dropdown-menu .dropdown-item{padding:0.4rem;border-bottom:1px solid #efefef;}
.lead-widget .bg-info-light{background:rgba(71,152,232,0.25);}
.lead-widget .bg-success-light{background:rgba(34,198,171,0.25);}
.lead-widget .bg-primary-light{background:rgba(116,96,238,0.25);}
.lead-widget .bg-warning-light{background:rgba(255,188,52,0.35);}

/*** Info ***/
.bg-panel1, .panel1 .mainButton, .panel1 .label{background:rgba(71,152,232,1) !important;}
.border-panel1{border-color:rgba(71,152,232,1) !important;}
.panel1 .lead-row{background:rgba(71,152,232,0.25) !important;}

/*** Success ***/
.bg-panel2, .btn-panel2, .label-panel2, .border-panel2{background:rgba(34,198,171,1) !important;}
.border-panel2{border-color:rgba(34,198,171,1) !important;}
.lead-widget .bg-panel2-light{background:rgba(34,198,171,0.25);}

/*** Primary ***/
.bg-panel3, .btn-panel3, .label-panel3, .border-panel3{background:rgba(116,96,238,1) !important;}
.border-panel3{border-color:rgba(116,96,238,1) !important;}
.lead-widget .bg-panel3-light{background:rgba(116,96,238,0.25);}

/*** Red ***/
.bg-panel4, .btn-panel4, .label-panel4, .border-panel4{background:rgba(239,96,96,1) !important;}
.border-panel4{border-color:rgba(239,96,96,1) !important;}
.lead-widget .bg-panel4-light{background:rgba(239,96,96,0.25);}

/*** Warning ***/
.bg-panel5, .btn-panel5, .label-panel5, .border-panel5{background:rgba(255,188,52,1) !important;}
.border-panel5{border-color:rgba(255,188,52,1) !important;}
.lead-widget .bg-panel5-light{background:rgba(255,188,52,0.25);}

/*** Green ***/
.bg-panel6, .btn-panel6, .label-panel6, .border-panel6{background:rgba(48,143,0,1) !important;}
.border-panel6{border-color:rgba(48,143,0,1) !important;}
.lead-widget .bg-panel6-light{background:rgba(48,143,0,0.25);}

/*** Purple ***/
.bg-panel7, .btn-panel7, .label-panel7, .border-panel7{background:rgba(140,0,150,1) !important;}
.border-panel7{border-color:rgba(140,0,150,1) !important;}
.lead-widget .bg-panel7-light{background:rgba(140,0,150,0.25);}

/*** Dark Orange ***/
.bg-panel8, .btn-panel8, .label-panel8, .border-panel8{background:rgba(217,90,0,1) !important;}
.border-panel8{border-color:rgba(217,90,0,1) !important;}
.lead-widget .bg-panel8-light{background:rgba(217,90,0,0.35);}

/*** Dark Green ***/
.bg-panel9, .btn-panel9, .label-panel9, .border-panel9{background:rgba(0,139,139,1) !important;}
.border-panel9{border-color:rgba(0,139,139,1) !important;}
.lead-widget .bg-panel9-light{background:rgba(0,139,139,0.35);}

/*** Dark Pink ***/
.bg-panel10, .btn-panel10, .label-panel10, .border-panel10{background:rgba(172,7,91,1) !important;}
.border-panel10{border-color:rgba(172,7,91,1) !important;}
.lead-widget .bg-panel10-light{background:rgba(172,7,91,0.30);}

/*** Dark Blue ***/
.bg-panel11, .btn-panel11, .label-panel11, .border-panel11{background:rgba(35,99,114,1) !important;}
.border-panel11{border-color:rgba(35,99,114,1) !important;}
.lead-widget .bg-panel11-light{background:rgba(35,99,114,0.30);}

/*** Indigo ***/
.bg-panel12, .btn-panel12, .label-panel12, .border-panel12{background:rgba(73,0,192,1) !important;}
.border-panel12{border-color:rgba(73,0,192,1) !important;}
.lead-widget .bg-panel12-light{background:rgba(73,0,192,0.30);}

/*** Maroon ***/
.bg-panel13, .btn-panel13, .label-panel13, .border-panel13{background:rgba(128,0,0,1) !important;}
.border-panel13{border-color:rgba(128,0,0,1) !important;}
.lead-widget .bg-panel13-light{background:rgba(128,0,0,0.35);}

/*** Saddle Brown  ***/
.bg-panel14, .btn-panel14, .label-panel14, .border-panel14{background:rgba(124,141,90,1) !important;}
.border-panel14{border-color:rgba(124,141,90,1) !important;}
.lead-widget .bg-panel14-light{background:rgba(124,141,90,0.40);}

/*** Saddle Brown  ***/
.bg-panel15, .btn-panel15, .label-panel15, .border-panel15{background:rgba(160,90,145,1) !important;}
.border-panel15{border-color:rgba(160,90,145,1) !important;}
.lead-widget .bg-panel15-light{background:rgba(160,90,145,0.30);}


/*** FULL WIDTH TAB STYLE ***/
.jpFWTab nav{border: 1px solid #45729f !important;border-bottom-color:#daeafa !important;}
.jpFWTab nav > .nav.nav-tabs{ border: none !important; color:#fff !important; background:#272e38 !important; border-radius:0 !important; }

.jpFWTab nav > div a.nav-item.nav-link,.jpFWTab nav > div a.nav-item.nav-link.active
{
	border: none !important;
    padding: 6px 25px !important;
    color:#000 !important;
    background:#daeafa !important;
    border-radius:0 !important;
	margin: 0px !important;
	font-size: 13px !important;
}

.jpFWTab nav > div a.nav-item.nav-link.active:after
 {
	content: "" !important;
	position: relative !important;
	bottom: -43px !important;
	left: -28% !important;
	border: 15px solid transparent !important;
	border-top-color: #45729f !important;
}
.jpFWTab .tab-content{
	background: #fdfdfd !important;
	line-height: 25px !important;
	border: 1px solid #45729f !important;
	border-top:4px solid #45729f !important;
	border-bottom:5px solid #45729f !important;
	padding:10px !important;
}

.jpFWTab nav > div a.nav-item.nav-link:hover,
.jpFWTab nav > div a.nav-item.nav-link:focus,
.jpFWTab nav > div a.nav-item.nav-link.active
{
	border: none !important;
	background: #45729f !important;
	color:#fff !important;
	border-radius:0 !important;
	transition:background 0.20s linear !important;
}

/*** Floating Action Button ***/
.bottomBtn {display: block;position: fixed;z-index: 999999999;}
.bottomBtn.bottom-5{bottom:5px;}
.bottomBtn.bottom-10{bottom:10px;}
.bottomBtn.bottom-15{bottom:15px;}
.bottomBtn.bottom-20{bottom:20px;}
.bottomBtn.bottom-25{bottom:25px;}
.bottomBtn.right-5{right:5px;}
.bottomBtn.right-10{right:10px;}
.bottomBtn.right-15{right:15px;}
.bottomBtn.right-20{right:20px;}
.bottomBtn.right-25{right:25px;}
.floatingButtonWrap {
    display: block;
    position: fixed;
    bottom: 45px;
    right: 45px;
    z-index: 999999999;
}

.floatingButtonInner {position: relative;}

.floatingButton {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
	background:#f44336;
    color: #fff;
    line-height: 55px;
    position: absolute;
    border-radius: 50% 50%;
    bottom: 0px;
    right: 0px;
    border: 0px solid #b2bedc;
    transition: all 0.4s;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.floatingButton .fa {font-size: 1.1rem !important;font-weight:700 !important}

.floatingButton.open, .floatingButton:hover, .floatingButton:focus, .floatingButton:active { opacity: 1; color: #fff; }

.floatingButton .fa { transform: rotate(0deg); transition: all 0.4s; }

.floatingButton.open .fa { transform: rotate(270deg); }

.floatingMenu { position: absolute; bottom: 60px; right: 0px; display: none;margin-bottom:0px; }

.floatingMenu li { width: 100%; float: right; list-style: none; text-align: right; margin-bottom: 5px; }

.floatingMenu li a {
    padding: 5px 15px;
    display: inline-block;
    background: #ccd7f5;
    color: #FFFFFF;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.4s;
    -webkit-box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
    box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
}

.floatingMenu li a:hover {margin-right: 10px; text-decoration: none; }

/*** JP TAGS INPUT ***/
.bootstrap-tagsinput {
	background-color: #fff;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	display: inline-block;
	padding: 4px 6px;
	color: #555;
	vertical-align: middle;
	max-width: 100%;
	line-height: 22px;
	cursor: text;
	min-height:100px;
	width:100%;
	border: 1px solid #c0cfdd;
	border-radius: 2px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.bootstrap-tagsinput input {
	border: none;
	box-shadow: none;
	outline: none;
	background-color: transparent;
	padding: 0 6px;
	margin: 0;
	width: auto;
	max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {color: #777;opacity: 1;}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {color: #777;}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {color: #777;}
.bootstrap-tagsinput input:focus {border: none;box-shadow: none;}
.bootstrap-tagsinput .tag {margin-right: 2px;color: white;}
.bootstrap-tagsinput .tag [data-role="remove"] {margin-left: 8px;cursor: pointer;}
.bootstrap-tagsinput .tag [data-role="remove"]:after {content: "x";padding: 0px 2px;}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}


/** New Speech **/

#search-form {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#search-form input {
  width: 100%;
  font-size: 1rem;
  padding: 5px;
  border: 1px solid #c0cfdd;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#search-form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  outline: none;
  border: none;
  width: 3rem;
  text-align: center;
  font-size: 1rem;
  cursor: pointer;
  color: #333;
}

/*** BS Collapse **/
#bs-collapse .panel {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fff;
	background: none;
	box-shadow: none;
}
#bs-collapse .panel:last-child {border-bottom: none;}
#bs-collapse  > .panel:first-child .panel-heading {border-radius: 4px 4px 0 0;}
#bs-collapse  .panel {border-radius: 0;}
#bs-collapse .panel + .panel {margin-top: 0;}
#bs-collapse .panel-heading {
	background-color: #009688;
	border-radius: 0;
	border: none;
	color: #fff;
	padding: 0;
}
#bs-collapse .panel-title{margin-bottom:0.1rem !important}
#bs-collapse .panel-title a {
	display: block;
	color: #fff !important;
	padding: 10px;
	position: relative;
	font-size: 16px;
	font-weight: 400;
}

#bs-collapse .panel-body {background: #fff;}
#bs-collapse .panel:last-child .panel-body {border-radius: 0 0 4px 4px;}
#bs-collapse .panel:last-child .panel-heading {border-radius: 0 0 4px 4px;transition: border-radius 0.3s linear 0.2s;}
#bs-collapse .panel:last-child .panel-heading.active {border-radius: 0;transition: border-radius linear 0s;}
#bs-collapse .panel-heading a:before {
	content: '\F416';
	position: absolute;
	font-family: 'Material Design Icons';
	right: 5px;
	top: 6px;
	font-size: 24px;
	transition: all 0.5s;
	transform: scale(1);
}
#bs-collapse .panel-heading.active a:before {content: ' ';transition: all 0.5s;transform: scale(0);}
#bs-collapse .panel-heading a:after {
	content: ' ';
	font-size: 24px;
	position: absolute;
	font-family: 'Material Design Icons';
	right: 5px;
	top: 6px;
	transform: scale(0);
	transition: all 0.5s;
}
#bs-collapse .panel-heading.active a:after {content: '\F375';transform: scale(1);transition: all 0.5s;}
.modal { overflow: auto !important; /* For Nested Bootstrap Modal*/}