/*Font face*/
@font-face {
    font-family: "PFHandbookPro-Regular";
    src: url('../fonts/pfhandbookpro-regular.eot');
    src: url('../fonts/pfhandbookpro-regular.eot') format('embedded-opentype'), url('../fonts/PFHandbookPro-Regular.otf') format('otf'), url('../fonts/pfhandbookpro-regular.woff2') format('woff2'), url('../fonts/pfhandbookpro-regular.woff') format('woff'), url('../fonts/pfhandbookpro-regular.svg#pfhandbookpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PFHandbookPro-Bold";
    src: url('../fonts/pfhandbookpro-bold.eot');
    src: url('../fonts/pfhandbookpro-bold.eot') format('embedded-opentype'), url('../fonts/PFHandbookPro-Bold.otf') format('otf'), 
    url('../fonts/pfhandbookpro-bold.woff') format('woff'), url('../fonts/pfhandbookpro-bold.svg#pfhandbookpro-bold.') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PFHandbookPro-Light";
    src: url('../fonts/PFHandbookPro-Light.eot');
    src: url('../fonts/PFHandbookPro-Light.eot') format('embedded-opentype'), url('../fonts/PFHandbookPro-Light.woff2') format('woff2'), url('../fonts/PFHandbookPro-Light.woff') format('woff'), url('../fonts/PFHandbookPro-Light.ttf') format('ttf'), url('../fonts/PFHandbookPro-Light.svg#PFHandbookPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PFHandbookPro-Medium";
    src: url('../fonts/pfhandbookpro-medium.eot');
    src: url('../fonts/pfhandbookpro-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/PFHandbookPro-Medium.otf') format('otf'), url('../fonts/pfhandbookpro-medium.woff2') format('woff2'), url('../fonts/pfhandbookpro-medium.woff') format('woff'), url('../fonts/pfhandbookpro-medium.svg#pfhandbookpro-medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PFEncoreSansPro-Regular";
    // src: url("../src/../fonts/PFEncoreSansPro-Regular.eot");
    src: url("../fonts/PFEncoreSansPro-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "untitled-font-13";
    src: url("../fonts/untitled-font-13.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
font-family: "PFHandbookPro-Regular" !important;
}
.wrapper {
    padding: 10px;
}
.active-box {
  width: 232px;
  height: 779.6px;
  border-radius: 6px;
  background-color: #c7222a;float:left
}
.custom-selects {
  background: #fff !important;
  height: 40px;
  padding: 10px;
}
.profile-sec {
  padding: 20px 0 20px 27px;
  border-bottom: 1px solid #fff;
}
.oval {
  width: 27.6px;
  height: 27.5px;
  background:#fff;
  border-radius:50%;
  font-size: 12px;font-family: "PFHandbookPro-Regular";
padding: 6px;
font-weight: bold;margin-right: 9px;display:block;
}
.my-profile-sec{
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.2px;
  text-align: left;
  color: #ffffff;
}
.mycustomer-sec {
padding: 43px 0 27px 27px
}
.home-img{object-fit: contain;margin-right:26px; width: 20px;
height: 19px;}
.mycustomer_item-label{
font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
color: #ffffff;margin-bottom:0}
.mycustomer_item {
margin-top:44px
}
.mycustomer_item:first-child{margin-top:0}
.Mycustomer-active-sec{padding:10px}
.profile-active-sec{
  height: 55px;
  opacity: 0.4;
  border-radius: 6px;
  background-color: #ffefed;padding: 6px;}
  .icon-highlighter{
   width: 43px;
  height: 43px;
  border-radius: 6px;
  background-color: #fffafa;margin-right:8px
}
.icon-highlighter img{ width: 23px;
  height: 18px; 
  object-fit: contain;
}
.list-customer{font-family: "PFHandbookPro-Regular";
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;}
/*  .main-panel{padding:21px 40px 38px 282px;}*/
  .top-section {
    height: 61px
}
.customer-search-sec{ border-radius: 6px;
background-color: #fcf7ec;}
.form-control-borderless {
    border: none;
}

.form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {
    border: none;
    outline: none;
    box-shadow: none;
}



a:hover{text-decoration:none}
.sidebar-sec{
	width: 232px;
  height: 779.6px;
  border-radius: 6px;
  background-color: #c7222a;margin:10px;float:left
}
.sidebar-profile span{
width: 12px;
  height: 14px;
  font-family: "PFHandbookPro-Regular";
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.13px;
  text-align: left;
color: #000000;background:#fff;border-radius:50px;padding:6px;font-weight:bold;margin-right:8px;}

.sidebar-profile label{font-family: "PFHandbookPro-Regular";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: left;
color: #ffffff;}

.sidebar-profile label{margin-left: 0;}
.nav-item {
    width: 100%;
}
.sidebar-wrapper{padding:10px}
.nav-link{padding:0 17px}
.nav li{margin-top:15px}
.nav li:first-child{margin-top:35px}
.nav-item a{color:#fff}
.nav-link p {
    display: inline-block;
	font-family: "PFHandbookPro-Regular";
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.sidebar-profile span {
    width: 27px;
    height: 27px;
    font-family: "PFHandbookPro-Regular";
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.13px;
    text-align: left;
    color: #000000;
    background: #fff;
    border-radius: 50px;
    padding: 6px;
    font-weight: bold;
    margin-right: 8px;
    display: inline-block;
    text-align: center;
}
.nav li.active a{
  border-radius: 6px;
background-color: rgba(255,239,237,0.4);padding:6px }
.nav li.active a span {
    border-radius: 6px;
    background-color: #fffafa;
    width: 43px;
    height: 43px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;padding: 7px 10px;margin-right: 8px;
}
.main-panel-sec {
  height: 100%;
  max-height: 100%; /*padding: 21px 50px 21px 282px;*/
}


.notification-sec.clearfix {
    height: 51px;
}
.notification-sec .float-right a{position:relative;margin-left: 30px;display: block; }
.notification-sec .float-right a::after {
    background: #f7a500;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;right: 0;top:0px;
}
.table-sec th{opacity: 0.5;
  font-family: "PFHandbookPro-Regular";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
color: #000000;border:none !important}
.table td, .table th{padding: 23px 10px 0;}
.form-wrapper {
	overflow: hidden;
}

.form-wrapper #search {
	width: 330px;
	height: 20px;
	padding: 10px 5px;
	float: left;    
	font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
	border: 1px solid #ccc;
	-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;      
}

.form-wrapper #search:focus {
	outline: 0; 
	border-color: #aaa;
	-moz-box-shadow: 0 1px 1px #bbb inset;
	-webkit-box-shadow: 0 1px 1px #bbb inset;
	box-shadow: 0 1px 1px #bbb inset;  
}

.form-wrapper #search::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
}

.form-wrapper #search:-moz-placeholder {
	color: #999;
	font-weight: normal;
}

.form-wrapper #search:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
} 

.form-wrapper #submit {
	float: right;    
	border: none;
	height: 40px;
	width: 9%;
	padding: 0;
	cursor: pointer;
font-size:18px;
	color: #fff;
	text-transform: capitalize;    
	background-color: #c7222a;
	
	border-radius: 2px;      

}
  

  
.form-wrapper #submit:active {
	outline: 0;    
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;    
}
  
.form-wrapper #submit::-moz-focus-inner {
	border: 0;
}
.calender-sec {
    right: 14px !important;
}
.page-item.disabled .page-link {
    color: #fff;
    pointer-events: none;
    cursor: auto;
    border-radius: 2px;
    background-color: #6c7173;
}
/*.pagination li {
    margin-left: 10px;
}*/
.pagination li a{
    margin-left: 10px;
}
.page-item.active .page-link {
    z-index: 3;
    color: #000;
    background-color: #fff;
    border: 1px solid #3e593c;
}

.page-link{border:none;color:#000}
.page-link:hover {
    z-index: 2;
    color: #000;
    text-decoration: none;
    background-color: none !important;
    border-color: none;
}
.page-sec{margin-top:35px;margin-bottom:90px}
.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-radius: 2px;
    background-color: #c7222a;
    color: #fff;
}
.byline p{
  text-align:center;
  color:#555;
  font: bold 18px Arial, Helvetica, Sans-serif;
  text-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

.byline p a{
  color:#000;
  text-decoration:none;
}
 
.panel-heading {
  padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
}
.panel-heading  a:before {
   font-family: FontAwesome;
   content: "\f078";
   float: right;
   transition: all 0.5s;
   color: #c7222a;
   
/*padding-top: 27px;
padding-right: 16px;*/
}
.panel-heading a {
  padding:30px 15px;
  display: block;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 
#accordion h6{opacity: 0.5;
  font-family: "PFHandbookPro-Regular";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;margin-bottom: 0;
padding: 20px;
}
.panel.panel-default {
    border-radius: 6px;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
background-color: #f7f8f8;margin-bottom:10px
}
.panel.panel-default p:first-child{}
.panel.panel-default p{ font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: left;
  color: #000000;padding-right: 6px;margin-bottom: 0;}
  .collapse {
    background: #fff;
}
.panel.panel-default p small{font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4c4c4c;padding-bottom:10px; display:block}
  
 footer{background:#6c7174;color:#fff;padding:40px 35px;}
 ul{list-style:none}
 footer ul li a{font-size:16px; color:#fff;display: block;
padding-bottom: 10px;}
 footer ul li a:hover{color:#fff}
 .border-bottom-add {
    border-bottom: 1px solid #cdcece;
}

.social-icon {
    color: #fff;
}
ul.social-icons {
    margin: 0px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
 float: left;margin-left: 13px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.copy-right-sec {
    margin-top: 76px;
}
.panel-body .col-1.col-sm-1.col-md-1.col-lg-1.col-xl-1 {
    padding: 0;
}
.panel-body .col-2.col-sm-2.col-md-2.col-lg-2.col-xl-2 {
    padding-right: 0;
}
.download-section a{font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.18px;
  text-align: left;
  color: #c7222a;}
  .download-sec {
    margin-left: 50px;
}
.active-sec a{background:#16884a;font-size: 14px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.2px;
text-align: left;
color: #ffffff;
padding: 1px 8px 3px;
border-radius: 9px;}
.panel-body p {
    padding: 25px 0px 25px 30px;
}
.title-sec {
    padding-left: 10px !important;
}
.padding-none {padding-left:0!important}
.padding-left-sec p{padding-left: 25px !important;}
.panel.panel-default .col-2.col-sm-2.col-md-2.col-lg-2.col-xl-2 {
    padding-left: 0 !important;
}
.floating-sec p{padding:25px 0 !important}
.col-2.col-sm-2.col-md-2.col-lg-2.col-xl-2.policy-sec p {
    padding: 25px 12px 25px 6px;
}
.search-sec {
    border-radius: 6px;
    background-color: #fcf7ec;
    padding: 25px 30px;position:relative
}
.search-sec h3 {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;margin-bottom: 25px;
}
.search-sec #search {
    width: 100%;
    padding: 20px 20px !important;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.22px;
    text-align: left;
    color: #000000;
}
.search-sec a {
    position: absolute;
   right: 15px;
    top: 11px;font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0.18px;
  text-align: left;
  color: #c7222a;
}
.search-sec .col-md-2 {
    padding-left: 0;
    margin-right: 84px;
    padding-right: 0;
}
search-sec .col-md-8 {
    position: relative;
}
.col-md-4.date-sec {
    padding-left: 0;
}
#filterDate2 {float: left;
}
.input-group-addon {
    color: #c7222a;
}
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child){border-radius: .25rem;}
.input-group-addon {
    position: absolute;
    right: 7px;
    top: 8px;
}
.date-sec .form-control {
    padding: 20px 15px;
}
label{
  margin-left: 1.85px;
}
#datepicker > span:hover{cursor: pointer;}
.select-edit-search-sec ul{padding:0;margin:0}
.select-edit-search-sec {
    position: absolute;
    background: #fff;
        background-color: rgb(255, 255, 255);
    z-index: 1;
    border-radius: 10px;
    box-shadow: 1px 0 7px 0 rgba(0, 0, 0, 0.25);
    background-color: #fffffe;
    padding:20px 30px 46px 30px;
	margin: 0 -6px 0 32px;top: -13px;
}
.select-edit-search-sec label {
    margin-left: 10px;
}
.select-edit-search-sec h6{ font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;margin-bottom:27px}
.select-edit-search-sec label {
    margin-left: 8px;
    margin-bottom: 29px;
    line-height: 0;font-size: 16px;
color: #000000;
letter-spacing: 0.27px;
}
.cancle-btn-sec {
    border-radius: 2px;
    border: solid 1.4px #c7222a;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    width: 81px;
    height: 38px;
    margin-right: 19px;
    display: inline-block;
}
.proposal-apply input{width:auto;height:auto;padding:13px 16px;background:#fff;font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: normal;
  text-align: center;
  color: #fff;}
  input.cancle-btn-sec {
    color: #c7222a;padding: 12px 16px !important;
}
.proposal-apply .apply-btn-sec{background-color: #c7222a;}
.apply-btn-sec{
    width: 81px;
    height: 40px;
    border-radius: 2px;
    background-color: #c7222a;
    border: none;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;cursor: pointer;
}
.button-margin-sec{margin-top:20px !important}

#breadcrumbs {
  list-style:none;
  display:flex;
  padding:0;
}
#breadcrumbs li{ font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #c7222a;}
#breadcrumbs li a {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #6c7174;
}
#breadcrumbs li a:hover {
  transition-delay:50ms;
  transition:50ms;
  color:#3867d6;
  text-decoration:underline;
}


#breadcrumbs li + li::before {
    padding: 8px;
    color: #000;
    content: "";
    background-image: url(../img/right-arrow.png);
    background-size: 15px;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
}
.Search-detail-sec .col-md-2 {
    padding-left: 16px;
    margin-right: 0;
    padding-right: 16px;
}
.Search-detail-sec p, .basic-detail-sec p{font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;}
.Search-detail-sec small, .basic-detail-sec small{display:block;font-size: 17px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.19px;
  text-align: left;
  color: #4c4c4c;margin-bottom:4px}
  .active-health-sec h3{ font-size: 32px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.94;
  letter-spacing: normal;
  text-align: left;
  color: #1c1c1c;}
  .active-health-sec a.detail-active{ border-radius: 100px;
  background-color: #16884a;font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: left;
  color: #ffffff;padding: 3px 14px;}
  .active-health-sec p{font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #4c4c4c;}
  .active-health-sec a.Benefits-sec{font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0.18px;
  text-align: right;
  color: #c7222a;display: inline-block;
padding: 14px 0 0;}
  .active-health-sec {
    padding: 50px 0 20px;
}
.nav-basic-detail-sec {
    background-color: #f7f7f7;overflow: hidden;margin-top:20px;padding-left:40px;
}
.nav-basic-detail-sec ul {
    padding: 0;margin:0
}
.nav-basic-detail-sec ul li {
    float: left;margin-right:22px
}
.nav-basic-detail-sec ul li a{font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.2px;
  text-align: left;
  color: #4c4c4c;opacity: 0.8;padding:14px 0px;display:block}
  .nav-basic-detail-sec ul li.active a{color:#c7222a;border-bottom:3px solid #c7222a}
  .basic-detail-sec {
    border-radius: 12px;
     box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    margin-top: 30px;
    padding: 20px 30px;margin-bottom: 100px;
	border: solid 1px rgba(0, 0, 0, 0.06);
}
.basic-detail-sec h3{font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;margin-bottom:20px;
}
.basic-detail-sec p {
    margin-bottom: 40px;
}
.inner-cover-sec {
    border-radius: 15px;
    border: solid 1px #d8d8d8;
}
.inner-cover-sec .table thead th{border-top:none; border-bottom:none}
.inner-cover-sec .table td, .table th{padding: 10px 25px 10px;}
.inner-cover-sec .table{margin-bottom:0}
.member-sec ul{margin:0;padding:0;overflow:hidden}
.member-sec ul li{float:left;margin-right:18px}
.member-sec ul li a{border-radius: 54px;
  padding:9px 20px;display:block;background-color: #ffffff;color: #000000;border:1px solid rgba(0,0,0,0.12);
 line-height: 0; }
  .member-sec ul li.active a{background-color: #c8262d;color: #ffffff;border:1px solid #c8262d}
  .member-sec {
    margin-bottom: 26px;
}
.table-border-sec td{border-top:none !important;}
.table-border-sec-p p{margin-bottom:0}
.basic-detail-sec td{padding-top:40px}
.table-border-sec-p-first td{padding-top:0}
#datepicker{position:relative}
#datepicker:after {
    font-family: FontAwesome;
content: "\f073";
float: right;
transition: all 0.5s;
color: #c7222a;    position: absolute;
    right: 10px;
    top: 7px;
}
.cal-range-sec{float:right;margin-top: 4px;}
.fa-calendar::before {
    color: #c7222a;
}
#reportrange span{font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.22px;
  text-align: left;
  color: #000000;opacity: 0.5;}
  .daterangepicker.show-calendar .ranges{width: 100%;}
  .daterangepicker .ranges ul {
    width: auto !important;
    overflow: hidden;
}
    .daterangepicker .ranges ul li {
      float: left;
      border: solid 1px #dbdbdb;
      border-radius: 6px;
      margin-left: 10px;
      margin-bottom: 10px;
      width: 31%;
      font-size: 16px;
    }

.daterangepicker .ranges ul li:first-child{margin-left:0}
      .daterangepicker .ranges ul li:nth-child(4) {
        margin-left: 0
      }
.float-right.selectdate a app-date-range-picker {
  display: inline-block;
  margin-left: 5px;
  vertical-align: bottom;
}
.float-right.selectdate a app-date-range-picker {
  display: inline-block;
  margin-left: 5px;
  vertical-align: bottom;
}
 .daterangepicker .ranges {
    float: none !important;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: none !important;
  margin-left: 0px;
  margin-top: 10px;
  max-width: 100%;
}
.daterangepicker.ltr.show-ranges.single.opensright.show-calendar button.applyBtn.btn.btn-sm.btn-primary {
  height: 40px;
  padding: 0px 30px !important;
}
.daterangepicker.ltr.show-ranges.single.opensright.show-calendar {
  padding-top: 15px !important;
}
.daterangepicker.ltr.show-ranges.single.opensright {
  top: 60px !important;
  background: #fff !important;
  margin: 0px;
}
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { /*position: absolute;
top: 50%;*/
  border-width: 0 3px 3px 0 !important;
  padding: 4px !important;
  border-color: #c7222a !important
}
.daterangepicker.ltr.show-ranges.opensright.show-calendar {
  padding: 10px;
  border-radius: 10px;
  margin-right: 0;
  border: 0px;
}
/*.daterangepicker .calendar-table .prev span {
  left: 94px !important;
  top: 113px;
}
.daterangepicker .calendar-table .next span {
  right: 124px;
  top: 113px;
}
  */
.daterangepicker.show-calendar .drp-buttons {
  display: block;
  text-align: center;
}

.daterangepicker .ranges li.active{ border-radius: 6px;
  background-color: #c7222a !important;}
  .daterangepicker td.active, .daterangepicker td.active:hover {
    border-color: transparent;
    color: #58546b !important;
    background-color: #f8b52b !important;
    border-radius: 56px !important;
}
.daterangepicker.show-calendar .ranges {
    margin-top: 0;
}
.daterangepicker.ltr.show-ranges.opensright.show-calendar {
  padding: 10px 10px 60px 10px;
  border-radius: 10px;
  top: 62px !important;
}
.daterangepicker .drp-selected{display:none !important}
.daterangepicker .drp-buttons{padding: 21px 0 8px 0 !important; border-top:none !important}
.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-weight: normal;
    padding:8px 21px !important;
    color: #000!important;
    border-radius: 2px!important;
    border: solid 1.4px #c7222a!important;
    font-size: 18px!important;
    line-height: normal!important;
  
}
.applyBtn.btn.btn-sm.btn-primary {
    color: #fff !important;background-color: #c7222a;
}
.daterangepicker.ltr.show-ranges.opensright.show-calendar{right: auto !important;
left: 645px !important;}
.daterangepicker::before, .daterangepicker::after {display:none !important}
.inner-cover-sec a{ border-radius: 54px;
  background-color: #9cdcc2;font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: center;
  color: #1f874c;padding:4px 16px;display:inline-block}
 .my-proposal-sec span {
    background: #c7222a;float: left;
    color: #fff;
    width: 40px !important;
    height: 40px !important;
    display: table-cell;
    font-size: 18px;
    text-align: center;
    font-weight: 300;
    vertical-align: middle;padding-top: 8px;
}
.float-right.sidebar-profile.my-proposal-sec label {
    color: #000000;
    opacity: 0.7;
    margin: 8px 0 0 10px;
}
.float-right.sidebar-profile.my-proposal-sec {
    padding: 0;
}
.float-right.sidebar-profile.my-proposal-sec a:after {
    display: none;
}
.float-right.sidebar-profile.my-proposal-sec i {
    margin-left: 8px;
    font-size: 20px;
}
.search-sec .form-proposal-sec .col-md-2 {
    margin-right: 0;
    padding-right: 0;
}
.proposal-search-sec {
    overflow: hidden;margin-top: 50px;margin-bottom: 10px;
}
.proposal-search-sec select {
    border-radius: 6px;
    border: solid 1px #dbdbdb;
    width: 270px;
    padding: 9px 15px;
    margin-right: 16px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #848484;
}
.proposal-search-sec spab{color:#000}
.proposal-search-sec div#reportrange {
    width: 200px !important;
    border-radius: 4px;
    border: solid 1px #dbdbdb;
}
.proposal-search-sec .select-box{position:relative}
.proposal-search-sec .select:after {
    width: 0;
    height: 0;
    font-family: FontAwesome;
    position: absolute;
    top: 18%;
    right: 42px;
    content: "\f107";
    z-index: 98;
    color: #c7222a;
    font-size: 20px;
    font-weight: 700;
}
.proposal-list-sec th {
    opacity: 0.9;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #8b151b;
    border: none;
    border-bottom: none !important;
}
.table.table.proposal-list-sec tr:first-child { border-top-left-radius: 10px; }
.table.table.proposal-list-sec td {
    border: none;
    padding: 20px;
    
}
a.counter-sec {
    border-radius: 17px;
    background-color: rgba(156,220,194,0.3);
    padding: 8px 31px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #1f874c;display: inline-block;
}
.pending-sec{border-radius: 17px;
    background-color: rgba(247,165,0,0.2);
    padding: 8px 31px;
   font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #d79c26;display: inline-block;}
table {
  border-collapse:separate; 
  border-spacing: 0 1em;
}
table.table.table-borderless.proposal-list-sec span {
    color: #000;
    margin-left: 5px;
    display: inline-block;
}
.form-proposal-sec .float-left{width: 90%;
    margin-right: 15px;position:relative}
.table.table.table-borderless.proposal-list-sec tr {
    background: #f6f5f5;
}
.table.table.table-borderless.proposal-list-sec .head-sec{background:#fff;}
.table.table.table-borderless.proposal-list-sec tr.active{background:#fff; box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
  }
  .table.table.table-borderless.proposal-list-sec tr.active td {
    background: #fff;
   border-bottom: 2px solid #c7222a;
  border-top: 2px solid #c7222a;
}
.search-sec .table.table.table-borderless.proposal-list-sec a{right: 13px;
    top: 14px;}
.table.table.table-borderless.proposal-list-sec tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}
.table.table.table-borderless.proposal-list-sec tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}
.table.table.table-borderless.proposal-list-sec tr.active td:first-child{border-left:2px solid #c7222a;border-top-left-radius:10px;border-bottom-left-radius:10px}
.table.table.table-borderless.proposal-list-sec tr.active td:last-child{border-right:2px solid #c7222a;border-top-right-radius:10px;border-bottom-right-radius:10px}
.view-info-item-sec {
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 1px 0 7px 0 rgba(0, 0, 0, 0.1);
    background-color: #fffffe;padding: 30px 28px;position: absolute;
    z-index: 9999;
    margin-right: 28px;
}
.view-info-item-sec h3{font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
margin:4px 0 0}	
.float-sec {overflow:hidden;margin-bottom:28px}
.check-box-list {
    border-right: 4px solid #c4c4c4;position:relative
}
.view-info-item-sec label{margin:0}
.check-box-list h6 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.89;
    letter-spacing: 0.18px;
    text-align: left;
    color: #000000;
    opacity: 0.5;
    border-bottom: 1px solid rgba(0,0,0,0.5);
   padding: 0 0 17px;
    margin-right: 10px;margin-bottom: 0;
}
.check-box-list ul{padding:0;}
.check-box-list ul li{font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;padding: 10px 10px 10px 0;}
.check-box-list ul li:after {
    font-family: FontAwesome;
    content: "\f054";
    float: right;
    transition: all 0.5s;
    color: #6c7174;font-size:14px;margin-top: 5px;
}
.check-box-list span {
    border-right: 6px solid #000;
    display: block;
    height: 80px;
    position: absolute;
    right: -4.5px;border-top-left-radius: 4px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 3px;
}
.check-box-list.list-2-sec span{top:90px;height:60px}
.check-box-list ul li.active:after{color:#c7222a}
.check-box-list.list-3-sec span {
    height: 43px;
    bottom: 106px;
}
.button-apply-sec {
    overflow: hidden;
    width: 100%;margin-top: 41px;padding: 0 28px;
}
ul {
    padding: 0;
    margin: 0;
}
.button-apply-sec ul{overflow:hidden}
.button-apply-sec ul li {
    float: left;
    margin-left: 30px;
}
.list-section a.clear-sec{font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0.18px;
  text-align: left;padding: 12px 0;display:block;
  color: #c7222a;}
  .list-section a.apply-sec-btn {
    border-radius: 2px;
    background-color: #c7222a;
    padding: 12px 21px;
    display: block;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}
 .list-section 	input[type="checkbox"] {
      background: #3d404e;
      border: #7f83a2 1px solid;
   }
.list-section p {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
    color: #000000;
}
.list-section h5:before {
    font-family: FontAwesome;
    content: "\f068";
    float: right;
    transition: all 0.5s;
    color: #c7222a;font-size:20x
}
.list-section p label{margin-left:10px}
.view-info-item-sec.select-sec {
    padding:0;
}
.list-section h5 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
    color: #000000;
    margin-bottom: 20px;
}
.select-sec li {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 9px;
    padding: 20px 25px;
}
.button-apply-sec.select-btn-sec ul li {
    border: none;
    margin-left: 25px;
    padding: 0;
}
.button-apply-sec.select-btn-sec {
    margin-bottom: 17px;margin-top: 23px;
}
.datepicker-sec .daterangepicker.ltr.show-ranges.opensright.show-calendar {
    right: 50px !important;
    left: auto !important;
}
.form-list-sec {
    border-radius: 10px;
    box-shadow: 1px 0 7px 0 rgba(0, 0, 0, 0.25);
    background-color: #fffffe;
    padding: 28px 30px;
    overflow: hidden;
    position: absolute;
    top: 135px;
    width: 84.6%;
    z-index: 9999;
}
.form-list-sec li {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
    color: #000000;
}
.form-list-sec li.active {
    color: #c7222a;
}
.showing-resul-sec {
    opacity: 0.7;
}
.form-proposal-sec p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #717171;
    margin-bottom: 0;
    display: block;width: 100%;
margin-top: 5px;
    margin-left: 5px;
}
.form-proposal-sec span {
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.22px;
    text-align: left;
    color: #0a90db;
    position: absolute;
    top: 7px;
    left: 82px;
}
.form-my-customer{position:inherit !important}
.result-show-sec p{font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  color: #c7222a;margin-bottom:0;}
  .form-list-sec.result-show-sec {
    padding: 12px 20px;margin-left: 5px;
}
.not-found-sec p {
  padding: 156px 0 347px;
	 font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  color: #c7222a;
}
.scp-breadcrumb {
    margin-bottom: 25px;
}
.app-detail-sec{overflow:hidden}
.app-detail-sec a{display:inline-block;position:inherit}
.app-detail-sec h6{}






.sidebar-heading {
    padding: 20px;
    border-bottom: 1px solid #fff;
}
.my-customer-sidebar{ padding: 20px 85px 20px 27px;}

.bg-light {
    /*border-radius: 6px;*/
    background-color: #c7222a !important;
}
.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
    border-radius: 6px;
    background-color: rgba(255,239,237,0.4) !important;
    padding: 6px !important;
}
.my-customer-sidebar .sidebar-profile {
    width: 122px;
}
.list-group-flush>.list-group-item span {
	border-radius: 6px;
    margin-right: 15px;
    width: 43px;
    height: 43px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 7px 10px;
    margin-right: 8px;
    background: none;
}
.list-group.list-group-flush {
    padding: 10px;margin-top: 17px;
}
.sidebar-nav-sec{height: 779.6px;margin-left: 10px;
    margin-top: 10px;}
.list-group-flush>.list-group-item {
    border-width: 0 0 1px;padding: 0px 6px !important;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    border: none;margin-bottom: 10px;
}
.list-group-flush>.list-group-item.active span{border-radius: 6px;margin-right: 15px;
    background-color: #fffafa;
    width: 43px;
    height: 43px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 7px 10px;
    margin-right: 8px;}
	.list-group-flush>.list-group-item:hover, .list-group-item+.list-group-item.active:hover, a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover{
    background-color: rgba(255,239,237,0.4) !important;}
	div#page-content-wrapper {
    width: 100%;margin-top: 10px;margin-bottom: 70px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
    margin-right: auto;
    margin-left: auto;
}
.w-75 {
    width: 89%!important;
    margin-right: 13px;
}
.search-nav-sec{position:relative}
.anjali-sec span {
    left: 92px;
}

.select select {

  -webkit-appearance: none;
  border: 0;
  left: 0;
  top: 0;border:1px solid #dbdbdb
}
.table-responsive{display:inherit !important}
.application-flow-chart span{display:block}
.application-flow-chart img{width:100%}
span.iconapp-sec-selected, .iconapp-hidden {
    width: 61px;
    margin: 0 auto;
    height: 61px;
}
span.check-icon-sec-selected, .check-icon-hidden, .check-icon-sec-under-review {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    margin-bottom: 8px;position: relative;
    z-index: 9;
}
.my-customer-search-sec{width: 68.5%!important;}
div#reportrange{width: 20% !important;margin-right: 13px !important;}
.application-flow-chart h5 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}
.application-flow-chart h6 {
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.2px;
    text-align: center;
    color: #4c4c4c;
}
.application-flow-chart{overflow:hidden;margin-bottom: 30px;}
.application-flow-chart ul li.text-center {
    float: left;width: 20%;position:relative;height: 142px;
}
.border-line-sec, .border-line-sec-yellow {
    border-bottom: 2px solid #e6e6e6;
    content: "";
    width:100%;
    display: inline-block;
    position: absolute;
    top: 53%;
    left:0px;
	margin-left:109px;
}
.border-line-sec-yellow {
    border-color: #f7a500;
    width:100%;left:0px;
}
.download-icon-sec{width:78px;padding: 20px 0;margin:0 auto}
.download-icon-sec img{width:100%}
.item-download-sec {
    border-radius: 8px;
    border: solid 1px rgba(0, 0, 0, 0.2);
}
.download-btm-sec.clearfix {
    background-color: #fcf7ec;
    padding: 19px 22px;
}
.download-btm-sec.clearfix h3{ font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.12;
  letter-spacing: normal;
  text-align: left;
  color: #000000;}
  .download-btm-sec.clearfix a{padding:0 !important}
.m-25 {
    margin-right: 85px;
}
.application-flow-chart ul li.text-center.flow-chart-1:last-child{border:none}
.application-flow-chart ul li.text-center:last-child .border-line-sec{
    border: none !important;
    position: inherit;
}
.title-hidden-sec{opacity:0.59}
.proceed-detail-sec{border-radius: 1px;
  background-color: #f7f7f7;padding:25px 30px;margin-bottom: 10px;}
  .application-sec{margin-bottom:30px}
  .proceed-detail-sec p{margin:0;font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: 0.22px;
  text-align: left;
  color: #000000;}
  .proposer-sec p{font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.19px;
  text-align: left;
  color: #000;}
  .proposer-sec small{font-size:17px;color: #4c4c4c;margin-bottom: 10px;}
  .share-btn-sec a{font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: #c7222a;display: block;
    margin-top: 35px;
}
.fa-edit{font-size:12px !important}
.share-btn-sec a i{margin-right: 5px;}
.app-detail-sec h6{font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.22px;
  text-align: right;
  color: #000000;}
  .app-detail-sec h6 a{background-color: #fcf7ec;display:inline-block;font-size: 14px;margin-left:16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #f7a500;padding: 2px 12px; border-radius: 54px;}
  .additional-accordion-list h3{margin-bottom:0;font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;}
  .additional-accordion-list a {
    padding:20px 30px;
}
  .additional-accordion-list .panel.panel-default{border-radius: 12px;
  box-shadow: 1px 0 12px 0 rgba(0, 0, 0, 0.17);
  background-color: #ffffff;}
  .alert-danger {
    color: #c7222a !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
    font-weight: 500 !important;
}
.alert-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important; 
}
  .additional-accordion-list .panel-body{padding: 20px 30px;}
  .additional-accordion-list th, .additional-accordion-list .table.table.proposal-list-sec td{padding-right:0;padding-left:0}
  .additional-accordion-list .table.table.proposal-list-sec td{font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: left;
  color: #000000;}
  .additional-accordion-list .panel-body a{padding: 7px 30px;}
  .additional-accordion-list .table.table.proposal-list-sec .list-application td{border-radius: 6px;
  border: solid 1px #e6e6e6;
  background-color: #ffffff;}
  
  .additional-accordion-list .panel-body p {
    padding-left: 0;
    padding-right: 0;
}

.additional-accordion-list .app-head-sec p {
    opacity: 0.9;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #8b151b;
    border: none;
    border-bottom: none !important;
}
  
 .additional-accordion-list .panel.panel-default .col-2.col-sm-2.col-md-2.col-lg-2.col-xl-2 {
    padding-left: 15px !important;
	padding-right:15px !important
}
  
  .drop-sec.text-center {
    border: 3px dashed #e6e6e6;
    padding: 11px 0;
    border-radius: 12px;
	font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: #000000;margin-bottom: 30px;
}
   .drop-sec.text-center a{padding:0;color:#c7222a}
   .border-aapp {
    border-bottom: 1px solid #e6e6e6;margin-bottom: 20px;
}
.additional-accordion-list .panel-body a:hover{color:#d79c26}
.additional-accordion-list .panel.panel-default{margin-bottom:30px}  
  
  .additional-accordion-list .proposer-sec small {
    margin-bottom: 0;
}
.total-loading-sec {
    border-radius: 1px;
    background-color: #f7f7f7;
    border-left: 3px solid #c7222a;
    padding: 20px;
    margin-top: 20px;
}
.proposal-apply {
    padding-top: 70px;
}
.total-loading-sec h4{font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: 0.4px;
  text-align: left;
  color: #4c4c4c;margin-top:0}
  .total-loading-sec h1{font-size: 38px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.38px;
  text-align: left;
  color: #000000;}
.border-aapp h5 {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: 0.4px;
    text-align: left;
    color: #4c4c4c;
    text-transform: uppercase;margin-bottom: 0;
}
.additional-accordion-list .panel-heading a{    border-bottom: solid 2.2px #e6e6e6;
}
  .list-detail-sec{border-bottom:none}
  .list-detail-sec .border-aapp{margin-bottom: 0;}
  .list-detail-sec .border-aapp:last-child{border-bottom:none}
  .additional-accordion-list .panel.panel-default p small {
    font-size: 17px;
}
  
  
  
  
  
  
  
@media screen and (max-width: 1403px) {
	
	.my-customer-search-sec {
    width: 67.5%!important;}
	.search-sec #search{font-size: 12px;}
	.search-sec a{    font-size: 12px;}

}
@media screen and (max-width: 1104px) {
	
	.my-customer-search-sec {
    width: 66.5%!important}
	.search-sec #search{font-size: 10px;}
	.search-sec a{    font-size: 10px;margin-top: 6px;}
	.panel.panel-default p{font-size: 13px;}
	.form-wrapper #submit{    font-size: 12px;}
	#reportrange span {
    font-size: 12px;}
	

}
@media screen and (max-width: 980px) {
	.w-75 {
    width: 100%!important;margin-bottom:5px}
	.my-customer-search-sec {
    width: 100%!important;
    margin-bottom: 5px;
}
div#reportrange {
    width: 100% !important;
    margin-bottom: 5px;
}
.form-wrapper #submit {
    font-size: 14px;
    width: 100%;
    float: none;
    margin-right: 13px;
}
}





/*******************Mobile-view*******************/
/*.desktop{
  display:none;
}

.mobile-view-sec{display:none}*/

@media screen and (max-width: 768px) {
  .daterangepicker.ltr.show-ranges.opensright.show-calendar {
    left: 0px !important;
  }
  /*.desktop{
    display:block !important
  }*/
	/*.mobile-view-sec{display:block}*/
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{padding-right: 20px !important;
    padding-left: 20px !important;}
.navbar{    padding: 0rem 1rem .5rem;width: 100%;}
.navbar a{color:#fff;font-size: 19px;padding-top: 13px;}
.navbar-brand img{width:36px; height:24px;margin-right:16px}
.navbar-brand{padding:0}
.navbar-brand span{font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.73;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff !important;padding:0;margin-right:0;vertical-align:middle}
  .notification-sec{margin-left:38px;margin-right:22px;margin-top: 10px;}
  .as-sec span{border: solid 1px #d99088;font-size: 12px;background:#fff;display:table-cell; width: 25.6px;text-align:center;
  height: 25.6px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.14px;border-radius:50px;
  color: #000000;vertical-align:middle}
 
.navbar-light .navbar-toggler{padding:0;border:none;margin-left:22px}
.navbar-toggler span{color:#fff}
.navbar-light .navbar-toggler-icon {
    background-image: none;
    width: auto;
    height: auto;
    font-size: 25px;margin-top: -8px;}
.navbar .float-right{margin-top:10px}
.select {
    position: relative;
}
a.notification-sec {
    position: relative;
}
a.notification-sec:after {
    content: "";
    background: #f7f7f7;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 11px;
}
.select select {
    -webkit-appearance: none;
    border: 0;
    left: 0;
    top: 0;
    border: 1px solid #dbdbdb; font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}
.select:after {
    width: 0;
    height: 0;
    font-family: FontAwesome;
    position: absolute;
    top: 18%;
    right: 20px;
    content: "\f107";
    z-index: 98;
    color: #c7222a;
    font-size: 20px;
    font-weight: 700;
    opacity: 1;
}
.commission-statement-sec{ border-radius: 6px;background-color: #fcf7ec;padding:20px 30px 10px;margin-top:20px}
.commission-statement-sec .form-control{margin-bottom:10px}
.commission-statement-sec h3{ font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;margin-bottom:15px;}
  .commission-statement-sec h3 span {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
    color: #4c4c4c;display: block;
}
.search-filter-sec button{background-color: #c7222a;font-size:24px;border:none;color:#fff;width:54px;height:50px;position: absolute;
    right: 0;
    top: 0;}
	.search-filter-sec input {
    height: 50px;
}
.commission-statement-sec #button{ border-radius: 2px;
  background-color: #c7222a;font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;border:none;margin-top: 5px;}
  .profile-mobile-sec {
    border-radius: 12px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    border: solid 1px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    margin-top: 15px;
    padding: 20px;
}
.profile-mobile-sec h3{  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;margin-bottom:20px}
 .profile-mobile-sec ul li span{font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.14px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);}
  .profile-mobile-sec ul li p{font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.16px;
  text-align: left;
  color: #000000;margin-bottom:0}
  .profile-mobile-sec ul li{margin-bottom:7px}
  .share-detail-sec a{font-size: 16px;display:block;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: #c7222a;}
  .share-detail-sec {
    padding-bottom: 23px;
    border-bottom: solid 2.2px #e6e6e6;
    margin-bottom: 20px;margin-top: 24px;
}
.tpd-mobile-sec .share-detail-sec{ padding-bottom:0;
    border-bottom:none;
    margin-bottom: 0;margin-top: 0;}
.agent-detail-sec small{font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.14px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);}
  .agent-detail-sec p{font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.16px;
  text-align: left;
  color: #000000;}
  .share-detail-sec img {
    width: 15px;
    height: 15px;
    margin-right:5px;
}
.footer ul{overflow:hidden}
.footer ul li{float:left;text-align:center;border-left: 1px solid #ececec;width: 20%;}
.footer ul li a{ display:block;padding:14px 0;color:#000;height: 56px;border-top: 2px solid transparent;}
.footer ul li.active a{padding:4px 0px;border-top: 2px solid #c7222a;}
.footer ul li img{width:22px;}
.footer ul li a i{font-size:25px;opacity:0.5}
.footer ul li h3{font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.13px;
  text-align: center;
  color: #000000;margin-bottom:0;margin-top: 3px;}
footer {
    padding:0;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;margin-top: 50px;
}
.share-detail-sec i.fa.fa-share-alt{margin-right:5px}
.search-filter-sec{/*margin-top:15px;margin-bottom:25px;*/position:relative}
.search-filter-sec .filter-sec {
    color: #c7222a;
    font-size: 25px;
    position: absolute;
        right: 70px;
    top: 7px;
}
.pagination li {
    margin-left: 10px;
}
.page-item.active .page-link {
    z-index: 3;
    color: #000;
    background-color: #fff;
    border: 1px solid #3e593c;
}

.page-link{border:none;color:#000}
.page-link:hover {
    z-index: 2;
    color: #000;
    text-decoration: none;
    background-color: none !important;
    border-color: none;
}
.page-sec{margin-top:0;margin-bottom:25px;overflow:hidden}
ul.pagination.justify-content-center {
    float: right;
}
.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-radius: 2px;
    background-color: #c7222a;
    color: #fff;
}
.tpd-mobile-sec ul li span{color: #8b151b;text-transform:uppercase}
.tpd-mobile-sec ul li p{display:inline-block;font-size: 18px;}
.tpd-mobile-sec h3{font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;margin-top:25px;margin-bottom:20px}
 .grand-total-sec{border-radius: 6px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
  border: solid 0.5px rgba(151,151,151,0.5);
  background-color:rgba(236,236,236,0.5);padding:20px;margin-top:30px;margin-bottom:25px}
  .agent-detail-sec small.active{color:#8b151b;text-transform:uppercase}
}
@media (min-width: 576px){
.container, .container-sm {
    max-width: 100%;
}
}
@media screen and (max-width: 500px) {	
.tpd-table-mobile-sec .col-3 {
    max-width: 33.33% !important;flex:33.33%
}}
@media screen and (max-width: 400px) {	
.agent-detail-sec .col-3 {
    max-width: 50% !important;flex:50%
}

.notification-sec {
    margin-left: 0;
margin-right:12px;}
.navbar-light .navbar-toggler{    margin-left: 12px;background: #c7222a;
}
.profile-mobile-sec ul li span {
font-size: 15px;}
.tpd-mobile-sec ul li p {
    font-size: 17px;
}
.navbar-brand span {
font-size: 18px;}
.commission-statement-sec{padding: 20px 20px 10px;}
.select select{font-size: 14px;}
.footer ul li a{padding: 14px 20px;}
.share-detail-sec a {
font-size: 14px;}
.footer ul li h3 {
font-size:11px;}
}




/*------------------------my-proposal------------------*/
.my-proposal-mob-search{
   width: 330px;
  height: 80px;
  border-radius: 6px;
  background-color: #fcf7ec;
}

.my-proposal-mob-search form.my-proposal  input[type=text] {
  padding: 10px;
  /*font-size: 17px;*/
  border: solid 1px #dbdbdb;
  background-color: #ffffff;
  float: left;
  width: 80%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  
}
.my-proposal-mob-search form.my-proposal .searchinput{
   position: relative;
}

.my-proposal-mob-search form.my-proposal .filter-icon{
  position: absolute;
  display: inline-block;
  cursor: pointer;
  right: 110px;
  top: 90px;
  color: #4c4c4c;
  z-index: 2;
  color: #c7222a;
}

.my-proposal-mob-search form.my-proposal input:placeholder{
  font-family: PFHandbookPro-Regular;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: normal;
  text-align: left;
  color: #aeaeae;
}

.my-proposal-mob-search form.my-proposal button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #c7222a;
  color: white;
  font-size: 17px;
  border: 1px solid #c7222a;
  border-left: none;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.my-proposal-mob-search form.my-proposal button:hover {
  background: #0b7dda;
}

.my-proposal-mob-search form.my-proposal::after {
  content: "";
  clear: both;
  display: table;
}

.filterbyrow{
  display: flex;
  width: 100%;
  margin-top: 23px;
  padding: 0px 0px;
}

.floatleft{
  float: left !important;
}

.floatright{
  float: right !important;
}

.filterbyrow .filterby-sidebar{
  width: 50%;
  display: inline;
}

.filterbyrow .filterby-sidebar a{
  font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: #c7222a;
}

.filterbyrow .selectdate{
  width: 50%;
  display: inline;
}

.filterbyrow .selectdate a{
  font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: right;
  color: #c7222a;
  float: right;
}

.search-bg{
   width: 100%;
  height: 80px;
  border-radius: 6px;
  background-color: #fcf7ec;
  padding: 15px;
}


.filterby {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  /*padding-top: 60px;*/
  text-align:center;
}

.filter-header{
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  background-color: #c7222a;
  padding: 20px 30px;
}

.filter-header h4{
  font-family: PFHandbookPro-Regular;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.73;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  padding-left: 15px;
  margin: 0px !important; 
}

.filterby a {
 /* padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;*/

}

.filterby a:hover{
 /* color: #f1f1f1;*/
}

.filterby .closebtn {
  position: absolute;
    top: 8px;
    /* right: 25px; */
    font-size: 36px;
   /* margin-left: 50px;*/
    left: 0;
    padding-left: 20px;
}

.filterby .d-flex{
  display: flex;
  width: 100%;
  margin: 15px 15px;
}
.filterby .d-flex .heading{
    display: inline;
    width: 40%;
}
.filterby .d-flex .heading h5{
   font-family: PFHandbookPro-Regular;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  margin-top: 5px;
}
.filterby .d-flex .btns{
  display: inline;
  width: 60%;
  text-align:right;
  border-radius:2px;
}


.filterby .d-flex .btns .apply{
    width: 67px;
  height: 36px;
  border-radius: 2px;
  background-color: #c7222a;
  border: 1px solid #c7222a;
  font-family: PFHandbookPro-Regular;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  
}

.filterby .d-flex .btns .clear{
   font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: right;
  color: #c7222a;
  background-color: #ffffff !important;
  border: none !important;
  box-shadow: none !important; 
  margin-right: 30px;
}
.filterby .filter-block{
  width: 100%;
  height: 40px;
  border-radius: 6px;
  border: solid 2px #dbdbdb;
  background-color: #ffffff;
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 0px 15px !important;
  position: relative;
}
.filterby .filter-block .filter-block-icon{
 position: absolute;
  display: inline-block;
  cursor: pointer;
  right: 10px;
  top: 10px;
  color: #c7222a;
  z-index: 2;
  font-size: 18px;
}
.filterby .result{
  padding: 0px 9px;
    border-radius: 6px;
    border: solid 1px #dbdbdb;
    height: 30px;
    /*display: flex;*/
}
.filterby .result .filtervalue{
  font-family: PFHandbookPro-Light;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #58546b;
  display: inline;
  float: left;
  margin-top: 5px;
}
.p-r-0{
  padding-right: 0px !important;
}
.p-l-0{
  padding-left: 0px !important;
}
.filterby .result i{
font-size: 12px;
    display: inline;
    vertical-align: middle;
    margin-top: 7px;
    margin-left: 2px;
    color: #58546b;
    float: right;
}
.p-15{
  padding: 0px 15px !important;
}
.filterby .filter-block h6{
  font-family: PFHandbookPro-Regular;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #848484 !important;
  margin-top: 5px;
}
.filterby .filter-block h6 span{
  color: #000000 !important;
  }
.search-filter-sec button {
    background-color: #c7222a;
    font-size: 24px;
    border: none;
    color: #fff;
    width: 54px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .search-filter-sec input {
    height: 50px;
  }


.filterby-dropdown {
    position: absolute;
    border-radius: 6px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    width: 100%;
    padding: 20px;
    z-index: 99;
  }
  .filterby-dropdown input {
    height: auto;
  }
  .filterby-dropdown label {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
    color: #000000;
  }
  .filterby-dropdown input {
    width: 22px;
    height: 22px;
    border: solid 1px #dbdbdb;
    background-color: #ffffff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .filterby-dropdown label {
    position: relative;
    cursor: pointer;
    margin-left: 0px;
    margin-bottom: 15px;
  }
  .filterby-dropdown label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #d8d8d8;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }
  .filterby-dropdown input:checked+label:before {
    border: 2px solid #c7222a
  }
  .filterby-dropdown input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #c7222a;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  .filterby-dropdown a{
  font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: right;
  color: #c7222a;
  }
  .filterby-dropdown .search-by{
  font-family: PFHandbookPro-Regular;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;
  margin-bottom: 20px;
  }
  .filterby-dropdown input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  .search-filter-sec #close-btn {
    color: #c7222a;
    font-size: 25px;
    position: absolute;
    right: 70px;
    top: 4px;
    background-color: rgba(194, 32, 42, 0.1);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
  }
  

.filter-tabs{
  border-top: 1px solid #e6e6e6;
  margin-top: 20px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.filter-tabs .nav li:first-child{
  margin-top: 0px !important;
}

.filter-tabs .tabs-left {
  border-bottom: none;
  
}

.filter-tabs .tabs-left>li {
  float: none;
 margin:0px;
 width: 100%;
 background-color: #fcf7ec;
 border-bottom: 1px solid #ddd;
  }

  .filter-tabs .tabs-left>li a{
   /* text-align: center;
    padding: 20px 0px !important;*/

  }

.filter-tabs .tabs-left>li a{
  padding: 20px 0px 20px 15px !important;
  font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

.filter-tabs .tabs-left>li.active>a,
.filter-tabs .tabs-left>li.active>a:hover,
.filter-tabs .tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  background: #c7222a;
  border:none;
  border-radius:0px;
  margin:0px;
  color: #ffffff !important;
}
.filter-tabs .nav-tabs>li>a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}
/*.filter-tabs .tabs-left>li.active>a::after{content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid #f90;
    display: block;
    width: 0;}*/





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

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

.mobile-view-sec .navbar .float-left .navbar-brand img{
  display: inline; 
}


.status-wrapper{
  margin: 15px 15px;
}

.status-wrapper .wrap-content{
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  margin-bottom: 15px;
}

.status-wrapper .wrap-content .status{
  padding: 8px 20px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.status-wrapper .wrap-content .counter{
  background-color: #dcede4 !important;
}

.status-wrapper .wrap-content .counter h4{
  color: #1f874c;
}

.status-wrapper .wrap-content .under-review{
   background-color: #f7e7c6 !important;
}

.status-wrapper .wrap-content .under-review h4{
  color: #d79c26;
}

.status-wrapper .wrap-content .status h4{
  font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
}

  .status-wrapper .wrap-content .status h4 i {
    color: #c7222a !important;
    float: right;
    margin-top: 0px;
    font-size: 20px;
  }

.status-wrapper .wrap-content .status-desc{
  padding: 18px 20px 10px;
  border-bottom: 1px solid #e6e6e6;
}

.status-wrapper .wrap-content .status-desc h6{
  font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #8b151b;
}

.status-wrapper .wrap-content .status-desc h6 span{
  font-family: PFHandbookPro-Regular;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

.status-wrapper .wrap-content .status-desc h2{
  font-family: PFHandbookPro-Regular;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;
  margin-top: 20px;
  margin-bottom: 12px;
}

.status-wrapper .wrap-content .status-desc span{
  font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.16px;
  text-align: left;
  color: #000000;
  display: inline;
  width: 35%;
}

.status-wrapper .wrap-content .status-desc .d-flex{
  display: flex;
  width: 100%;
}

.status-wrapper .wrap-content .status-desc p{
  font-family: PFHandbookPro-Light;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.14px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  display: inline;
  width: 35%;
  margin-bottom: 8px !important;
}

/*.status-wrapper .wrap-content .update{
  border-top: 1px solid #e6e6e6;
}*/

.status-wrapper .wrap-content .update{
  display: flex;
  width: 100%

}
.status-wrapper .wrap-content .update .update-desc{
  width: 50%;
  display: inline;
  margin-top: 15px;
  margin-bottom: 7px;
}

.status-wrapper .wrap-content .update .update-desc p{
  font-family: PFHandbookPro-Light;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.14px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 5px !important;
}

.status-wrapper .wrap-content .update .update-desc h6{
   font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.16px;
  text-align: left;
  color: #000000;
}

.p-l-20{
  padding-left: 20px !important;
}

.p-r-15{
  padding-right: 20px !important;
}

/*.mob-pagination{
  margin-top: 25px;
  margin-bottom: 25px;
  margin-right: 15px;
  margin-left: 15px;
  display: flex;
  width: 100%;
}

.mob-pagination .left-arrow{
 width: 32px;
  height: 32px;
  border-radius: 2px;
  background-color: #6c7173;
  border: 1px solid #6c7173;
  display: inline;
}

.mob-pagination .left-arrow i{
  color: #ffffff;
}

.mob-pagination .right-arrow{
 width: 32px;
  height: 32px;
  border-radius: 2px;
  background-color: #c7222a;
  border: 1px solid #c7222a;
  display: inline;
}

.mob-pagination .right-arrow i{
  color: #ffffff;
}

.mob-pagination .counts ul{
  display: flex
}

.mob-pagination .counts ul li{
  width: 32px;
  height: 32px;
  border-radius: 2px;
  border: solid 1px #3e593c;
  background-color: #ffffff;
  margin: 0px 5px;
  font-family: PFEncoreSansPro-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.67px;
  text-align: center;
  color: #3e593c;
  padding-top: 5px;
}
*/
.overflow-x-none{
  overflow-x: hidden !important;
}


.filter-tabs .tab-content .tab-pane label {
    font-size: 16px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
    color: #000000;
  }
  .pt-20{
    padding-top: 20px;
  }
  .filter-tabs .tab-content .tab-pane input {
    width: 22px;
    height: 22px;
    border: solid 1px #dbdbdb;
    background-color: #ffffff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    opacity: 0;
    display: none;
  }
  .filter-tabs .tab-content .tab-pane label {
    position: relative;
    cursor: pointer;
    margin-left: 0px;
    margin-bottom: 10px;
   /* margin-left: -150px;*/
  }
  .filter-tabs .tab-content .tab-pane label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #d8d8d8;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius:3px;
  }
  .filter-tabs .tab-content .tab-pane input:checked+label:before {
    border: 2px solid #c7222a
  }
  .filter-tabs .tab-content .tab-pane input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #c7222a;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  .mt-10{
    margin-top: 10px;
  }






#proposalby .tab .nav-tabs{
    border-bottom: 1px solid #c4c4c4;
    width: 75px;
}
#proposalby .tab .nav-tabs li{
    margin: 0 11px 0 -8px;
    position: relative;
}
#proposalby .tab .nav-tabs li.active:before{
    content: "";
    position: absolute;
    bottom: -28px;
    left: 51px;
    border: 14px solid transparent;
    /*border-top-color: #b6367f;*/
}
#proposalby .tab .nav-tabs li.active:after{
    content: "";
    position: absolute;
    bottom: -24px;
    left: 53px;
    border: 12px solid transparent;
    /*border-top-color: #fff;*/
}
#proposalby .tab .nav-tabs li a{
    border: none;
    padding: 13px 35px;
    font-size: 14px;
    color: #777;
    background: transparent;
    border-radius: 0;
}
#proposalby .tab .nav-tabs li a:hover{
    color: #b6367f;
}
#proposalby .tab .nav-tabs li a i{
    display: block;
    text-align: center;
    margin-bottom: 5px;
}
#proposalby .tab .nav-tabs li.active a,
#proposalby .tab .nav-tabs li.active a:focus,
#proposalby .tab .nav-tabs li.active a:hover{
    border: none;
    background: transparent;
    color: #b6367f;
    /*transition: background 0.20s linear 0s;*/
}
#proposalby .tab .tab-content{
    font-size: 14px;
    color: #777;
    background: #fff;
    line-height: 25px;
    padding: 10px;
}
#proposalby .tab .tab-content h3{
    font-size: 26px;
}
@media only screen and (max-width: 479px) {
    #proposalby .tab .nav-tabs li a{
        padding: 10px;
    }
    #proposalby .tab .nav-tabs li.active:before{
        left: 28px;
        bottom: -24px;
        border-width: 12px;
    }
    #proposalby .tab .nav-tabs li.active:after{
        left: 30px;
        bottom: -20px;
        border-width: 10px;
    }
}
#proposalby span.round-tabs{
  width: 15px;
  height: 15px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: white;
  z-index: 2;
  position: absolute;
  left: 45%;
  text-align: center;
  font-size: 25px;
  top: 84%;
  margin-top: -4px;
}

#proposalby span.round-tabs.one{
  border: 2px solid #ddd;
  color: #ddd;
}

#proposalby li.active span.round-tabs.one, #proposalby li.active span.round-tabs.two, #proposalby li.active span.round-tabs.three, #proposalby li.active span.round-tabs.four, #proposalby li.active span.round-tabs.five {
  background: #c7222a !important;
  border: 2px solid #c7222a;
  color: #fff;
  height: 15px !important;
  width: 15px !important;
  padding: 0px !important;
}

#proposalby span.round-tabs.two{
  border: 2px solid #ddd;
  color: #ddd;
}

#proposalby span.round-tabs.three{
  border: 2px solid #ddd;
  color: #ddd;
}

#proposalby .nav-tabs > li.active > a span.round-tabs{
  background: #fafafa;
}

#proposalby .tab-content .tab-pane .row{
  text-align: left;
}

#proposalby .tab-content .tab-pane label {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
    color: #000000;
  }
#proposalby .tab-content .tab-pane input {
    width: 20px;
    height: 20px;
    /*border: solid 1px #dbdbdb;*/
    background-color: #ffffff;
    /*border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;*/
    border-radius: 4px;
    border: solid 1.5px #cdcece;
    opacity: 0;
  }
#proposalby .tab-content .tab-pane label {
    position: relative;
    cursor: pointer;
    margin-left: 0px;
    margin-bottom: 10px;
    text-align: left;
   /* margin-left: -150px;*/
  }
#proposalby .tab-content .tab-pane label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border-radius: 4px;
    border: solid 1.5px #cdcece;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    margin-left: 18px;
  }
#proposalby .tab-content .tab-pane input:checked+label:before {
    border: 2px solid #c7222a;
  }
#proposalby .tab-content .tab-pane input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 7px;
    width: 6px;
    height: 11px;
    border: solid #c7222a;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-left: 18px;
  }


#proposalby .tab-content .tab-pane .section-one::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  background: #f1f3f5;
  border-left: 1px solid darken(#f1f3f5, 10%);
}

#proposalby .tab-content .tab-pane .section-one::-webkit-scrollbar-thumb {
  background: darken(#f1f3f5, 20%);
}

/*#proposalby .tab-content .tab-pane .section-one::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #aaa;
}
#proposalby .tab-content .tab-pane .section-one::-webkit-scrollbar-thumb {
  width: 5px;
  height: 8px;
  background-color: #333;
}
  */
#proposalby .tab-content .tab-pane input:checked + i:after {
  color: #c7222a;
}

#proposalby .tab-content .tab-pane .section-one {
  
 
  padding-top: 15px;
}

  #proposalby .tab-content .tab-pane .section-one::-webkit-scrollbar {
        width: 7px;
    }
     #proposalby .tab-content .tab-pane .section-one::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #c4c4c4;
    }
     #proposalby .tab-content .tab-pane .section-one::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #000000;
    }

 #proposalby .tab-content .tab-pane .section-one i{
  float: right;
    margin-top: 13px;
    font-size: 18px;
    padding-right: 10px;
}

#proposalby .tab-content .tab-pane .section-two i{
  float: right;
    margin-top: 13px;
    font-size: 18px;
    padding-right: 10px;
}

