.uline{text-decoration: underline;}
.error{color:#f90000;}
.login-poweredby
{
	position: absolute;
	width:100%;
	bottom:0;
	left:0;
	text-align:center!important;
}
/* Disable Arrow From Number Input */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
small, .small { font-size: 80% !important;font-weight: 300 !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;}
.tfs-10 th,.tfs-10 td{font-size:10px !important;}
.tfs-11 th,.tfs-11 td{font-size:11px !important;}
.tfs-12 th,.tfs-12 td{font-size:12px !important;}
.tfs-13 th,.tfs-13 td{font-size:13px !important;}
.tfs-14 th,.tfs-14 td{font-size:14px !important;}
.bg-light-pink{background-color:#ffb0b0 !important;background:#ffb0b0 !important;}
.bg-light-orange{background-color:#eeb7a0 !important;background:#eeb7a0 !important;}
.highlight {background-color: whitesmoke !important;}
/*.bg-light-pink th, .bg-light-pink td{background-color:#ffb0b0 !important;background:#ffb0b0 !important;}*/

.float-right { float: right !important; }

/*** Transform ***/
.transform-45{transform: rotate(45deg);}
.transform-90{transform: rotate(90deg);}
.transform-135{transform: rotate(135deg);}
.transform-180{transform: rotate(180deg);}
.transform-225{transform: rotate(225deg);}
.transform-270{transform: rotate(270deg);}
.transform-315{transform: rotate(315deg);}
.transform-360{transform: rotate(360deg);}
.mdi.fa-stack-1x{margin-top:-2px;margin-left:25px;}

.btn-group .btn{border-radius:0.25rem;}
.btn-sm{border-radius:0px;}
.btn-xs{border-radius:0.1rem;;}
/* 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;
}
.bg-light-green{ background-color:#aaf4d2!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;
}

.status_bg1{ background-color:rgb(152, 202, 60);}
.status_bg2{ background-color:rgb(251, 193, 30); }
.status_bg3{ background-color:rgb(78, 211, 229); }
.status_bg4{ background-color:rgb(245, 107, 98); }
.status_bg5{ background-color:rgb(8, 174, 234); }
.status_bg6{ background-color:rgb(103, 160, 255); }
.status_bg7{ background-color:rgb(44, 200, 186); }
.status_bg8{ background-color:rgb(165, 147, 255); }
.status_bg9{ background-color:rgb(255, 123, 215); }
.status_bg10{ background-color:rgb(85, 141, 202); }
.status_bg11{ background-color:rgb(116, 203, 128); }
.status_bg12{ background-color:rgb(230, 203, 76); }
.status_bg13{ background-color:rgb(185, 152, 151); }
.status_bg14{ background-color:rgb(246, 169, 109); }
.status_bg15{ background-color:rgb(197, 160, 112); }
.status_bg16{ background-color:rgb(73, 230, 207); }
.status_bg17{ background-color:rgb(140, 186, 187); }
.status_bg18{ background-color:rgb(167, 188, 238); }
.status_bg19{ background-color:rgb(219, 154, 202); }
.status_bg20{ background-color:rgb(169, 178, 192); }

.text-light_green{ color:rgb(152, 202, 60);}
.text-light_orange{ color:rgb(251, 193, 30); }
.text-cyan{ color:rgb(78, 211, 229); }
.text-red{ color:rgb(245, 107, 98); }
.text-sky_blue{ color:rgb(8, 174, 234); }
.text-light-blue{ color:rgb(103, 160, 255); }
.text-success{ color:rgb(44, 200, 186); }
.text-light-purple{ color:rgb(165, 147, 255); }
.text-pink{ color:rgb(255, 123, 215); }
.text-polo-blue{ color:rgb(85, 141, 202); }
.text-green{ color:rgb(116, 203, 128); }
.text-dark-yellow{ color:rgb(230, 203, 76); }
.text-sandle-brown{ color:rgb(185, 152, 151); }
.text-peach-pink{ color:rgb(255 154 138); }
.text-cider{ color:rgb(197, 160, 112); }
.text-emerald{ color:rgb(73, 230, 207); }
.text-turkish{ color:rgb(140, 186, 187); }
.text-sky-light{ color:rgb(167, 188, 238); }
.text-taffy-pink{ color:rgb(219, 154, 202); }
.text-gray{ color:rgb(169, 178, 192); }

.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;}
.w-50{width:50px;}
.w-60{width:60px;}
.w-75{width:75px;}
.w-100{width:100px;}
.w-125{width:125px;}
.w-150{width:150px;}
.w-175{width:175px;}
.w-200{width:200px;}
.maxw-50{max-width:50px;}
.maxw-60{max-width:60px;}
.maxw-75{max-width:75px;}
.maxw-100{max-width:100px;}
.maxw-125{max-width:125px;}
.maxw-150{max-width:150px;}
.maxw-175{max-width:175px;}
.maxw-200{max-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-bold { font-weight: 700; }
.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);
}
.shadow-solid{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);}
.shadow-nice{box-shadow: 0px 10px 1px rgba(221, 221, 221, 1), 0 10px 20px rgba(204, 204, 204, 1);}
.shadow-perfect{box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 0px 1px rgba(9, 30, 66, 0.08);}
.shadow-amazing{box-shadow: 0px 9px 20px rgba(13, 38, 76, 0.19);}
.shadow-creative{box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .13), 0 1px 4px 0 rgba(0, 0, 0, .11);}
.shadow-border{box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.02), 0px 0px 0px 1px rgba(27, 31, 35, 0.15);}
.shadow-wow{box-shadow: 0 0 0 2px rgba(0,0,0,1), 8px 8px 0 0 rgba(27, 31, 35, 0.15);}

/* 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;}
.rounded-tl-1 {border-top-left-radius: 0.25rem;}
.rounded-tr-1 {border-top-right-radius: 0.25rem;}
.rounded-bl-1 {border-bottom-left-radius: 0.25rem;}
.rounded-br-1 {border-bottom-right-radius: 0.25rem;}

/* 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: 14px;}
.actionButtonsRight .mainButton.open {transform: rotate(90deg);}

.actionButtonsRight .showAction ~ .btnDiv a{opacity: 1;visibility: visible;}
.actionButtonsRight .btnDiv {
    position:absolute;
    top:0;
	left:80%;
    text-align:left;
    transition: all 0.4s;
	width:450px;
	z-index:-1;
}
.actionButtonsRight .btnDiv a {
    display: inline-block;
	font-size:13px;
    width: 28px;
    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%);
}
.btnDiv .btn{padding:0.4rem 0.9rem !important;}
.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;} */

/** BUTTON */
.btn-block{display:block;width:100%;}
.btn-facebook {
  color: #fff;
  background-color: #3b5998; }
  .btn-facebook:hover {
    color: #fff; }

.btn-twitter {
  color: #fff;
  background-color: #55acee; }
  .btn-twitter:hover {
    color: #fff; }

.btn-linkedin {
  color: #fff;
  background-color: #007bb6; }
  .btn-linkedin:hover {
    color: #fff; }

.btn-dribbble {
  color: #fff;
  background-color: #ea4c89; }
  .btn-dribbble:hover {
    color: #fff; }

.btn-googleplus {
  color: #fff;
  background-color: #dd4b39; }
  .btn-googleplus:hover {
    color: #fff; }

.btn-instagram {
  color: #fff;
  background-color: #3f729b; }

.btn-pinterest {
  color: #fff;
  background-color: #cb2027; }

.btn-dropbox {
  color: #fff;
  background-color: #007ee5; }

.btn-flickr {
  color: #fff;
  background-color: #ff0084; }

.btn-tumblr {
  color: #fff;
  background-color: #32506d; }

.btn-skype {
  color: #fff;
  background-color: #00aff0; }

.btn-youtube {
  color: #fff;
  background-color: #bb0000; }

.btn-github {
  color: #fff;
  background-color: #171515; }

/*** 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);}

.form-control{border-radius:0px;}
/*** SMALL TABLE MANY COLUMNS ***/
.jpExcelTable{width: 100%;color: #3e5569;border-collapse:collapse;}
.jpExcelTable th, .jpExcelTable td {
    font-size: 0.9em;
    padding: 0.2rem;
    vertical-align: top;
    vertical-align: middle;
    border:1px solid #454545!important;
    border-collapse:collapse;
}
.jpExcelTable .form-control{
    padding:0.25rem 0.25rem;
}
/*** 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: 3px 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;background:#0d7a84;}
#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;}

/******* Sync Button *******/
.syncButton
{
	background:#aaffaa;
	color:#000000;
	padding:5px;
	border-radius:3px;
}
.pulse:hover, 
.pulse:focus {
  animation: pulse 1s;
  box-shadow: 0 0 0 2em rgba(#000,0);
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 var(--hover); }
}

/****** Start Basic Table ******/
.jp-table{width:100%;border:1px solid #000000;border-collapse:collapse;}
.jp-table .lightbg
{
	background-color: #f9f9f9;
}
.jp-table th,.jp-table td
{
	border:1px solid #a8a8a8;
	border-collapse:collapse;
	font-size:12px;
	padding:5px;
}
.jp-table th{font-weight:bold;}
/****** End Basic Table ******/

.table { width: 100%; margin-bottom: 1rem; color: #3e5569; }
.table th{font-weight:600;color:#4b597e;}
.table td{font-weight:normal;color:#000;}
.table th,.table td { padding: 0.20rem; vertical-align: top; border-top: 1px solid #e9ecef; vertical-align:middle;}
.table thead th { vertical-align: middle; border-bottom: 2px solid #e9ecef; }
.table tbody + tbody {  border-top: 2px solid #e9ecef; }
thead>tr th:first-child{border-radius:0px;}
thead>tr th:last-child{border-radius:0px;}
.table-bordered {border: 1px solid #e9ecef; }
.table-bordered th,.table-bordered td {border: 1px solid #e9ecef; }
.table-bordered thead th,.table-bordered thead td {border-bottom-width: 2px; }

.table-bordered-dark {border: 1px solid #454545; }
.table-bordered-dark th,.table-bordered-dark td {border: 1px solid #454545; }
.table-bordered-dark thead th,.table-bordered-dark thead td {border-bottom-width: 2px; }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0; }

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

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

/****** Start Machine Service Box ******/

.MserviceBox{
    color: #606060;
    padding: 0 10px 60px;
    background-color: #F9A11C;
    border: 1px solid transparent;
    border-radius: 20px;
    margin: 80px 0 30px;
    position: relative;
 }
.m-table{width:100%;}

 .MserviceBox .service-content{
   text-align: center;
    padding: 15px 20px 30px;
    margin-top: -80px;
    border-radius: 25px;
    background-color: #fff;
    position: relative;
    transition:all 0.3s;
 }
 .MserviceBox .service-content:hover{
   box-shadow: 0 0 20px -5px #000;
 }
 .MserviceBox .service-content:after{
    content: '';
    height: 50px;
    width: 50px;
    border: 25px solid transparent;
    border-top: 25px solid #fff;
    transform:translateX(-50%);
    position: absolute;
    bottom: -50px;
    left: 50%;
}
.MserviceBox .service-icon{
    display: inline-block;
    color: #F9A11C;
    font-size: 90px;
    margin-bottom: 10px;
    transition: all 0.3s ease 0s;
}
.MserviceBox:hover .service-icon{
    transform:rotateX(360deg);
}
.MserviceBox .title{
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin:0 0 10px;
}
.MserviceBox .description{
    font-size: 15px;
    line-height: 25px;
    margin: 0;
}
.MserviceBox .read-more{
    display: block;
    width: 60%;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    background-color: #6D4D42;
    border-radius: 15px;
    transform:translateX(-50%);
    transition:all 0.3s ease 0s;
    position: absolute;
    left: 50%;
    bottom: -20px;
}
.MserviceBox .read-more:hover{
    text-decoration: none;
    letter-spacing: 2px;
    box-shadow: 0 0 10px #000;
}
.MserviceBox.orange{background-color: #F9A11C;}
.MserviceBox.orange .service-icon{color: #F9A11C;}
.MserviceBox.orange .read-more{background-color: #6D4D42;}
.orange .m-table th{background:#F9A11C;color:#FFFFFF;}
.orange .m-table th, .orange .m-table td{border:1px solid #F9A11C;}

.MserviceBox.green{background-color: #44BB85;}
.MserviceBox.green .service-icon{color: #44BB85;}
.MserviceBox.green .read-more{background-color: #007A6D;}
.green .m-table th{background:#44BB85;color:#FFFFFF;}
.green .m-table th, .green .m-table td{border:1px solid #44BB85;}

.MserviceBox.blue{background-color: #36BFC5;}
.MserviceBox.blue .service-icon{color: #36BFC5;}
.MserviceBox.blue .read-more{background-color: #015F65;}
.blue .m-table th{background:#36BFC5;color:#FFFFFF;}
.blue .m-table th, .blue .m-table td{border:1px solid #36BFC5;}

.MserviceBox.red{background-color: #f23d3a;}
.MserviceBox.red .service-icon{color: #f23d3a;}
.MserviceBox.red .read-more{background-color: #ad0e0c;}
.red .m-table th{background:#f23d3a;color:#FFFFFF;}
.red .m-table th, .red .m-table td{border:1px solid #f23d3a;}
.m-table td.no-border{border:0px;}
@media only screen and (max-width:990px){
    .MserviceBox{ margin-bottom: 60px; }
    .MserviceBox .service-content{padding: 20px 15px 30px;}
}
@media only screen and (max-width:767px){
    .MserviceBox{ margin-bottom: 130px; }
}
/***** End Machine SErvice Box ******/


/***  Animated Border (Green) ***/
 .bd_div {
	position: relative;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
	color: #999;
	overflow: hidden;
}

.bd_div .border-span:nth-child(1) {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to right, #171618, #ffa500);
	animation: animate1 2s linear infinite;
}

@keyframes animate1 {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}

.bd_div .border-span:nth-child(2) {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 3px;
	background: linear-gradient(to bottom, #171618, #ffa500);
	animation: animate2 2s linear infinite;
	animation-delay: 1s;
}
@keyframes animate2 {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(100%);
	}
}

.bd_div .border-span:nth-child(3) {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to left, #171618, #ffa500);
	animation: animate3 2s linear infinite;
}

@keyframes animate3 {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}

.bd_div .border-span:nth-child(4) {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 3px;
	background: linear-gradient(to top, #171618, #ffa500);
	animation: animate4 2s linear infinite;
	animation-delay: 1s;
}

@keyframes animate4 {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(-100%);
	}
}  

/*** TEXT EFFECT LIGHTING ***/
.lightning_text{
    color: #fff6a9;
    /*font-family: 'Sacramento', cursive;*/
    font-size: 120px;
    font-weight: 600;
    text-transform: capitalize;
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
    position: relative;
    animation: animate 2s ease-in-out infinite;
}
@keyframes animate{
    20%, 24%, 55%{color: #111;text-shadow: none;}
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100%{
        color: #fff6a9;
        text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
    }
}
@media only screen and (max-width: 990px){.lightning_text{ font-size: 100px; }}
@media only screen and (max-width: 767px){.lightning_text{ font-size: 80px; }}
@media only screen and (max-width: 479px){.lightning_text{ font-size: 60px; }}
@media only screen and (max-width: 359px){.lightning_text{ font-size: 45px; }}


/*** Invoice PDF & Listing ***/
.inv-head-select select,.inv-head-select .combo-select {text-align:left;display:inline-block !important;}
.inv-head-select .combo-input{border: 1px solid #4798e8 !important;border-radius: 0px !important;}
.inv-head-select .option-item{font-size:12px !important;padding: 6px 0.8em;}
.ctbtr{text-align:right;}
.inv-head-stat{background:#D8FFD8;color:#000000;padding:0.275rem 0.75rem;border:1px solid #000;font-weight:bold;margin-right:8px;}
/*.inv-head-stat:nth-child(1){margin-right:8px;}*/
.inv-head-select{padding:0.275rem 0.75rem;}

/* Report Page */

.report .card {
    position: relative;
    font-family: "Nunito", "Segoe UI", arial;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: 10px !important;
    margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
}
.report .card .card-statistic-4 {
    position: relative;
    color: #000000;
    padding: 15px;
    border-radius: 3px;
    overflow: hidden;
}
.report .card .card-statistic-4 .banner-img img {
    max-width: 100%;
    vertical-align: middle;
    border-style: none;
    float: right;
}
.report .btn-report {
    background-color: #332b6f;
    border-color: transparent !important;
    color: #fff;
    box-shadow: 0 2px 6px #acb5f6;
    border-radius: 0.25rem;
    padding: 0.2rem 0.8rem;
}
.report .bg-blue {background-color: #332b6f;}
.report .bg-green {background-color: #286537;}


.select2-container .select2-selection--single{
    height: 35px !important;
    border-radius: 2px !important;
}
.select2-container--open { z-index: 999999 !important; width:100% !important; }

.select2-container .select2-selection--single .select2-selection__rendered {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    /*white-space: break-spaces !important;*/
}
textarea{resize:none !important;}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.5;
  color: #4f5467;
  vertical-align: middle;
  background: url(../../assets/images/custom-select.png) no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #c0cfdd;
  border-radius: 2px;
  appearance: none; }
  .custom-select:focus {
    border-color: rgba(0, 0, 0, 0.25);
    outline: 0;
    box-shadow: transparent; }
    .custom-select:focus::-ms-value {
      color: #4f5467;
      background-color: #fff; }
  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none; }
  .custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef; }
  .custom-select::-ms-expand {display: none;}
.custom-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  background-size: auto; }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding-left:0px;padding-right:0px;}
.page-wrapper .page-content-tab{padding:10px;}
.page-title-box{padding: 14px 10px;}

.card-header{padding: 0.5rem 1rem;}
/*** Excel Like Table ***/
.excelTable{width:100%;}
.excelTable{border:1px solid #555;border-collapse:collapse;}
.excelTable th,.excelTable th input{font-weight:bold;}
.excelTable th,.excelTable td{border:1px solid #555;border-collapse:collapse;padding:3px;color:#000000;font-size:0.8rem;}
.excelTable tr:nth-child(even){background:#eee;}
.excelTable tr:nth-child(odd){background:#fff;}

/** Data table Auto Content Fit Column **/
.dataTable th, .dataTable td { white-space: nowrap; font-size:0.8rem;}


.table-bordered-dark {border: 1px solid #454545; }
.table-bordered-dark th,.table-bordered-dark td {border: 1px solid #454545; }
.table-bordered-dark thead th,.table-bordered-dark thead td {border-bottom-width: 2px; }

/**** SELECT 2 MULTIPLE ***/
.select2-results__options[aria-multiselectable="true"] .select2-results__option{font-size:12px;}
.select2-results__options[aria-multiselectable="true"] .select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 18px;
  width: 18px;
  border: 1px solid #aaa;
  border-radius: 1px;
  background-color: #fff;
  margin-right: 5px;
  vertical-align: middle;
}
.select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected=true]:before {
  font-family:fontAwesome;
  content: "\f00c";
  color: #fff;
  background-color: #22b783;
  border: 0;
  display: inline-block;
  padding-left: 3px;
}

.select2-container--default .select2-selection--multiple{
    background-color: #fff;
    border: 1px solid #c0cfdd;
    border-radius: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.selectText{line-height:35px;}

/** Kanban View Header **/
.kanban-board .kanban-col .kanban-main-card{
	background-color: rgb(223, 230, 233);
	padding: 10px;
	justify-content: normal;
}
.kanban-box-title h4{
	color:#FFFFFF;
	font-weight:600;
	font-size:calc((13 * 0.07142857143) * 1rem);
	border-radius: 1rem;
	text-align:center;
	padding:5px;
	margin:0px 0px 0.75rem 0px;
}
.kanban-board .kanban-col .kanban-main-card .list-body{
	height:65vh;
}

/*** News Ticker ***/
.news_lbl{
	position:fixed;
	top:0px;
	left:0px;
	background: #DA0037;
	height: 35px;
	line-height: 32px;
	padding:0px 10px;
	font-family: "Roboto";
    font-size: 26px;
    font-weight: 700;
    color: #EEE;
	z-index:999;
	border:1px solid #DA0037;
}
.ticker-title{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 700;
    padding: 2px;
    border-radius: 5px;
    background: #444;
    color: #EEE;
}

/*** Jp List Style ***/
.jp-list-title{
	padding: 0.7rem 1rem;
	border-bottom: 1px solid #eceff5;
	text-transform: capitalize;
    letter-spacing: .02em;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    color: #303e67;
}
.jp-list-body{
	height: 410px;
}
.jp-list-item{
	display: block;
	width: 100%;
	padding: 0.25rem 1rem;
	clear: both;
	font-weight: 400;
	color: #000444;
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 1px solid #f1f5fa;
}
.jp-list-item:focus, .jp-list-item:hover {
	color: #00043d;
    background-color: #f1f5fa;
}

/*** Route Map ***/
.map-container{height: 70vh;padding:20px 15px;background:#f8f9fa;}
#map-layer 
{
	height: 100%;
	border: 5px double #000000;
	
}
.activity-container{background:#ffffff;box-shadow: -5px 0px 5px -5px rgb(0 0 0 / 75%);}
/*** JP ACTIVITY TIMELINE ***/
.activity-feed {
    padding: 15px 15px 0;
    list-style: none;
}
.activity-feed .feed-item {
    position: relative;
	margin:0 auto;
    padding-bottom: 10px;
    padding-left: 30px;
    border-left: 2px dotted #b3adda;
}
.activity-feed .feed-item .feed-item-list {
    padding: 12px 20px;
    border-radius: 7px;
    background: #edecf8;
}
.activity-feed .feed-item:after {    
	/*font-family: FontAwesome;*/
	content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -2.7%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #7a6fbe;
}
.activity-feed .feed-item .date {
    display: block;
    position: relative;
    top: -5px;
    color: #8c96a3;
    text-transform: uppercase;
    font-size: 13px;
	font-weight:bold;
}
.activity-feed .feed-item .activity-text {
    position: relative;
    top: -3px;
}
.activity-feed .feed-item .feed-item-list:after {
    left: 19px;
    top: 0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -1px;
    border-color: #edecf8 #edecf8 transparent transparent;
    border-style: solid;
    border-width: 10px;
}

/* General Dropdown */
ul.dropdown-lr {
  width: 300px;
}

/* mobile fix */
@media (max-width: 768px) {
	.dropdown-lr h3 {
		color: #eee;
	}
	.dropdown-lr label {
		color: #eee;
	}
}

/******************************
        CRM DESK
******************************/

.crm-desk-left {
  background-color: #ffffff;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #eceff5;
}
.crm-desk-left .cd-body-left {
  height: 76vh;
}
.crm-desk-left .nav-pills {
  background-color: #f9fafb;
}
.crm-desk-left .nav-pills .nav-link {
  color: #303e67;
}
.crm-desk-left .nav-pills .nav-link.active {
  color: #ffffff;
  background: #557ef8;
}
.crm-desk-left .nav.nav-tabs .nav-link {
  font-weight: 500;
}
.crm-desk-left .cd-search {
  margin-top: 10px;
}
.crm-desk-left .cd-list {
  height: 610px !important;
}
.crm-desk-left .cd-list .grid_item{margin-bottom:5px;}
.crm-desk-left .cd-list .grid_item .card-body{
	border: 1px solid #f1f5fa;
	border-radius: 5px;
	box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 0px 1px rgba(9, 30, 66, 0.08);
}

.stage-item{
	width:100%;
	background-color: #f1f5fa;
	border: 1px solid #e7e7e7;
	border-radius: 5px;margin-bottom: 10px;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
	box-shadow: 0 0 0 1px rgb(40 49 56), 5px 5px 0 0 rgb(96 96 97);
}
.stage-item:hover{box-shadow: -4px -4px 0 0px rgba(9, 30, 66,0.7), 0 0 0px 1px rgba(9, 30, 66,0.5);}

.stage-item .dropdown-menu{z-index:999999;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;}
.stage-item .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);}

.stage-title{
	border-bottom:1px solid #d9d9d9;
	font-weight:500;
	padding: 0.2rem 0.2rem;
	font-size:0.8rem;
}
.stage-title .time{ color: #8d93a1;font-weight:normal;font-size:0.75rem;line-height:1.4rem;}

.stage-body{
	-webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.3rem 0.5rem;
}
.item-stage-icon{font-weight:bold;color:#000000;font-size:1rem;}
.stage-body a{font-size:0.80rem;font-weight:500;white-space: normal!important;}

.stage-footer{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	background:#e1e4e7;
	font-weight:bold;
	text-align:center;
}
.stage-btn {
	flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
	padding: 2px auto;
	background: #FF2849;
	border-radius: 0px;
	cursor: pointer;
	color:#000;
}
.stage-btn:first-child {border-bottom-left-radius:5px;}
.stage-btn:last-child {border-bottom-right-radius:5px;}
.wp-btn{
	background:#bcdeb3;
}
.view-btn{
	background:#8ad0d7;
}
.stage-footer .lable {
  line-height: 22px;
  font-size: 0.8rem;
  color: #000;
  font-family: sans-serif;
  letter-spacing: 1px;
}

.crm-desk-left .lead-action{
	position:absolute;
	top:0;
	right:0.5rem;
	z-index:999;
	color:#8696A0;
}
.crm-desk-left .arrow-left:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 20px;
	border-top: none;
	border-right: 10px solid #F1F5FA;
	border-left: none;
	border-bottom: 10px solid transparent;
}
.crm-desk-left .arrow-right:after {
	content: " ";
	position: absolute;
	right: 0;
	top: 15px;
	border-top: none;
	border-right: none;
	border-left: 10px solid #F1F5FA;
	border-bottom: 10px solid transparent;
}
.crm-desk-left .cd-list .media .dropdown-menu {
    box-shadow: 0 2px 5px 0 #D9D9D9;
}
.crm-desk-left .cd-list .media .dropdown-menu .dropdown-item:focus,.crm-desk-left .cd-list .media .dropdown-menu .dropdown-item:hover{background-color: #ECE9E9;}
.crm-desk-left .cd-list .media {
	width:100%;
	border: 1px solid #f1f5fa;
	margin-bottom: 5px;
	border-radius: 5px;
	padding: 7px;
	position: relative;
}
.crm-desk-left .cd-list .media:hover, .crm-desk-left .cd-list .media:focus {
  background-color: rgba(241, 245, 250, 0.5);
}
.crm-desk-left .cd-list .media.new-message {
  border: 1px solid #eaf0f9;
  background-color: #f1f5fa;
  margin-bottom: 5px;
  border-radius: 5px;
}
.crm-desk-left .cd-list .media .media-left {
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
}
.crm-desk-left .cd-list .media .media-left .round-10 {
  border: 2px solid #f9fafb;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: -1px;
  display: inline-block;
  height: 12px;
  width: 12px;
}
.crm-desk-left .cd-list .media .media-body {
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.crm-desk-left .cd-list .media .media-body .d-inline-block {min-width:90%;}
.crm-desk-left .cd-list .media .media-body h6 {
  font-size: 14px;
  color: #303e67;
  margin-bottom: 0px;
}
.crm-desk-left .cd-list .media .media-body p {
  margin-bottom: 0;
  color: #303e67;
  font-size: 12px;
}
.crm-desk-left .cd-list .media .media-body > div:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 50px;
  text-align: right;
}
.crm-desk-left .cd-list .media .media-body > div:last-child span:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #22b783;
  color: #ffffff;
  border-radius: 50%;
  font-size: 10px;
  width: 18px;
  height: 18px;
  margin-top: 8px;
}
.crm-desk-left .cd-list .media .media-body span {
  font-size: 12px;
  color: #303e67;
  display: block;
}

.crm-desk-right {
  /*width: auto;*/
  background-color: #ffffff;
  display: block;
  border-radius: 3px;
  position: relative;
  height: 86vh;
  margin-bottom: 20px;
  border: 1px solid #eceff5;
}
.crm-desk-right .cd-header {
  border-bottom: 1px solid #f1f5fa;
  padding: 16px;
  background-color: #ffffff;
}
.crm-desk-right .cd-header .media .media-body {
  margin-left: 8px;
  -ms-flex-item-align: center;
      align-self: center;
}
.crm-desk-right .cd-header .media .media-body h6 {
  font-size: 14px;
  color: #303e67;
  margin-bottom: 5px;
  font-weight: 700;
}
.crm-desk-right .cd-header .media .media-body p {
  margin-bottom: 0;
  color: #8997bd;
  font-size: 12px;
}
.crm-desk-right .cd-header .cd-features {
  position: relative;
  top: -34px;
  float: right;
}
.crm-desk-right .cd-header .cd-features a {
  color: #b6c2e4;
  /*font-size: 22px;*/
  margin-left: 12px;
}
.crm-desk-right .cd-header .cd-features a:hover {
  color: #557ef8;
}
.crm-desk-right .cd-header .cd-features #remind_dd{padding:10px;box-shadow: 0 5px 5px 0 #a0a0a0;border: 1px solid #ff0014;}
.crm-desk-right .cd-header .cd-features #remind_dd .form-control{border: 1px solid #c4c4c4;border-radius: 0.25rem;}
.crm-desk-right .cd-header .cd-features [datatip]::after{border:0px!important;}
.crm-desk-right .cd-body {
	/*background: #ffffff url('../images/background/wp_bg_light.png') center repeat;
	background-size: auto 100%;*/
	background: #FFFFFF;
	padding: 16px;
	padding-bottom:5%;
	height: 75vh;
	width:100%;
}
.crm-desk-right .cd-body .cd-detail {
  /*max-height: 610px;*/
  
}
.crm-desk-right .cd-body .cd-detail .lead-action{margin-left: 0.5rem;}
.crm-desk-right .cd-body .cd-detail .date_seperator {
	padding: 7px 16px;
	background-color: rgba(85, 126, 248, 0.01);
	border: 1px solid #e8ebf3;
	color: #000000;
	font-weight:bold;
	display: inline-block;
	margin-bottom: 0;
	border-radius: 50px;
	text-align:center;
	
}
.crm-desk-right .cd-body .cd-detail .reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.crm-desk-right .cd-body .cd-detail .media .media-img {
  z-index: 5;right: 2px!important;position: relative;
}
.crm-desk-right .cd-body .cd-detail .media .media-body {
  margin-left: 20px;
}
.crm-desk-right .cd-body .cd-detail .media .media-body .cd-msg {
  max-width: 80%;
  margin-bottom: 5px;
  margin-left: -56px;
}
.crm-desk-right .cd-body .cd-detail .media .media-body .cd-msg:first-child .text {
  padding-left: 44px;
}
.crm-desk-right .cd-body .cd-detail .media .media-body .cd-msg .text {
	padding: 7px 16px;
	background-color: rgba(109, 212, 255, 0.04);
	border: 1px solid #e8ebf3;
	color: #303e67;
	display: inline-block;
	margin-bottom: 0;
	border-radius: 5px;
}
.crm-desk-right .cd-body .cd-detail .media .media-body.reverse {
  margin-right: 20px;
  margin-left: 0;
}
.crm-desk-right .cd-body .cd-detail .media .media-body.reverse .cd-msg {
  max-width: 80%;
  margin-bottom: 5px;
  margin-right: -56px;
}
.crm-desk-right .cd-body .cd-detail .media .media-body.reverse .cd-msg:first-child .text {
  padding-right: 44px;
}
.crm-desk-right .cd-body .cd-detail .media .media-body.reverse .cd-msg .text {
  padding: 7px 16px;
  background-color: rgba(109, 212, 255, 0.04);
  border: 1px solid #e8ebf3;
  color: #303e67;
  display: inline-block;
  margin-bottom: 0;
  border-radius: 5px;
}
.crm-desk-right .cd-body .cd-detail .media .media-body .cd-msg p {margin-bottom: 0;}
.crm-desk-right .cd-footer {
	display:flex;align-items:center;line-height:1;
	border-top: 1px solid #eceff5;
	background-color: #e9edef;
	padding: 5px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index:1001;
}
.crm-desk-right .cd-footer textarea {border-radius:2rem!important;padding:10px;}
.crm-desk-right .cd-footer a {font-size:2rem;}


.crm-desk-right .cd-body .cd-detail .media .media-body .cd-msg .reminder-title {
	border: 1px solid #EF4D56!important;
	color: #EF4D56!important;
	font-weight:bold!important;
}
.crm-desk-right .cd-body .cd-detail .media .media-body .cd-msg .enquiry-title {
	border: 1px solid #557EF8!important;
	color: #557EF8!important;
	font-weight:bold!important;
}
.crm-desk-right .cd-body .cd-detail .media .media-body .cd-msg .quotation-title {
	border: 1px solid #41CBD8!important;
	color: #41CBD8!important;
	font-weight:bold!important;
}
.crm-desk-right .cd-body .cd-detail .media .media-body .cd-msg .order-title {
	border: 1px solid #22B783!important;
	color: #22B783!important;
	font-weight:bold!important;
}

@media (min-width: 767px) and (max-width: 1023.98px) {
  .crm-desk-left {
    width: 100%;
    float: none;
  }

  .crm-desk-right {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .crm-desk-left {
    float: none;
    width: 100%;
  }

  .crm-desk-right {
    margin: 0;
    width: 100%;
  }
}
@media (max-width: 660px) {
  .crm-desk-left {
    float: none;
    width: 100%;
  }

  .crm-desk-right {
    margin: 0;
    width: 100%;
  }
}
@media (max-width: 568px) {
  .crm-desk-left {
    float: none;
    width: 100%;
  }

  .crm-desk-right {
    margin: 0;
    width: 100%;
  }
}
.scroller {
    overflow: auto;
    height: 100px;
    display: flex;
    flex-direction: column-reverse;
    overflow-anchor: auto !important; /*  See https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-anchor */
}

.scroller .scroller-content .item {
    height: 20px;
    transform: translateZ(0); /* fixes a bug in Safari iOS where the scroller doesn't update */
}


/******************************
	Message Bubbles
******************************/
.speech-bubble {
  padding: 20px;
  background: #EEEEEE;
  color: #000000;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.5) 0 3px 5px -3px;
  margin: 20px 0;
}
.speech-bubble:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 0px;
  border-color: #EEEEEE;
}
.speech-bubble.speech-bubble-left {
  margin-left: 20px;
  border-radius: 0 4px 4px 4px;
}
.speech-bubble.speech-bubble-left:after {
  border-width: 0 20px 24px 0;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -20px;
}
.speech-bubble.speech-bubble-right {
  margin-right: 20px;
  border-radius: 4px 0 4px 4px;
}
.speech-bubble.speech-bubble-right:after {
  border-width: 0 0 24px 20px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -20px;
}
.speech-bubble.speech-bubble-bottom-right {
  margin-bottom: 40px;
  border-radius: 4px;
}
.speech-bubble.speech-bubble-bottom-right:after {
  border-width: 0 24px 20px 0;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
  top: auto;
  right: 20px;
  bottom: -20px;
}
.speech-bubble.speech-bubble-bottom-left {
  margin-bottom: 40px;
  border-radius: 4px;
}
.speech-bubble.speech-bubble-bottom-left:after {
  border-width: 0 0 20px 24px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  top: auto;
  left: 20px;
  bottom: -20px;
}
.speech-bubble.speech-bubble-red {
  color: #ffffff;
  background: #F44336;
}
.speech-bubble.speech-bubble-red:after {
  border-color: #F44336;
}
.speech-bubble.speech-bubble-purple {
  color: #ffffff;
  background: #9C27B0;
}
.speech-bubble.speech-bubble-purple:after {
  border-color: #9C27B0;
}
.speech-bubble.speech-bubble-green {
  color: #000000;
  background: #8BC34A;
}
.speech-bubble.speech-bubble-green:after {
  border-color: #8BC34A;
}

/*****************************************
		Content List Loader
*****************************************/
.loading_wrapper {position:absolute;top:0px;left:0px;z-index:1001;background:#FFFFFF;width:100%; }
.wrapper-cell {display: flex; margin-bottom: 30px;}
.image { height: 60px; width: 60px;border-radius:50%; }
.text { margin-left: 20px; }
.text-line { height: 10px; width: 230px; margin: 4px 0; }

.animated-background, .text-line, .image {
	-webkit-animation-duration: 1.25s;
		animation-duration: 1.25s;
	-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	-webkit-animation-name: placeHolderShimmer;
		animation-name: placeHolderShimmer;
	-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	background: #F6F6F6;
	background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
	background-size: 800px 104px;
	position: relative;
}

@-webkit-keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } }
@keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } }