@font-face{font-family:"OpenSans-Regular";src:url(../fonts/OpenSans-Regular.ttf)}
@font-face{font-family:"OpenSans-Light";src:url(../fonts/OpenSans-Light.ttf)}
@font-face{font-family:"OpenSans-Semibold"; src:url(../fonts/OpenSans-Semibold.ttf)}
@font-face{font-family:"OpenSans-Bold";src:url(../fonts/OpenSans-Bold.ttf)}
@font-face{font-family:"OpenSans-ExtraBold";src:url(../fonts/OpenSans-ExtraBold.ttf)}
.container {
    max-width: 1400px;
    width: 98%;
}

.editbtn{
    color:#000;
}
.btn-primary {
    color: #fff;
    background-color: #40c2ba;
    border-color: #40c2ba;
}
.navlogo {
    margin: 1%;
    height: 44px;
}
.dropdown-menu{
    background: linear-gradient(to left, #004485, #40c2ba)
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{ 
    background-color: #3bafa8;
    border-color: #3bafa8;}
    
.progress-bar{background-color:#004485;}    

html,body{}
html{ min-height:100%; position:relative; padding-bottom:44px; }
body{
	/* [disabled]color:#00293c; */
	font-family: "OpenSans-Regular";
}
th{font-family:"OpenSans-Semibold";}
a{ color:#00293c; text-decoration:none; }
a:hover{ text-decoration:none;}
label{font-family:"OpenSans-Semibold"; font-size:0.9rem; margin-bottom:3px;} 
.text-bold{font-family:"OpenSans-Semibold";}
img{ max-width:100%;}
.header{ padding:5px 0px;}
.header .input-group-addon{ left:-1px;}
.header .profile-pic {width: 30px; border-radius: 100%;}
h2{ font-size:1.3rem; font-family:"OpenSans-Bold"; }
h1{ font-family:"OpenSans-Bold"; font-size:1.8rem;}
.line-height{ line-height:33px;}
h4{ font-size:1.0em;  font-family:"OpenSans-Bold"; }

.mtb50{ margin:30px 0px;}
.ptb50{ padding:50px 0px;} 
.table-pedding-25 th,.table-pedding-25 td{ padding:0.25rem;}
 .brdbg {
    background: #f4f4f4;
    border-bottom: 1px solid #ccc; margin-bottom: 0rem;
}
 
.mbt15{ margin-bottom:15px;}
.mb5{ margin-bottom:5px;}
.mt15{ margin-top:15px;}
.mt30{ margin-top:30px;}
.input-group-addon {
    padding: 10px 12px;
    font-size: 14px; line-height:24px; 
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #ccc; border-left:none;
    border-radius:0px; position:relative; left:0px;
}
.minheight{ min-height:522px;}
.mainnav { background-color:#40c2ba;  }
.mainnav .navbar-toggler {
    border-color: rgb(255,255,255); border-radius:0px;
}
.mainnav .dropdown-menu {
    border-radius: 0px;
    background-color: #40c2ba;
    font-size: 14px;
    margin-top: 1px;
}
.mainnav .navbar{ padding:0px 0px; margin:0 auto;}
.center-block{ margin:0 auto;}
.mainnav .nav-item{ font-size:14px; border-right:solid #36a39c 1px; padding:3px 0px; box-shadow:1px 0px #4be2d9;    }
.bdrbox{box-shadow:none !important;  border-right:none !important;}


.mainnav a{ color:#FFF; font-family:"OpenSans-Regular"; }
.topnavbar a{ color:#00293c;  font-family:"OpenSans-Regular"; }
.topnavbar .dropdown-menu{ border-radius:0px;}
.topnavbar li{ margin-left:15px;}
.topnavbar  input{ border-radius:30px;}
.topnavbar  .input-group-addon{ border-radius:0px 30px 30px 0px; line-height:22px;}
.notification .dropdown-toggle::after{ display:none;}
.notification  span{ background-color:#00293c; color:#FFF; border-radius:50%; position:relative; top:-10px; left:-5px;}

.card{ padding:15px; border-radius:0px; border:solid #f6f0f0 1px;  background-color:#fafafa;} 
.custom-table{  }
.custom-table th{ font-family:"OpenSans-Semibold";}

.total-td{ font-family:"OpenSans-Semibold";}
.total-td td{}


.dataTables_filter  label{ float:right;}
.bdrleft{ }
.saleextutive .table td, .table th{ font-size:14px; padding:0.35rem; }

.ManageLeads-wrp .table td, .table th{ font-size:0.77rem; padding:0.35rem;   white-space: nowrap; }
.ManageLeads-wrp .dataTables_length,.ManageLeads-wrp .dataTables_filter{ display:none;}
.displaynone{ display:none;}

.user-wrp .table td, .user-wrp .table th{ padding: .75rem; }
.user-wrp th a{ color:#212529;}
.user-wrp td a{ margin-right:0.4rem;} 
.user-wrp .dataTables_length,.user-wrp .dataTables_filter{ display:none;}


.filter-none{}
.filter-none .dataTables_length,.filter-none .dataTables_filter{ display:none;}

.calendar-table { border:solid #CCC 1px;}


/*.calendar-table td, .calendar-table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.calendar-table tr:nth-child(even){background-color: #f2f2f2;}

.calendar-tabletr:hover {background-color: #ddd;}

.calendar-table  th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;

}
*/
.datetime{ }
.addgrid input[type="checkbox"]{ position:relative; top:2px; }

.sidebar-nav ul li a{ background-color:#ccc;}
.bg-defoult{background-color:#222;}

.sidebar{  background-color:#000;transition: all 0.5s  ease-in-out; }
.sidebar ul{ list-style:none; margin:0px; padding:0px; }
.sidebar li a,.sidebar li a.collapsed.active{ display:block; padding:8px 12px; color:#fff;border-left:0px solid #dedede;  text-decoration:none}
.sidebar li a.active{background-color:#000;border-left:5px solid #dedede; transition: all 0.5s  ease-in-out}
.sidebar li a:hover{background-color:#00293c;}


.sidebar1{  transition: all 0.5s  ease-in-out; }
.sidebar1 ul{ list-style:none; margin:0px; padding:0px; }
.sidebar1 li a,.sidebar li a.collapsed.active{ display:block; padding:8px 12px; border-left:0px solid #dedede;  text-decoration:none}
.sidebar1 li a.active{background-color:#000;border-left:5px solid #dedede; transition: all 0.5s  ease-in-out}
.sidebar1 li a:hover{}


.leadfilter{ border-bottom:solid #f6f0f0  1px; border-top:solid #f6f0f0  1px; padding:8px 0px;  }
.leadfilter .form-control{ font-size:0.8rem}
.leadfilter label{font-size:0.8rem}
.lead-left-sidebar{ background-color:#f4f4f4; border:solid #dee2e6  1px; padding:0px 0px; margin-bottom:15px;}
.lead-left-sidebar a{ text-decoration:none;}
.lead-left-sidebar a:hover{ text-decoration:none;}
.lead-left-sidebar  .btn:hover{ color:#FFF;}
.lead-left-sidebar hr{ margin:8px 0px;}
.lead-left-sidebar .head{ background-color:#00293c; color:#FFF; font-weight:normal;  }
.lead-left-sidebar h3{ font-size:1.4rem; padding:10px  15px 0px 15px; }
.lead-left-sidebar h4{ font-size:1rem; padding:10px  15px 10px 15px; }
.lead-left-sidebar ul{ padding:5px 15px;}
.lead-left-sidebar i{ width:30px; height:30px; text-align:center; color:#666;  margin-right:6px; border:solid #ccc 1px; background-color:#FFF; padding:5px; border-radius:50%;}
.lead-left-sidebar li{    margin-bottom: 0px;
    border-bottom: dashed #ccc 1px;
    line-height: 46px;}
.lead-wrp-rightside{}
.lead-wrp-rightside .nav-tabs{font-family:"OpenSans-Semibold";}
.dashboardbg{ background-color:#00293c;}
.white-text{ color:#FFF;}

.lead-wrp-rightside .tab-content{ border-bottom:solid #dee2e6  1px; border-left:solid #dee2e6  1px; background-color:#f4f4f4;  border-right:solid #dee2e6  1px;}
.lead-wrp-rightside  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #f4f4f4;
    border-color: #dee2e6 #dee2e6 #f4f4f4;
}
.lead-wrp-rightside .list-group-item{ }
 .activitytable table { width:100%;}
 .activitytable .dataTables_length{ display:none;}
 .activitytable .dataTables_filter{ display:none;}



.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 20px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0,0,0,0.2);
}
.sectionbg{ background-color:#ecf0f5;}
.info-box-content {
    padding: 15px 10px;
    margin-left: 30px;
}
.info-box-number { 
    display: block;
   font-family:"OpenSans-Semibold";
    font-size: 18px;
}
.info-box-text{ text-align:center;}

.bg-yellow {
    background-color: #f39c12 !important;
}

.bg-aqua{
    background-color: #00c0ef !important;
}
.bg-red{
    background-color: #dd4b39 !important;
}
.bg-green {
    background-color: #00a65a !important;
}
body.my-login-page {
    background-color: #f7f9fb; background-image:url(../images/loginbg.png)}

.my-login-page .card {
    border-color: transparent;
    box-shadow: 0 0 20px rgba(0,0,0,.05); background-color:#FFF;
}

.addproject  td{ padding:3px 8px; vertical-align:middle;}

.usertype-label label{ font-weight:normal; font-size:12px; }

/*userprofile-wrp  css-------------------------------------*/
.userprofile-wrp{}
.usertab-left li{ display:block; width:100%; }
.usertab-left li a{background-color:#00293c; padding:10px 10px; display:block; color:#FFF; font-size:14px; border-bottom:solid #024564 1px; box-shadow:0px 1px #000; margin-bottom:2px;  }

.usertab-left li a:hover{background-color:#00131c; padding:10px 10px; display:block; color:#FFF; text-decoration:none;}
.usertab-left-wrp{ background-color:#00293c; }
.usertab-left  .active { background-color:#00131c;width:100%; display:inherit;}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}
blockquote p{ margin-bottom:0px; padding-bottom:0px;}

.user-profile-pic {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 100%;
    max-width: 100%;
    height: auto;
}
.card-box {
    padding: 20px;
    border: 1px solid rgba(54, 64, 74, 0.08);
    -webkit-border-radius: 5px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    background-clip: padding-box;
    margin-bottom: 20px;
    background-color: #ffffff;
}


/*userprofile-wrp css*/

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
  border-color: rgb(255,102,203);
} 
.pointer{ cursor:pointer;}
.dropdown-menu{ border:none;}

.score{ padding:0px 10px 10px 10px; font-family:"OpenSans-Semibold"; font-size:1.4rem;}
.footer{ background-color:#40c2ba; color:#FFF; padding:10px 0px;     position: absolute; width: 100%; bottom:0px;}

.pagination .total{ margin-right:10px;}

.formular .form-group{position:relative;}
.formular .formError .formErrorArrow{position:absolute !important; bottom:-3px;}
header.header{}


.userprofile-icon i{ border:solid #ccc 1px; padding-top:5px; width:30px; height:30px; border-radius:50%; text-align:center;   }
.cursor-pointer{ cursor: pointer;}
.border-radius0{ border-radius:0px;}
.white-left-border{ border-left:solid #fff 5px;}
.fintab .nav-tabs .nav-item.show .nav-link, .fintab .nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.fintab a{color:#00293c;}
.fintab a:hover{ text-decoration:none;}
.fintab .nav-tabs .nav-item.show .nav-link, .fintab .nav-tabs .nav-link{ color:#00293c; font-size:1.1rem;}
.custominputbg{background-color:transparent; color:#FFF; border:solid #012d42 1px; padding:0px 5px;}
.custominputbg1{background-color:transparent;  border:solid #dee2e6 1px; padding:0px 5px;}
.input100{ width:100px;}
/*Responsive css......................................*/

.glyphicon {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.glyphicon-ok:before {content: "\f00c";}
.bootstrap-select.btn-group .dropdown-menu li.selected a span.check-mark{position: absolute;display: inline-block;right: 15px;margin-top: 5px;}
.fileselect input.file {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    opacity: 0;
}
.norecord {
    background-color: #17a2b83b;
    padding: 5px 0 5px 0;
}

@media (min-width: 768px){

}
@media (min-width: 992px){

}
@media (max-width: 991px) and (min-width: 767px){

}
@media (max-width:991px){

}
@media (max-width: 767px){
		.mainnav .nav-item{ box-shadow:none; border-right:none;}
		.navbar-brand  { text-align:center;}

}
@media (max-width:480px){
}
/*Responsive css......................................*/
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #004485;
    border-color: #004485;
}
.page-link{
    color:#000;
}
.dataTable  td { font-size:10px;}

#myTab .active {
    background-color:#40c2ba;

}

.nav-tabs.wizard {
  background-color: transparent;
  padding: 0;
  width: 100%;
  margin: 0em auto;
  border-radius: 0.25em;
  clear: both;
  border-bottom: none;
}

/*.nav-tabs.wizard li {
  width: 100%;
  float: none;
  margin-bottom: 3px;
}*/
.nav-tabs.wizard li > * {
  position: relative;
  padding: 1em 0.8em 0.8em 1.5em;
  background-color: #dedede;
  border-color: #dedede;
}

.nav-tabs.wizard li.completed > * {
  color: #fff;
  background-color: var(--green);
  border-color: var(--green);
}

.nav-tabs.wizard li.active > * {
  color: #fff;
background-color:#40c2ba;  border-color: #40c2ba;
}

.nav-tabs.wizard li::after:last-child {
  border: none;
}

.nav-tabs.wizard > li > a {
  opacity: 1;
  font-size: 12px;
}

.nav-tabs.wizard a:hover {
  color: #fff;
  background-color: #40c2ba;
  border-color: #40c2ba;
}
.nav-tabs.wizard a:focus .nav-tabs.wizard a:visited {
  color: #fff;
  background-color: #40c2ba;
  border-color: #40c2ba;
}
.nav-tabs.wizard a:focus  {
  color: #fff;
  background-color: #40c2ba;
  border-color: #40c2ba;
}



span.step {
  display: inline-block;
  padding: 10px 0px 0px 0px;
  background: #ffffff;
  width: 35px;
  line-height: 100%;
  height: 35px;
  margin: auto;
  border-radius: 50%;
  font-weight: bold;
  font-size: 16px;
  color: #555;
  margin-bottom: 10px;
  text-align: center;
}

@media (min-width: 992px) {
  .nav-tabs.wizard li {
    position: relative;
    padding: 0;
    margin: 0px 4px 0px 0;
    width: 16.0%;
    float: left;
  }

  .nav-tabs.wizard li::after,
  .nav-tabs.wizard li > *::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 0;
    width: 0;
    border: 20px solid transparent;
    border-right-width: 0;
    /*border-left-width: 20px*/
  }

  .nav-tabs.wizard li::after {
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #fff;
    margin: 0;
  }

  .nav-tabs.wizard li > *::after {
    z-index: 2;
    border-left-color: inherit;
  }

  .nav-tabs.wizard > li:nth-of-type(1) > a {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .nav-tabs.wizard li:last-child a {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .nav-tabs.wizard li:last-child {
    margin-right: 0;
  }

  .nav-tabs.wizard li:last-child a:after,
.nav-tabs.wizard li:last-child:after {
    content: "";
    border: none;
  }

  span.step {
    display: block;
  }
}
@media (min-width: 576px){
#checklist .modal-dialog {
    max-width: 600px;
    margin: 0.5rem auto;
}
#checklist .ds{ border-bottom: dashed #ccc 1px;
    line-height: 32px;
                  }} 
                  
/* POS Onboarding Start */

.active-green i{
	color: #05bf05;
	margin-left: 5px;
}
.deactivate-red i{
	  color: #ff0202;
	  margin-left: 5px;
}
.title-area{
	text-align: center;
	font-size: 30px;
	margin-bottom: 55px;
	margin-top: 25px;
}

.step-details .btn {
  display: inline-block;
  padding: 10px 20px;
  border: 0;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -otransition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.step-details .btn-primary {
  background: #40c2ba;
  color: #fff;
}
.step-details .btn-primary:hover, .btn-primary:focus {
  background: #40c2ba;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -obox-shadow: none;
  box-shadow: none;
}

.step-details .btn-default {
  background: #000;
  color: #fff;
}

.step-details input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea
{
 display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.step-details select {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.step-details .mar-b-0 {
  margin-bottom: 0 !important;
}


.form-wizard {
  position: relative;
  display: table;
  margin: 0 auto;  width: 90%;
}

.steps {
	margin: 0px 0 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	position: relative;
}
.steps ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.steps ul li {
  float: left;
  color: #fff;
  padding: 0 15px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out 0;
  -moz-transition: all 0.4s ease-in-out 0;
  -ms-transition: all 0.4s ease-in-out 0;
  -otransition: all 0.4s ease-in-out 0;
  transition: all 0.4s ease-in-out 0;
}
.steps ul li:hover, .steps ul li.active {
  color: #ffffff;
}
.steps ul li:hover span, .steps ul li.active span {
  background: #17a2b8;
  color: #fff;
}
.steps ul li:hover::after, .steps ul li.active::after {
  background: #17a2b8;
  width: 100%;
}
/*
.steps ul li::before, .steps ul li::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 22px;
  width: 100%;
  height: 3px;
  background: #f4f4f4;
  -webkit-transition: all 0.4s ease-in-out 0;
  -moz-transition: all 0.4s ease-in-out 0;
  -ms-transition: all 0.4s ease-in-out 0;
  -otransition: all 0.4s ease-in-out 0;
  transition: all 0.4s ease-in-out 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -otransform: translateY(-50%);
  transform: translateY(-50%);
}
*/
.steps ul li::after {
  width: 0;
}
.steps ul li span {
  display: block;
  margin: 0 auto 15px;
  width: 35px;
  height: 35px;
  text-align: center;
  background: #fff;
  font-size: 18px;
  line-height: 35px;
  font-weight: 300;
  color: #000;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in-out 0;
  -moz-transition: all 0.4s ease-in-out 0;
  -ms-transition: all 0.4s ease-in-out 0;
  -otransition: all 0.4s ease-in-out 0;
  transition: all 0.4s ease-in-out 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -oborder-radius: 2px;
  border-radius: 2px;
}
.steps ul li:first-child::before, .steps ul li:first-child::after {
  display: none;
}

.form-container {
  clear: both;
  display: none;
  left: 100%;
  padding: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -oborder-radius: 4px;
  border-radius: 4px;
  background: #fafafa;
  border-radius: 0px;
	border: solid #f6f0f0 1px;
}
.form-container.active {
  display: block;
}

.form-title {
  margin-bottom: 30px;
  padding-bottom: 15px;
  position: relative;
}
.form-title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 80px;
  height: 2px;
  background: #17a2b8;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -otransform: translateX(-50%);
  transform: translateX(-50%);
}
.step-label{
	display: block;
}
.mb-100{
	margin-bottom: 100px;
}
.mt-15{margin-top: 15px;}
.pos-login-title{
	text-align: center;
	color: #004485;
	font-size: 19px;
	margin-bottom: 20px;
}

.steps ul li span{
	border-radius: 15px;
	width: 265px;
	height: 45px;
	line-height: 44px;
	background: #f4f4f4;
} 
.steps ul li span a{ font-size: 16px; font-weight: bold }
.steps ul li:hover span, .steps ul li.active span{
	background: linear-gradient(to left, #004485, #40c2ba);  color: #ffffff;
}
.steps ul li:hover span a, .steps ul li.active span a{ color: #ffffff; }
.steps ul li{
	padding: 15px 15px;
}
/*
.steps ul li::before, .steps ul li::after{
	top: 37px;
}
.steps ul li span label{
	margin-right: 35px;
	margin-left: 35px;
}
*/
/* POS Onboarding End */