#proposalby .tab-content .tab-pane .section-three i{
  float: right;
    margin-top: 13px;
    font-size: 18px;
    padding-right: 10px;
}

#proposalby .tab-content .tab-pane #selectall1 label{
  margin-left: -35px;
  margin-top: 30px;
}

#proposalby .tab-content .tab-pane .section-two{
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  }

  #proposalby .tab-content .tab-pane .section-two::-webkit-scrollbar {
        width: 7px;
    }
     #proposalby .tab-content .tab-pane .section-two::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #c4c4c4;
    }
     #proposalby .tab-content .tab-pane .section-two::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #000000;
    }

#proposalby .tab-content .tab-pane #selectall2 label{
  margin-left: -35px;
  margin-top: 30px;
}

#proposalby .tab-content .tab-pane .section-three{
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  }

  #proposalby .tab-content .tab-pane .section-three::-webkit-scrollbar {
        width: 7px;
    }
     #proposalby .tab-content .tab-pane .section-three::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #c4c4c4;
    }
     #proposalby .tab-content .tab-pane .section-three::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #000000;
    }

#proposalby .tab-content .tab-pane #selectall3 label{
  margin-left: -35px;
  margin-top: 30px;
}

.d-flex{
  display: flex; 
}
.proposalby-result li{
  font-family: PFHandbookPro-Regular;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #494949;
}
.proposalby-result li.text{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width:100px;
}

.main-header{
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  background-color: #c7222a;
  height: 130px;
  width: 100%;
  padding: 30px;
}

.main-header h4{
  font-family: PFHandbookPro-Regular;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.73;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

.main-header h4 i{
 margin-right: 10px;
}

.application-details{
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  margin: 0px 15px;
  padding: 15px 20px 40px 20px;
  margin-top: -45px
}

.application-details h2{
  font-family: PFHandbookPro-Regular;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;
  margin-top: 0px !important;
  margin-bottom: 20px;
}
.application-details h2 span{
  font-family: PFHandbookPro-regular;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #f7a500;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px rgba(0, 0, 0, 0.06);
  background-color: rgba(247,165,0,0.2);
  padding: 5px 10px;
  float: right;
}
.application-details p{
   font-family: PFHandbookPro-Light;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #555555;
  margin-bottom: 6px !important;
}

.application-details h4{
   font-family: PFHandbookPro-Regular;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.33px;
  text-align: left;
  color: #000000;
  margin-top: 0px;
}

.mb-13{
  margin-bottom: 13px !important;
}

.mb-25{
  margin-bottom: 25px !important;
}

.share-details{
  font-family: PFHandbookPro-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: right;
  color: #c7222a;
}

.additional-doc{
  margin: 15px;
  background-color: #f7f7f7;
  border-left: 3px solid #c7222a;
  padding: 10px;
}

.additional-doc .icon i{
 color: #c7222a;
 font-size: 22px;
 /*vertical-align: middle;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
}

.additional-doc .doc-desc p{
  font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.18px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
}



.sharedetailstab {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  /*padding-top: 60px;*/
  text-align:center;

}


.pl-15{
  padding-left: 15px;
}


.sharedetailstab-header{
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  background-color: #c7222a;
  padding: 20px 30px;
}

.sharedetailstab-header h4{
  font-family: PFHandbookPro-Regular;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.73;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  padding-left: 15px;
  margin: 0px !important; 
}


.sharedetailstab .closebtn {
  position: absolute;
    top: 8px;
    /* right: 25px; */
    font-size: 36px;
   /* margin-left: 50px;*/
    left: 0;
    padding-left: 20px;
}

.sharedetailstab .share-desc h5{
  font-family: PFHandbookPro-Medium;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  margin-bottom: 20px;
  margin-top: 20px;
}

.sharedetailstab .share-desc p{
  font-family: PFHandbookPro-Light;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #555555;
}


#id_work_days input[type="checkbox"] {
  display: none;
}
#id_work_days .row{
  margin: 15px !important;
}
#id_work_days label{
  margin-left: 0px !important;
  width: 100%;
}

#id_work_days span {
  display: inline-block;
   width: 100%;
  height: 50px;
  font-family: PFHandbookPro-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  border-radius: 6px;
  border: solid 1px #dbdbdb;
  background-color: #ffffff;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#id_work_days input[type="checkbox"]:checked + span {
  border-radius: 6px;
  border: solid 1.5px #f7a500;
  background-color: rgba(247, 165, 2, 0.2);
}

.share-btn .share{
  width: 116px;
  height: 36px;
  border-radius: 2px;
  background-color: #c7222a;
  border: 1px solid #c7222a;
  font-family: PFHandbookPro-Regular;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  box-shadow: none !important;
  margin-top: 50px;
  margin-bottom: 60px;
}


.basic-detail-tab-sec1 .tabbable-line>.nav-tabs {
    border: none;
    margin: 0px;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: unset;
    display: flex;
    justify-content: center;
  }
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li {
    margin-right: 2px;
    margin-top: 0;
    margin-left: 10px;
    border-bottom: 0px solid transparent;
  }
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li:first-child {
    margin-left: 0
  }
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.94;
    letter-spacing: 0.1px;
    text-align: left;
    color: #767f8c;
    padding: 14px 10px;
    display: block;
    background-color: none !important
  }
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6;
  }
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li.open>a,
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: none !important;
    color: #333333;
  }
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li.open>a>i,
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6;
  }
  .dropdown-menu-large_new{
    width: 300px !important;
  }
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li.open .dropdown-menu,
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0px;
  }
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li.active {
    position: relative;
    margin-top: 0;
  }
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li>a.active {
    border-bottom: 3px solid #c7222a;
    color: #000000;
    padding: 14px 10px;
    background: none;
    border-radius: 0px;
    font-weight:bold;
  }
 .basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040;
  }
 .basic-detail-tab-sec1 .tabbable-line>.tab-content {
    margin-top: 10px;
   /* border-radius: 8px;*/
    /*box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    border: solid 1px rgba(0, 0, 0, 0.06);*/
    background-color: #ffffff;
    border:0px;f.basic-detail-tab-sec1 .tabbable-line>.nav-tabs>li
  }
 .basic-detail-tab-sec1 .tabbable-line>.tab-content h3 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: left;
    color: #000000;
    margin-bottom: 0;
    border-bottom: 1px solid #e6e6e6;
    padding: 17px 20px
  }
 .basic-detail-tab-sec1 .portlet .tabbable-line>.tab-content {
    padding-bottom: 0;
  }
.basic-detail-tab-sec1 .tabbable-line > .tab-content .tab-pane {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;
  margin-top: 15px;
}
 .basic-detail-tab-sec1 .item-tab-sec {
    padding: 30px 20px 20px;
    border-bottom: 1px solid #e6e6e6;
  }

.basic-detail-tab-sec1 .alert-success {
    display: inline-block;
    border-radius: 100px;
    background: rgba(22, 136, 72, 0.2) !important;
    padding: 3px 9px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: center;
    color: #16884a !important;
    margin: 0
  }
  .basic-detail-tab-sec1 .select:after {
    top: 30%;
  }
  .basic-detail-tab-sec1 select {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.22px;
    text-align: left;
    color: #000000;
    padding: 8px 20px;
    height: 50px;
    margin-bottom: 30px
  }

  .tab-content-wrapper{
     border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  margin: 0px 15px 0px 15px;
  }

  .tab-content-wrapper .tab-heading{
    text-align: left;
     font-family: PFHandbookPro-Regular;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #000000;
  padding: 20px;
  margin-bottom: 0px;
    margin-top: 0px;
  }
  .tab-content-wrapper .borb{
    border-bottom: 1px solid #e6e6e6;
  }

 .tab-content-wrapper p{
     font-family: PFHandbookPro-Light;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.14px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  }
.proposer-class p {
  color: rgba(0, 0, 0, 0.9);
  margin-top: 5px;
}
.proposer-class {
  padding: 10px 20px !important;
}

.tab-content-wrapper h6 {
  font-family: PFHandbookPro-Regular;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.16px;
  text-align: left;
  color: #000000;
  margin-bottom: 20px;
}
  
 .tab-content-wrapper .tab-content-desc{
  padding: 15px 20px;
 }

 .tab-content-wrapper .tab-content-desc .row{
 margin: 0px !important;
 }
 .tab-content-wrapper .tab-content-desc .resolved{
  color: #1f874c;
 }

 .tab-content-wrapper .tab-content-desc .open{
  color: #d79c26;
 }

 .upload-doc{
  text-align: center;
  width: 90%;
  margin-bottom: 20px;
  border-radius: 6px;
  border: dashed 2px #ddd;
  padding: 5px 20px;
  /*margin: 0px 20px;*/
  margin: 0px auto 20px auto;
 }

 .upload-doc span{
    font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #c7222a;
  width: 100%;
 }

 .upload-doc span i{
  margin-right: 10px;
 }

 .uploaded-doc{
  border-radius: 6px;
  border: solid 1px #dbdbdb;
  background-color: #fafafa;
  padding: 10px 20px;
  width: 90%;
  margin: 0px auto 20px auto;
 }

 .uploaded-doc p{
   font-family: PFHandbookPro-Regular;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  margin-bottom: 0px;
 }

 .uploaded-doc span{
  font-family: PFHandbookPro-Light;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #4c4c4c;
 }

 .uploaded-doc i{
  color: #4c4c4c;
   }


   .add-remark{
  text-align: center;
  width: 90%;
  margin-bottom: 20px;
  border-radius: 6px;
  border: dashed 2px #ddd;
  padding: 5px 20px;
  /*margin: 0px 20px;*/
  margin: 0px auto 10px auto;
 }

 .add-remark span{
    font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #c7222a;
  width: 100%;
 }

 .add-remark span i{
  margin-right: 10px;
 }

.add-remark-next #comment{
  position: relative;
  width: 90%;
  margin-bottom: 20px;
  margin: 0px auto 20px auto;
}


.add-remark-next span.close-icon {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  right: 60px;
    top: 481px;
  color: #4c4c4c;
  z-index: 2;
}

.add-remark-next .submit-remark{
   font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #c7222a;
  margin-right: 15px;
  margin-bottom: 23px;
}

.to-be{
   border-radius: 6px;
  background-color: #eeeeee;
  padding: 16px;
  width: 90%;
  margin: 0px auto 0px auto;
}



ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #e6e6e6;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 9;
}
ul.timeline > li {
    margin: 20px 0px 40px 0px;
    padding-left: 52px;
}

ul.timeline > li > img{
  z-index: 99;
    margin-left: -34px;
    border: 1px solid;
    display: block;
    position: absolute;
    border-color: #f7a500;
    border-radius: 50%;
}

img {
    vertical-align: middle;
}
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

ul.timeline li h6{
   font-family: PFHandbookPro-Regular;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.18px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 0px;
}

ul.timeline li .cont{
  border-radius: 4px;
  background-color: #f7f7f7;
  padding: 15px;
  width: 95%;
}

ul.timeline li .cont p{
  font-family: PFHandbookPro-Light;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.18px;
  text-align: left;
  color: #4c4c4c;
}

ul.timeline li .cont .upload-btn{
   width: 100%;
  height: 36px;
  border-radius: 2px;
  background-color: #c7222a;
  border: 1px solid #c7222a;
   font-family: PFHandbookPro-Regular;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.proposer{
   font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
}

.proposer-span {
  border-radius: 55px;
  border: solid 1px #e6e6e6;
  font-family: PFHandbookPro-Regular;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.93;
  letter-spacing: 0.16px;
  text-align: left;
  color: #000000;
  padding: 4px 16px 4px 4px;
  height: 32px !important;
}

.proposer-span span{
  font-weight: 300;
}

.proposer-class{
  padding: 22px 20px;
}

.mb-20{
  margin-bottom: 20px !important;
}

.tab-content-wrapper .info-content{
  padding: 20px;
}

.tab-content-wrapper .text-right{
  text-align: right;
  float: right;
}

.tab-content-wrapper .text-left{
  text-align: right;
  float: left;
}

.tab-content-wrapper .text-left p{
  font-family: PFHandbookPro-Light;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;
  margin-bottom: 0px;
}

.tab-content-wrapper .text-right p{
  font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: right;
  color: #000000;
  margin-bottom: 0px;
}

.total-amt{
  border-left: 3px solid #c7222a;
  padding: 10px 20px;
  background-color: #f7f7f7;
}

.total-amt h4{
  font-family: PFHandbookPro-Regular;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: 0.4px;
  text-align: left;
  color: #4c4c4c;
  text-transform: uppercase;
  margin-bottom: 5px !important;
}

.total-amt h2{
  font-family: PFHandbookPro-Regular;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.38px;
  text-align: left;
  color: #000000;
  margin-top: 0px !important;
  margin-bottom: 0px !important
}

.total-amt .accept-and-pay{
  border-radius: 2px;
  background-color: #c7222a;
  border: 1px solid #c7222a;
  font-family: PFHandbookPro-Medium;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  height: 36px;
  width: 100%;
  border: 1px solid #c7222a;
  margin-top: 15px;
}

.tab-content-counter{
  padding: 20px 0px;
}
.tab-content-counter .row{
  margin: 0 !important;
}
.tab-content-counter p{
font-family: PFHandbookPro-Light;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;
  margin-bottom: 8px !important;
}

.tab-content-counter h6{
  font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.ex-in{
  padding: 0px 15px;
}

.ex-in p{
  font-family: PFHandbookPro-Light;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.14px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 5px !important;
}

.ex-in h6{
  font-family: PFHandbookPro-Light;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;
  margin-top: 0px !important;
}

.total-amt-bottom{
  border-left: 3px solid #c7222a;
  padding: 20px;
  border-radius: 1px;
  background-color: #f7f7f7;
}

.total-amt-bottom h4{
 font-family: PFHandbookPro-Medium;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: 0.4px;
  text-align: left;
  color: #4c4c4c;
  text-transform: uppercase;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.total-amt-bottom h4 span{
  float: right;
   font-family: PFHandbookPro-Regular;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.38px;
  text-align: right;
  color: #000000;
  margin-top: -7px;
}
.counter-offer-btns{
  justify-content: center;
  margin: 20px auto 20px auto;
  text-align: center;
}
.counter-offer-btns .reject{
  height: 36px;
  border-radius: 2px;
  border: solid 1px #c7222a;
  font-family: PFHandbookPro-Medium;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: normal;
  text-align: center;
  color: #c7222a;
   width: 145px;
  background-color: #ffffff;
}

.counter-offer-btns .apply{
  height: 36px;
  border-radius: 2px;
  background-color: #c7222a;
  border: 1px solid #c7222a;
   font-family: PFHandbookPro-Medium;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
   width: 145px;
}
#myModal-accept h4{
  font-family: PFHandbookPro-Regular;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #191919;
  margin-bottom: 15px;
}
#myModal-accept p{
   font-family: PFHandbookPro-Light;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: 0.18px;
  text-align: center;
  color: #4c4c4c;
  margin-bottom: 30px;
}
.otp-class{
  padding: 0px 50px;
}

#myModal-accept .modal-header{
  border-bottom: none !important; 
}
#myModal-accept small{
  font-family: PFHandbookPro-Regular;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  display: block;
}

#myModal-accept input{
  border-radius: 6px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #e6e6e6;
  width: 39.1px;
  height: 39px;
}

#myModal-accept .verify-btn{
  width: 230px;
  height: 36px;
  border-radius: 2px;
  background-color: #c7222a;
  border: 1px solid #c7222a;
  padding: 0px 50px;
  font-family: PFHandbookPro-Medium;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin-bottom: 15px;
}

.blur-verify-btn{
  width: 230px;
  height: 36px;
  opacity: 0.5;
  border-radius: 2px;
  background-color: #c7222a;
  border: 1px solid #c7222a;
  padding: 0px 50px;
  font-family: PFHandbookPro-Medium;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin-bottom: 15px;
}

.text-center{
  text-align: center;
}


.opt-p{
  font-family: PFHandbookPro-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #706c6c;
}

.otp-p span{
  font-family: PFHandbookPro-Regular;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #c7222a;
  margin-right: 13px;
}
/*#myModal-accept input:focus{
  border: 1px solid #c7222a;
}*/

.resend-time{
  font-family: PFHandbookPro-Light;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left !important;
  padding-left: 55px;
  color: #4c4c4c;
}

.invalid-otp{
  font-family: PFHandbookPro-Light;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left !important;
  padding-left: 55px;
  color: #c7222a !important;
}

#myModal-reject h4{
  font-family: PFHandbookPro-Regular;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #191919;
}

#myModal-reject p{
  font-family: PFHandbookPro-Light;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: 0.18px;
  text-align: center;
  color: #4c4c4c;
}

.plr-25{
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.paymentstab {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  /*padding-top: 60px;*/
  text-align:center;


}

.paymenttab-header{
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  background-color: #c7222a;
  padding: 20px 30px;
}


.paymenttab-header h4{
  font-family: PFHandbookPro-Regular;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.73;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  padding-left: 15px;
  margin: 0px !important; 

}


.paymentstab .closebtn {
  position: absolute;
    top: 8px;
    /* right: 25px; */
    font-size: 36px;
   /* margin-left: 50px;*/
    left: 0;
    padding-left: 20px;
}

.paymentstab .payment-desc h5{
  font-family: PFHandbookPro-Regular;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  margin-bottom: 10px;
  margin-top: 20px;

}

.paymentstab .payment-desc p{
  font-family: PFHandbookPro-Light;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
   border-bottom: 1px solid #e6e6e6;
   padding-bottom: 20px;
}

#pay-details p{
   font-family: PFHandbookPro-Light;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.19px;
  text-align: left;
  color: #4c4c4c;
}

#pay-details h6{
   font-family: PFHandbookPro-Light;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;
}

.thank-p{
  font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.18px;
  text-align: left;
  color: #4c4c4c;
  padding-top: 20px;
  padding-bottom: 20px;
}
.tab-content-wrapper .panel-heading{
  background-color: #ffffff !important;
}
.tab-content-wrapper .panel-heading a {
padding: 10px 15px !important;
  }

  .tab-content-wrapper .panel-heading a h3{
    padding: 0px !important;
    margin-top: 0px !important
  }

 .tab-content-wrapper .panel-heading a p{
  font-family: PFHandbookPro-Light;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;
  }

  .tab-content-wrapper .panel-heading a h4{
    font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;
  margin: 0px !important;
  }
 .tab-content-wrapper .panel-heading a .pending{
    color: #c7222a;
  }
 .tab-content-wrapper .panel-heading a .completed{
  color: #16884a;
 }
 .tab-content-wrapper .panel-body .text-right{
 text-align: right;
 }

 .tab-content-wrapper .panel-body .text-right p{
  font-family: PFHandbookPro-Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: right;
  color: #000000;
  padding: 0px !important;
 }

 .tab-content-wrapper .panel-body .text-left{
 text-align: left;
 }

 .tab-content-wrapper .panel-body .text-left p{
  font-family: PFHandbookPro-Light;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: left;
  color: #000000;
  padding: 0px !important;
 }

.tab-content-wrapper .panel.panel-default{
  box-shadow: none !important; 
}

.tab-content-wrapper .panel-group{
  margin-top: -10px;
}

#myModal-ppmc h4{
  font-family: PFHandbookPro-Regular;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #191919;
}

#myModal-ppmc .panel-body{
  padding: 20px;
}




/*-------Ragini----------------*/

.desktop {
  display: none
}

@media screen and (max-width: 768px) {
  .panel-heading {
    padding: 0;
    border: 0;
  }
  .panel-title>a,
  .panel-title>a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
  }
  .panel-heading a:before {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
    transition: all 0.5s;
    color: #c7222a;
    /*padding-top: 27px;
padding-right: 16px;*/
  }
  .panel-heading a {
    padding: 30px 15px;
    display: block;
  }
  .panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  #accordion h6 {
    opacity: 0.5;
    font-family: "PFHandbookPro-Regular";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 0;
    padding: 20px;
  }
  .panel.panel-default {
    border-radius: 6px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    background-color: #f7f8f8;
    margin-bottom: 10px
  }
  .panel.panel-default p:first-child {}
  .panel.panel-default p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    padding-right: 6px;
    margin-bottom: 0;
  }
  .collapse {
    background: #fff;
  }
  .panel.panel-default p small {
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4c4c4c;
    padding-bottom: 10px;
    display: block
  }
  .panel-body .col-1.col-sm-1.col-md-1.col-lg-1.col-xl-1 {
    padding: 0;
  }
  .panel-body .col-2.col-sm-2.col-md-2.col-lg-2.col-xl-2 {
    padding-right: 0;
  }
  .download-section a {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.18px;
    text-align: left;
    color: #c7222a;
  }
  .download-sec {
    margin-left: 50px;
  }
  .active-sec a {
    background: #16884a;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: left;
    color: #ffffff;
    padding: 1px 8px 3px;
    border-radius: 9px;
  }
  .panel-body p {
    padding: 25px 0px 25px 30px;
  }
  .commission-statement-sec .form-control:hover {
    border: 1px solid #c7222a
  }
  .custom-select {
    background: #fff !important;
    height: 40px;
   
  }
  span.custom-select-trigger {
    white-space: nowrap;
    overflow: hidden;
    /* padding-right: 34px; */
    text-overflow: ellipsis;
  }
  .mobile-view-sec {
    /* display: block !important; */
    /* margin-top: 60px; */
  }
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .navbar {
    padding: 0rem 1rem .5rem;
    width: 100%;
    background: #c7222a !important;
  }
  .navbar a {
    color: #fff;
    font-size: 19px;
  }
  .navbar-brand img {
    width: 36px;
    height: 24px;
    margin-right: 16px
  }
  .navbar-brand {
    padding: 0
  }
  .navbar-brand span {
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.73;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff !important;
    padding: 0;
    margin-right: 0;
    vertical-align: middle;text-transform:uppercase;
  }
  .notification-sec {
    margin-left: 38px;
    margin-right: 22px;
    margin-top: 10px;
  }
  .as-sec span {
    border: solid 1px #d99088;
    font-size: 12px;
    background: #fff;
    display: table-cell;
    width: 25.6px;
    text-align: center;
    height: 25.6px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.14px;
    border-radius: 50px;
    color: #000000;
    vertical-align: middle
  }
  .navbar-light .navbar-toggler {
    padding: 0;
    border: none;
    margin-left: 22px
  }
  .navbar-toggler span {
    color: #fff
  }
  .navbar-light .navbar-toggler-icon {
    background-image: none;
    width: auto;
    height: auto;
    font-size: 25px;
    margin-top: -8px;
  }
  .navbar .float-right {
    margin-top: 10px
  }
  .select {
    position: relative;
  }
  a.notification-sec {
    position: relative;
  }
  a.notification-sec:after {
    content: "";
    background: #f7f7f7;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 11px;
  }
  .select select {
    -webkit-appearance: none;
    border: 0;
    left: 0;
    top: 0;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
  }
  .select:after {
    width: 0;
    height: 0;
    font-family: FontAwesome;
    position: absolute;
    top: 12%;
    right: 11px;
    content: "\f107";
    z-index: 98;
    color: #c7222a;
    font-size: 20px;
    font-weight: 700;
    opacity: 1;
  }
  .commission-statement-sec {
    border-radius: 6px;
    background-color: #fcf7ec;
    padding: 20px 30px 10px;
    margin-top: 20px
  }
  .commission-statement-sec .form-control {
    margin-bottom: 10px
  }
    .commission-statement-sec h3 {
      
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.4;
      letter-spacing: 0.2px;
      text-align: left;
      color: #000000;
      margin-bottom: 15px;
      font-family: PFHandbookPro-Medium;
      font-size: 24px;
    }
  .commission-statement-sec h3 span {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
    color: #4c4c4c;
    display: block;
  }
  .search-filter-sec button {
    background-color: #c7222a;
    font-size: 24px;
    border: none;
    color: #fff;
    width: 54px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .search-filter-sec input {
    height: 50px;
  }
  .commission-statement-sec .share-detail-sec {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  .main-content-mobile-sec .container {
    padding: 0px !important;
  }
  .commission-statement-sec #button {
    border-radius: 2px;
    background-color: #c7222a !important;
    font-size: 17px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.06;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border: none;
    margin-top: 5px;
  }
  .profile-mobile-sec {
    border-radius: 12px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    border: solid 1px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    margin-top: 15px;
    padding: 20px;
  }
  .profile-mobile-sec h3 {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 0.2px;
    text-align: left;
    color: #000000;
    margin-bottom: 20px
  }
  .profile-mobile-sec ul li span {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.14px;
    text-align: left;
    color: rgba(0, 0, 0, 0.7);
  }
  .profile-mobile-sec ul li p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.16px;
    text-align: left;
    color: #000000;
    margin-bottom: 0
  }
  .profile-mobile-sec ul li {
    margin-bottom: 7px
  }
  .share-detail-sec button,
  .share-detail-sec a {
    font-size: 16px;
    display: block;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #c7222a;
    background: none;
    border: none;
    box-shadow: none;
  }
  .share-detail-sec {
    padding-bottom: 23px;
    border-bottom: solid 2.2px #e6e6e6;
    margin-bottom: 20px;
    margin-top: 24px;
  }
  custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
  }
  .custom-select-wrapper select {
    display: none;
  }
  .custom-select {
    position: relative;
    display: inline-block;
  }
  .custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
  }
  .custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
  }
  .commission-statement-sec .form-control {
    font-size: 16px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
  }
  .custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 5px 0;
    box-sizing: border-box;
    transition: all .4s ease-in-out;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    border-radius: 6px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
  }
  .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
    height: auto;
    overflow-y: auto;
  }
  .option-hover:before {
    background: none;
    color: #c7222a
  }
  .custom-option {
    position: relative;
    display: block;
    padding: 10px 10px;
    cursor: pointer;
    transition: all .4s ease-in-out;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    height: 40px;
  }
  .dashboard-com .leads .heading .btns, .dashboard-renewals .leads .heading .btns{
    width: 15% !important;
}
.dashboard-wrapper .lead-wrapper {
  z-index: 1;
  margin-top: 0px;
  margin-left: 30px;
  margin-right: 30px;
}
  .dashboard-wrapper .lead-wrapper .dashboard-com .com-details {
    padding: 17px 15px 20px 20px;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    border: solid 1px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    width: 220px;
    height: 220px;
  }
.dashboard-wrapper .lead-wrapper .dashboard-com .com-details h3 {
      font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;
    margin-top: 0px !important;
    margin-bottom: 0px;
}
.dashboard-wrapper .lead-wrapper .dashboard-com .com-details p {
    margin-bottom: 0px !important;
    font-family: PFHandbookPro-Light;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.14px;
    text-align: left;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 15px !important;
}
.footer{display:block}
.dashbord-footer{margin-top:0}
i.fa.fa-angle-right {
    color: #c7222a;float: right;
}
.dashboard-wrapper .lead-wrapper .dashboard-com .com-details h6 {
    font-family: PFHandbookPro-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.16px;
    text-align: left;
    color: #000000;
    margin-bottom:0px;
}
  span.custom-select-trigger {
    width: 100%;
    display: block;
  }
  .custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
  }
  .custom-option:hover,
  .custom-option.selection {
    background: none;
    color: #c7222a
  }
  .tpd-mobile-sec .share-detail-sec {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
    margin-top: 0;
  }
  .agent-detail-sec small {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.14px;
    text-align: left;
    color: rgba(0, 0, 0, 0.7);
  }
  .agent-detail-sec p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.16px;
    text-align: left;
    color: #000000;
  }
  .share-detail-sec img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }
  .footer ul {
    overflow: hidden
  }
  .footer ul li {
    float: left;
    text-align: center;
    border-left: 1px solid #ececec;
    width: 20%;
  }
  .footer ul li a {
    display: block;
    padding: 14px 0;
    color: #000;
    height: 56px;
    border-top: 2px solid transparent;
  }
  .footer ul li.active a {
    padding: 4px 0px;
    border-top: 2px solid #c7222a;
  }
  .footer ul li img {
    width: 22px;
  }
  .footer ul li a i {
    font-size: 25px;
    opacity: 0.5
  }
  .footer ul li h3 {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.13px;
    text-align: center;
    color: #000000;
    margin-bottom: 0;
    margin-top: 3px;
  }
  footer {
    padding: 0;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    margin-top: 50px;
  }
  .footer-pagination {
    margin-top: 25px !important
  }
  .share-detail-sec i.fa.fa-share-alt {
    margin-right: 5px
  }
  .search-filter-sec {
    margin-top: 15px;
    margin-bottom: 25px;
    position: relative
  }
  .search-filter-sec .filter-sec {
    color: #c7222a;
    font-size: 25px;
    position: absolute;
    right: 70px;
    top: 7px;
  }
  .pagination li {
    margin-left: 10px;
  }
  .page-item.active .page-link {
    z-index: 3;
    color: #000;
    background-color: #fff;
    border: 1px solid #3e593c;
  }
  .page-link {
    border: none;
    color: #000
  }
  .page-link:hover {
    z-index: 2;
    color: #000;
    text-decoration: none;
    background-color: none !important;
    border-color: none;
  }
  .page-sec {
    margin-top: 0;
    margin-bottom: 25px;
    overflow: hidden
  }
  ul.pagination.justify-content-center {
    float: right;
    font-size: 13px;
    margin-right:10px;
  }
  .pagination li a {
    margin-left: 0px;
    border-radius: 3px !important;
    height: 34px;
  }
  .page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-radius: 3px !important;
    background-color: #c7222a ;
    color: #fff;
  }
  .tpd-mobile-sec ul li p {
    display: inline-block;
    font-size: 18px;
  }
  .tpd-mobile-sec h3 {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 0.2px;
    text-align: left;
    color: #000000;
    margin-top: 0;
    margin-bottom: 20px
  }
  .grand-total-sec {
    border-radius: 6px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
    border: solid 0.5px rgba(151, 151, 151, 0.5);
    background-color: rgba(236, 236, 236, 0.5);
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 25px
  }
  .agent-detail-sec small.active {
    color: #8b151b;
    text-transform: uppercase
  }
  .my-customer-1-mobile-sec .search-filter-sec {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
  }
  .my-customer-1-mobile-sec {
    margin-bottom: 0px;
  }
  .my-select-date-mobile-sec {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 23px;
    margin-top: 0;
  }
  .my-select-date-mobile-sec .share-detail-sec a {
    font-size: 18px;
  }
  .mobile-accordian-sec .panel-heading a {
    padding: 17px 20px;
  }
  .mobile-accordian-sec h3 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #8b151b;
    opacity: 0.9;
    text-transform: uppercase;
    margin-bottom: 20px
  }
  .mobile-accordian-sec h3 span {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
  }
  .mobile-accordian-sec h4 {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: 0.2px;
    text-align: left;
    color: #000000;
    margin-bottom: 10px
  }
  .mobile-accordian-sec .panel.panel-default p.member-lf-sec {
    color: rgba(0, 0, 0, 0.7);
  }
  .mobile-accordian-sec .panel.panel-default p {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.14px;
    text-align: left;
    color: #000000;
    ;
  }
  .mobile-accordian-sec .panel.panel-default .row {
    margin-bottom: 7px
  }
  .mobile-accordian-sec .panel-collapse p {
    font-size: 18px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: 0.2px;
    text-align: left;
    color: #000000 !important;
    padding: 15px 0px 0 19px !important
  }
  .mobile-accordian-sec .panel-collapse p span {
    display: block;
    color: rgba(0, 0, 0, 0.7);
  }
  .mobile-accordian-sec .panel-collapse .active-sec a {
    text-transform: capitalize;
    margin: 15px 0 0 !important;
    display: inline-block;
  }
  .mobile-accordian-sec .panel-collapse .row {
    margin-bottom: 0px !important;
  }
  .mobile-accordian-sec .panel-collapse p small {
    font-size: 16px;
    padding-bottom: 5px;
  }
  .mobile-accordian-sec .panel-collapse .download-section p {
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow: hidden
  }
  .mobile-accordian-sec .panel-collapse .download-section i {
    margin-left: 10px
  }
  .mobile-accordian-sec .panel-collapse .download-section img {
    margin-right: 10px
  }
  .activ-colapse-sec {
    border-bottom: 1px solid #e6e6e6;
  }
  .header-sec-mycustomer {
    background-color: #c7222a;
    padding: 10px 0 60px;
  }
  .header-sec-mycustomer a {
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.73;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
  }
  .dropdown-panel {
    position: absolute;
    border-radius: 6px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    width: 100%;
    padding: 20px;
    z-index: 99;
  }
  .dropdown-panel input {
    height: auto
  }
  .dropdown-panel label {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
    color: #000000;
  }
  .dropdown-panel input {
    width: 22px;
    height: 22px;
    border: 1px solid #cdcece;
  }
  .dropdown-panel label {
    position: relative;
    cursor: pointer;
  }
  .dropdown-panel label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #d8d8d8;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }
  .dropdown-panel input:checked+label:before {
    border: 2px solid #c7222a
  }
  .dropdown-panel input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #c7222a;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  .dropdown-panel input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  .search-filter-sec #close-btn {
    color: #c7222a;
    font-size: 25px;
    position: absolute;
    right: 70px;
    top: 4px;
    background-color: rgba(194, 32, 42, 0.1);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
  }
  .nachiket-bhingarde-detail-sec {
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    border: solid 1px rgba(0, 0, 0, 0.06);
    background-color: #fcf7ec;
    padding: 15px 20px;
    margin-top: -90px;
    z-index: 999;
    margin-bottom: 20px;
    position: relative;
  }
  .nachiket-bhingarde-detail-sec a.download-sec {
    margin-left: 0;
  }
  .member-activ-sec {
    margin-bottom: 20px
  }
  .member-activ-sec p {
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.24;
    letter-spacing: 0.2px;
    text-align: left;
    color: #000000;
  }
  .member-activ-sec p span {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: 0.2px;
    text-align: left;
    color: rgba(0, 0, 0, 0.7);
    display: block
  }
  .member-activ-sec .active-sec a {
    text-transform: capitalize
  }
  .tabbable-line>.nav-tabs {
    border: none;
    margin: 0px;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: unset;
  }
  .tabbable-line>.nav-tabs>li {
    margin-right: 2px;
    margin-top: 0;
    margin-left: 10px;
    border-bottom: 3px solid transparent;
  }
  .tabbable-line>.nav-tabs>li:first-child {
    margin-left: 0
  }
  .tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.94;
    letter-spacing: 0.1px;
    text-align: left;
    color: #767f8c;
    padding: 14px 10px;
    display: block;
    background-color: none !important
  }
  .tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6;
  }
  .tabbable-line>.nav-tabs>li.open>a,
  .tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: none !important;
    color: #333333;
  }
  .tabbable-line>.nav-tabs>li.open>a>i,
  .tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6;
  }
  .tabbable-line>.nav-tabs>li.open .dropdown-menu,
  .tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0px;
  }
  .tabbable-line>.nav-tabs>li.active {
    position: relative;
    margin-top: 0;
  }
  .tabbable-line>.nav-tabs>li>a.active {
    border-bottom: 3px solid #c7222a;
    color: #000000;
    padding: 14px 10px;
    background: none
  }
  .tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040;
  }
  .tabbable-line>.tab-content {
    margin-top: 10px;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    border: solid 1px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
  }
    .tabbable-line > .tab-content h3 {
      font-size: 16px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.5px;
      text-align: left;
      color: #000000;
      margin-bottom: 0;
      border-bottom: 1px solid #e6e6e6;
      padding: 0px 20px 20px 20px;
    }
  .portlet .tabbable-line>.tab-content {
    padding-bottom: 0;
  }
  .tabbable-line>.tab-content .tab-pane {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
    color: #000000;
  }
  .item-tab-sec {
    padding: 30px 20px 20px;
    border-bottom: 1px solid #e6e6e6;
  }
  .basic-detail-tab-sec .alert-success {
    display: inline-block;
    border-radius: 100px;
    background: rgba(22, 136, 72, 0.2) !important;
    padding: 3px 9px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: center;
    color: #16884a !important;
    margin: 0
  }
  .basic-detail-tab-sec .select:after {
    top: 30%;
  }
  .basic-detail-tab-sec select {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.22px;
    text-align: left;
    color: #000000;
    padding: 8px 20px;
    height: 50px;
    margin-bottom: 30px
  }
  .form-control:focus option {
    background-color: #fff !important;
  }
  .header-sec-mycustomer i {
    font-size: 15px;
    margin-right: 10px;
  }
  .form-control:focus {
    border-color: #c7222a;
    background: #fff;
    color: #000;
    box-shadow: none
  }
  .nachiket-bhingarde-detail-sec p {
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 0.7);
  }
  .nachiket-bhingarde-detail-sec .col-9 p {
    color: #000;
    
  }
  .tabbable-line>.tab-content .tab-pane i {
    color: #c7222a
  }
  .tabbable-line>.tab-content .tab-pane .row {
    margin-bottom: 18px
  }
  .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }
  .modal-dialog {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  .modal-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*border: 2px solid #3c7dcf;*/
    border-radius: 0;
    box-shadow: none;
  }
  .modal-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    padding: 10px;
    /*background: #6598d9;*/
    border: 0;
  }
  .checkboxes label.form-check-label a {
    width: 100% !important;
   
    padding-left: 10px;
  }
  .checkboxes label.form-check-label{margin-left:0px !important;}
  h5#myModalLabel {
    font-weight: bold;
    margin-bottom: 10px;
  }
  .modal-title {
    font-weight: 300;
    font-size: 2em;
    color: #fff;
    line-height: 30px;
  }
  .modal-body {
    position: absolute;
    top: 50px;
    bottom: 60px;
    width: 100%;
    font-weight: 300;
    overflow: auto;
  }
  .modal-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60px;
    padding: 10px;
    background: #f1f3f5;
  }
  .btn {
    height: 40px;
    border-radius: 0;
    // focus
    &:focus,
    &:active,
    &:active:focus {
      box-shadow: none;
      outline: none;
    }
  }
  .btn-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -100px;
    width: 200px;
  }
  .btn-primary:not(:disabled):not(.disabled).active,
  .btn-primary:not(:disabled):not(.disabled):active,
  .show>.btn-primary.dropdown-toggle,
  {
    background: none;
    border: none;
    box-shadow: none;
  }
  .btn-primary,
  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active {
    font-weight: 300;
    font-size: 1.6rem;
    color: #000;
    text-align: right;
    background: none;
    border: none;
    padding: 0;
    height: auto;
    width: auto;
  }
  .btn-default,
  .btn-default:hover,
  .btn-default:focus,
  .btn-default:active {
    font-weight: 300;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    background: darken(#dcdfe4, 10%);
    border: 1px solid darken(#dcdfe4, 20%);
    border-bottom: 3px solid darken(#dcdfe4, 20%);
    // active
    &:active {
      border-bottom: 1px solid darken(#dcdfe4, 20%);
    }
  }
  .btn-secondary,
  .btn-secondary:hover,
  .btn-secondary:focus,
  .btn-secondary:active {
    color: #cc7272;
    background: transparent;
    border: 0;
  }
/*::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    background: #f1f3f5;
    border-left: 1px solid darken(#f1f3f5, 10%);
  }
  ::-webkit-scrollbar-thumb {
    background: darken(#f1f3f5, 20%);
  }
    */
  .calender-datepicker-sec {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 99
  }
  .calender-datepicker-sec .daterangepicker.ltr.show-ranges.opensright.show-calendar {
    right: 0 !important;
    left: 0 !important;
    top: 40px !important;
    border-radius: 0 !important;
    width: 100%;
    border: none !important;
    position: inherit;
    padding: 20px !important
  }
  .calender-datepicker-sec .daterangepicker .ranges ul li {
    padding: 7px 6px;
    text-align: center;
    margin-bottom: 15px;
    float: none;
    margin-left: 10px;
    width: 97px;
    display: inline-block;
  }
  .calender-datepicker-sec .daterangepicker .drp-calendar.left {
    padding: 8px;
    margin-left: 0 !important
  }
  .daterangepicker .calendar-table .next span,
  .daterangepicker .calendar-table .prev span {
    top: 115px;
  }
  .calender-datepicker-sec .daterangepicker .drp-buttons .btn {
    padding: 9px 59px !important;
    margin: 0 auto;
  }
  .calender-datepicker-sec .daterangepicker.show-ranges.ltr .drp-calendar.left {
    max-width: 100%;
  }
  .daterangepicker .calendar-table .prev span {
    left: 120px;
  }
  .calender-datepicker-sec .daterangepicker .calendar-table .next span {
    right: 120px;
  }
  .daterangepicker {
    margin-top: 0 !important;
    width:auto !important;
  }
  .calender-datepicker-sec .daterangepicker .drp-buttons {
    text-align: center;
  }
  .dropdown-panel h6 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
    color: #000000;
  }
  .dropdown-panel a {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: right;
    color: #c7222a;
  }
  
  .dashboard-wrapper .head-desc {
    border-radius: 12px;
  box-shadow: 1px 0 12px 0 rgba(0, 0, 0, 0.07);
  border: solid 1px #faeed0;
  background-color: #fcf7ec;
    padding: 20px;
    position: relative;
    z-index: 9;margin-bottom: 30px;
}
.dashboard-wrapper .container{background:#f8f8f8}
.dashboard-wrapper .head-desc h1 {
    font-family: PFHandbookPro-Medium;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: left;
    color: #2f3844;
    margin-bottom:5px;
}
.dashboard-wrapper .head-desc h6 {
  font-family: PFHandbookPro-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: left;
  color: #2f3844;
  text-transform: none !important;
  margin-bottom: 5px;
}
.dashboard-wrapper .head-desc .dropdown {
    padding-top: 14px;
}
.dashboard-wrapper .head-desc .dropdown .btn.btn-primary.dropdown-toggle {
    color: #848484 !important;
    background-color: #ffffff !important;
    border-color: #dbdbdb !important;
}
.dashboard-wrapper .head-desc .dropdown .btn-primary {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    color: #848484;
    border: solid 1px #dbdbdb !important;
    background-color: #ffffff !important;
    font-family: PFHandbookPro-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #848484;padding: 5px 15px;
}
.dropdown-toggle::after{display:none !important}
.dashboard-wrapper .head-desc .dropdown .btn-primary span {
    color: #000000 !important;
}
.dashboard-wrapper .head-desc .dropdown .btn-primary i {
    float: right;
    margin-top: 0px !important;
    color: #c7222a;
}
.dashboard-sec {
    padding-bottom: 80px;
}
.dashboard-wrapper .lead-wrapper .leads {
  border-radius: 0px;
  box-shadow: none;
  background-color: #fffafa00;
  padding: 0px;
 
}
.dashboard-wrapper .lead-wrapper .leads .heading {
    display: flex;
    width: 100%;
    margin-bottom:10px;
}
.dashboard-wrapper .lead-wrapper .leads .heading .manage-leads {
    display: inline;
    width: 65%;
}
.dashboard-wrapper .lead-wrapper .leads .heading .manage-leads h2 {
    font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);margin-bottom:0
}
.calender-event-sec {
    margin-top: 30px;
}
.dashboard-wrapper .lead-wrapper .leads .heading .btns {
    width:35% !important;
}
.dashboard-wrapper .lead-wrapper .leads .created {
    background-color: rgba(247,144,61,0.2);
}
.dashboard-wrapper .lead-wrapper .leads .lead-class {
    padding: 15px;
    border-radius: 8px;
    height:80px;
    /* box-shadow: 1px 0 12px 0 rgba(0, 0, 0, 0.15); */
}
.lead-wrapper .lead-item-sec{overflow-x: auto;
    white-space: nowrap;
    flex-wrap: unset;margin-bottom:30px}
.dashboard-wrapper .lead-wrapper .leads .lead-class h3 {
    font-family: PFHandbookPro-Regular;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin: 0px !important;
}
.dashboard-wrapper .lead-wrapper .leads .lead-class p {
    font-family: PFHandbookPro-Regular;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-top:4px;
}
.dashboard-wrapper .lead-wrapper .leads .heading .mtd-sec {
    width: 17%;
}
.dashboard-wrapper .lead-wrapper .leads .assigned {
    background-color: rgba(113,193,232,0.2);
}
.dashboard-wrapper .lead-wrapper .leads .completed {
    background-color: rgba(0, 0, 0, 0.15);
}
.dashboard-wrapper .lead-wrapper .leads .unassigned {
    background-color: #F7CFFE;
}
.dashboard-wrapper .select span.custom-select-trigger{font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: #c7222a;}
  .dashboard-wrapper .custom-select {
    background:none !important;border:none;
    height:auto;
    padding:0px;
}

.business-sec {
    width: 100%;
    border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;padding:20px 20px 5px;
}
.dashboard-wrapper .leads .business-wrapper {
  display: flex;
  width: 100%;
  border-radius: 6px;
  background-color: #fcf7ec;
  padding: 18px 20px 18px 15px;
  margin-bottom: 15px;
}
.birthday-wrapper {
  padding: 15px 20px;
  margin-top: 10px;
  margin-bottom: 30px;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  background: url(../../assets/img/back_birthday.png);
  margin-left: 0px;
  margin-right: 0px;
}
.dashboard-wrapper .lead-wrapper .dashboard-proposal .proposal-class .black {
    color: #000000 !important;
}
.dashboard-wrapper .lead-wrapper .dashboard-proposal .proposal-class h3 {
  font-family: PFHandbookPro-Regular;
  font-size: 18px;
  /*color: rgba(0,0,0,0.5);*/
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  margin-bottom: 15px !important;
  margin-top: 0px !important;
}
.dashboard-wrapper .lead-wrapper .dashboard-proposal .proposal-class h3 i {
    float: right;
    color: #c7222a !important;
}
.dashboard-wrapper .lead-wrapper .dashboard-proposal .proposal-class h4 {
    font-family: PFHandbookPro-Regular;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 0px !important;
}
.dashboard-wrapper .lead-wrapper .dashboard-proposal .proposal-class p {
    font-family: PFHandbookPro-Regular;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom:0px;
}
.cardhover {
  width: 280px !important;
  left: -280px !important;
}
.count .cardhover {
    visibility: hidden;
    width: 200px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
    border: solid 1px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 8px;
    position: absolute;
    z-index: 1;
    top: 30px;
    left: -121%;
    transform: translate(50%, 0);
    opacity: 0;
    transition: opacity 0.3s;
    padding: 20px 20px 17px 20px;
}
.count .cardhover span::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 68%;
    top: -10px;
    transform: translate(-50%, 50%) rotate(45deg);
    background-color: #ffffff;
}
.count .cardhover p {
    font-family: PFHandbookPro-Light;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 0px !important;
}
.count .cardhover a {
    float: right;
    font-family: PFHandbookPro-Regular;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}
.dashboard-wrapper .lead-wrapper .dashboard-renewals .no-of-policies {
    display: flex;
    width: 100%;
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
    padding: 10px 15px;margin-bottom: 10px;
    height:54px;
}
.dashboard-wrapper .lead-wrapper .dashboard-renewals .no-of-policies .left-div {
    display: flex;
    width: 80%;
}
  .dashboard-wrapper .lead-wrapper .dashboard-renewals .no-of-policies .right-div {
    display: flex;
    width: 20%;
    float: right !important;
    justify-content: flex-end;
  }
.dashboard-wrapper .lead-wrapper .dashboard-renewals .no-of-policies .left-div h3 {
    font-family: PFHandbookPro-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 0px;
    margin-top: -3px;
}
.dashboard-wrapper .lead-wrapper .dashboard-renewals span {
    font-family: PFHandbookPro-Medium;
    font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}
.calender-event-sec .col-lg-4.col-sm-4.col-md-4.col-xs-4 {
    width: 40%;
}
.green-event-sec{border-radius: 3px;
  background-color: #b5fcec;font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;display:inline-block;padding:5px}
  .pink-event-sec{border-radius: 3px;
  background-color: #f5c4fe;font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;display:inline-block;padding:5px
}
.calender-event-sec .policy-details .content p{font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;
}
.calender-event-sec .policy-details .content span{font-size: 13px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.2px;
  text-align: left;
  color: #2f3844;}
.policy-details {
  padding: 20px 20px 20px 30px;
  margin-bottom: 30px;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
}
.policy-details h4 {
      font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000000;
}
.policy-details .content p {
    font-family: PFHandbookPro-Regular;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.14px;
    text-align: left;
    color: rgba(0, 0, 0, 0.7);
}

.policy-details .content p span {
    font-family: PFHandbookPro-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.33px;
    text-align: left;
    color: #000000;
}
.policy-details .content p i {
    color: #c7222a;
    cursor: pointer;
    font-size: 22px;
}
.btns a {
    font-family: PFHandbookPro-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.89;
    letter-spacing: 0.18px;
    text-align: right;
    color: #c7222a;
    padding-top: 10px;
}
.dashboard-wrapper .lead-wrapper .dashboard-proposal .proposal-class .golden {
    color: #d79c26 !important;
}
.dashboard-wrapper .lead-wrapper .dashboard-proposal .proposal-class .green {
    color: #1f874c !important;
}
.dashboard-wrapper .lead-wrapper .dashboard-proposal .proposal-class .red {
    color: #8b151b !important;
}
.dashboard-wrapper .lead-wrapper .dashboard-proposal .proposal-class {
  padding: 15px;
  border-radius: 8px;
  background-color: #fff;
  width: 180px;
  height: 165px;
  overflow-y: hidden;
  border: solid 1px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 4%);
  /* box-shadow: 1px 0 12px 0 rgba(0, 0, 0, 0.15); */
}
.birthday-wrapper h4 {
    font-family: PFHandbookPro-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: left;
    color: #000000;
    margin-bottom: 6px !important;
}
.birthday-wrapper p {
    font-family: PFHandbookPro-Light;
    font-size: 13px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.2px;
    text-align: left;
    color: #2f3844;margin-bottom:0
}
.birthday-wrapper img {
  margin-top: 10px;
  display: block;
  position: absolute;
  left: 25%;
  top: -15px;
  width: 30px;
}
.dashboard-wrapper .leads .business-wrapper .image {
    width: auto;
}
.dashboard-wrapper .leads .business-wrapper .desc {
    width: 50%;
}
.dashboard-wrapper .leads .business-wrapper .desc p {
    font-family: PFHandbookPro-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin: 0px !important;
    padding-top: 7px;
    padding-left:0px;
}
.dashboard-wrapper .leads .business-wrapper .image img {
  width: 70%;
}
.count {
    position: relative;
}
.dashboard-wrapper .leads .business-wrapper .count h4 {
  font-family: PFHandbookPro-Regular;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #000000;
  float: right;
  margin-bottom: 0px;
 
  margin-top: 3px;
}
.business-wrapper .count h4 a{padding-left:10px;}
}


@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 100%;
  }
  .calender-datepicker-sec .daterangepicker .ranges,
  .calender-datepicker-sec .daterangepicker .drp-calendar {
    float: none;
  }
}

@media screen and (max-width: 500px) {
  .tpd-table-mobile-sec .col-3 {
    max-width: 33.33% !important;
    flex: 33.33%
  }
  .commission-statement-sec .form-control {
    font-size: 12px;
  }
  .search-filter-sec input {
    height: 35px;
  }
  .search-filter-sec .filter-sec {
    color: #c7222a;
    font-size: 19px;
    position: absolute;
    right: 62px;
    top: 3px;
  }
  .search-filter-sec button {
    font-size: 18px;
    height: 35px;
  }
  .dropdown-panel {
    padding: 10px;
  }
  .dropdown-panel label {
    margin-left: 0;
    font-size: 12px;
  }
  .search-filter-sec #close-btn {
    color: #c7222a;
    font-size: 25px;
    position: absolute;
    right: 60px;
    top: 4px;
    background-color: rgba(194, 32, 42, 0.1);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
  }
  .mobile-accordian-sec h3 {
    margin-bottom: 10px;
  }
  .mobile-accordian-sec .panel-heading a {
    padding: 10px 10px;
  }
  .mobile-accordian-sec .panel.panel-default p {
    font-size: 14px;
  }
}

@media screen and (max-width: 400px) {

  .dashboard-wrapper .lead-wrapper .leads .heading .btns {
    width: 38% !important;
    text-align: right;
}

  .agent-detail-sec .col-3 {
    max-width: 50% !important;
    flex: 50%
  }
  .activ-colapse-sec .col-2.col-sm-3.col-md-3.col-lg-3.col-xl-3.active-sec {
    max-width: 30%;
    padding: 0 33px;
  }
  .activ-colapse-sec .col-9.col-sm-9.col-md-9.col-lg-9.col-xl-9 {
    max-width: 100% !important;
    flex: 0 0 100%;
  }
  .notification-sec {
    margin-left: 0;
    margin-right: 21px;
  }
  .navbar-light .navbar-toggler {
    margin-left: 12px;
  }
  .profile-mobile-sec ul li span {
    font-size: 15px;
  }
  .tpd-mobile-sec ul li p {
    font-size: 17px;
  }
  .mobile-accordian-sec .panel-collapse p {
    padding: 10px 0px 0 10px !important;
  }
  .mobile-accordian-sec .panel-collapse .download-section p {
    padding-left: 10px !important;
  }
  .download-sec {
    margin-left: 0;
  }
  .download-section a {
    font-size: 14px;
  }
  .calender-datepicker-sec .daterangepicker .ranges ul li {
    padding: 7px 0px;
    text-align: center;
    margin-bottom: 15px;
    float: none;
    margin-left: 8px;
    width: 82px;
    display: inline-block;
    font-size: 10px
  }
  .navbar-brand span {
    font-size: 18px;
  }
  .commission-statement-sec {
    padding: 20px 20px 10px;
  }
  .select select {
    font-size: 14px;
  }
  .footer ul li a {
    padding: 14px 20px;
  }
  .share-detail-sec a {
    font-size: 14px;
  }
  .footer ul li h3 {
    font-size: 11px;
  }
}


}