@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

/*DASHBOARD*/

* {
	/*transition: .2s all*/
}

body#dashboard-login {
	background: #F8F8F8;
	font-family: 'Inter', Arial, sans-serif;
	color: #262F3B;
}

body {
	font-family: 'Inter', Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins';
	font-weight: bold;
}

a,
a:hover {
	color: #FF173D
}

.form-control {
	display: inline-block;
	font-size: 13px;
	padding: 11px 13px;
	height: auto;
}

.textarea-control,
.form-line .form-control.textarea-control,
.form-line .form-control.textarea-control:focus {
	font-size: 16px;
	border: 2px solid #ccc !important;
	resize: none;
	border-radius: 5px;
	height: 150px;
	padding: 10px !important;
}

.form-line label {
	font-family: Inter;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	color: #676D75;
}

.form-line .form-control {
	font-size: 16px;
	border: none !important;
	border-radius: 0;
	border-bottom: 2px solid #ccc !important;
	padding: 10px 0 !important;
	height: auto;
}

.form-line .form-control:focus,
.form-line .form-control:active {
	outline: none;
	box-shadow: none !important;
	border: none !important;
	border-bottom: 2px solid #FF173D !important;
	background: #fff !important;
}

.form-line .form-control::-webkit-input-placeholder {
	color: #BDBDBD;
}

.form-line .form-control:-ms-input-placeholder {
	color: #BDBDBD;
}

.form-line .form-control::placeholder {
	color: #BDBDBD;
}

.border-0 {
	border: none !important
}

.btn {
	padding: 10px 25px;
	border: none;
	font-family: 'Poppins';
	letter-spacing: 0;
	font-size: 14px;
	font-weight: 600;
}

.btn-150 {
	min-width: 150px
}

/* .btn-primary {
	background: #FF173D !important;
	box-shadow: none;
	color: #fff !important;
} */

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	background: #f32849;
	box-shadow: none;
	color: #fff;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #f32b4c;
	border-color: #f32b4c;
}

.btn-ghost {
	background: #fff;
	box-shadow: none;
	color: #FF173D;
	border: none;
}

.btn-outline {
	background: none;
	box-shadow: none;
	color: #FF173D;
	border: 1px solid #FF173D;
}

.btn-outline i {
	color: #FF173D;
}

.btn-secondary {
	background: none;
	color: #fff;
	box-shadow: none;
	border: 1px solid #fff;
	border-radius: 4px;
}

.btn-grey {
	background: #676D75;
	color: #fff;
	box-shadow: none;
	border-radius: 4px;
}

.btn-grey:hover {
	background: #4d5258;
	color: #fff;
	box-shadow: none;
	border-radius: 4px;
}

.btn-disabled {
	background: #EDEDED;
	box-shadow: none;
	color: #caced4;
}

.btn-disabled:hover,
.btn-disabled:active,
.btn-disabled:focus {
	background: #EDEDED;
	box-shadow: none;
	color: #caced4;
}

.btn span {
	font-size: 11px;
	display: block;
	font-family: 'Poppins';
	font-weight: normal;
}

.btn-add {
	min-width: 115px
}

.btn-action .btn {
	min-width: 160px;
	font-size: 14px;
}

.btn-action {
	margin: 30px 0;
}

.switch {
	position: relative;
	display: block;
	width: 70px;
	height: 34px;
	margin: 0 !important;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #EDEDED;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 5px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch input:checked+.slider {
	background-color: #45b39c;
}

.switch input:checked+.slider:before {
	left: 13px
}

.switch input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}


/* Rounded sliders */

.switch .slider.round {
	border-radius: 34px;
}

.switch .slider.round:before {
	border-radius: 50%;
}

.text-link {
	text-decoration: none;
	color: #FF173D !important;
}

.col-center {
	float: none !important;
	margin: 0 auto !important;
}

#nav-sidebar {
	width: 250px;
	background: #262F3B;
	height: 100vh;
	/* box-shadow: 0 0px 10px #272f3b6e; */
	float: left;
	position: fixed;
	left: 0;
	z-index: 100;
	/*transition: .5s all;*/
	border-right: 1px solid #efefef;
}

#nav-sidebar.minimize {
	width: 60px;
}

#nav-sidebar.minimize .nav-menu p,
#nav-sidebar.minimize .nav-menu #img_p_ai_navbar,
#nav-sidebar.minimize .nav-menu li a span,
#nav-sidebar.minimize .box-profile p {
	display: none;
}

#nav-sidebar.minimize .box-profile .ava-circle {
	float: none;
	margin: 5px 5px 20px;
}

i.icon-activity {
	background: url(../img/ic-activity.svg) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	float: left;
	margin-right: 10px !important;
	top: 0 !important;
	left: -2px;
}

.nav-menu {
	position: relative;
}

.menu-locked {
	position: absolute;
	background: rgb(39 47 59 / 96%);
	z-index: 99;
	height: 95px;
	top: 90px;
}

.nav-menu .menu-locked p {
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	margin: 0px 15px 0px 15px;
	line-height: 15px;
}

.menu-locked p img {
	display: block;
	margin: 6px auto;
	height: 38px;
}

.box-logo {
	background: #fff;
	padding: 10px 15px;
	margin-bottom: 20px;
	height: 62px;
}

.box-logo img {
	width: 100%;
	height: 100%;
}

#nav-sidebar .box-logo img:last-child {
	display: none
}

#nav-sidebar.minimize .box-logo img:first-child {
	display: none
}

#nav-sidebar.minimize .box-logo img:last-child {
	display: block;
	margin-top: 5px;
}

.box-profile {
	color: #fff;
	font-family: 'Poppins';
	font-weight: bold;
}

.box-profile .ava-circle {
	float: left;
}

.ava-circle {
	width: 50px;
	height: 50px;
	/*background: #ccc;*/
	border-radius: 100px;
	margin: 0 10px;
	/* overflow: hidden; */
	display: inline-block;
}

.ava-circle img {
	width: 100%;
	/* width: 50px; */
	/* height: 50px; */
	object-fit:cover;
	border-radius:100px;
}

.ava-circle.ava-small {
	width: 40px;
	height: 40px;
}

.nav-menu ul {
	margin: 0;
	padding: 0
}

.nav-menu p {
	margin: 20px 10px;
	font-family: Inter;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	color: #676D75;
}

.nav-menu li a {
	font-family: Poppins;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: #FFFFFF;
	padding: 10px 20px;
	display: block;
	text-decoration: none
}


.nav-menu li:hover a {
	font-weight: normal;
}

.nav-menu li a i {
	font-size: 20px;
	margin-right: 15px;
	position: relative;
	top: 0;
}

.minimize .nav-menu li a i.icon-activity {
	float: none;
	position: relative;
	top: 3px !important;
}

.toggle-sidebar {
	font-size: 24px;
	position: absolute;
	top: 8px;
	padding: 0 20px;
	color: #272f3b;
	opacity: 1;
}

#nav-sidebar .toggle-sidebar {
	z-index: -9;
}

.search-box {
	margin-top: 5px;
	padding-right: 0;
	position: relative;
	margin-bottom: 10px;
}

.search-box input.form-control {
	background: #F8F8F8;
	border: none;
	font-size: 14px;
	height: 40px;
}

.nav-top .search-box input.form-control:focus {
	outline: none;
	border: 0px !important;
	box-shadow: none !important;
}

.search-box .btn {
	border-left: 0;
	padding: 4px 10px;
	color: #676c74;
	font-size: 19px;
	background: #F8F8F8;
	border: none;
	height: 40px;
}

.dropdown-notification>a,
.dropdown-notification > button.dropdown-toggle,
.dropdown-account>a {
	display: block;
	padding: 8px 5px;
	font-size: 28px;
	color: #272f3b;
	text-decoration: none;
}

.dropdown-toggle::after {
	display: none;
}

.dropdown-notification .overlay,
.dropdown-account .overlay {
	background: #272f3be3;
	position: fixed;
	top: 63px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 110;
	display: none
}

.dropdown-notification.show-overlay .overlay,
.dropdown-account.show-overlay .overlay {
	display: none !important
}

.dropdown-notification.show-overlay .dropdown-menu,
.dropdown-account.show-overlay .dropdown-menu {
	display: block;
}

.dropdown-notification .dropdown-menu,
.dropdown-account .dropdown-menu {
	width: 400px;
	left: auto !important;
	right: 0;
	transform: none !important;
	top: 63px !important;
	padding: 15px;
	font-size: 14px;
}

.dropdown-account .dropdown-menu {
	width: 200px;
	padding: 0;
}

.dropdown-notification .dropdown-menu li,
.dropdown-account .dropdown-menu li {
	margin: 10px 0;
	font-size: 14px;
}

.dropdown-account .dropdown-item:hover i {
	color: red
}

.dropdown-notification .dropdown-menu li .ava-circle {
	width: 45px;
	height: 45px;
	margin: 0 auto;
	display: block;
}

.dropdown-notification .dropdown-menu li .time {
	margin: 10px 0;
	font-size: 12px;
	color: #969696;
}

.dropdown-notification .dropdown-menu li .name {
	font-weight: bold;
}

.dropdown-menu {
	padding: 5px;
	box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
	border: none;
}

.dropdown-menu .dropdown-item:last-child {
	border: none;
}

.dropdown-item {
	font-size: 14px;
	padding: 10px;
	border-bottom: 1px solid #eee;
	margin: 0 5px;
	box-sizing: border-box;
	width: auto;
}

.dropdown-item:hover {
	background: #eee;
	border-radius: 5px;
}

.dropdown-item i {
	margin-right: 10px;
	color: #676D75
}

.nav-menu ul:last-child {
	margin-top: 20px;
}

#main-wrapper {
	width: calc(100% - 250px);
	min-height: 100vh;
	float: right;
	padding-top: 63px;
	font-style: normal;
}

#main-wrapper.minimize,
#main-wrapper.minimize .nav-top {
	width: calc(100% - 60px);
}

#main-wrapper h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	/* identical to box height */
	letter-spacing: -0.2px;
	margin-bottom: 5px;
	color: #262F3B;
}

.nav-top {
	background: #fff;
	padding: 5px 15px 2px;
	position: fixed;
	width: calc(100% - 250px);
	right: 0;
	z-index: 99;
	top: 0;
	border-bottom: 1px solid #eee;
}

.nav-top .col-md-1 {
	max-width: 70px !important;
	flex: none;
}

.nav-top .col-md-1 img {
	display: none;
}

.nav-top .col-md-8 {
	max-width: calc(100% - 320px);
	flex: none;
}

.nav-top .col-md-7 {
	max-width: calc(100% - 370px);
	flex: none;
}

.nav-top .col-md-4 {
	max-width: 300px;
	flex: none;
}

.nav-top .col-md-3 {
	max-width: 250px;
	flex: none;
}

.nav-right .btn:not(.notification-btn) {
	padding: 10px 15px;
	margin: 5px 10px 0;
	float: right;
	font-size: 12px;
	font-family: 'Inter', Arial, sans-serif;
	height: 40px;
}

.nav-right .dropdown-notification,
.nav-right .ava-circle {
	float: right;
}

.nav-right .dropdown-notification .ava-circle {
	float: none;
	margin: 0;
}

.welcome-box {
	background: #fff;
	padding: 20px;
	border-bottom: 1px solid #eee;
}

.welcome-box .col-md-9 {
	position: relative;
	padding-left: 150px;
}

.welcome-box .col-md-9 img {
	position: absolute;
	left: 20px;
	width: 100px;
}

.welcome-box p {
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	color: #676D75;
	margin-bottom: 5px
}


/*card white*/

.card.card-white {
	border: 1px solid #eee;
	box-sizing: border-box;
	box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.06);
	border-radius: 3px;
	min-height: 300px;
	position: relative;
}

.card.card-white .card-header {
	border: none;
	background: #fff;
	padding: 10px 15px 0;
}

.card-people .card-header {
	padding: 5px 15px;
}

.card-people .card-header i {
	color: #272f3b
}

.card.card-white .card-body {
	padding: 10px 15px;
}

.card.card-white .card-header h3,
.card-people h3 {
	font-family: Poppins;
	font-style: normal;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #262F3B;
	margin-bottom: 7px;
	margin-top: 5px;
}

.card.card-white .card-header .head-line {
	border-bottom: 1px solid #F2F2F2;
	position: relative;
}

.card.card-white .card-header .head-line a {
	position: absolute;
	font-size: 12px;
	font-family: 'Inter', sans-serif;
	color: #f9173e;
	font-weight: bold;
	right: 0;
	top: 5px
}

.card.card-white.latest-update .card-header .head-line a {
	right: 120px;
	top: 20px;
}

.card.card-white .card-header p {
	font-family: Inter;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #676D75;
	margin-bottom: 10px;
}

.card.card-grey {
	background: #F1F1F1;
	border: none;
	margin-bottom: 20px;
}

.card-grey h3 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #262F3B;
	margin-bottom: 0;
}

.card-grey .card-header {
	border-bottom: none;
}

.card.card-grey .card-body {}

.card.card-dark-header {
	border: 1px solid #eee;
	box-sizing: border-box;
	box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.06);
	border-radius: 3px;
	min-height: 300px;
	position: relative;
}

.card.card-dark-header .card-header {
	border: none;
	background: #262F3B;
	border-radius: 3px;
	padding: 15px;
	color: #fff;
}

.card.card-dark-header .card-header h4 {
	font-size: 20px;
	margin-bottom: 0;
}

.card-bill-number .select2 {
	width: 100% !important;
}

.menu-grey {
	padding: 0;
	list-style: none;
	margin: 10px;
}

.menu-grey li a {
	font-family: Inter;
	font-style: normal;
	font-size: 14px;
	padding: 5px 20px;
	display: block;
	color: #262F3B;
	margin-bottom: 5px;
}

.menu-grey li a:hover,
.menu-grey li a.active {
	background: #f9173e;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	border-radius: 5px;
}

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

.empty-box img {
	max-width: 100%;
}

.empty-box p {
	font-family: Poppins;
	font-weight: normal;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
	color: #262F3B;
	margin-top: 20px;
	max-width: 200px;
	margin: 20px auto 0;
}

.empty-box a.btn {
	position: absolute;
	bottom: 20px;
	width: auto;
	left: 0;
	right: 0;
	margin: 10px auto;
	display: block;
	max-width: 200px;
}

.latest-district .empty-box {
	padding-top: 50px;
}

.latest-district .empty-box .btn-outline {
	position: relative;
	bottom: 0;
}

.latest-update .box-legislator {
	border: 1px solid #eee
}

.box-legislator .ava-legislator img {
	width: 100%;
}

.box-legislator {
	padding: 20px 15px 5px;
	background: #fff;
	margin: 10px;
	position: relative;
	border-radius: 5px;
	/* border: 1px solid #eee; */
}

.box-legislator:before {
	background: #f1f1f38c;
	content: '';
	width: 100%;
	height: 80px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.box-legislator * {
	position: relative;
	z-index: 1
}

.box-legislator small {
	font-size: 11px
}

.box-legislator p {
	font-size: 14px;
	line-height: 19px;
	text-align: center;
}

.box-legislator p a {
	color: #f9173e;
	font-weight: bold;
}

.box-legislator p a:last-child {
	font-weight: normal;
}

.ava-legislator {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 100px;
	background: #eee;
	margin: 10px auto;
}

.hide-legislator,
.hide-shared {
	display: none !important
}

.legislators-added li a.less-btn,
a.less-btn-shared {
	display: none
}

.slick-arrow {
	width: 35px;
	height: 35px;
	border: 1px solid #bfbfbf;
	background: none;
	/* text-indent: -99999px; */
	position: absolute;
	top: -89px;
	z-index: 9;
	right: 60px;
	font-size: 0;
}

.slick-arrow.slick-next {
	right: 10px;
	background: url(../img/arrow-right.png) no-repeat;
	background-size: 9px;
	background-position: center;
}

.slick-arrow.slick-prev {
	background: url(../img/arrow-left.png) no-repeat;
	background-size: 9px;
	background-position: center;
}

.list-people {
	height: 300px;
	overflow: auto;
	overflow-x: hidden;
}

.latest-district .list-people {
	height: 350px;
}

.list-people .row {
	margin: 0;
}

.list-people ul {
	padding: 0;
	list-style: none
}

.list-people ul .col-md-2 {
	padding: 0
}

.list-people ul li {
	font-size: 14px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

.list-people ul li p {
	margin-bottom: 5px;
	font-size: 13px;
}

.list-people ul li .time {
	font-size: 12px;
	color: #c7c7c7;
	text-align: right;
}

.list-people ul li .name {
	font-family: Poppins;
	font-weight: 600;
	font-size: 14px;
	line-height: 150%;
	color: #262F3B;
}

.latest-notes ul li .name {
	color: red;
	font-size: 12px;
}

.latest-notes ul li span {
	font-size: 12px;
}

.list-people .ava-circle {
	margin-left: 0;
}

.latest-district .ava-circle img {
	width: 100%
}


/*Scrollbar*/

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgb(39, 47, 59);
}


/*breadcrumb*/

ol.breadcrumb li {
	font-size: 14px;
	padding: 0 10px;
	color: #272f3b;
}

ol.breadcrumb li i {
	color: #f9173e;
}

ol.breadcrumb {
	background: #fff;
	border-radius: 0;
	border-bottom: 1px solid #eee;
	margin: 0;
}


/*TABLE*/

/* div.dataTables_wrapper div.dataTables_filter,
.dataTables_length {
	display: none;
} */

.table-grey table {
	border: none;
	margin: 0 !important;
	border: 1px solid #eee;
}

.table-grey table tr th,
.table-grey table tr td {
	font-size: 14px;
}

.table-grey table tr th {
	background: #F1F1F1;
	border: none;
}

.table-grey table tr td {
	padding: 20px;
	border-color: #eee;
}

.table-grey table tr:last-child td {}

.table-grey #table-directory {
	margin-bottom: 20px !important;
}

.name-link {
	padding: 10px;
	display: block;
}

.name-link .ava-circle {
	float: left;
}

.name-link span {
	display: block;
	width: 250px;
	margin-top: 10px;
	font-weight: 600;
}

.directory,
.my-account-page,
.notification-page,
.district-locator-page {
	background: #fff
}

.directory .col-md-9>h4 {
	font-size: 20px;
}


/*REPRESENTATIVE DETAIL*/

.representative-photo {
    overflow: hidden;
    border-radius: 10px;
    width: 80%;
    margin: 0 auto;
}

.representative-photo img {
	width: 100%;
	height: 275px;
	object-fit: cover;
	object-position: top;
}

.representative-name {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	line-height: 48px;
	letter-spacing: -0.2px;
	color: #262F3B;
	margin-bottom: 5px;
}

.representative-state {
	font-weight: bold;
	font-size: 22px;
	line-height: 21px;
	letter-spacing: -0.2px;
	color: #262F3B;
	margin-bottom: 5px;
}

.representative-district {
	font-weight: normal;
	font-size: 22px;
	line-height: 21px;
	letter-spacing: -0.2px;
	color: #676D75;
}

.representative-contact {
	margin: 10px 0 0;
}

.representative-contact p a {
	font-weight: bold;
	line-height: 40px;
	display: inline-block;
	text-decoration: none;
}

.representative-contact p a.office-phone {
	line-height: normal;
	border-right: 1px solid #ccc;
	padding-left: 10px;
	padding-right: 10px;
	color: #262f3b;
}

.representative-contact p a:first-child+a {
	padding-left: 0
}

.representative-contact p a.office-phone:last-child {
	border: none;
	padding-right: 10px;
}

.representative-contact p a label {
	display: block;
	margin: 0;
	line-height: normal;
	font-size: 14px;
	color: #676e76;
}

.representative-detail .btn {
	padding: 12px 15px;
	font-size: 12px;
	margin-bottom: 10px;
}

.representative-detail .btn.btn-outline {
	padding: 11px 15px;
}

.representative-contact label {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	/* identical to box height */
	letter-spacing: -0.2px;
	color: #262F3B;
}

ul.social-media {
	padding: 0;
	list-style: none;
}

ul.social-media li a,
.box-email {
	width: 40px;
	height: 40px;
	font-size: 18px;
	display: block;
	background: #eee;
	text-align: center;
	line-height: 45px !important;
	border-radius: 5px;
	float: left;
	color: #fff;
}

ul.social-media li {
	float: left;
	margin: 0 10px 0 0;
}

.box-email {
	background: #676D75 !important;
	margin-right: 10px
}

.box-facebook {
	background: #345B97 !important;
}

.box-twitter {
	background: black !important;
}

.box-instagram {
	background: #B03BCD !important;
}

.box-linkedin {
	background: #2374A2 !important;
}

#rep-profile .card ul {
	list-style: none;
}

#rep-profile .card ul li {
	font-size: 14px;
	font-family: Poppins;
	margin-bottom: 10px;
}

#rep-profile .card .card-title {
	font-size: 16px;
	margin-bottom: 20px;
}

#rep-profile .card ul li a {
	font-weight: 600;
}

.card-rep-tweet .ava-tweet {
	position: absolute;
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 100px;
	left: 0;
}

#rep-profile .card-rep-tweet ul li {
	padding-left: 40px;
	position: relative;
	font-family: Inter, sans-serif;
}

.card-rep-tweet .ava-tweet img {
	width: 100%;
}

.card-rep-tweet .id-tweet,
.card-rep-tweet .date-tweet {
	font-size: 12px;
}

.card-rep-tweet .date-tweet {
	color: #999;
	text-align: right;
}

.card-rep-tweet p {
	margin-bottom: 10px;
}

#rep-profile .card-rep-download ul li img {
	position: absolute;
	left: 0;
	width:28px;
}

#rep-profile .card-rep-download ul li {
	padding-left: 40px;
	position: relative;
}

#rep-profile .card-rep-download ul li a span {
	font-size: 12px;
	color: #f9173e;
}

#rep-profile .card-rep-download ul li a {
	color: #272f3b;
}

.card-staff {
	padding: 20px;
	padding-left: 70px;
	border: 1px solid #ddd;
	border-radius: 5px;
	position: relative;
	font-size: 14px;
	margin-bottom: 20px;
}

.card-staff .ava-circle {
	position: absolute;
	left: 0;
	top: 25px;
}

.card-staff a,
.card-staff span,
.card-staff label {
	display: block;
	margin: 5px 0 0;
}

.card-staff a {
	margin-top: 10px;
	text-decoration: none
}

.card-staff label {
	font-family: Poppins;
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	color: #262F3B;
}

.learn-more {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 0px;
}


/*ISSUE*/

.issue-empty {
	background: rgba(241, 241, 241, 0.39);
	padding: 50px 10%;
}

.notes-empty {
	padding: 50px 10%;
}

.box-illustration {
	width: 80%;
	margin: 0 auto;
}

.issue-empty h3 {
	font-family: Poppins;
	font-weight: bold;
	font-size: 24px;
	line-height: 125%;
	text-align: center;
	letter-spacing: -0.2px;
	color: #262F3B;
	margin: 20px 0
}

.notes-empty h4 {
	font-family: Poppins;
	font-weight: 600;
	font-size: 16px;
	line-height: 125%;
	text-align: center;
	letter-spacing: -0.2px;
	color: #262F3B;
	margin: 20px 0
}

.notes-empty .btn i {
	margin-right: 10px
}

.issue-empty .btn {
	font-size: 16px;
}

.issue-empty .small-note {
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #676D75;
	margin: 40px 0;
}

.issue-action {
	padding: 10px 0;
}

.issue-desc {
	padding: 20px 20px 0;
}

.issue-detail .issue-desc {
	padding: 10px 0px 0;
}

.reply-box {
	float: left;
	width: 100%;
	margin-top: 10px
}

.issue-action ul {
	padding: 0;
	list-style: none;
	margin: 0;
	width: 100%;
	text-align: right;
}

.issue-action ul li {
	display: inline-block;
}

.issue-action .issue-date {
	font-size: 14px;
}

.issue-action a {
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #262F3B;
	padding: 5px 15px;
	text-decoration: none;
	font-weight: bold;
}

.issue-action a i {
	font-size: 18px;
	margin-right: 5px;
}

.issue-action a:hover {
	color: #FF173D;
}

.issue-page label,
.card-issue label,
.card-account label {
	font-family: Inter;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0 0;
	color: #555555;
}

.issue-pagelabel b {
	color: #262F3B;
}

.issue-detail {
	position: relative;
}

.issue-detail .people-involved {
	width: 280px;
	max-width: 100%;
	flex: none;
	position: absolute;
	right: 0;
	margin-top: 20px;
	top: 0;
}

.issue-detail>.row .col-md-12 {
	max-width: 100%;
	flex: none;
	padding-right: 0;
	position: relative;
}

.issue-detail>.row .col-md-12 .card-issue {
	padding-right: 300px
}

.issue-detail .owner-issue label,
.issue-detail .owner-issue span,
.issue-detail .hold-note label,
.issue-detail .bill-number ul li a {
	font-size: 14px;
}

#main-wrapper .issue-desc h2,
.card-issue h2,
.card-account h2 {
	font-weight: bold;
	font-size: 22px;
	line-height: 125%;
	color: #262f3b;
	margin-bottom: 10px;
}

#main-wrapper .issue-desc h2 a,
.card-issue h2 a,
.card-account h2 a {
	color: #262f3b;
}

.bill-number ul {
	padding: 0;
	margin: 0
}

.bill-number ul li {
	display: inline-block;
	margin-right: 5px;
}

.bill-number ul li a {
	background: #E5E5E5;
	border-radius: 10px;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	display: block;
	color: #262F3B;
	padding: 5px 10px;
}

.issue-date,
.card-issue .issue-date {
	font-weight: normal;
	font-size: 12px !important;
	line-height: 20px;
	text-align: right;
	color: #555555;
	margin-bottom: 10px;
}

.legislators-added ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.legislators-added li {
	float: left;
	font-size: 14px;
}

.legislators-added li a {
	color: #272f3b;
	line-height: 28px;
	font-weight: bold;
	padding-right: 10px;
	display: block;
	margin-bottom: 15px;
}

.legislators-added li a .ava-circle {
	float: left;
	width: 35px;
	margin-left: 0;
	height: 35px;
}

ul.share-list {
	list-style: none;
	padding: 0;
	margin: 5px 0 0;
	display: flex;
	justify-content: center;
	align-content: center;
}

ul.share-list.text-left {
	justify-content: flex-start;
}

ul.share-list li {
	display: inline-block;
}

ul.share-list li a {
	display: block;
}

ul.share-list li.more-shared a {
	text-decoration: none
}

ul.share-list li i {
	display: block;
	font-size: 22px;
	margin: 10px;
}

.hold-note i {
	font-size: 22px;
	margin: 10px 5px 0;
	display: inline-block;
}

.hold-note label {
	margin: 0;
	padding: 0;
	line-height: normal;
	position: relative;
	top: -5px;
}

ul.share-list li .ava-circle {
	display: block;
	width: 37px;
	margin: 0 -5px;
	border: 2px solid #f1f1f1;
	height: 37px;
	background: #DCDCDC;
	/* line-height: 34px; */
	color: #1c1c1d;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

.owner-issue {
	display: inline-block;
}

.owner-issue .ava-circle {
	float: left;
	width: 35px;
	height: 35px;
	position: relative;
	top: 3px;
}

.owner-issue .ava-circle {
	top: 5px;
}

.owner-issue label {
	display: block;
	padding: 0;
	margin: 0;
}

.owner-issue span {
	float: left;
	color: #272f3b;
	font-weight: bold;
	font-size: 12px;
}

.issue-status {
	padding: 10px;
	background: #F1F1F1;
	margin-top: 10px;
	/*margin-right:20px;*/
}

.issue-status .col-md-4.text-right {
	padding-right: 30px;
}

.hold-note {
	margin: 0;
}

.card.card-issue,
.card.card-account {
	margin-bottom: 20px;
}

.card.card-issue:hover {}

.card-issue p,
.card-account p {
	font-size: 15px;
}

.select-sort {
	max-width: 205px;
}

#main-wrapper .issue-detail h2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 125%;
	/* or 40px */
	margin-bottom: 20px;
	letter-spacing: -0.2px;
	color: #272f3b;
}

.issue-content,
.issue-notes {
	padding: 20px 0;
	margin-right: 0;
}

.issue-content p {
	font-size: 16px;
	line-height: 24px;
	color: #262F3B;
}

.issue-detail .card.card-white {
	min-height: 200px;
}

.card-people ul {
	list-style: none;
	padding: 0;
	margin: 20px 0 0;
}

.card-people ul li a {
	font-size: 12px;
	display: block;
	clear: both;
	min-height: auto;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 10px;
}

.card-people ul li .ava-circle {
	width: 40px;
	height: 40px;
	float: left;
	overflow: hidden;
}

.card-people ul li a span {
	display: block;
}

.card-people .info-name {
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	color: #272f3b;
}

.card-people .list-shared .info-name {
	padding-top: 10px;
}

.card-people .info-state {
	font-weight: normal;
	font-size: 12px;
	line-height: 150%;
	/* identical to box height, or 18px */
	color: #262F3B;
}

.card-legislator-filter {
	margin: 20px 0;
}

.card-legislator-filter .row {
	margin: 0;
}

.card-legislator-filter .col-md-2 {
	flex: 0 0 20%;
	max-width: 20%;
	padding: 0 5px;
}

.card-legislator-filter .select-sort+.select2-container--default .select2-selection--single .select2-selection__rendered:before {
	display: none;
}

.select2-container--default .select-legislator-filter .select2-results>.select2-results__options {
	max-height: none;
	overflow-y: visible;
}

.select2-container--default .select-legislator-filter .select2-results__option--selectable,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	/* font-weight: bold; */
	padding: 10px 10px !important;
}

.select2-container--default .select-legislator-filter .select2-results__option--selected {
	color: red;
	font-weight: bold;
	background: url(../img/icon-red-arrow.png) no-repeat;
	background-position: 90% center;
	padding: 5px 10px;
}

span.select2-dropdown.select-committee-filter.select2-dropdown--below {
	width: 350px !important;
}

.card-legislator-filter label {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	/* or 157% */
	color: #262F3B;
}

.card-legislator-body .empty-state {
	padding: 100px 50px;
	max-width: 70%;
	margin: 0 auto;
}

.card-legislator-filter .select2-container {
	width: 100% !important
}

.card-legislator-filter .search-box {
	margin: 0
}

.card-legislator-body .empty-state h3 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: -0.2px;
	margin: 30px 0;
	color: #262F3B;
}

.card-legislator-selected .list-legislator-selected,
.card-legislator-selected .list-staff,
.card-legislator-selected .list-committee {
	width: calc(33.3% - 5px);
	float: left;
	list-style: none;
	padding: 10px 0 10px 10px;
	border: 1px solid #ddd;
	margin: 20px 5px 20px 0;
	height: 400px;
	border-radius: 0;
	overflow: hidden;
}

.card-legislator-selected .list-legislator-selected ul,
.card-legislator-selected .list-staff .custom-scroll,
.card-legislator-selected .list-committee .custom-scroll {
	height: 360px;
	overflow: auto;
}

.card-legislator-selected .list-staff ul .mCSB_container {
	margin-right: 15px;
}

.card-legislator-footer {
	border-top: 1px solid #ddd;
	margin: 20px 10px 0;
	padding-top: 10px;
}

.card-legislator-selected .list-legislator-selected {
	border: none;
	padding: 0;
	margin: 20px 0;
	margin-right: -1px;
	position: relative;
	z-index: 99;
	overflow: scroll;
	overflow-x: hidden;
}

.card-legislator-selected .list-legislator-selected li {
	cursor: pointer;
}

.card-legislator-selected ul {
	list-style: none;
	padding: 0
}

.card-legislator-selected span.info-state,
.card-legislator-selected span.info-name small {
	font-size: 12px;
	line-height: 21px;
	/* identical to box height, or 175% */
	letter-spacing: -0.2px;
	color: #676D75;
	display: block;
}

.card-legislator-selected span.info-name {
	font-size: 14px;
	line-height: 17px;
	/* identical to box height, or 121% */
	color: #262F3B;
	font-weight: bold;
}

.card-legislator-selected .icon-remove {
	position: absolute;
	top: 35%;
	right: 10px;
}

.card-legislator-selected .list-staff li .custom-checkbox>span {
	top: 4px;
}

.card-legislator-selected h3 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
	/* identical to box height */
	letter-spacing: -0.2px;
	color: #262F3B;
}

.issue-options .card-legislator-selected h6,
.card-legislator-selected h6 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 32px;
	/* identical to box height, or 267% */
	text-align: left;
	letter-spacing: -0.2px;
	color: #FF173D;
	margin-bottom: 0;
}

.options-dropdown.card-legislator-dropdown .btn-add-legislator {
	font-size: 12px;
	padding: 10px;
	margin-right: 20px;
}

.options-dropdown .card-legislator-header>h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 33px;
	/* identical to box height */
	letter-spacing: -0.2px;
	color: #262F3B;
	margin-bottom: 0;
	margin-top: 5px;
}

.list-legislator-selected .ava-circle,
.list-staff .custom-checkbox .ava-circle,
.list-committee-selected .ava-circle {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	width: 40px;
	height: 40px;
}

.list-legislator-selected .ava-circle {
	top: 10px;
	left: 10px;
}

.list-legislator-selected li,
.list-committee-selected li {
	position: relative;
	padding-left: 50px;
	margin-bottom: 10px;
}

.list-legislator-selected li {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
	border: 1px solid transparent;
	background: #fff;
	padding-left: 60px;
	border-right: 1px solid #ddd;
}

.list-legislator-selected li.active {
	border: 1px solid #ddd;
	border-right: #fff;
}

.list-staff .custom-checkbox .ava-circle {
	margin-left: 30px;
}

.list-staff .custom-checkbox span.info-name {
	padding-left: 45px;
}

.list-staff .custom-checkbox span.info-name small {
	font-size: 12px;
	color: #676D75;
}

.list-more-legislator {
	width: 70%;
	float: left;
}

.list-more-committee {
	width: 30%;
	float: left;
	margin: 0;
}

.list-more-legislator ul li {
	float: left;
	width: 50%;
}

.async-content ul li{
	float: left;
	width: 33%;
}

.list-notes>ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.list-notes>ul>li {
	list-style: none;
	padding: 20px;
	margin: 0 0 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.list-notes>ul>li p {
	font-size: 15px;
	line-height: 24px;
	color: #262F3B;
}

.list-notes>ul>li h4 {
	font-weight: bold;
	font-size: 20px;
	line-height: 125%;
	/* or 25px */
	letter-spacing: -0.2px;
	color: #262F3B;
}

.list-notes ul li .ava-circle {
	margin: 0 10px 0 0;
	float: left;
	width: 45px;
	height: 45px;
}

.list-notes ul li .info-name {
	padding: 0 5px 0 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	/* identical to box height, or 127% */
	color: #262F3B;
}

.list-notes ul li .info-date {
	font-size: 12px;
	line-height: 20px;
	/* identical to box height, or 145% */
	color: #555555;
}

.list-notes ul li .info-update-note {
	font-size: 12px;
	line-height: 20px;
	/* identical to box height, or 145% */
	color: #f9173e;
}

.contributor-notes {
	margin: 0 0 10px;
	display: block;
	text-decoration: none !important;
}

ul.list-notes-reply {
	padding: 0;
	list-style: none;
	margin: 20px 0 0;
}

ul.list-notes-reply>li {
	padding: 20px;
	margin-left: 30px;
	background: #F2F2F2;
	border-radius: 3px;
	margin-bottom: 10px;
}

.list-notes ul.list-notes-reply li .info-name,
.list-notes ul.list-notes-reply li .info-date {
	padding-top: 15px;
	display: inline-block;
}

.list-more-committee .list-committee-selected .custom-checkbox span {}

.list-more-committee .list-committee-selected li {
	padding: 0;
}

.list-more-committee .list-committee-selected .ava-circle {
	position: absolute;
}

.list-more-committee .list-committee-selected li .custom-checkbox {
	margin: 0;
}

div#table-directory_info {
	font-size: 12px;
	display: none;
}

.pagination li {
	font-size: 12px;
}

.pagination li a,
.pagination li span {
	border: 1px solid #ccc;
}

.pagination li a span {
	border: none
}

li.paginate_button.page-item.active a {
	background: #FF173D;
	border: #FF173D;
}

.pagination li a {
	color: #FF173D;
}


/*FOOTER*/

.footer {
	padding: 15px;
	font-size: 12px;
	text-align: center;
	background: #fff;
}

.footer-copy-after {
	border-top: 1px solid #efefef;
	background-color: #fff;
	padding: 20px 0px 0px
}


/*CONTACT*/

.pb-100 {
	padding-bottom: 100px;
}

.pt-100 {
	padding-top: 100px;
}

.mb-100 {
	margin-bottom: 20px;
}

a {
	text-decoration: none !important;
	color: #FF173D;
	-webkit-transition: .1s;
	transition: .1s;
}

.section-title {
	position: relative;
}

.section-title p.small-red {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #f9173e;
	text-transform: uppercase;
}

.section-title p {
	color: #000
}

.section-title h4 {
	font-size: 40px;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 20px;
	display: inline-block;
	color: #000;
}

.section-title h4::before {
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	background-color: #d8d8d8;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}

.section-title h4::after {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background-color: #f9173e;
	left: 0;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}

.contact {
	/* background-image: url("https://images.pexels.com/photos/129112/pexels-photo-129112.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"); */
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
	z-index: 2;
	color: #fff;
	background: #F5F5F5;
}

.contact-form input,
textarea {
	width: 100%;
	border: 1px solid #a2a2a278;
	padding: 10px 10px;
	margin-top: 15px;
	background-color: #fff;
	color: #fff;
	border-radius: 5px;
}

.contact:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #333;
	z-index: -1;
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	display: none;
}

.single-contact {
	text-align: left;
	position: relative;
	padding-left: 70px;
	margin-bottom: 50px;
	margin-top: 10px;
	color: #000;
}

.single-contact i.fa {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #f9173e;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	color: #fff;
}

.single-contact h5 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}

.single-contact p {
	font-size: 18px;
	font-weight: 400;
}

.contact-form input[type="submit"] {
	background-color: #f9173e;
	border: 0px;
	cursor: poPoppins;
	font-size: 16px;
	-webkit-transition: .2s;
	transition: .2s;
	width: auto !important;
	float: right;
	padding: 15px 20px;
}

.contact-form input[type="submit"]:hover {
	background-color: #CC5B00
}

.contact-form input:focus,
textarea:focus {
	border-color: #CC5B00
}

.title-red {
	background-color: #f9173e;
	color: #fff;
}

.title-red h2 {
	font-size: 48px !important;
	color: #fff !important;
	padding: 80px 0px;
}

.terms-of-service .col-xl-12>ol {
	margin: 20px 0px;
	counter-reset: li;
}

.terms-of-service .col-xl-12>ol>li {
	margin-bottom: 20px;
	font-size: 16px;
	list-style: none;
	position: relative;
}

.terms-of-service .col-xl-12>ol>li:before {
	content: counter(li) ".";
	/* Use the counter as content */
	counter-increment: li;
	/* Increment the counter by 1 */
	position: absolute;
	top: -2px;
	left: -2em;
	width: 2em;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right: 8px;
	padding: 4px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.privacy-policy .body-content {
	margin: 40px 0px;
}

.privacy-policy .body-content h4 {
	font-size: 18px;
}

.privacy-policy .body-content h3 {
	margin: 20px 0;
}

.span_pseudo,
.custom-checkbox span:before,
.custom-checkbox span:after {
	content: "";
	display: inline-block;
	background: #fff;
	width: 0;
	height: 0.2rem;
	position: absolute;
	transform-origin: 0% 0%;
}

.custom-checkbox {
	position: relative;
	display: block;
	align-items: center;
	margin: 10px 15px;
}

.custom-checkbox input {
	display: none;
}

.custom-checkbox input:checked~span {
	background: #f9173e;
	border-color: #f9173e;
}

.custom-checkbox input:checked~span:before {
	width: .9rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.3s;
}

.custom-checkbox input:checked~span:after {
	width: 0.5rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.2s;
}

.custom-checkbox input:disabled~span {
	background: #ececec;
	border-color: #dcdcdc;
}

.custom-checkbox input:disabled~label {
	color: #dcdcdc;
}

.custom-checkbox input:disabled~label:hover {
	cursor: default;
}

.custom-checkbox label {
	padding-left: 2rem;
	position: relative;
	z-index: 2;
	cursor: pointer;
	margin-bottom: 0;
	font-family: Inter;
	font-style: normal;
	font-size: 14px;
	display: block;
	color: #262F3B;
	padding-top: 0;
}

.custom-checkbox span {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #ccc;
	position: absolute;
	left: 0;
	transition: all 0.2s;
	z-index: 1;
	box-sizing: content-box;
	border-radius: 3px;
	background: #fff;
	top: 0;
}

.custom-checkbox span:before {
	transform: rotate(-55deg);
	top: .90rem;
	left: 0.43rem;
}

.custom-checkbox span:after {
	transform: rotate(35deg);
	bottom: 0.5rem;
	left: 0.2rem;
}

.custom-checkbox span.info-name {
	position: relative;
	border: none;
	background: none;
	width: auto;
	height: auto;
	padding-top: 0;
	font-weight: bold;
	padding-left:40px;
}

.custom-checkbox .ava-circle {
	position:absolute;
	left:22px;
	top:0px;
	width: 40px;
	height: 40px;
	margin: 0 10px 0 5px;
}


/* Customize the label (the container) */

.custom-radio {
	display: block;
	position: relative;
	padding-left: 35px !important;
	padding-top: 3px !important;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.custom-radio b {
	color: #262F3B;
	font-size: 16px;
}


/* Hide the browser's default radio button */

.custom-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}


/* Create a custom radio button */

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	border: 2px solid #ccc;
	border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.custom-radio:hover input~.checkmark {
	background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.custom-radio input:checked~.checkmark {
	border: 2px solid #f9163e;
	background: none;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}


/* Show the indicator (dot/circle) when checked */

.custom-radio input:checked~.checkmark:after {
	display: block;
}


/* Style the indicator (dot/circle) */

.custom-radio .checkmark:after {
	top: 5px;
	left: 5px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #f9163e;
}

.card-share .custom-checkbox span {
	top: 14%;
}

.card-share .custom-checkbox span.info-name small {
	font-size: 12px;
	line-height: 18px;
	/* or 150% */
	color: #676D75;
}
.card-share-dropdown.options-dropdown {
                width: 100%;
    position: fixed;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    height: 100%;
    background: #000000e8;
}
.card-manage-share{
	background: #fff;
	max-width: 900px;
	position: relative;
	margin: .5rem auto;
	left: 0;
	right: 0;
	height: auto;
	min-height: 600px;
	padding: 20px;
	border-radius: 5px;
}
.card-manage-share.card-team table {
    width: 100%;
    position: relative;
}
.card-manage-share.card-team table .ava-circle {
    position: absolute;
    left: 0;
    margin: 0;
}

.card-manage-share.card-team table tr td:first-child {
    padding-left: 60px !important;
}
.badge-team {
    font-size: 12px;
    background: #f9163e1f;
    padding: 4px 10px;
    border-radius: 10px;
    color: #f9163e;
    margin-left: 10px;
}

.badge-team.free {
    background: #00968829;
    color: #009688;
    margin-left: 10px;
}

.badge-team.individual {
    background: #f9163e1f;
    color: #f9163e;
    margin-left: 10px;
}

ul.shared-people li {
	margin: 0 5px 10px;
	padding: 15px;
	list-style: none;
	padding-left: 70px;
	margin-bottom: 10px;
	position: relative;
	cursor: pointer;
	width: calc(50% - 10px);
	float: left;
	min-height: 50px;
	border: 1px solid #eee;
	border-radius: 5px;
}

ul.shared-people {
	padding: 0;
}

ul.shared-people li .ava-circle {
	position: absolute;
	left: 10px;
	margin: 0;
}

ul.shared-people li .icon-remove {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 9;
}

ul.shared-people li .info-name {
	font-size: 14px;
	font-weight: bold;
}

ul.shared-people li .info-name small {
	font-size: 12px;
	line-height: 21px;
	letter-spacing: -0.2px;
	color: #676D75;
	display: block;
}

.add-btn {
	float: right;
	margin-top: 10px;
	height: 42px !important;
	display: none;
	padding: 10px !important;
}

#modal-more-shared-people ul.shared-people li {
	width: calc(33% - 20px);
	float: left;
	margin: 10px;
}

.search-box.search-white .form-control {
	margin: 10px 15px;
	border: 1px solid #ccc;
	width: calc(100% - 30px);
	background: url(../img/icon-search.png) no-repeat 10px 10px #fff;
	padding-left: 35px;
}

.form-control:focus {
	border: 1px solid #a0a0a0 !important;
	background-color: #f8f8f8 !important;
	box-shadow: 0 0 0 0.1rem #ccc !important;
}

.tooltip {
	font-size: 11px;
	text-align: center;
}

.tooltip-inner {
	font-size: 11px;
	text-align: left;
	width: auto;
}

.more-shared {
	line-height: 34px
}


/*Select Custom*/

.select-custom+.select2-container--default .select2-selection--single,
.select-issue-dropdown+.select2-container--default .select2-selection--single,
.card-legislator-filter .select2-container--default .select2-selection--single,
.select-frequency-dropdown+.select2-container--default .select2-selection--single {
	text-align: left;
	font-size: 14px;
	border: 1px solid #ddd;
	height: auto;
	padding: 6px;
}

.select-issue-dropdown+.select2-container--default .select2-selection--single,
.select-frequency-dropdown+.select2-container--default .select2-selection--single {
	font-size: 16px;
	padding: 5px 10px !important;
}

.select-custom+.select2-container--default .select2-selection--single .select2-selection__arrow,
.select-issue-dropdown+.select2-container--default .select2-selection--single .select2-selection__arrow,
.card-legislator-filter .select2-container--default .select2-selection--single .select2-selection__arrow,
.select-frequency-dropdown+.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 8px;
	right: 10px;
	background: url(../img/arrow-grey.png) no-repeat 3px 8px;
}

.select-frequency input.select2-search__field {
	display: none;
}

.select-frequency-dropdown+.select2-container {
	display: inline-block;
	width: 200px !important;
}

.select2-dropdown {
	border: none;
	box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
}

.select2-results__option--selectable {
	color: #272f3b;
	font-size: 14px;
	padding: 10px 10px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #f1f1f1;
	color: #272f3b;
	font-size: 14px;
	padding: 10px;
	/* font-weight: bold; */
	padding: 10px 10px !important;
}

.select2-container--focus span.select2-selection.select2-selection--single {
	outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 30px;
}

.select-sort+.select2-container--default .select2-selection--single .select2-selection__rendered:before {
	content: "Sort by: ";
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.select-issue .select-custom+.select2-container--default .select2-selection--single {
	font-size: 16px;
}

.select-issue .select2-container {
	width: 100% !important;
}

.select-issue .select2-results__option--selectable {
	color: #272f3b;
	font-size: 16px;
	padding: 10px;
}

.select-issue .select2-container .select2-selection--single .select2-selection__rendered {
	font-weight: bold;
}

.select-issue-dropdown .select2-results__option,
.select-issue-dropdown .select2-results__option--selected {
	font-size: 16px !important;
	font-weight: bold;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	outline: none;
	border-radius: 5px;
	margin: 5px;
	width: calc(100% - 10px);
	border: 1px solid #ccc;
	background: url(../img/icon-search.png) no-repeat 10px 7px #fff;
	padding-left: 35px;
}


/*MODAL*/

.modal-header .close {
	font-size: 14px;
	background: none !important;
}

.modal-header .close {
	font-size: 16px;
}

.modal-grey .modal-content {
	background: #F1F1F1;
}

.modal-small .modal-dialog {
	max-width: 375px;
}

.modal .btn {
	min-width: 110px;
	padding: 15px 20px;
	height: auto;
	font-size: 14px;
}

.modal-backdrop {
	background: rgba(21, 25, 30, 0.9);
	opacity: 1 !important;
}

.modal-grey .modal-footer {
	padding-top: 10px;
}

.modal-issue .modal-dialog {
	max-width: 900px;
}

.modal-team .modal-dialog {
	max-width: 600px;
}
.modal-team form{
	width: 100%
}
.modal-grey.modal-issue .modal-footer {
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

.modal textarea {
	margin-top: 0;
	resize: none;
	min-height: 150px;
}

.modal form .form-group label {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	color: #262F3B;
}

.modal form .form-control, .modal form .select2-container .select2-selection--single .select2-selection__rendered {
	font-size: 16px;
}

.modal-issue .modal-body {
	padding-top: 0;
}

.modal-issue .list-notes>ul>li p {
	font-size: 14px;
	line-height: 22px;
}

.modal-issue .list-notes>ul>li h4 {
	font-weight: bold;
	font-size: 16px;
	line-height: 125%;
}

.modal-issue .list-notes>ul>li {
	background: #fff
}

.modal-issue hr {
	margin-top: 0;
}

.modal-issue .issue-notes {
	padding-top: 0
}

.modal-issue .issue-notes h2 {
	font-size: 20px;
	margin-top: 5px;
}

.issue-options h6 {
	margin-bottom: 15px;
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	/* or 157% */
	color: #262F3B;
}

.issue-options {
	position: relative;
}

.add-options>a {
	background: #E6E6E6;
	border-radius: 5px;
	display: block;
	padding: 15px;
	margin-bottom: 15px;
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	text-decoration: none !important;
	color: #262F3B;
}

.add-options:hover>a {
	background: #d8d8d8;
	box-shadow: 1px 1px 1px #a5a5a5;
}

.add-options a i {
	font-size: 17px;
	margin-right: 10px;
	position: relative;
	top: 3px;
	width: 25px;
	display: inline-block;
	text-align: center;
}

.add-options a small {
	font-size: 11px;
	color: #555555;
	font-family: Inter;
}

.add-options.card-legislator a i {
	font-size: 15px;
	margin: 0;
}

.options-dropdown {
	position: absolute;
	background: #fff;
	padding: 15px;
	width: 300px;
	z-index: 99;
	border-radius: 5px;
	display: none;
	box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
	top: 30px;
}

.options-dropdown h5 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	/* identical to box height */
	letter-spacing: -0.2px;
	color: #262F3B;
}

.options-dropdown h5 a {
	padding: 0;
	box-shadow: none !important;
	background: none !important;
	margin: 0;
	text-align: center;
	color: #666;
}

.options-dropdown h5 a i {
	font-size: 14px;
	margin: 0;
}

.options-dropdown .menu-grey .custom-checkbox {
	margin: 10px 0;
}

.options-dropdown .search-box.search-white .form-control {
	margin: 0 0 10px;
	width: 100%;
	font-size: 14px;
}

.options-dropdown.card-legislator-dropdown {
	width: 100%;
	position: fixed;
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
	overflow-y: auto;
	height: 100%;
	background: #000000e8;
}

.options-dropdown.card-legislator-dropdown .card-legislator-dialog,
.options-dropdown.card-legislator-dropdown .card-add-more-legislator-dialog {
	background: #fff;
	max-width: 900px;
	position: relative;
	margin: .5rem auto;
	left: 0;
	right: 0;
	height: auto;
	min-height: 600px;
	padding: 20px;
	border-radius: 5px;
}

.card-legislator:before {
	content: '';
	background: #000000c4;
	width: 0;
	height: 0;
	position: fixed;
	top: 0;
	left: 0;
}

.card-legislator.show:before {
	content: '';
	background: #000000c4;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

form.form-issue .form-group .icon-close {
	font-size: 9px;
	margin-left: 10px;
}

form.form-issue .form-group .legislators-added li a {
	margin-right: 10px;
	border: 1px solid #ddd;
	padding: 5px 15px 5px 5px;
	border-radius: 100px;
	margin-bottom: 10px;
	text-decoration: none !important;
	line-height: 40px;
	font-size: 13px;
}

form.form-issue .form-group .legislators-added li a:hover {
	border: 1px solid #999;
}

form.form-issue .form-group .legislators-added li a .ava-circle {
	float: left;
	width: 40px;
	margin-left: 0;
	height: 40px;
}

.form-issue .form-group ul.share-list li .ava-circle {
	width: 45px;
	height: 45px;
}

.richText .richText-editor {
	font-family: Inter, sans-serif;
	font-size: 14px;
}

.form-issue .form-group .bill-number ul li a {
	font-size: 13px;
}

.richText {
	border: 1px solid #ced4da
}

.richText .richText-toolbar ul li a {
	border: none;
	font-size: 14px;
	padding: 5px 10px;
}

.richText .richText-editor {
	height: 150px;
}

#modal-more-legislator .list-staff,
#modal-more-legislator .list-committee {
	background: #fff;
}

#modal-more-legislator .list-staff .no-checkbox .ava-circle,
#modal-more-legislator .list-committee .no-checkbox .ava-circle {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
}

#modal-more-legislator .list-staff li {
	position: relative;
	padding-left: 0;
}


#modal-more-legislator .list-staff li .no-checkbox {
	position: relative;
	padding-left: 60px;
}

#modal-more-legislator .list-committee li {
	position: relative;
	padding-left: 50px;
}


/*TAB NAV WHITE*/

ul.nav.nav-tabs.nav-white .nav-item {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
	/* identical to box height */
	letter-spacing: -0.2px;
	color: #262F3B;
	min-width: 150px;
	text-align: center;
	margin-right: 20px;
}

ul.nav.nav-tabs.nav-white {
	margin: 0 30px;
	border: none;
}

ul.nav.nav-tabs.nav-white .nav-item a {
	padding: 15px;
	border: none;
	color: #676E75;
	background: #E0E0E0;
	border-radius: 5px 5px 0 0;
	margin-top: 1px
}

ul.nav.nav-tabs.nav-white .nav-item a.active {
	padding: 15px;
	border: none;
	color: #262F3B;
	background: #fff;
	border: 1px solid #E0E0E0;
	border-bottom: none;
}

.tab-content.tab-nav-white {
	background: #fff;
	padding: 20px 30px;
	border-top: 1px solid #E0E0E0;
}

.tab-content.tab-nav-white .panel {
	border: 1px solid #eee;
	margin-bottom: 10px;
}

.tab-content.tab-nav-white .panel-heading {
	background: #F1F1F1;
	border-radius: 3px 3px 0 0;
	border-left: 3px solid #f9173e;
	padding-left: 15px;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	/* identical to box height */
	letter-spacing: -0.2px;
	color: #262F3B;
}

.tab-content.tab-nav-white .panel-body {
	padding: 15px;
}

.tab-content.tab-nav-white .panel-body table {
	width: 100%
}

.tab-content.tab-nav-white .panel-body table tr td {
	padding: 5px 10px;
	vertical-align: top;
}

.tab-content.tab-nav-white .panel-body table tr td.info-label {
	width: 30%;
	text-align: right;
	font-size: 14px;
	line-height: 16px;
	text-transform: capitalize;
	color: #676D75;
}

.tab-content.tab-nav-white .panel-body table.info-staff tr td.info-label {
	width: 20%;
}

.tab-content.tab-nav-white .panel-body table tr td.info-answer {
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	text-transform: capitalize;
	color: #262F3B;
}

.panel-heading {
	padding: 0;
	border: 0;
}

.panel-title>a,
.panel-title>a:active {
	display: block;
	padding: 15px;
	color: #262F3B;
	font-size: 16px;
	font-weight: bold;
	word-spacing: 3px;
	text-decoration: none;
}

.panel-heading a:before {
	content: '';
	float: right;
	transition: all 0.5s;
	top: 8px;
	right: 10px;
	background: url(../img/arrow-grey.png) no-repeat 0;
	display: block;
	width: 20px;
	height: 20px;
}

.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.title-line {
	position: relative;
}

.title-line:before {
	content: '';
	width: 100%;
	height: 1px;
	background: #eee;
	display: block;
	position: relative;
	top: 11px;
	z-index: 1px
}

.title-line span {
	z-index: 3;
	background: #fff;
	padding-right: 10px;
	position: relative;
}

.feed-container {
	overflow: hidden;
	clear: both;
}

.feed-container+hr {
	margin-top: 0
}

p.activity-date {
	color: #969696;
	font-size: 14px;
	margin-bottom: 0;
}

.feed-img {
	float: left;
	min-width: 5%;
}

.feed-img img {
	width: 50px;
}

img.ava-ico {
	position: absolute;
	margin-left: -20px;
	width: 25px;
	top: 30px;
	object-fit: contain;
	height: auto;
}

.feed-in label {
	font-size: 14px;
	color: #262F3B;
	margin: 0 0 8px 0;
}


/* .feed-in h5 span{ font-size:13px; float:right;} */

.feed-in h6 {
	font-size: 14px;
	color: #262F3B;
	font-family: "Poppins";
}

.feed-in {
	float: left;
	padding: 0 0 0 15px;
	width: 88%;
	margin-bottom: 10px !important
}

.feed-in span {
	font-size: 14px;
	color: #262F3B;
}

.my-nav-item .nav-link {
	/* margin-bottom: -3px !important; */
	position: relative;
}

#activity-feed-tab,
#issue-tab,
#directory-tab,
#search-all-tab,
#search-people-tab,
#search-press-releases-tab,
#search-committees-tab,
#countries-tab,
#billtracking-tab,
#zip-codes-tab {
	font-family: "Poppins";
	font-weight: bold;
	font-size: 16px;
	color: #262F3B;
}

#activity-feed-tab p,
#issue-tab p,
#directory-tab p,
#billtracking-tab p {
	font-family: "Inter";
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #FF173D;
	border-radius: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 4rem !important;
}

#activity-feed-tab p.lock-icon,
#issue-tab p.lock-icon,
#directory-tab p.lock-icon,
#billtracking-tab p.lock-icon
 {
	background: none;
}

#activity-feed-tab p.lock-icon img,
#issue-tab p.lock-icon img,
#directory-tab p.lock-icon img,
#billtracking-tab p.lock-icon img 
{
	width: 24px;
}

.my-nav-item {
	margin-left: 12px;
	background-color: #F2F2F2;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}

.activity-head {
	display: -webkit-inline-box;
}

.activity-head h2 {
	padding-left: 10px;
}

#search-all-tab,
#search-people-tab,
#search-press-releases-tab,
#search-committees-tab {
	padding-right: 5rem;
}

#search-all .post-date,
#search-press-releases .post-date {
	font-size: 14px;
	color: #828282;
}

#search-all h6,
#search-press-releases h6 {
	line-height: 150%;
	color: #FF173D;
}

#search-all p,
#search-press-releases p,
#search-people p {
	font-size: 14px;
}

h2.my-title {
	font-size: 20px!important;
	line-height: 30px!important;
	letter-spacing: -0.2px!important;
	color: #262F3B!important;
}

.people-name {
	font-family: "Poppins";
	font-weight: bold;
	font-size: 14px;
}

p.people-desc {
	font-size: 14px!important;
	margin: 0px;
}

.ava-square {
	margin-left: 10px;
}

.title-press-release {
	font-family: "Poppins";
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
}

.my-text-truncate {
	display: block;
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.page-item.active .page-link {
	background-color: #FF173D;
	border-color: #FF173D;
}

.text-secondary,
ul.list-unstyled i,
ul.list-unstyled span {
	color: #262F3B;
}

#staticPassword {
	border: none;
	font-size: 30px;
	padding: 0px!important;
	color: #262F3B;
}

.my-account-page label {
	font-family: Inter;
	font-weight: normal;
	font-size: 14px;
	color: #676D75;
}


.my-account-form-container {
	padding: 30px 30px;
}

.my-account-form-container .form-group {
	border-bottom: 1px solid #E0E0E0;
}

.my-account-form-container .form-group a {
	font-size: 14px;
}

input#subscriptionType {
	font-weight: bold;
	color: #FF173D;
}

.card-product label {
	font-weight: bold;
	font-size: 14px;
	line-height: 125%;
	color: #262F3B;
}

.card-product p {
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
	color: #FF173D;
}

.see-more {
	text-align: center;
	font-size: 18px;
	line-height: 150%;
	font-weight: bold;
	color: #262F3B;
}

.ico-arrow-right {
	padding-left: 10px;
	height: 20px;
}

p.status {
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	color: #555555;
}

p.status+p {
	font-size: 14px;
}

.profile-name {
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -0.2px;
	color: #262F3B;
}

.slide-container {
	margin-right: -15px;
	margin-left: -15px;
}

.govbuddy-products button.slick-prev.slick-arrow,
.govbuddy-products button.slick-next.slick-arrow {
	border: 2px solid #FF173D;
	box-sizing: border-box;
	border-radius: 5px;
}

.govbuddy-products button.slick-arrow.slick-next {
	right: 10px;
	background: url(../img/arrow-right-red.svg) no-repeat;
	background-size: 10px;
	background-position: center;
}

.govbuddy-products button.slick-arrow.slick-prev {
	background: url(../img/arrow-left-red.svg) no-repeat;
	background-size: 10px;
	background-position: center;
}

p.p-discover {
	letter-spacing: -0.2px;
	color: #676D75;
}

.nav-menu-account p,
nav-menu li a span {
	display: none;
}

.nav-menu-account {
	position: relative;
}

.nav-menu-account {
	color: #fff;
	font-weight: normal;
	font-size: 13px;
}

.nav-menu-account ul {
	margin: 0;
	padding: 0
}

.nav-menu-account p {
	margin: 20px 10px;
	font-family: Inter;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	color: #676D75;
}

.nav-menu-account li a {
	font-family: Poppins;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: #FFFFFF;
	padding: 10px 20px;
	display: block;
	text-decoration: none
}

.nav-menu-account li.active a,
.nav-menu-account li:hover a {
	background: #FF173D;
	font-weight: 600;
	border-radius: 10px 0px 0px 10px;
	color: #fff;
}

.nav-menu-account li:hover a {
	font-weight: normal;
}

.nav-menu-account li.active a * {
	color: #fff;
}

.nav-menu-account li a i {
	font-size: 20px;
	margin-right: 15px;
	position: relative;
	top: 4px
}

.nav-menu-account li a i.icon-activity {
	float: none;
	position: relative;
	top: 3px !important;
}

.nav-menu-account ul:last-child {
	margin-top: 20px;
}

.nav-menu-account li:hover i,
.nav-menu-account li:hover span {
	color: #FFFFFF;
}

.container-box-my-account {
	border-right: 1px solid #E0E0E0;
	max-width: 275px;
}


/*Account - Subscription*/

.card-subscriptions {
	margin-bottom: 20px;
}

.card-subscriptions .card-body {
	padding: 15px 25px;
}

.acc-type {
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 0;
	text-decoration: none
}

.acc-price {
	font-family: Poppins;
	font-weight: bold;
	font-size: 26px;
	line-height: 42px;
	letter-spacing: -1.2px;
	color: #262F3B;
	margin-bottom: 0;
}

.acc-price span {
	font-weight: normal;
	font-size: 20px;
}

.acc-seats {
	font-size: 18px;
	line-height: 21px;
	color: #676D75;
}

.acc-owner .form-group:last-child,
.acc-renewal .form-group,
.acc-available .form-group {
	margin-bottom: 0;
}

.acc-owner label {
	font-family: Inter;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	color: #676D75;
	margin-bottom: 0;
}

.acc-owner p,
.acc-renewal p,
.acc-renewal label {
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	color: #262F3B;
	margin-bottom: 0;
}

.acc-owner .form-group p a {
	text-decoration: none;
	color: #FF173D;
}

.acc-owner .form-group p a i {
	text-decoration: none;
	color: #676D75;
}

.acc-renewal label {
	margin-bottom: 10px;
	margin-top: 10px
}

.switch input+.slider .switch-text:before {
	font-size: 13px;
	content: 'OFF';
	color: #caced4;
	position: absolute;
	top: 7px;
	right: 7px;
	left: auto;
}

.switch input:checked+.slider .switch-text:before {
	content: 'ON';
	color: #fff;
	position: absolute;
	top: 7px;
	left: 10px;
}

.acc-time {
	font-size: 14px;
	line-height: 150%;
	color: #676D75;
	margin-bottom: 10px;
	margin-top: 10px;
}

.acc-status {
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	text-align: right;
	color: #676D75;
	float: right;
}

.acc-status .dot {
	width: 10px;
	height: 10px;
	background: #45B39C;
	border-radius: 100px;
	display: inline-block;
}

.acc-available,
.acc-available label {
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	color: #262F3B;
}

.acc-seat {
	font-size: 14px;
	margin-bottom: 10px;
}

.btn-upgrade-plan {
	text-align: left;
	padding: 12px 20px;
	min-width: 160px
}

.btn-upgrade-plan img,
.btn-upgrade-plan img {
	float: right;
}

.upgrade-plan-info .text-link {
	font-weight: bold;
	text-decoration: none;
}

.upgrade-plan-info ul {
	list-style: none;
	padding: 0;
}

.upgrade-plan-info ul li {
	background: url(../img/check.png) no-repeat;
	background-size: 22px;
	padding-left: 30px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 14px;
}


/*.icon-setting{
	display: inline-block;
	background: url(../img/icon-setting.png) no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
}*/


/*Manage Team*/

.card-team .card-body {
	padding: 5px
}

.card-team .card-body table,
.billing-payment table {
	width: 100%
}

.card-team table tr td,
.billing-payment table tr td {
	font-size: 14px;
	padding: 15px 5px;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.billing-payment table tr td {
	padding: 10px 5px
}

.billing-payment table tr td p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
}

.billing-payment table tr td a {
	margin-right: 15px;
	font-size: 14px;
}

.card-team table tr:last-child td,
.billing-payment table tr:last-child td {
	border: none
}

.card-team table .ava-circle {
	float: left;
}

.card-team table a,
.card-team table span,
.card-team table label {
	display: block;
	margin: 5px 0 0;
	font-weight: bold;
}

.card-team table span {
	font-size: 14px;
	line-height: 150%;
	color: #676D75;
	font-weight: normal;
}

.card-team table a {
	margin-top: 10px;
	text-decoration: none
}

.card-team table a i {
	color: #676D75;
}

.card-team table label {
	font-family: Inter, sans-serif font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	color: #262F3B;
}

.badge-owner {
	background: #E6E6E6;
	padding: 2px 5px;
	font-weight: bold;
	border-radius: 2px;
	line-height: normal;
	color: #676D75;
}

.listed-team .card-team {
	background: #F8F8F8;
	/* Gray 5 */
	border: 1px solid #E0E0E0;
	padding: 10px
}

.listed-team .card-team table {
	background: #fff;
	border: 1px solid #E0E0E0;
}

.team-info h4 {
	font-size: 18px;
	line-height: 27px;
	letter-spacing: -0.2px;
	color: #262F3B;
}

.team-info p {
	font-size: 14px;
	color: #676D75;
}

.team-info h4+a,.team-info h4+a+a,.team-info h4+a+a+a {
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	text-decoration: none;
}
.team-info h4+a+a,
.team-info h4+a+a+a {
	margin-left:0
}
.team-info h4+a i, .team-info h4+a+a i, .team-info h4+a+a+a i {
	color: #676D75
}

.team-info .btn-outline {
	padding: 10px 20px;
}

.team-info .btn-outline i {
	margin-right: 10px;
}


/*Notification*/
.enable-notification label {
	font-size: 16px;
	color: #262F3B;
}

.enable-notification label small {
	color: #676D75
}


/*Billing payment*/

.status-billing {
	padding: 5px 10px;
	background: #DDF1ED;
	border-radius: 5px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #45B39C;
}

.status-billing.status-unpaid {
	background: #FFE7EB;
	color: #f9163e;
}

.billing-payment .card-payment-method td p,
.billing-payment .card-payment-method td label {
	font-size: 14px;
	margin-bottom: 0;
	font-weight: bold;
}

.billing-payment .card-payment-method td {
	border: none;
	width: 55%;
}

.billing-payment .card-payment-method {
	padding: 10px;
	margin-bottom: 30px;
}

.billing-payment .card-payment-method table tr td a {
	font-weight: bold;
	text-decoration: none;
	margin: 0;
}

.billing-payment .card-payment-method table tr td a i {
	color: #676D75;
}

.primary-card {
	position: absolute;
	padding: 5px 10px;
	background: #FFE7EB;
	color: #f9163e;
	border-radius: 5px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	top: -16px;
}


/*Dashboard*/

.nav-full {
	background: #fff;
	padding: 20px;
}

ul.step-plan {
	list-style: none;
	padding: 0;
	margin: 30px 0 0;
}

ul.step-plan li {
	display: inline-block;
	padding: 10px 20px;
	font-size: 20px;
	font-family: 'Poppins';
	font-weight: bold;
}

ul.step-plan li small {
	font-size: 18px;
	border: 3px solid #CCCCCC;
	float: left;
	padding: 7px;
	line-height: 23px;
	border-radius: 100px;
	color: #262F3B;
	font-weight: bold;
	margin-right: 10px;
	width: 40px;
	height: 40px;
	position: relative;
	top: -5px;
}

ul.step-plan li small.icon-check {
	border: none;
	background: url(../img/check.png) no-repeat;
	background-size: 40px;
}

.card-pricing {
	border-radius: 5px;
	border: 1px solid #ccc;
	position: relative;
}

.card-pricing:hover {
	box-shadow: 0px 0 20px #2323253d;
	z-index: 9;
	border: 1px solid #FF173D
}

.card-pricing.card-black {
	background: #262F3B;
	color: #fff;
}

.card-black .plan-type {
	background: #374252
}

.most-popular {
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
	background: #FF173D;
	padding: 10px;
	border-radius: 5px 5px 0 0;
}

.plan-benefit {
	padding: 30px 20px 0;
}

.plan-benefit ul {
	list-style: none;
	padding: 0;
	font-size: 16px;
}

.plan-benefit ul li {
	margin-bottom: 20px;
	background: url(../img/check.png) no-repeat;
	background-size: 25px;
	padding-left: 35px;
	font-size: 14px;
	padding-bottom: 5px
}

.plan-type {
	padding: 30px 20px 20px;
	border-bottom: 1px solid #0000001f;
	margin-bottom: 20px;
}

.plan-type h2 {
	font-size: 28px;
}

.plan-type h2 span {
	font-weight: normal;
	font-size: 22px;
}

.plan-type h6 {
	font-size: 20px;
}

.plan-type p {
	color: #676D75;
	font-weight: bold;
}

.card-pricing .btn-primary {
	font-size: 16px;
}

.current-plan {
	font-size: 22px;
	color: #676D75;
}

.current-plan b {
	color: #262F3B;
}

a.back-arrow {
	font-size: 14px;
	font-weight: 600;
	margin-top: 15px;
	display: inline-block;
}


/*FEATURES*/


/*================ features area two css ==============*/

.features_tab_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.features_tab_inner .features_tab_left {
	width: 50%;
	float: left;
}

.features_tab_inner .features_tab_left .features_tab {
	max-width: 400px;
	margin-left: 0;
	margin-right: 70px;
	padding-top: 20px;
	border: 0px;
	position: relative;
	width: auto;
	left: 0;
	bottom: 0;
	text-align: left;
	display: block;
}

.features_tab_inner .features_tab_left .features_tab li {
	opacity: 1;
	margin: 0px 0px 10px;
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 20px 50px 20px 80px;
	height: 100%;
	text-indent: inherit;
	border-radius: 5px;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	/* border: 1px solid #eee; */
	position: relative;
	background: none;
}

.features_tab_inner .features_tab_left .features_tab li .tab_icon {
	position: absolute;
	left: 20px;
	top: 30px;
	width: 45px;
}

.features_tab_inner .features_tab_left .features_tab li .heading {
	font-size: 21px;
	line-height: 28px;
	color: #262F3B;
	font-weight: 600;
	display: block;
	position: relative;
	padding-bottom: 0;
	margin-bottom: 6px;
}

.features_tab_inner .features_tab_left .features_tab li .summary {
	font-size: 14px;
	line-height: 20px;
	color: #676D75;
	display: block;
}

.features_tab_inner .features_tab_left .features_tab li .summary+img {
	display: none
}

.features_tab_inner .features_tab_left .features_tab li.active,
.features_tab_inner .features_tab_left .features_tab li:hover,
.features_tab_inner .features_tab_left .features_tab li:focus {
	background-color: white;
	-webkit-box-shadow: 0px 8px 26px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 8px 26px 2px rgba(0, 0, 0, 0.05);
}

.features_tab_inner .features_tab_right {
	width: 50%;
	float: left;
	position: relative;
	top: 0;
}

.features_tab_inner .features_tab_right .carousel-inner {
	padding-right: 10px;
	text-align: center;
	-webkit-transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	position: relative;
	padding-left: 10px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.features_tab_inner .features_tab_right .carousel-inner .carousel-item {
	opacity: 0;
	left: 30px;
	-webkit-transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	padding-bottom: 23px;
	padding-top: 10px;
}

.features_tab_inner .features_tab_right .carousel-inner img {
	/* -webkit-box-shadow: 0px 8px 26px 2px rgba(0, 0, 0, 0.05); */
	/* box-shadow: 0px 8px 26px 2px rgba(0, 0, 0, 0.05); */
	position: relative;
	-webkit-transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	max-width: 100%;
	border: 5px solid #fff;
}

.features_tab_inner .features_tab_right .carousel-inner .active {
	opacity: 1;
	visibility: visible;
	display: block;
	left: 0;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.features_tab_inner .features_tab_right .carousel-inner .active img {
	left: 0;
	opacity: 1;
}

.features-list .btn-primary {
	min-width: 250px;
	font-size: 16px;
}

.plan-payment .card {
	font-size: 14px;
}

.form-line .select2-container .select2-selection {
	border: none;
	border-bottom: 2px solid #ccc;
	border-radius: 0;
	font-size: 16px;
	padding: 10px 0;
	box-shadow: none !important
}

.form-line .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
}

.plan-payment .form-group {
	margin-top: 20px
}

.plan-payment .form-group.w-50 {
	width: 48% !important;
	margin-right: 2%;
}

.plan-payment .form-control {
	font-size: 16px;
}

.plan-confirmation .w-50 label {
	color: #676D75;
	font-size: 14px;
}

.plan-confirmation .w-50 p b {
	font-size: 16px;
}

.form-line .form-control {
	font-size: 16px;
	border: none !important;
	border-radius: 0;
	border-bottom: 2px solid #ccc !important;
	padding: 10px 0 !important;
	height: auto;
	color: #262F3B;
}

.form-line .form-control:focus,
.form-line .form-control:active {
	outline: none;
	box-shadow: none !important;
	background: none !important;
	border-bottom: 2px solid #FF173D !important
}

p.p-discover b {
	color: #262F3B;
}

.input-otp input {
	width: calc(16.66% - 10px);
	float: left;
	margin-right: 10px;
	height: 60px;
	margin-top: 10px;
}

.input-otp input:last-child {
	margin-right: 0;
}

.modal-success h2 {
	font-size: 24px;
	line-height: 24px;
	letter-spacing: -1.2px;
	color: #262F3B;
}


/*Staff*/

.filter-staff p {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 32px;
	color: #262F3B;
	margin-bottom: 9px;
}

.filter-staff ul {
	list-style: none;
	padding: 0;
	margin: 0 0 18px;
}

.filter-staff ul li {
	display: inline-block;
}

.filter-staff ul li a {
	padding: 6px;
	color: #262F3B;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
}

.filter-staff ul li.active a {
	background: #FF173D;
	border-radius: 5px;
	color: #FFFFFF;
}

.dropdown-notification .dropdown-menu li .desc {
	font-weight: bold;
	line-height: 125%;
}

.see-more {
	font-size: 14px;
	color: #FF173D;
}

.notif-unread {
	background-color: #FFF9C7;
	padding: 15px;
	border: none;
}

.notif-item {
	border-bottom: 1px solid #EFEFEF;
}

.dropdown-menu.w-0.show {
	width: fit-content;
	padding: 5px;
	border: none;
}

.dropdown-menu.w-0.show a.dropdown-item {
	margin: 0px;
}

.dropdown-menu::before {
	content: "";
	display: inline-block;
	right: 15px;
	position: absolute;
	top: -8px;
}

.dropdown-menu::after {
	border-bottom: 8px solid #FFFFFF;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	content: "";
	display: inline-block;
	right: 15px;
	position: absolute;
	top: -7px;
}

.district-item,
.representative-item {
	font-weight: bold;
}

select#inputState {
	padding-bottom: 15px;
}

.btn-filter {
	height: 42px;
}

.filter-form label {
	font-size: 14px;
}

#inputAddress::-webkit-input-placeholder,
#inputCity::-webkit-input-placeholder,
#inputCity::-webkit-input-placeholder {
	color: #BDBDBD;
}

.card-countries {
	border: none;
	padding: 0px;
}

.card-countries h3 {
	font-size: 18px;
	line-height: 27px;
	letter-spacing: -0.2px;
}

.my-tab-container {
	width: 100%!important;
	margin: 0!important;
	background-color: #F8F8F8;
}

.my-custom-nav-item {
	margin-left: 12px;
	background-color: #E0E0E0;
	border-radius: 5px 5px 0px 0px;
}

.my-custom-nav-item a.nav-link.active {
	border-color: #fff;
}

.check-countries {
	padding: 0;
	list-style: none;
}

.filter-header label {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -0.2px;
}

.custom-close {
	font-size: 17px;
}

#name-in-map {
	font-size: 16px;
	line-height: 18px;
}

#state-in-map {
	font-size: 14px;
	line-height: 21px;
}

#name-in-map,
#state-in-map {
	font-family: 'Inter';
	letter-spacing: -0.2px;
}

.photo-in-map {
	border-radius: 10px;
	max-width:100px !important ;
}

.floatButton {
	background: #F8F8F8;
	position: absolute;
	border-radius: 0px 0px 5px 5px;
	-webkit-transform: rotate(-90deg);
	top: 300px;
	z-index: 1;
	float: left;
	left: -65px;
}

.floatButton label {
	padding: 15px 0px 15px 15px;
	padding-right: 30px;
	margin: 0;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -0.2px;
	color: #262F3B;
}

#floatButton {
	display: none;
}


/*Tags Input*/

.bootstrap-tagsinput .tag {
	margin-right: 2px;
	color: white;
	font-size: 14px;
	background: #676d75 !important;
	padding: 3px 7px;
	border-radius: 5px;
	margin-bottom: 5px;
	float: left;
	line-height: 16px;
}

.bootstrap-tagsinput input {
	font-size: 14px;
	/*background: url(../img/icon-search.png) no-repeat 5px 7px #fff;*/
	/*padding-left: 30px;*/
}

.bootstrap-tagsinput {
	width: 100%;
	line-height: 32px;
}

span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
	color: #ffffff;
	text-decoration: none;
	outline: 0;
	background-color: #FF173D;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
	padding: 0;
	content: "\e903";
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-size: 8px;
}

span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
	width: 100%
}

span.twitter-typeahead .tt-suggestion {
	text-overflow: ellipsis;
	overflow: hidden;
}

.card-body .box-latest-rep h3,
.box-latest-staff h3,
.box-latest-dir h3,
.box-latest-map h3,
.box-act-dir h3 {
	font-size: 18px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #262F3B;
	margin-bottom: 7px;
	margin-top: 5px;
	text-align: center;
}

.card-body .box-latest-rep .desc-latest-rep,
.box-latest-staff .desc-latest-staff,
.box-latest-dir .desc-latest-dir,
.box-latest-map .desc-latest-map {
	font-size: 14px;
	text-align: center;
	color: #676D75;
}

.box-act-dir .desc-act-dir {
	font-size: 14px;
	text-align: center;
	color: #676D75;
	padding-top: 100px;
}

.box-latest-rep,
.box-latest-staff {
	background-image: url("../img/bg-lock.png");
	height: 300px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.box-latest-dir {
	background-image: url("../img/bg-latest-dir.png");
	height: 290px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.box-latest-map {
	background-image: url("../img/bg-latest-map.png");
	height: 382px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.box-act-dir {
	background-image: url("../img/bg-activity-directory.png");
	height: 999px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.list-people ul .col-md-2 {
	max-width: 50px;
}

.list-people ul .col-md-10 {
	max-width: calc(100% - 60px);
}

.dropdown-notification.show-overlay .dropdown-menu .col-md-2 {
	max-width: 60px;
}

.dropdown-notification.show-overlay .dropdown-menu .col-md-10 {
	max-width: calc(100% - 60px);
}

.ava-committee {
    background: #f9163e;
    width: 50px;
    height: 70px;
    position: relative;
    overflow: visible;
    float: left;
    margin-right: 25px;
    margin-bottom: 10px;
    line-height: normal;
    text-align: center;
}
.ava-committee small {
    line-height: 10px;
    color: #fff;
    font-size: 10px;
}

.ava-committee img {
    height: 50px;
	width: 35px;
    position: relative;
    top: -9px;
}
.ava-committee.state-joint-bg img{
	top:-9px
}
.ava-committee small {
    position: relative;
    top: 0;
}

.ava-committee small:last-child {
    top: -15px;
}

.ava-committee img + small {
    top: -18px;
}
.ava-committee.state-assembly-bg {
	background: #3CA616;
}

.ava-committee.state-senate-bg {
	background: #FF173D;
}

.ava-committee.state-joint-bg {
	background: #01B2C6;
}

.ava-committee.subcomittee-bg {
	background: #2f3c82;
}

.ava-committee.joint-subcomittee-bg {
	background: #197fd0;
}

.ava-committee span {
	position: absolute;
	top: -17px;
	right: -17px;
	width: auto;
	line-height: normal;
}

.badge-number {
	background: #f9163e;
	padding: 1px 6px;
	font-weight: bold !important;
	color: #fff;
	border-radius: 100px;
	display: inline-block !important;
	width: auto !important;
	border: 2px solid #fff;
	font-size: 12px;
	position: absolute;
	right: -5px;
	top: 3px;
}

.state-comittee-details {
    padding: 15px 20px;
    background: #eee;
    position: relative;
    padding-left: 150px;
    border-top: 5px solid #f9163e;
    margin-bottom: 10px;
}

.state-comittee-details h4 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: -0.2px;
    color: #262F3B;
    margin-bottom: 0 !important;
}

.state-comittee-details h4 + p {
    font-size: 21px;
    margin-bottom:10px;
}
.state-comittee-details .ava-committee {
    position: absolute;
    left: 0;
    /* transform: scale(1.2); */
    transform-origin: top;
    height: 100%;
    width: 130px;
    top: 0;
}

.state-comittee-details .ava-committee .badge-number {
    /* font-size: 10px; */
    top: 6px;
}
.state-comittee-details .phone-no .office-phone {
    font-weight: bold;
    margin-top: 6px;
    display: inline-block;
    color: #262F3B;
}
.state-comittee-details .phone-no{
font-weight:bold}

.state-comittee-details .ava-committee img  {
    width: 110px !important;
    height: auto;
}

.state-comittee-details .ava-committee small {
    display: block;
    font-size: 14px;
    margin: 20px 0 10px;
    padding: 0 5px;
}

.inputs-otp{
	text-align: center;
	font-weight: bold;
}

/*ERROR*/
#error-page{background:#F8F8F8;border-top: 5px solid #f9163e;}
#error-box,#error-page{
	text-align: center;
	min-height: 100vh;
	position: relative;
}
#error-box .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}
#error-box span {
    /* color:#f9163e; */
    font-family:'Poppins',Inter,sans-serif;
    font-weight: 700;
    margin-top: 20px;
}
#error-box .lead{
    background:#fff;
    padding:4%;
    width: 60%;
    margin: 0 auto;
    /* font-weight:bold; */
}


#choose-plan{
padding: 75px 0 0;
background: #F8F8F8
}
.upgrade-plan{
/*padding: 25px 0 50px;
background: #F8F8F8*/
}

#choose-plan h2,.upgrade-plan h2{ 
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 42px;
line-height: 60px;
/* identical to box height, or 143% */

text-align: center;
letter-spacing: -1.2px;

color: #262F3B;
}

#choose-plan p{ 
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 150%;
/* or 30px */

text-align: center;
letter-spacing: -0.2px;

color: #676D75;
}
.plan-white {
    background: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    min-height: 250px;
    position: relative;
    padding-bottom: 70px;
    cursor: pointer;
}

.plan-white .btn{
  display:block;
  width: calc(100% - 40px);
  background:#262f3b;
  color:#fff;
  position: absolute;
  bottom:10px;
}
.plan-box {
    margin: 40px 0;
}
#choose-plan .plan-box .size-people{font-family: Inter;font-style: normal;font-weight: bold;font-size: 16px;line-height: 22px;
/* identical to box height */text-align: center;color: #262F3B;margin: 0;}
.plan-white input {
    position: absolute;
    top: 10px;
    left: 10px;
}
.plan-benefit .col-md-10{background: #FFFFFF;box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.06);border-radius: 3px;padding: 10px 30px;border-top: 5px solid #f9173e;}
#choose-plan .plan-benefit p,
#choose-plan .plan-benefit li{
  font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
text-align: left;
/* or 137% */

letter-spacing: -0.2px;

color: #262F3B;

}

#choose-plan .plan-white h3 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 39px;
/* identical to box height */
    text-align: center;
    color: #262F3B;
}

#choose-plan .plan-white h4 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 42px;
/* identical to box height */
    text-align: center;
    color: #FF173D;
}
.upgrade-plan .panel-title a {
    background: #FFFFFF;
/* Gray 5 */
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 3px;
    display: block;
    padding: 15px;
    margin-top: 20px;
    font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    
/* or 81px */
    letter-spacing: -0.2px;
    color: #262F3B;
    text-decoration: none
}
.plan-white.active,.plan-white:hover {
    border: 1px solid #f9163e;
}

.plan-white.active .btn,.plan-white:hover .btn {
    background: #f9163e;
}
.upgrade-plan  .panel-body {
    padding: 20px;
    font-size: 16px;
    line-height: 150%;
    color: #4f5865;
}
.upgrade-plan  .panel-heading a:before {
    content: '';
    float: right;
    transition: all 0.5s;
    top: 8px;
    right: 10px;
    background: url(../img/arrow-faq.png) no-repeat 0;
    display: block;
    width: 20px;
    height: 20px;
}

.upgrade-plan  .panel-heading a[aria-expanded="true"]:before {transform: rotate(-180deg);}
@media(max-width: 768px){

.row-features{
  padding: 20px 0
}
#features-box-list .row {
    display: block;
}

#features-box-list .row .col {
    display: block;
    padding: 10px;
    text-align: left;
}

#features-box-list p {
    text-align: left;
}

#features-detail .col-md-6 img{
  max-width: 95%
}
#features-detail .col-md-6{
  padding: 20px;
  text-align: center;
}

.row-features h6{
  font-size: 14px;
}

.row-features h2{
  font-size: 28px;
  line-height: normal;
}

.row-features p{
  font-size: 16px;
}
#choose-plan .plan-benefit p,
#choose-plan .plan-benefit li{
  font-size: 14px;
}
#choose-plan .plan-benefit h4 {
  font-size: 18px;
  line-height: normal;
}
.plan-box .row {
    display: block;
}

.plan-box .row .col {
    margin-bottom: 20px;
}
.plan-box {
    margin: 10px 0;
}

#choose-plan h2, .upgrade-plan h2 {
    font-size: 24px;
    line-height: normal;
}
section#choose-plan {
    padding: 25px;
}
#choose-plan p {
    font-size: 18px;
    line-height: normal;
}
ul.step-plan {
    margin: 0;
}

ul.step-plan li{
    font-size: 12px;
    padding: 5px;
}

ul.step-plan li small {
    display: block;
    float: none;
    margin: 0 auto;
}
.upgrade-plan .nav-full .ava-circle {
    position: absolute;
    right: 0;
    top: 0;
}

.upgrade-plan .nav-full 
 .col-md-4 {
    width: auto;
    margin-bottom: 20px;
}

.upgrade-plan .nav-full .col-md-4:first-child a {font-size: 0;width: 30px;height: 30px;}

.upgrade-plan .nav-full .col-md-4:nth-child(2) img {
    height: 43px;
}

.upgrade-plan .nav-full .col-md-4:nth-child(3) {
    width: 80px;
}

.upgrade-plan .nav-full .col-md-4:nth-child(2) {
    width: calc(100% - 140px);
}

.upgrade-plan .nav-full {padding-bottom: 10px;}
}


/* The check_plan */
.check_plan {
  display: block;
  position: absolute;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.check_plan input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark_plan {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
  border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.check_plan:hover input ~ .checkmark_plan {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.check_plan input:checked ~ .checkmark_plan {
  background: url(../img/icon-check-big.png) no-repeat;
  border: 1px solid #f9163e;
  background-size: 100%;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark_plan:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.check_plan input:checked ~ .checkmark_plan:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.check_plan .checkmark_plan:after {
 	top: 9px;
 	left: 9px;
 	width: 8px;
 	height: 8px;
 	border-radius: 50%;
 	background: none;
}

@media(max-width: 600px){
#choose-plan .plan-white h3 {
    font-size: 20px;
    line-height: normal;
    margin-top: 20px;
}

#choose-plan .plan-white h4 {
    font-size: 23px;
    line-height: normal;
}

.plan-white {
    min-height: auto;
}
.plan-benefit,.plan-box .row .col{
padding: 0
}
}

.modal-team .select2-container {
    width: 100% !important;
}
label.custom-radio .text-link {
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    display: block;
    padding: 10px;
    background: #e8e8e8;
    color: #867f7f !important;
}

textarea.form-control,#modal-guide .select-custom+.select2-container--default .select2-selection--single, .select-issue-dropdown+.select2-container--default .select2-selection--single, .card-legislator-filter .select2-container--default .select2-selection--single, .select-frequency-dropdown+.select2-container--default .select2-selection--single {
    border: 1px solid #a2a2a278 !important;
}

#modal-guide .modal-dialog {
    max-width: 700px;
}

#modal-guide .modal-dialog p {
    font-size: 14px;
    margin: 20px;
}

#modal-guide .carousel-indicators {
    bottom: 0;
    position: relative;
}

#modal-guide .carousel-indicators li {
    background: #fff;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 100px;
}

#modal-guide img {
    border: 1px solid #eee;
    width: 75%;
}
#modal-guide .modal-header,#modal-guide .modal-body {
    background:#fff
}
#modal-guide .modal-footer {
    position:relative;
    background: #262F3B;
    border: none;
    padding: 20px;
    margin: 10px -16px -16px;
    border-radius: 0;
}
#modal-guide  .modal-content {
    border: none;
}
span.step-icons {
    position: absolute;
    background: #f9163e;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    border-radius: 100px;
    margin-left: -20px;
    font-weight: bold;
    border: 3px solid #fff;
    box-shadow: 0 10px 10px #ccc;
}

.input-group.input-qty .btn {
    padding: 2px 10px;
    color: #f9163e;
    border: 1px solid #f9163e;
    height: calc(1.5em + .75rem + 2px);
}

.input-group.input-qty .form-control {
    width: 50px;
    margin: 0 5px;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    height: calc(1.5em + .75rem + 1px);
    padding: .375rem .75rem;
    font-size: 16px;
    flex: none;
}

.input-group.input-qty {margin-bottom: 10px;margin-top: -10px;}

.input-group.input-qty 
 label {
    display: block;
    width: 100%;
}

.form-billing .check_plan input,.form-billing .check_plan {
    width: 100%;
}

.form-billing .check_plan {top: 0;left: 0;padding: 32px;}

.form-billing .check_plan .checkmark_plan {
    top: 17px;
    left: 20px;
}
.form-billing .plan-white {
    min-height: auto;
    padding-bottom: 10px;
    text-align: left;
    border:1px solid #ccc;
    margin-bottom:20px;
}
.form-billing .plan-white.active {

    border:1px solid #f9173e
}
.form-billing .plan-white h3 {margin-left:50px;
    font-size:20px}


.form-billing-other {
    padding: 20px;
    margin-top: -21px;
    background: #fff;
    border: 1px solid #f9173e;
    position: relative;
    z-index: 9;
}

a.btn.btn-delete {
    font-size: 14px;
    padding: 0;
    color: #fff;
    background: #bdbdbd;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100px;
    margin-top: 9px;
}
.plan-payment .form-billing .form-group.w-50 {
    margin-top: 0;
}


.search-empty h3 {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Inter',sans-serif;
}

.search-empty {
    padding: 20px;
}

.search-empty .box-illustration {
    margin: 0;
    width: 100%;
}

.search-empty .box-illustration img {
    margin-bottom: 20px;
    /*mix-blend-mode: luminosity;
    opacity: .7;*/
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

/*DASHBOARD*/

* {
	/*transition: .2s all*/
}

body#dashboard-login {
	background: #F8F8F8;
	font-family: 'Inter', Arial, sans-serif;
	color: #262F3B;
}

body {
	font-family: 'Inter', Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins';
	font-weight: bold;
}

a,
a:hover {
	color: #FF173D
}

.form-control {
	display: inline-block;
	font-size: 13px;
	padding: 11px 13px;
	height: auto;
}

.textarea-control,
.form-line .form-control.textarea-control,
.form-line .form-control.textarea-control:focus {
	font-size: 16px;
	border: 2px solid #ccc !important;
	resize: none;
	border-radius: 5px;
	height: 150px;
	padding: 10px !important;
}

.form-line label {
	font-family: Inter;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	color: #676D75;
}

.form-line .form-control {
	font-size: 16px;
	border: none !important;
	border-radius: 0;
	border-bottom: 2px solid #ccc !important;
	padding: 10px 0 !important;
	height: auto;
}

.form-line .form-control:focus,
.form-line .form-control:active {
	outline: none;
	box-shadow: none !important;
	border: none !important;
	border-bottom: 2px solid #FF173D !important;
	background: #fff !important;
}

.form-line .form-control::-webkit-input-placeholder {
	color: #BDBDBD;
}

.form-line .form-control:-ms-input-placeholder {
	color: #BDBDBD;
}

.form-line .form-control::placeholder {
	color: #BDBDBD;
}

.border-0 {
	border: none !important
}

.btn {
	padding: 10px 25px;
	border: none;
	font-family: 'Poppins';
	letter-spacing: 0;
	font-size: 14px;
	font-weight: 600;
}

.btn-150 {
	min-width: 150px
}

.btn-primary {
	background: #FF173D !important;
	box-shadow: none;
	color: #fff !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	background: #f32849;
	box-shadow: none;
	color: #fff;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #f32b4c;
	border-color: #f32b4c;
}

.btn-ghost {
	background: #fff;
	box-shadow: none;
	color: #FF173D;
	border: none;
}

.btn-outline {
	background: none;
	box-shadow: none;
	color: #FF173D;
	border: 1px solid #FF173D;
}

.btn-outline i {
	color: #FF173D;
}

.btn-secondary {
	background: none;
	color: #fff;
	box-shadow: none;
	border: 1px solid #fff;
	border-radius: 4px;
}

.btn-grey {
	background: #676D75;
	color: #fff;
	box-shadow: none;
	border-radius: 4px;
}

.btn-grey:hover {
	background: #4d5258;
	color: #fff;
	box-shadow: none;
	border-radius: 4px;
}

.btn-disabled {
	background: #EDEDED;
	box-shadow: none;
	color: #caced4;
}

.btn-disabled:hover,
.btn-disabled:active,
.btn-disabled:focus {
	background: #EDEDED;
	box-shadow: none;
	color: #caced4;
}

.btn span {
	font-size: 11px;
	display: block;
	font-family: 'Poppins';
	font-weight: normal;
}

.btn-add {
	min-width: 115px
}

.btn-action .btn {
	min-width: 160px;
	font-size: 14px;
}

.btn-action {
	margin: 30px 0;
}

.switch {
	position: relative;
	display: block;
	width: 70px;
	height: 34px;
	margin: 0 !important;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #EDEDED;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 5px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch input:checked+.slider {
	background-color: #45b39c;
}

.switch input:checked+.slider:before {
	left: 13px
}

.switch input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}


/* Rounded sliders */

.switch .slider.round {
	border-radius: 34px;
}

.switch .slider.round:before {
	border-radius: 50%;
}

.text-link {
	text-decoration: none;
	color: #FF173D !important;
}

.col-center {
	float: none !important;
	margin: 0 auto !important;
}

#nav-sidebar {
	width: 250px;
	background: #262F3B;
	height: 100vh;
	/* box-shadow: 0 0px 10px #272f3b6e; */
	float: left;
	position: fixed;
	left: 0;
	z-index: 100;
	/*transition: .5s all;*/
	border-right: 1px solid #efefef;
}

#nav-sidebar.minimize {
	width: 60px;
}

#nav-sidebar.minimize .nav-menu p,
#nav-sidebar.minimize .nav-menu li a span,
#nav-sidebar.minimize .box-profile p {
	display: none;
}

#nav-sidebar.minimize .box-profile .ava-circle {
	float: none;
	margin: 5px 5px 20px;
}

i.icon-activity {
	background: url(../img/ic-activity.svg) no-repeat;
	width: 30px;
	height: 24px;
	display: block;
	float: left;
	margin-right: 10px !important;
	top: 0 !important;
	left: -2px;
}

.nav-menu {
	position: relative;
}

.menu-locked {
	position: absolute;
	background: rgb(39 47 59 / 96%);
	z-index: 99;
	height: 250px;
	top: 98px;
}

.nav-menu .menu-locked p {
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	margin: 0px 15px 0px 15px;
	line-height: 15px;
	position: relative;
	top: 25%;
}

.menu-locked p img {
	display: block;
	margin: 6px auto;
	height: 38px;
}

.box-logo {
	background: #fff;
	padding: 10px 15px;
	margin-bottom: 20px;
	height: 62px;
}

.box-logo img {
	width: 100%
}

#nav-sidebar .box-logo img:last-child {
	display: none
}

#nav-sidebar.minimize .box-logo img:first-child {
	display: none
}

#nav-sidebar.minimize .box-logo img:last-child {
	display: block;
	margin-top: 5px;
}

.box-profile {
	color: #fff;
	font-family: 'Poppins';
	font-weight: bold;
}

.box-profile .ava-circle {
	float: left;
}

.ava-circle {
	width: 50px;
	height: 50px;
	/*background: #ccc;*/
	border-radius: 100px;
	margin: 0 10px;
	/* overflow: hidden; */
	display: inline-block;
}

.ava-circle img {
	width: 100%;
	/* width: 50px; */
	/* height: 50px; */
	object-fit:cover;
	border-radius:100px;
}

.ava-circle.ava-small {
	width: 40px;
	height: 40px;
}

.nav-menu ul {
	margin: 0;
	padding: 0
}

.nav-menu p {
	margin: 5px 20px;
	font-family: Inter;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	color: #676D75;
}

.nav-menu li a {
	font-family: Poppins;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: #FFFFFF;
	padding: 10px 20px;
	display: block;
	text-decoration: none
}

.nav-menu ul.red-menu li.active a,
.nav-menu ul.red-menu li:hover a,
.nav-menu ul.red-menu li.active a:hover {
	background: #FF173D;
	color: #fff;
	font-weight: 600;
}

.nav-menu li:hover a {
	font-weight: normal;
}

.toggle-sidebar {
	font-size: 24px;
	position: absolute;
	top: 8px;
	padding: 0 20px;
	color: #272f3b;
	opacity: 1;
}

#nav-sidebar .toggle-sidebar {
	z-index: -9;
}

.search-box {
	margin-top: 5px;
	padding-right: 0;
	position: relative;
	margin-bottom: 10px;
}

.search-box input.form-control {
	background: #F8F8F8;
	border: none;
	font-size: 14px;
	height: 40px;
}

.nav-top .search-box input.form-control:focus {
	outline: none;
	border: 0px !important;
	box-shadow: none !important;
}

.search-box .btn {
	border-left: 0;
	padding: 4px 10px;
	color: #676c74;
	font-size: 19px;
	background: #F8F8F8;
	border: none;
	height: 40px;
}

.dropdown-notification>a,
.dropdown-notification > button.dropdown-toggle,
.dropdown-account>a {
	display: block;
	padding: 8px 5px;
	font-size: 28px;
	color: #272f3b;
	text-decoration: none;
}

.dropdown-toggle::after {
	display: none;
}

.dropdown-notification .overlay,
.dropdown-account .overlay {
	background: #272f3be3;
	position: fixed;
	top: 63px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 110;
	display: none
}

.dropdown-notification.show-overlay .overlay,
.dropdown-account.show-overlay .overlay {
	display: none !important
}

.dropdown-notification.show-overlay .dropdown-menu,
.dropdown-account.show-overlay .dropdown-menu {
	display: block;
}

.dropdown-notification .dropdown-menu,
.dropdown-account .dropdown-menu {
	width: 400px;
	left: auto !important;
	right: 0;
	transform: none !important;
	top: 63px !important;
	padding: 15px;
	font-size: 14px;
}

.dropdown-account .dropdown-menu {
	width: 200px;
	padding: 0;
}

.dropdown-notification .dropdown-menu li,
.dropdown-account .dropdown-menu li {
	margin: 10px 0;
	font-size: 14px;
}

.dropdown-account .dropdown-item:hover i {
	color: red
}

.dropdown-notification .dropdown-menu li .ava-circle {
	width: 45px;
	height: 45px;
	margin: 0 auto;
	display: block;
}

.dropdown-notification .dropdown-menu li .time {
	margin: 10px 0;
	font-size: 12px;
	color: #969696;
}

.dropdown-notification .dropdown-menu li .name {
	font-weight: bold;
}

.dropdown-menu {
	padding: 5px;
	box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
	border: none;
}

.dropdown-menu .dropdown-item:last-child {
	border: none;
}

.dropdown-item {
	font-size: 14px;
	padding: 10px;
	border-bottom: 1px solid #eee;
	margin: 0 5px;
	box-sizing: border-box;
	width: auto;
}

.dropdown-item:hover {
	background: #eee;
	border-radius: 5px;
}

.dropdown-item i {
	margin-right: 10px;
	color: #676D75
}

.nav-menu ul:last-child {
	margin-top: 5px;
}

#main-wrapper {
	width: calc(100% - 250px);
	min-height: 100vh;
	float: right;
	padding-top: 63px;
}

#main-wrapper.minimize,
#main-wrapper.minimize .nav-top {
	width: calc(100% - 60px);
}

#main-wrapper h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	/* identical to box height */
	letter-spacing: -0.2px;
	margin-bottom: 5px;
	color: #262F3B;
}

.nav-top {
	background: #fff;
	padding: 5px 15px 2px;
	position: fixed;
	width: calc(100% - 250px);
	right: 0;
	z-index: 99;
	top: 0;
	border-bottom: 1px solid #eee;
}

.nav-top .col-md-1 {
	max-width: 70px !important;
	flex: none;
}

.nav-top .col-md-1 img {
	display: none;
}

.nav-top .col-md-8 {
	max-width: calc(100% - 320px);
	flex: none;
}

.nav-top .col-md-7 {
	max-width: calc(100% - 370px);
	flex: none;
}

.nav-top .col-md-4 {
	max-width: 300px;
	flex: none;
}

.nav-top .col-md-3 {
	max-width: 250px;
	flex: none;
}

.nav-right .btn:not(.notification-btn) {
	padding: 10px 15px;
	margin: 5px 10px 0;
	float: right;
	font-size: 12px;
	font-family: 'Inter', Arial, sans-serif;
	height: 40px;
}

.nav-right .dropdown-notification,
.nav-right .ava-circle {
	float: right;
}

.nav-right .dropdown-notification .ava-circle {
	float: none;
	margin: 0;
}

.welcome-box {
	background: #fff;
	padding: 20px;
	border-bottom: 1px solid #eee;
}

.welcome-box .col-md-9 {
	position: relative;
	padding-left: 150px;
}

.welcome-box .col-md-9 img {
	position: absolute;
	left: 20px;
	width: 100px;
}

.welcome-box p {
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	color: #676D75;
	margin-bottom: 5px
}


/*card white*/

.card.card-white {
	border: 1px solid #eee;
	box-sizing: border-box;
	box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.06);
	border-radius: 3px;
	min-height: 300px;
	position: relative;
}

.card.card-white .card-header {
	border: none;
	background: #fff;
	padding: 10px 15px 0;
}

.card-people .card-header {
	padding: 5px 15px;
}

.card-people .card-header i {
	color: #272f3b
}

.card.card-white .card-body {
	padding: 10px 15px;
}

.card.card-white .card-header h3,
.card-people h3 {
	font-family: Poppins;
	font-style: normal;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #262F3B;
	margin-bottom: 7px;
	margin-top: 5px;
}

.card.card-white .card-header .head-line {
	border-bottom: 1px solid #F2F2F2;
	position: relative;
}

.card.card-white .card-header .head-line a {
	position: absolute;
	font-size: 12px;
	font-family: 'Inter', sans-serif;
	color: #f9173e;
	font-weight: bold;
	right: 0;
	top: 5px
}

.card.card-white.latest-update .card-header .head-line a {
	right: 120px;
	top: 20px;
}

.card.card-white .card-header p {
	font-family: Inter;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #676D75;
	margin-bottom: 10px;
}

.card.card-grey {
	background: #F1F1F1;
	border: none;
	margin-bottom: 20px;
}

.card-grey h3 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #262F3B;
	margin-bottom: 0;
}

.card-grey .card-header {
	border-bottom: none;
}

.card.card-grey .card-body {}

.card.card-dark-header {
	border: 1px solid #eee;
	box-sizing: border-box;
	box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.06);
	border-radius: 3px;
	min-height: 300px;
	position: relative;
}

.card.card-dark-header .card-header {
	border: none;
	background: #262F3B;
	border-radius: 3px;
	padding: 15px;
	color: #fff;
}

.card.card-dark-header .card-header h4 {
	font-size: 20px;
	margin-bottom: 0;
}

.card-bill-number .select2 {
	width: 100% !important;
}

.menu-grey {
	padding: 0;
	list-style: none;
	margin: 10px;
}

.menu-grey li a {
	font-family: Inter;
	font-style: normal;
	font-size: 14px;
	padding: 5px 20px;
	display: block;
	color: #262F3B;
	margin-bottom: 5px;
}

.menu-grey li a:hover,
.menu-grey li a.active {
	background: #f9173e;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	border-radius: 5px;
}

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

.empty-box img {
	max-width: 100%;
}

.empty-box p {
	font-family: Poppins;
	font-weight: normal;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
	color: #262F3B;
	margin-top: 20px;
	max-width: 200px;
	margin: 20px auto 0;
}

.empty-box a.btn {
	position: absolute;
	bottom: 20px;
	width: auto;
	left: 0;
	right: 0;
	margin: 10px auto;
	display: block;
	max-width: 200px;
}

.latest-district .empty-box {
	padding-top: 50px;
}

.latest-district .empty-box .btn-outline {
	position: relative;
	bottom: 0;
}

.latest-update .box-legislator {
	border: 1px solid #eee
}

.box-legislator .ava-legislator img {
	width: 100%;
}

.box-legislator {
	padding: 20px 15px 5px;
	background: #fff;
	margin: 10px;
	position: relative;
	border-radius: 5px;
	/* border: 1px solid #eee; */
}

.box-legislator:before {
	background: #f1f1f38c;
	content: '';
	width: 100%;
	height: 80px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.box-legislator * {
	position: relative;
	z-index: 1
}

.box-legislator small {
	font-size: 11px
}

.box-legislator p {
	font-size: 14px;
	line-height: 19px;
	text-align: center;
}

.box-legislator p a {
	color: #f9173e;
	font-weight: bold;
}

.box-legislator p a:last-child {
	font-weight: normal;
}

.ava-legislator {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 100px;
	background: #eee;
	margin: 10px auto;
}

.hide-legislator,
.hide-shared {
	display: none !important
}

.legislators-added li a.less-btn,
a.less-btn-shared {
	display: none
}

.slick-arrow {
	width: 35px;
	height: 35px;
	border: 1px solid #bfbfbf;
	background: none;
	/* text-indent: -99999px; */
	position: absolute;
	top: -89px;
	z-index: 9;
	right: 60px;
	font-size: 0;
}

.slick-arrow.slick-next {
	right: 10px;
	background: url(../img/arrow-right.png) no-repeat;
	background-size: 9px;
	background-position: center;
}

.slick-arrow.slick-prev {
	background: url(../img/arrow-left.png) no-repeat;
	background-size: 9px;
	background-position: center;
}

.list-people {
	height: 300px;
	overflow: auto;
	overflow-x: hidden;
}

.latest-district .list-people {
	height: 350px;
}

.list-people .row {
	margin: 0;
}

.list-people ul {
	padding: 0;
	list-style: none
}

.list-people ul .col-md-2 {
	padding: 0
}

.list-people ul li {
	font-size: 14px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

.list-people ul li p {
	margin-bottom: 5px;
	font-size: 13px;
}

.list-people ul li .time {
	font-size: 12px;
	color: #c7c7c7;
	text-align: right;
}

.list-people ul li .name {
	font-family: Poppins;
	font-weight: 600;
	font-size: 14px;
	line-height: 150%;
	color: #262F3B;
}

.latest-notes ul li .name {
	color: red;
	font-size: 12px;
}

.latest-notes ul li span {
	font-size: 12px;
}

.list-people .ava-circle {
	margin-left: 0;
}

.latest-district .ava-circle img {
	width: 100%
}


/*Scrollbar*/

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgb(39, 47, 59);
}


/*breadcrumb*/

ol.breadcrumb li {
	font-size: 14px;
	padding: 0 10px;
	color: #272f3b;
}

ol.breadcrumb li i {
	color: #f9173e;
}

ol.breadcrumb {
	background: #fff;
	border-radius: 0;
	border-bottom: 1px solid #eee;
	margin: 0;
}


/*TABLE*/

/* div.dataTables_wrapper div.dataTables_filter,
.dataTables_length {
	display: none;
} */

.table-grey table {
	border: none;
	margin: 0 !important;
	border: 1px solid #eee;
}

.table-grey table tr th,
.table-grey table tr td {
	font-size: 14px;
}

.table-grey table tr th {
	background: #F1F1F1;
	border: none;
}

.table-grey table tr td {
	padding: 20px;
	border-color: #eee;
}

.table-grey table tr:last-child td {}

.table-grey #table-directory {
	margin-bottom: 20px !important;
}

.name-link {
	padding: 10px;
	display: block;
}

.name-link .ava-circle {
	float: left;
}

.name-link span {
	display: block;
	width: 250px;
	margin-top: 10px;
	font-weight: 600;
}

.directory,
.my-account-page,
.notification-page,
.district-locator-page {
	background: #fff
}

.directory .col-md-9>h4 {
	font-size: 20px;
}


/*REPRESENTATIVE DETAIL*/

.representative-photo {
	overflow: hidden;
	border-radius: 10px;
}

.representative-photo img {
	width: 100%;
	height: 275px;
	object-fit: cover;
	object-position: top;
}

.representative-name {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	line-height: 48px;
	letter-spacing: -0.2px;
	color: #262F3B;
	margin-bottom: 5px;
}

.representative-state {
	font-weight: bold;
	font-size: 22px;
	line-height: 21px;
	letter-spacing: -0.2px;
	color: #262F3B;
	margin-bottom: 5px;
}

.representative-district {
	font-weight: normal;
	font-size: 22px;
	line-height: 21px;
	letter-spacing: -0.2px;
	color: #676D75;
}

.representative-contact {
	margin: 10px 0 0;
}

.representative-contact p a {
	font-weight: bold;
	line-height: 40px;
	display: inline-block;
	text-decoration: none;
}

.representative-contact p a.office-phone {
	line-height: normal;
	border-right: 1px solid #ccc;
	padding-left: 10px;
	padding-right: 10px;
	color: #262f3b;
}

.representative-contact p a:first-child+a {
	padding-left: 0
}

.representative-contact p a.office-phone:last-child {
	border: none;
	padding-right: 10px;
}

.representative-contact p a label {
	display: block;
	margin: 0;
	line-height: normal;
	font-size: 14px;
	color: #676e76;
}

.representative-detail .btn {
	padding: 12px 15px;
	font-size: 12px;
	margin-bottom: 10px;
}

.representative-detail .btn.btn-outline {
	padding: 11px 15px;
}

.representative-contact label {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	/* identical to box height */
	letter-spacing: -0.2px;
	color: #262F3B;
}

ul.social-media {
	padding: 0;
	list-style: none;
}

ul.social-media li a,
.box-email {
	width: 40px;
	height: 40px;
	font-size: 18px;
	display: block;
	background: #eee;
	text-align: center;
	line-height: 45px !important;
	border-radius: 5px;
	float: left;
	color: #fff;
}

ul.social-media li {
	float: left;
	margin: 0 10px 0 0;
}

.box-email {
	background: #676D75 !important;
	margin-right: 10px
}

.box-facebook {
	background: #345B97 !important;
}

.box-twitter {
	background: black !important;
}

.box-bluesky{
	background: white !important;
}
.box-instagram {
	background: #B03BCD !important;
}

.box-linkedin {
	background: #2374A2 !important;
}

#rep-profile .card ul {
	list-style: none;
}

#rep-profile .card ul li {
	font-size: 14px;
	font-family: Poppins;
	margin-bottom: 10px;
}

#rep-profile .card .card-title {
	font-size: 16px;
	margin-bottom: 20px;
}

#rep-profile .card ul li a {
	font-weight: 600;
}

.card-rep-tweet .ava-tweet {
	position: absolute;
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 100px;
	left: 0;
}

#rep-profile .card-rep-tweet ul li {
	padding-left: 40px;
	position: relative;
	font-family: Inter, sans-serif;
}

.card-rep-tweet .ava-tweet img {
	width: 100%;
}

.card-rep-tweet .id-tweet,
.card-rep-tweet .date-tweet {
	font-size: 12px;
}

.card-rep-tweet .date-tweet {
	color: #999;
	text-align: right;
}

.card-rep-tweet p {
	margin-bottom: 10px;
}

#rep-profile .card-rep-download ul li img {
	position: absolute;
	left: 0;
}

#rep-profile .card-rep-download ul li {
	padding-left: 40px;
	position: relative;
}

#rep-profile .card-rep-download ul li a span {
	font-size: 12px;
	color: #f9173e;
}

#rep-profile .card-rep-download ul li a {
	color: #272f3b;
}

.card-staff {
	padding: 20px;
	padding-left: 70px;
	border: 1px solid #ddd;
	border-radius: 5px;
	position: relative;
	font-size: 14px;
	margin-bottom: 20px;
}

.card-staff .ava-circle {
	position: absolute;
	left: 0;
	top: 25px;
}

.card-staff a,
.card-staff span,
.card-staff label {
	display: block;
	margin: 5px 0 0;
}

.card-staff a {
	margin-top: 10px;
	text-decoration: none
}

.card-staff label {
	font-family: Poppins;
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	color: #262F3B;
}

.learn-more {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 0px;
}


/*ISSUE*/

.issue-empty {
	background: rgba(241, 241, 241, 0.39);
	padding: 50px 10%;
}

.notes-empty {
	padding: 50px 10%;
}

.box-illustration {
	width: 80%;
	margin: 0 auto;
}

.issue-empty h3 {
	font-family: Poppins;
	font-weight: bold;
	font-size: 24px;
	line-height: 125%;
	text-align: center;
	letter-spacing: -0.2px;
	color: #262F3B;
	margin: 20px 0
}

.notes-empty h4 {
	font-family: Poppins;
	font-weight: 600;
	font-size: 16px;
	line-height: 125%;
	text-align: center;
	letter-spacing: -0.2px;
	color: #262F3B;
	margin: 20px 0
}

.notes-empty .btn i {
	margin-right: 10px
}

.issue-empty .btn {
	font-size: 16px;
}

.issue-empty .small-note {
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #676D75;
	margin: 40px 0;
}

.issue-action {
	padding: 10px 0;
}

.issue-desc {
	padding: 20px 20px 0;
}

.issue-detail .issue-desc {
	padding: 10px 0px 0;
}

.reply-box {
	float: left;
	width: 100%;
	margin-top: 10px
}

.issue-action ul {
	padding: 0;
	list-style: none;
	margin: 0;
	width: 100%;
	text-align: right;
}

.issue-action ul li {
	display: inline-block;
}

.issue-action .issue-date {
	font-size: 14px;
}

.issue-action a {
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #262F3B;
	padding: 5px 15px;
	text-decoration: none;
	font-weight: bold;
}

.issue-action a i {
	font-size: 18px;
	margin-right: 5px;
}

.issue-action a:hover {
	color: #FF173D;
}

.issue-page label,
.card-issue label,
.card-account label {
	font-family: Inter;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0 0;
	color: #555555;
}

.issue-pagelabel b {
	color: #262F3B;
}

.issue-detail {
	position: relative;
}

.issue-detail .people-involved {
	width: 280px;
	max-width: 100%;
	flex: none;
	position: absolute;
	right: 0;
	margin-top: 20px;
	top: 0;
}

.issue-detail>.row .col-md-12 {
	max-width: 100%;
	flex: none;
	padding-right: 0;
	position: relative;
}

.issue-detail>.row .col-md-12 .card-issue {
	padding-right: 300px
}

.issue-detail .owner-issue label,
.issue-detail .owner-issue span,
.issue-detail .hold-note label,
.issue-detail .bill-number ul li a {
	font-size: 14px;
}

#main-wrapper .issue-desc h2,
.card-issue h2,
.card-account h2 {
	font-weight: bold;
	font-size: 22px;
	line-height: 125%;
	color: #262f3b;
	margin-bottom: 10px;
}

#main-wrapper .issue-desc h2 a,
.card-issue h2 a,
.card-account h2 a {
	color: #262f3b;
}

.bill-number ul {
	padding: 0;
	margin: 0
}

.bill-number ul li {
	display: inline-block;
	margin-right: 5px;
}

.bill-number ul li a {
	background: #E5E5E5;
	border-radius: 10px;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	display: block;
	color: #262F3B;
	padding: 5px 10px;
}

.issue-date,
.card-issue .issue-date {
	font-weight: normal;
	font-size: 12px !important;
	line-height: 20px;
	text-align: right;
	color: #555555;
	margin-bottom: 10px;
}

.legislators-added ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.legislators-added li {
	float: left;
	font-size: 14px;
}

.legislators-added li a {
	color: #272f3b;
	line-height: 28px;
	font-weight: bold;
	padding-right: 10px;
	display: block;
	margin-bottom: 15px;
}

.legislators-added li a .ava-circle {
	float: left;
	width: 35px;
	margin-left: 0;
	height: 35px;
}

ul.share-list {
	list-style: none;
	padding: 0;
	margin: 5px 0 0;
	display: flex;
	justify-content: center;
	align-content: center;
}

ul.share-list.text-left {
	justify-content: flex-start;
}

ul.share-list li {
	display: inline-block;
}

ul.share-list li a {
	display: block;
}

ul.share-list li.more-shared a {
	text-decoration: none
}

ul.share-list li i {
	display: block;
	font-size: 22px;
	margin: 10px;
}

.hold-note i {
	font-size: 22px;
	margin: 10px 5px 0;
	display: inline-block;
}

.hold-note label {
	margin: 0;
	padding: 0;
	line-height: normal;
	position: relative;
	top: -5px;
}

ul.share-list li .ava-circle {
	display: block;
	width: 37px;
	margin: 0 -5px;
	border: 2px solid #f1f1f1;
	height: 37px;
	background: #DCDCDC;
	/* line-height: 34px; */
	color: #1c1c1d;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

.owner-issue {
	display: inline-block;
}

.owner-issue .ava-circle {
	float: left;
	width: 35px;
	height: 35px;
	position: relative;
	top: 3px;
}

.owner-issue .ava-circle {
	top: 5px;
}

.owner-issue label {
	display: block;
	padding: 0;
	margin: 0;
}

.owner-issue span {
	float: left;
	color: #272f3b;
	font-weight: bold;
	font-size: 12px;
}

.issue-status {
	padding: 10px;
	background: #F1F1F1;
	margin-top: 10px;
	/*margin-right:20px;*/
}

.issue-status .col-md-4.text-right {
	padding-right: 30px;
}

.hold-note {
	margin: 0;
}

.card.card-issue,
.card.card-account {
	margin-bottom: 20px;
}

.card.card-issue:hover {}

.card-issue p,
.card-account p {
	font-size: 15px;
}

.select-sort {
	max-width: 205px;
}

#main-wrapper .issue-detail h2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 125%;
	/* or 40px */
	margin-bottom: 20px;
	letter-spacing: -0.2px;
	color: #272f3b;
}

.issue-content,
.issue-notes {
	padding: 20px 0;
	margin-right: 0;
}

.issue-content p {
	font-size: 16px;
	line-height: 24px;
	color: #262F3B;
}

.issue-detail .card.card-white {
	min-height: 200px;
}

.card-people ul {
	list-style: none;
	padding: 0;
	margin: 20px 0 0;
}

.card-people ul li a {
	font-size: 12px;
	display: block;
	clear: both;
	min-height: auto;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 10px;
}

.card-people ul li .ava-circle {
	width: 40px;
	height: 40px;
	float: left;
	overflow: hidden;
}

.card-people ul li a span {
	display: block;
}

.card-people .info-name {
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	color: #272f3b;
}

.card-people .list-shared .info-name {
	padding-top: 10px;
}

.card-people .info-state {
	font-weight: normal;
	font-size: 12px;
	line-height: 150%;
	/* identical to box height, or 18px */
	color: #262F3B;
}

.card-legislator-filter {
	margin: 20px 0;
}

.card-legislator-filter .row {
	margin: 0;
}

.card-legislator-filter .col-md-2 {
	flex: 0 0 20%;
	max-width: 20%;
	padding: 0 5px;
}

.card-legislator-filter .select-sort+.select2-container--default .select2-selection--single .select2-selection__rendered:before {
	display: none;
}

.select2-container--default .select-legislator-filter .select2-results>.select2-results__options {
	max-height: none;
	overflow-y: visible;
}

.select2-container--default .select-legislator-filter .select2-results__option--selectable,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	/* font-weight: bold; */
	padding: 10px 10px !important;
}

.select2-container--default .select-legislator-filter .select2-results__option--selected {
	color: red;
	font-weight: bold;
	background: url(../img/icon-red-arrow.png) no-repeat;
	background-position: 90% center;
	padding: 5px 10px;
}

span.select2-dropdown.select-committee-filter.select2-dropdown--below {
	width: 350px !important;
}

.card-legislator-filter label {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	/* or 157% */
	color: #262F3B;
}

.card-legislator-body .empty-state {
	padding: 100px 50px;
	max-width: 70%;
	margin: 0 auto;
}

.card-legislator-filter .select2-container {
	width: 100% !important
}

.card-legislator-filter .search-box {
	margin: 0
}

.card-legislator-body .empty-state h3 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: -0.2px;
	margin: 30px 0;
	color: #262F3B;
}

.card-legislator-selected .list-legislator-selected,
.card-legislator-selected .list-staff,
.card-legislator-selected .list-committee {
	width: calc(33.3% - 5px);
	float: left;
	list-style: none;
	padding: 10px 0 10px 10px;
	border: 1px solid #ddd;
	margin: 20px 5px 20px 0;
	height: 400px;
	border-radius: 0;
	overflow: hidden;
}

.card-legislator-selected .list-legislator-selected ul,
.card-legislator-selected .list-staff .custom-scroll,
.card-legislator-selected .list-committee .custom-scroll {
	height: 360px;
	overflow: auto;
}

.card-legislator-selected .list-staff ul .mCSB_container {
	margin-right: 15px;
}

.card-legislator-footer {
	border-top: 1px solid #ddd;
	margin: 20px 10px 0;
	padding-top: 10px;
}

.card-legislator-selected .list-legislator-selected {
	border: none;
	padding: 0;
	margin: 20px 0;
	margin-right: -1px;
	position: relative;
	z-index: 99;
	overflow: scroll;
	overflow-x: hidden;
}

.card-legislator-selected .list-legislator-selected li {
	cursor: pointer;
}

.card-legislator-selected ul {
	list-style: none;
	padding: 0
}

.card-legislator-selected span.info-state,
.card-legislator-selected span.info-name small {
	font-size: 12px;
	line-height: 21px;
	/* identical to box height, or 175% */
	letter-spacing: -0.2px;
	color: #676D75;
	display: block;
}

.card-legislator-selected span.info-name {
	font-size: 14px;
	line-height: 17px;
	/* identical to box height, or 121% */
	color: #262F3B;
	font-weight: bold;
}

.card-legislator-selected .icon-remove {
	position: absolute;
	top: 35%;
	right: 10px;
}

.card-legislator-selected .list-staff li .custom-checkbox>span {
	top: 4px;
}

.card-legislator-selected h3 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
	/* identical to box height */
	letter-spacing: -0.2px;
	color: #262F3B;
}

.issue-options .card-legislator-selected h6,
.card-legislator-selected h6 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 32px;
	/* identical to box height, or 267% */
	text-align: left;
	letter-spacing: -0.2px;
	color: #FF173D;
	margin-bottom: 0;
}

.options-dropdown.card-legislator-dropdown .btn-add-legislator {
	font-size: 12px;
	padding: 10px;
	margin-right: 20px;
}

.options-dropdown .card-legislator-header>h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 33px;
	/* identical to box height */
	letter-spacing: -0.2px;
	color: #262F3B;
	margin-bottom: 0;
	margin-top: 5px;
}

.list-legislator-selected .ava-circle,
.list-staff .custom-checkbox .ava-circle,
.list-committee-selected .ava-circle {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	width: 40px;
	height: 40px;
}

.list-legislator-selected .ava-circle {
	top: 10px;
	left: 10px;
}

.list-legislator-selected li,
.list-committee-selected li {
	position: relative;
	padding-left: 50px;
	margin-bottom: 10px;
}

.list-legislator-selected li {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
	border: 1px solid transparent;
	background: #fff;
	padding-left: 60px;
	border-right: 1px solid #ddd;
}

.list-legislator-selected li.active {
	border: 1px solid #ddd;
	border-right: #fff;
}

.list-staff .custom-checkbox .ava-circle {
	margin-left: 30px;
}

.list-staff .custom-checkbox span.info-name {
	padding-left: 45px;
}

.list-staff .custom-checkbox span.info-name small {
	font-size: 12px;
	color: #676D75;
}

.list-more-legislator {
	width: 70%;
	float: left;
}

.list-more-committee {
	width: 30%;
	float: left;
	margin: 0;
}

.list-more-legislator ul li {
	float: left;
	width: 50%;
}

.list-notes>ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.list-notes>ul>li {
	list-style: none;
	padding: 20px;
	margin: 0 0 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.list-notes>ul>li p {
	font-size: 15px;
	line-height: 24px;
	color: #262F3B;
}

.list-notes>ul>li h4 {
	font-weight: bold;
	font-size: 20px;
	line-height: 125%;
	/* or 25px */
	letter-spacing: -0.2px;
	color: #262F3B;
}

.list-notes ul li .ava-circle {
	margin: 0 10px 0 0;
	float: left;
	width: 45px;
	height: 45px;
}

.list-notes ul li .info-name {
	padding: 0 5px 0 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	/* identical to box height, or 127% */
	color: #262F3B;
}

.list-notes ul li .info-date {
	font-size: 12px;
	line-height: 20px;
	/* identical to box height, or 145% */
	color: #555555;
}

.list-notes ul li .info-update-note {
	font-size: 12px;
	line-height: 20px;
	/* identical to box height, or 145% */
	color: #f9173e;
}

.contributor-notes {
	margin: 0 0 10px;
	display: block;
	text-decoration: none !important;
}

ul.list-notes-reply {
	padding: 0;
	list-style: none;
	margin: 20px 0 0;
}

ul.list-notes-reply>li {
	padding: 20px;
	margin-left: 30px;
	background: #F2F2F2;
	border-radius: 3px;
	margin-bottom: 10px;
}

.list-notes ul.list-notes-reply li .info-name,
.list-notes ul.list-notes-reply li .info-date {
	padding-top: 15px;
	display: inline-block;
}

.list-more-committee .list-committee-selected .custom-checkbox span {}

.list-more-committee .list-committee-selected li {
	padding: 0;
}

.list-more-committee .list-committee-selected .ava-circle {
	position: absolute;
}

.list-more-committee .list-committee-selected li .custom-checkbox {
	margin: 0;
}

div#table-directory_info {
	font-size: 12px;
	display: none;
}

.pagination li {
	font-size: 12px;
}

.pagination li a,
.pagination li span {
	border: 1px solid #ccc;
}

.pagination li a span {
	border: none
}

li.paginate_button.page-item.active a {
	background: #FF173D;
	border: #FF173D;
}

.pagination li a {
	color: #FF173D;
}


/*FOOTER*/

.footer {
	padding: 15px;
	font-size: 12px;
	text-align: center;
	background: #fff;
}

.footer-copy-after {
	border-top: 1px solid #efefef;
	background-color: #fff;
	padding: 20px 0px 0px
}


/*CONTACT*/

.pb-100 {
	padding-bottom: 100px;
}

.pt-100 {
	padding-top: 100px;
}

.mb-100 {
	margin-bottom: 20px;
}

a {
	text-decoration: none !important;
	color: #FF173D;
	-webkit-transition: .1s;
	transition: .1s;
}

.section-title {
	position: relative;
}

.section-title p.small-red {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #f9173e;
	text-transform: uppercase;
}

.section-title p {
	color: #000
}

.section-title h4 {
	font-size: 40px;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 20px;
	display: inline-block;
	color: #000;
}

.section-title h4::before {
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	background-color: #d8d8d8;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}

.section-title h4::after {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background-color: #f9173e;
	left: 0;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}

.contact {
	/* background-image: url("https://images.pexels.com/photos/129112/pexels-photo-129112.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"); */
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
	z-index: 2;
	color: #fff;
	background: #F5F5F5;
}

.contact-form input,
textarea {
	width: 100%;
	border: 1px solid #a2a2a278;
	padding: 10px 10px;
	margin-top: 15px;
	background-color: #fff;
	color: #fff;
	border-radius: 5px;
}

.contact:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #333;
	z-index: -1;
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	display: none;
}

.single-contact {
	text-align: left;
	position: relative;
	padding-left: 70px;
	margin-bottom: 50px;
	margin-top: 10px;
	color: #000;
}

.single-contact i.fa {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #f9173e;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	color: #fff;
}

.single-contact h5 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}

.single-contact p {
	font-size: 18px;
	font-weight: 400;
}

.contact-form input[type="submit"] {
	background-color: #f9173e;
	border: 0px;
	cursor: poPoppins;
	font-size: 16px;
	-webkit-transition: .2s;
	transition: .2s;
	width: auto !important;
	float: right;
	padding: 15px 20px;
}

.contact-form input[type="submit"]:hover {
	background-color: #CC5B00
}

.contact-form input:focus,
textarea:focus {
	border-color: #CC5B00
}

.title-red {
	background-color: #f9173e;
	color: #fff;
}

.title-red h2 {
	font-size: 48px !important;
	color: #fff !important;
	padding: 80px 0px;
}

.terms-of-service .col-xl-12>ol {
	margin: 20px 0px;
	counter-reset: li;
}

.terms-of-service .col-xl-12>ol>li {
	margin-bottom: 20px;
	font-size: 16px;
	list-style: none;
	position: relative;
}

.terms-of-service .col-xl-12>ol>li:before {
	content: counter(li) ".";
	/* Use the counter as content */
	counter-increment: li;
	/* Increment the counter by 1 */
	position: absolute;
	top: -2px;
	left: -2em;
	width: 2em;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right: 8px;
	padding: 4px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.privacy-policy .body-content {
	margin: 40px 0px;
}

.privacy-policy .body-content h4 {
	font-size: 18px;
}

.privacy-policy .body-content h3 {
	margin: 20px 0;
}

.span_pseudo,
.custom-checkbox span:before,
.custom-checkbox span:after {
	content: "";
	display: inline-block;
	background: #fff;
	width: 0;
	height: 0.2rem;
	position: absolute;
	transform-origin: 0% 0%;
}

.custom-checkbox {
	position: relative;
	display: block;
	align-items: center;
	margin: 10px 15px;
}

.custom-checkbox input {
	display: none;
}

.custom-checkbox input:checked~span {
	background: #f9173e;
	border-color: #f9173e;
}

.custom-checkbox input:checked~span:before {
	width: .9rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.3s;
}

.custom-checkbox input:checked~span:after {
	width: 0.5rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.2s;
}

.custom-checkbox input:disabled~span {
	background: #ececec;
	border-color: #dcdcdc;
}

.custom-checkbox input:disabled~label {
	color: #dcdcdc;
}

.custom-checkbox input:disabled~label:hover {
	cursor: default;
}

.custom-checkbox label {
	padding-left: 2rem;
	position: relative;
	z-index: 2;
	cursor: pointer;
	margin-bottom: 0;
	font-family: Inter;
	font-style: normal;
	font-size: 14px;
	display: block;
	color: #262F3B;
	padding-top: 0;
}

.custom-checkbox span {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #ccc;
	position: absolute;
	left: 0;
	transition: all 0.2s;
	z-index: 1;
	box-sizing: content-box;
	border-radius: 3px;
	background: #fff;
	top: 0;
}

.custom-checkbox span:before {
	transform: rotate(-55deg);
	top: .90rem;
	left: 0.43rem;
}

.custom-checkbox span:after {
	transform: rotate(35deg);
	bottom: 0.5rem;
	left: 0.2rem;
}

.custom-checkbox span.info-name {
	position: relative;
	border: none;
	background: none;
	width: auto;
	height: auto;
	padding-top: 0;
	font-weight: bold;
	padding-left:40px;
}

.custom-checkbox .ava-circle {
	position:absolute;
	left:22px;
	top:0px;
	width: 40px;
	height: 40px;
	margin: 0 10px 0 5px;
}


/* Customize the label (the container) */

.custom-radio {
	display: block;
	position: relative;
	padding-left: 35px !important;
	padding-top: 3px !important;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.custom-radio b {
	color: #262F3B;
	font-size: 16px;
}


/* Hide the browser's default radio button */

.custom-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}


/* Create a custom radio button */

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	border: 2px solid #ccc;
	border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.custom-radio:hover input~.checkmark {
	background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.custom-radio input:checked~.checkmark {
	border: 2px solid #f9163e;
	background: none;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}


/* Show the indicator (dot/circle) when checked */

.custom-radio input:checked~.checkmark:after {
	display: block;
}


/* Style the indicator (dot/circle) */

.custom-radio .checkmark:after {
	top: 5px;
	left: 5px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #f9163e;
}

.card-share .custom-checkbox span {
	top: 14%;
}

.card-share .custom-checkbox span.info-name small {
	font-size: 12px;
	line-height: 18px;
	/* or 150% */
	color: #676D75;
}
.card-share-dropdown.options-dropdown {
                width: 100%;
    position: fixed;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    height: 100%;
    background: #000000e8;
}
.card-manage-share{
	background: #fff;
	max-width: 900px;
	position: relative;
	margin: .5rem auto;
	left: 0;
	right: 0;
	height: auto;
	min-height: 600px;
	padding: 20px;
	border-radius: 5px;
}
.card-manage-share.card-team table {
    width: 100%;
    position: relative;
}
.card-manage-share.card-team table .ava-circle {
    position: absolute;
    left: 0;
    margin: 0;
}

.card-manage-share.card-team table tr td:first-child {
    padding-left: 60px !important;
}
.badge-team {
    font-size: 12px;
    background: #f9163e1f;
    padding: 4px 10px;
    border-radius: 10px;
    color: #f9163e;
    margin-left: 10px;
}

.badge-team.free {
    background: #00968829;
    color: #009688;
    margin-left: 10px;
}

.badge-team.individual {
    background: #f9163e1f;
    color: #f9163e;
    margin-left: 10px;
}

ul.shared-people li {
	margin: 0 5px 10px;
	padding: 15px;
	list-style: none;
	padding-left: 70px;
	margin-bottom: 10px;
	position: relative;
	cursor: pointer;
	width: calc(50% - 10px);
	float: left;
	min-height: 50px;
	border: 1px solid #eee;
	border-radius: 5px;
}

ul.shared-people {
	padding: 0;
}

ul.shared-people li .ava-circle {
	position: absolute;
	left: 10px;
	margin: 0;
}

ul.shared-people li .icon-remove {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 9;
}

ul.shared-people li .info-name {
	font-size: 14px;
	font-weight: bold;
}

ul.shared-people li .info-name small {
	font-size: 12px;
	line-height: 21px;
	letter-spacing: -0.2px;
	color: #676D75;
	display: block;
}

.add-btn {
	float: right;
	margin-top: 10px;
	height: 42px !important;
	display: none;
	padding: 10px !important;
}

#modal-more-shared-people ul.shared-people li {
	width: calc(33% - 20px);
	float: left;
	margin: 10px;
}

.search-box.search-white .form-control {
	margin: 10px 15px;
	border: 1px solid #ccc;
	width: calc(100% - 30px);
	background: url(../img/icon-search.png) no-repeat 10px 10px #fff;
	padding-left: 35px;
}

.form-control:focus {
	border: 1px solid #a0a0a0 !important;
	background-color: #f8f8f8 !important;
	box-shadow: 0 0 0 0.1rem #ccc !important;
}

.tooltip {
	font-size: 11px;
	text-align: center;
}

.tooltip-inner {
	font-size: 11px;
	text-align: left;
	width: auto;
}

.more-shared {
	line-height: 34px
}


/*Select Custom*/

.select-custom+.select2-container--default .select2-selection--single,
.select-issue-dropdown+.select2-container--default .select2-selection--single,
.card-legislator-filter .select2-container--default .select2-selection--single,
.select-frequency-dropdown+.select2-container--default .select2-selection--single {
	text-align: left;
	font-size: 14px;
	border: 1px solid #ddd;
	height: auto;
	padding: 6px;
}

.select-issue-dropdown+.select2-container--default .select2-selection--single,
.select-frequency-dropdown+.select2-container--default .select2-selection--single {
	font-size: 16px;
	padding: 5px 10px !important;
}

.select-custom+.select2-container--default .select2-selection--single .select2-selection__arrow,
.select-issue-dropdown+.select2-container--default .select2-selection--single .select2-selection__arrow,
.card-legislator-filter .select2-container--default .select2-selection--single .select2-selection__arrow,
.select-frequency-dropdown+.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 8px;
	right: 10px;
	background: url(../img/arrow-grey.png) no-repeat 3px 8px;
}

.select-frequency input.select2-search__field {
	display: none;
}

.select-frequency-dropdown+.select2-container {
	display: inline-block;
	width: 200px !important;
}

.select2-dropdown {
	border: none;
	box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
}

.select2-results__option--selectable {
	color: #272f3b;
	font-size: 14px;
	padding: 10px 10px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #f1f1f1;
	color: #272f3b;
	font-size: 14px;
	padding: 10px;
	/* font-weight: bold; */
	padding: 10px 10px !important;
}

.select2-container--focus span.select2-selection.select2-selection--single {
	outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 30px;
}

.select-sort+.select2-container--default .select2-selection--single .select2-selection__rendered:before {
	content: "Sort by: ";
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.select-issue .select-custom+.select2-container--default .select2-selection--single {
	font-size: 16px;
}

.select-issue .select2-container {
	width: 100% !important;
}

.select-issue .select2-results__option--selectable {
	color: #272f3b;
	font-size: 16px;
	padding: 10px;
}

.select-issue .select2-container .select2-selection--single .select2-selection__rendered {
	font-weight: bold;
}

.select-issue-dropdown .select2-results__option,
.select-issue-dropdown .select2-results__option--selected {
	font-size: 16px !important;
	font-weight: bold;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	outline: none;
	border-radius: 5px;
	margin: 5px;
	width: calc(100% - 10px);
	border: 1px solid #ccc;
	background: url(../img/icon-search.png) no-repeat 10px 7px #fff;
	padding-left: 35px;
}


/*MODAL*/

.modal-header .close {
	font-size: 14px;
	background: none !important;
}

.modal-header .close {
	font-size: 16px;
}

.modal-grey .modal-content {
	background: #F1F1F1;
}

.modal-small .modal-dialog {
	max-width: 375px;
}

.modal .btn {
	min-width: 110px;
	padding: 15px 20px;
	height: auto;
	font-size: 14px;
}

.modal-backdrop {
	background: rgba(21, 25, 30, 0.9);
	opacity: 1 !important;
}

.modal-grey .modal-footer {
	padding-top: 10px;
}

.modal-issue .modal-dialog {
	max-width: 900px;
}

.modal-team .modal-dialog {
	max-width: 600px;
}
.modal-team form{
	width: 100%
}
.modal-grey.modal-issue .modal-footer {
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

.modal textarea {
	margin-top: 0;
	resize: none;
	min-height: 150px;
}

.modal form .form-group label {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	color: #262F3B;
}

.modal form .form-control, .modal form .select2-container .select2-selection--single .select2-selection__rendered {
	font-size: 16px;
}

.modal-issue .modal-body {
	padding-top: 0;
}

.modal-issue .list-notes>ul>li p {
	font-size: 14px;
	line-height: 22px;
}

.modal-issue .list-notes>ul>li h4 {
	font-weight: bold;
	font-size: 16px;
	line-height: 125%;
}

.modal-issue .list-notes>ul>li {
	background: #fff
}

.modal-issue hr {
	margin-top: 0;
}

.modal-issue .issue-notes {
	padding-top: 0
}

.modal-issue .issue-notes h2 {
	font-size: 20px;
	margin-top: 5px;
}

.issue-options h6 {
	margin-bottom: 15px;
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	/* or 157% */
	color: #262F3B;
}

.issue-options {
	position: relative;
}

.add-options>a {
	background: #E6E6E6;
	border-radius: 5px;
	display: block;
	padding: 15px;
	margin-bottom: 15px;
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	text-decoration: none !important;
	color: #262F3B;
}

.add-options:hover>a {
	background: #d8d8d8;
	box-shadow: 1px 1px 1px #a5a5a5;
}

.add-options a i {
	font-size: 17px;
	margin-right: 10px;
	position: relative;
	top: 3px;
	width: 25px;
	display: inline-block;
	text-align: center;
}

.add-options a small {
	font-size: 11px;
	color: #555555;
	font-family: Inter;
}

.add-options.card-legislator a i {
	font-size: 15px;
	margin: 0;
}

.options-dropdown {
	position: absolute;
	background: #fff;
	padding: 15px;
	width: 300px;
	z-index: 99;
	border-radius: 5px;
	display: none;
	box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
	top: 30px;
}

.options-dropdown h5 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	/* identical to box height */
	letter-spacing: -0.2px;
	color: #262F3B;
}

.options-dropdown h5 a {
	padding: 0;
	box-shadow: none !important;
	background: none !important;
	margin: 0;
	text-align: center;
	color: #666;
}

.options-dropdown h5 a i {
	font-size: 14px;
	margin: 0;
}

.options-dropdown .menu-grey .custom-checkbox {
	margin: 10px 0;
}

.options-dropdown .search-box.search-white .form-control {
	margin: 0 0 10px;
	width: 100%;
	font-size: 14px;
}

.options-dropdown.card-legislator-dropdown {
	width: 100%;
	position: fixed;
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
	overflow-y: auto;
	height: 100%;
	background: #000000e8;
}

.options-dropdown.card-legislator-dropdown .card-legislator-dialog,
.options-dropdown.card-legislator-dropdown .card-add-more-legislator-dialog {
	background: #fff;
	max-width: 900px;
	position: relative;
	margin: .5rem auto;
	left: 0;
	right: 0;
	height: auto;
	min-height: 600px;
	padding: 20px;
	border-radius: 5px;
}

.card-legislator:before {
	content: '';
	background: #000000c4;
	width: 0;
	height: 0;
	position: fixed;
	top: 0;
	left: 0;
}

.card-legislator.show:before {
	content: '';
	background: #000000c4;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

form.form-issue .form-group .icon-close {
	font-size: 9px;
	margin-left: 10px;
}

form.form-issue .form-group .legislators-added li a {
	margin-right: 10px;
	border: 1px solid #ddd;
	padding: 5px 15px 5px 5px;
	border-radius: 100px;
	margin-bottom: 10px;
	text-decoration: none !important;
	line-height: 40px;
	font-size: 13px;
}

form.form-issue .form-group .legislators-added li a:hover {
	border: 1px solid #999;
}

form.form-issue .form-group .legislators-added li a .ava-circle {
	float: left;
	width: 40px;
	margin-left: 0;
	height: 40px;
}

.form-issue .form-group ul.share-list li .ava-circle {
	width: 45px;
	height: 45px;
}

.richText .richText-editor {
	font-family: Inter, sans-serif;
	font-size: 14px;
}

.form-issue .form-group .bill-number ul li a {
	font-size: 13px;
}

.richText {
	border: 1px solid #ced4da
}

.richText .richText-toolbar ul li a {
	border: none;
	font-size: 14px;
	padding: 5px 10px;
}

.richText .richText-editor {
	height: 150px;
}

#modal-more-legislator .list-staff,
#modal-more-legislator .list-committee {
	background: #fff;
}

#modal-more-legislator .list-staff .no-checkbox .ava-circle,
#modal-more-legislator .list-committee .no-checkbox .ava-circle {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
}

#modal-more-legislator .list-staff li {
	position: relative;
	padding-left: 0;
}


#modal-more-legislator .list-staff li .no-checkbox {
	position: relative;
	padding-left: 60px;
}

#modal-more-legislator .list-committee li {
	position: relative;
	padding-left: 50px;
}


/*TAB NAV WHITE*/

ul.nav.nav-tabs.nav-white .nav-item {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
	/* identical to box height */
	letter-spacing: -0.2px;
	color: #262F3B;
	min-width: 150px;
	text-align: center;
	margin-right: 20px;
}

ul.nav.nav-tabs.nav-white {
	margin: 0 30px;
	border: none;
}

ul.nav.nav-tabs.nav-white .nav-item a {
	padding: 15px;
	border: none;
	color: #676E75;
	background: #E0E0E0;
	border-radius: 5px 5px 0 0;
	margin-top: 1px
}

ul.nav.nav-tabs.nav-white .nav-item a.active {
	padding: 15px;
	border: none;
	color: #262F3B;
	background: #fff;
	border: 1px solid #E0E0E0;
	border-bottom: none;
}

.tab-content.tab-nav-white {
	background: #fff;
	padding: 20px 30px;
	border-top: 1px solid #E0E0E0;
}

.tab-content.tab-nav-white .panel {
	border: 1px solid #eee;
	margin-bottom: 10px;
}

.tab-content.tab-nav-white .panel-heading {
	background: #F1F1F1;
	border-radius: 3px 3px 0 0;
	border-left: 3px solid #f9173e;
	padding-left: 15px;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	/* identical to box height */
	letter-spacing: -0.2px;
	color: #262F3B;
}

.tab-content.tab-nav-white .panel-body {
	padding: 15px;
}

.tab-content.tab-nav-white .panel-body table {
	width: 100%
}

.tab-content.tab-nav-white .panel-body table tr td {
	padding: 5px 10px;
	vertical-align: top;
}

.tab-content.tab-nav-white .panel-body table tr td.info-label {
	width: 30%;
	text-align: right;
	font-size: 14px;
	line-height: 16px;
	text-transform: capitalize;
	color: #676D75;
}

.tab-content.tab-nav-white .panel-body table.info-staff tr td.info-label {
	width: 20%;
}

.tab-content.tab-nav-white .panel-body table tr td.info-answer {
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	text-transform: capitalize;
	color: #262F3B;
}

.panel-heading {
	padding: 0;
	border: 0;
}

.panel-title>a,
.panel-title>a:active {
	display: block;
	padding: 15px;
	color: #262F3B;
	font-size: 16px;
	font-weight: bold;
	word-spacing: 3px;
	text-decoration: none;
}

.panel-heading a:before {
	content: '';
	float: right;
	transition: all 0.5s;
	top: 8px;
	right: 10px;
	background: url(../img/arrow-grey.png) no-repeat 0;
	display: block;
	width: 20px;
	height: 20px;
}

.panel-heading a[aria-expanded="true"]:before {transform: rotate(-180deg);}

.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.title-line {
	position: relative;
}

.title-line:before {
	content: '';
	width: 100%;
	height: 1px;
	background: #eee;
	display: block;
	position: relative;
	top: 11px;
	z-index: 1px
}

.title-line span {
	z-index: 3;
	background: #fff;
	padding-right: 10px;
	position: relative;
}

.feed-container {
	overflow: hidden;
	clear: both;
}

.feed-container+hr {
	margin-top: 0
}

p.activity-date {
	color: #969696;
	font-size: 14px;
	margin-bottom: 0;
}

.feed-img {
	float: left;
	min-width: 5%;
}

.feed-img img {
	width: 50px;
}

img.ava-ico {
	position: absolute;
	margin-left: -20px;
	width: 25px;
	top: 30px;
	object-fit: contain;
	height: auto;
}

.feed-in label {
	font-size: 14px;
	color: #262F3B;
	margin: 0 0 8px 0;
}


/* .feed-in h5 span{ font-size:13px; float:right;} */

.feed-in h6 {
	font-size: 14px;
	color: #262F3B;
	font-family: "Poppins";
}

.feed-in {
	float: left;
	padding: 0 0 0 15px;
	width: 88%;
	margin-bottom: 10px !important
}

.feed-in span {
	font-size: 14px;
	color: #262F3B;
}

.my-nav-item .nav-link {
	/* margin-bottom: -3px !important; */
	position: relative;
}

#activity-feed-tab,
#issue-tab,
#directory-tab,
#billtracking-tab,
#search-all-tab,
#search-people-tab,
#search-press-releases-tab,
#search-committees-tab,
#countries-tab,
#zip-codes-tab {
	font-family: "Poppins";
	font-weight: bold;
	font-size: 16px;
	color: #262F3B;
}

#activity-feed-tab p,
#issue-tab p,
#billtracking-tab p,
#directory-tab p {
	font-family: "Inter";
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #FF173D;
	border-radius: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 4rem !important;
}

#activity-feed-tab p.lock-icon,
#issue-tab p.lock-icon,
#directory-tab p.lock-icon,
#billtracking-tab p.lock-icon {
	background: none;
}

#activity-feed-tab p.lock-icon img,
#issue-tab p.lock-icon img,
#directory-tab p.lock-icon img,
#billtracking-tab p.lock-icon img {
	width: 24px;
}

.my-nav-item {
	margin-left: 12px;
	background-color: #F2F2F2;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}

.activity-head {
	display: -webkit-inline-box;
}

.activity-head h2 {
	padding-left: 10px;
}

#search-all-tab,
#search-people-tab,
#search-press-releases-tab,
#search-committees-tab {
	padding-right: 5rem;
}

#search-all .post-date,
#search-press-releases .post-date {
	font-size: 14px;
	color: #828282;
}

#search-all h6,
#search-press-releases h6 {
	line-height: 150%;
	color: #FF173D;
}

#search-all p,
#search-press-releases p,
#search-people p {
	font-size: 14px;
}

h2.my-title {
	font-size: 20px!important;
	line-height: 30px!important;
	letter-spacing: -0.2px!important;
	color: #262F3B!important;
}

.people-name {
	font-family: "Poppins";
	font-weight: bold;
	font-size: 14px;
}

p.people-desc {
	font-size: 14px!important;
	margin: 0px;
}

.ava-square {
	margin-left: 10px;
}

.title-press-release {
	font-family: "Poppins";
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
}

.my-text-truncate {
	display: block;
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.page-item.active .page-link {
	background-color: #FF173D;
	border-color: #FF173D;
}

.text-secondary,
ul.list-unstyled i,
ul.list-unstyled span {
	color: #262F3B;
}

#staticPassword {
	border: none;
	font-size: 30px;
	padding: 0px!important;
	color: #262F3B;
}

.my-account-page label {
	font-family: Inter;
	font-weight: normal;
	font-size: 14px;
	color: #676D75;
}

.notification-setting{
	border: 1px solid #E0E0E0; 
	border-radius: 3px;
	padding: 10px;
}

.my-account-page .notification-setting label {
	font-size: 16px;
}

.my-account-form-container {
	padding: 30px 30px;
}

.my-account-form-container .form-group {
	border-bottom: 1px solid #E0E0E0;
}

.my-account-form-container .form-group a {
	font-size: 14px;
}

input#subscriptionType {
	font-weight: bold;
	color: #FF173D;
}

.card-product label {
	font-weight: bold;
	font-size: 14px;
	line-height: 125%;
	color: #262F3B;
}

.card-product p {
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
	color: #FF173D;
}

.see-more {
	text-align: center;
	font-size: 18px;
	line-height: 150%;
	font-weight: bold;
	color: #262F3B;
}

.ico-arrow-right {
	padding-left: 10px;
	height: 20px;
}

p.status {
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	color: #555555;
}

p.status+p {
	font-size: 14px;
}

.profile-name {
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -0.2px;
	color: #262F3B;
}

.slide-container {
	margin-right: -15px;
	margin-left: -15px;
}

.govbuddy-products button.slick-prev.slick-arrow,
.govbuddy-products button.slick-next.slick-arrow {
	border: 2px solid #FF173D;
	box-sizing: border-box;
	border-radius: 5px;
}

.govbuddy-products button.slick-arrow.slick-next {
	right: 10px;
	background: url(../img/arrow-right-red.svg) no-repeat;
	background-size: 10px;
	background-position: center;
}

.govbuddy-products button.slick-arrow.slick-prev {
	background: url(../img/arrow-left-red.svg) no-repeat;
	background-size: 10px;
	background-position: center;
}

p.p-discover {
	letter-spacing: -0.2px;
	color: #676D75;
}

.nav-menu-account p,
nav-menu li a span {
	display: none;
}

.nav-menu-account {
	position: relative;
}

.nav-menu-account {
	color: #fff;
	font-weight: normal;
	font-size: 13px;
}

.nav-menu-account ul {
	margin: 0;
	padding: 0
}

.nav-menu-account p {
	margin: 20px 10px;
	font-family: Inter;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	color: #676D75;
}

.nav-menu-account li a {
	font-family: Poppins;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: #FFFFFF;
	padding: 10px 20px;
	display: block;
	text-decoration: none
}

.nav-menu-account li.active a,
.nav-menu-account li:hover a {
	background: #FF173D;
	font-weight: 600;
	border-radius: 10px 0px 0px 10px;
	color: #fff;
}

.nav-menu-account li:hover a {
	font-weight: normal;
}

.nav-menu-account li.active a * {
	color: #fff;
}

.nav-menu-account li a i {
	font-size: 20px;
	margin-right: 15px;
	position: relative;
	top: 4px
}

.nav-menu-account li a i.icon-activity {
	float: none;
	position: relative;
	top: 3px !important;
}

.nav-menu-account ul:last-child {
	margin-top: 20px;
}

.nav-menu-account li:hover i,
.nav-menu-account li:hover span {
	color: #FFFFFF;
}

.container-box-my-account {
	border-right: 1px solid #E0E0E0;
	max-width: 275px;
}


/*Account - Subscription*/

.card-subscriptions {
	margin-bottom: 20px;
}

.card-subscriptions .card-body {
	padding: 15px 25px;
}

.acc-type {
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 0;
	text-decoration: none
}

.acc-price {
	font-family: Poppins;
	font-weight: bold;
	font-size: 26px;
	line-height: 42px;
	letter-spacing: -1.2px;
	color: #262F3B;
	margin-bottom: 0;
}

.acc-price span {
	font-weight: normal;
	font-size: 20px;
}

.acc-seats {
	font-size: 18px;
	line-height: 21px;
	color: #676D75;
}

.acc-owner .form-group:last-child,
.acc-renewal .form-group,
.acc-available .form-group {
	margin-bottom: 0;
}

.acc-owner label {
	font-family: Inter;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	color: #676D75;
	margin-bottom: 0;
}

.acc-owner p,
.acc-renewal p,
.acc-renewal label {
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	color: #262F3B;
	margin-bottom: 0;
}

.acc-owner .form-group p a {
	text-decoration: none;
	color: #FF173D;
}

.acc-owner .form-group p a i {
	text-decoration: none;
	color: #676D75;
}

.acc-renewal label {
	margin-bottom: 10px;
	margin-top: 10px
}

.switch input+.slider .switch-text:before {
	font-size: 13px;
	content: 'OFF';
	color: #caced4;
	position: absolute;
	top: 7px;
	right: 7px;
	left: auto;
}

.switch input:checked+.slider .switch-text:before {
	content: 'ON';
	color: #fff;
	position: absolute;
	top: 7px;
	left: 10px;
}

.acc-time {
	font-size: 14px;
	line-height: 150%;
	color: #676D75;
	margin-bottom: 10px;
	margin-top: 10px;
}

.acc-status {
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	text-align: right;
	color: #676D75;
	float: right;
}

.acc-status .dot {
	width: 10px;
	height: 10px;
	background: #45B39C;
	border-radius: 100px;
	display: inline-block;
}

.acc-available,
.acc-available label {
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	color: #262F3B;
}

.acc-seat {
	font-size: 14px;
	margin-bottom: 10px;
}

.btn-upgrade-plan {
	text-align: left;
	padding: 12px 20px;
	min-width: 160px
}

.btn-upgrade-plan img,
.btn-upgrade-plan img {
	float: right;
}

.upgrade-plan-info .text-link {
	font-weight: bold;
	text-decoration: none;
}

.upgrade-plan-info ul {
	list-style: none;
	padding: 0;
}

.upgrade-plan-info ul li {
	background: url(../img/check.png) no-repeat;
	background-size: 22px;
	padding-left: 30px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 14px;
}


/*.icon-setting{
	display: inline-block;
	background: url(../img/icon-setting.png) no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
}*/


/*Manage Team*/

.card-team .card-body {
	padding: 5px
}

.card-team .card-body table,
.billing-payment table {
	width: 100%
}

.card-team table tr td,
.billing-payment table tr td {
	font-size: 14px;
	padding: 15px 5px;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.billing-payment table tr td {
	padding: 10px 5px
}

.billing-payment table tr td p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
}

.billing-payment table tr td a {
	margin-right: 15px;
	font-size: 14px;
}

.card-team table tr:last-child td,
.billing-payment table tr:last-child td {
	border: none
}

.card-team table .ava-circle {
	float: left;
}

.card-team table a,
.card-team table span,
.card-team table label {
	display: block;
	margin: 5px 0 0;
	font-weight: bold;
}

.card-team table span {
	font-size: 14px;
	line-height: 150%;
	color: #676D75;
	font-weight: normal;
}

.card-team table a {
	margin-top: 10px;
	text-decoration: none
}

.card-team table a i {
	color: #676D75;
}

.card-team table label {
	font-family: Inter, sans-serif font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	color: #262F3B;
}

.badge-owner {
	background: #E6E6E6;
	padding: 2px 5px;
	font-weight: bold;
	border-radius: 2px;
	line-height: normal;
	color: #676D75;
}

.listed-team .card-team {
	background: #F8F8F8;
	/* Gray 5 */
	border: 1px solid #E0E0E0;
	padding: 10px
}

.listed-team .card-team table {
	background: #fff;
	border: 1px solid #E0E0E0;
}

.team-info h4 {
	font-size: 18px;
	line-height: 27px;
	letter-spacing: -0.2px;
	color: #262F3B;
}

.team-info p {
	font-size: 14px;
	color: #676D75;
}

.team-info h4+a,.team-info h4+a+a {
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	text-decoration: none;
}
.team-info h4+a+a {
	margin-left:0
}
.team-info h4+a i, .team-info h4+a+a i {
	color: #676D75
}

.team-info .btn-outline {
	padding: 10px 20px;
}

.team-info .btn-outline i {
	margin-right: 10px;
}


/*Notification*/

.notification-setting ul {
	list-style: none;
	padding: 0;
}

.notification-setting ul li {
	margin-bottom: 20px;
}

.notification-setting ul li .switch {
	display: inline-block;
}

.notification-setting ul li .switch-label {
	display: inline-block;
	position: relative;
	margin: 0;
	top: 7px;
	margin-left: 10px;
}

.enable-notification label {
	font-size: 16px;
	color: #262F3B;
}

.enable-notification label small {
	color: #676D75
}


/*Billing payment*/

.status-billing {
	padding: 5px 10px;
	background: #DDF1ED;
	border-radius: 5px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #45B39C;
}

.status-billing.status-unpaid {
	background: #FFE7EB;
	color: #f9163e;
}

.billing-payment .card-payment-method td p,
.billing-payment .card-payment-method td label {
	font-size: 14px;
	margin-bottom: 0;
	font-weight: bold;
}

.billing-payment .card-payment-method td {
	border: none;
	width: 45%;
}

.billing-payment .card-payment-method {
	padding: 10px;
	margin-bottom: 30px;
}

.billing-payment .card-payment-method table tr td a {
	font-weight: bold;
	text-decoration: none;
	margin: 0;
}

.billing-payment .card-payment-method table tr td a i {
	color: #676D75;
}

.primary-card {
	position: absolute;
	padding: 5px 10px;
	background: #FFE7EB;
	color: #f9163e;
	border-radius: 5px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	top: -16px;
}


/*Dashboard*/

.nav-full {
	background: #fff;
	padding: 20px;
}

ul.step-plan {
	list-style: none;
	padding: 0;
	margin: 30px 0 0;
}

ul.step-plan li {
	display: inline-block;
	padding: 10px 20px;
	font-size: 20px;
	font-family: 'Poppins';
	font-weight: bold;
}

ul.step-plan li small {
  font-size: 18px;
  border: 3px solid #CCCCCC;
  float: left;
  padding: 7px;
  line-height: 23px;
  border-radius: 100px;
  color: #262F3B;
  font-weight: bold;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  position: relative;
  top: -5px;
}

ul.step-plan li small.icon-check {
	border: none;
	background: url(../img/check.png) no-repeat;
	background-size: 40px;
}

.card-pricing {
	border-radius: 5px;
	border: 1px solid #ccc;
	position: relative;
}

.card-pricing:hover {
	box-shadow: 0px 0 20px #2323253d;
	z-index: 9;
	border: 1px solid #FF173D
}

.card-pricing.card-black {
	background: #262F3B;
	color: #fff;
}

.card-black .plan-type {
	background: #374252
}

.most-popular {
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
	background: #FF173D;
	padding: 10px;
	border-radius: 5px 5px 0 0;
}

.plan-benefit {
	padding: 30px 20px 0;
}

.plan-benefit ul {
	list-style: none;
	padding: 0;
	font-size: 16px;
}

.plan-benefit ul li {
	margin-bottom: 20px;
	background: url(../img/check.png) no-repeat;
	background-size: 25px;
	padding-left: 35px;
	font-size: 14px;
	padding-bottom: 5px
}

.plan-type {
	padding: 30px 20px 20px;
	border-bottom: 1px solid #0000001f;
	margin-bottom: 20px;
}

.plan-type h2 {
	font-size: 28px;
}

.plan-type h2 span {
	font-weight: normal;
	font-size: 22px;
}

.plan-type h6 {
	font-size: 20px;
}

.plan-type p {
	color: #676D75;
	font-weight: bold;
}

.card-pricing .btn-primary {
	font-size: 16px;
}

.current-plan {
	font-size: 22px;
	color: #676D75;
}

.current-plan b {
	color: #262F3B;
}

a.back-arrow {
	font-size: 14px;
	font-weight: 600;
	margin-top: 15px;
	display: inline-block;
}


/*FEATURES*/


/*================ features area two css ==============*/

.features_tab_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.features_tab_inner .features_tab_left {
	width: 50%;
	float: left;
}

.features_tab_inner .features_tab_left .features_tab {
	max-width: 400px;
	margin-left: 0;
	margin-right: 70px;
	padding-top: 20px;
	border: 0px;
	position: relative;
	width: auto;
	left: 0;
	bottom: 0;
	text-align: left;
	display: block;
}

.features_tab_inner .features_tab_left .features_tab li {
	opacity: 1;
	margin: 0px 0px 10px;
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 20px 50px 20px 80px;
	height: 100%;
	text-indent: inherit;
	border-radius: 5px;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	/* border: 1px solid #eee; */
	position: relative;
	background: none;
}

.features_tab_inner .features_tab_left .features_tab li .tab_icon {
	position: absolute;
	left: 20px;
	top: 30px;
	width: 45px;
}

.features_tab_inner .features_tab_left .features_tab li .heading {
	font-size: 21px;
	line-height: 28px;
	color: #262F3B;
	font-weight: 600;
	display: block;
	position: relative;
	padding-bottom: 0;
	margin-bottom: 6px;
}

.features_tab_inner .features_tab_left .features_tab li .summary {
	font-size: 14px;
	line-height: 20px;
	color: #676D75;
	display: block;
}

.features_tab_inner .features_tab_left .features_tab li .summary+img {
	display: none
}

.features_tab_inner .features_tab_left .features_tab li.active,
.features_tab_inner .features_tab_left .features_tab li:hover,
.features_tab_inner .features_tab_left .features_tab li:focus {
	background-color: white;
	-webkit-box-shadow: 0px 8px 26px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 8px 26px 2px rgba(0, 0, 0, 0.05);
}

.features_tab_inner .features_tab_right {
	width: 50%;
	float: left;
	position: relative;
	top: 0;
}

.features_tab_inner .features_tab_right .carousel-inner {
	padding-right: 10px;
	text-align: center;
	-webkit-transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	position: relative;
	padding-left: 10px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.features_tab_inner .features_tab_right .carousel-inner .carousel-item {
	opacity: 0;
	left: 30px;
	-webkit-transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	padding-bottom: 23px;
	padding-top: 10px;
}

.features_tab_inner .features_tab_right .carousel-inner img {
	/* -webkit-box-shadow: 0px 8px 26px 2px rgba(0, 0, 0, 0.05); */
	/* box-shadow: 0px 8px 26px 2px rgba(0, 0, 0, 0.05); */
	position: relative;
	-webkit-transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	transition: all 0.625s cubic-bezier(0, 0, 0.2, 1);
	max-width: 100%;
	border: 5px solid #fff;
}

.features_tab_inner .features_tab_right .carousel-inner .active {
	opacity: 1;
	visibility: visible;
	display: block;
	left: 0;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.features_tab_inner .features_tab_right .carousel-inner .active img {
	left: 0;
	opacity: 1;
}

.features-list .btn-primary {
	min-width: 250px;
	font-size: 16px;
}

.plan-payment .card {
	font-size: 14px;
}

.form-line .select2-container .select2-selection {
	border: none;
	border-bottom: 2px solid #ccc;
	border-radius: 0;
	font-size: 16px;
	padding: 10px 0;
	box-shadow: none !important
}

.form-line .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
}

.plan-payment .form-group {
	margin-top: 20px
}

.plan-payment .form-group.w-50 {
	width: 48% !important;
	margin-right: 2%;
}

.plan-payment .form-control {
	font-size: 16px;
}

.plan-confirmation .w-50 label {
	color: #676D75;
	font-size: 14px;
}

.plan-confirmation .w-50 p b {
	font-size: 16px;
}

.form-line .form-control {
	font-size: 16px;
	border: none !important;
	border-radius: 0;
	border-bottom: 2px solid #ccc !important;
	padding: 10px 0 !important;
	height: auto;
	color: #262F3B;
}

.form-line .form-control:focus,
.form-line .form-control:active {
	outline: none;
	box-shadow: none !important;
	background: none !important;
	border-bottom: 2px solid #FF173D !important
}

p.p-discover b {
	color: #262F3B;
}

.input-otp input {
	width: calc(16.66% - 10px);
	float: left;
	margin-right: 10px;
	height: 60px;
	margin-top: 10px;
}

.input-otp input:last-child {
	margin-right: 0;
}

.modal-success h2 {
	font-size: 24px;
	line-height: 24px;
	letter-spacing: -1.2px;
	color: #262F3B;
}


/*Staff*/

.filter-staff p {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 32px;
	color: #262F3B;
	margin-bottom: 9px;
}

.filter-staff ul {
	list-style: none;
	padding: 0;
	margin: 0 0 18px;
}

.filter-staff ul li {
	display: inline-block;
}

.filter-staff ul li a {
	padding: 6px;
	color: #262F3B;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
}

.filter-staff ul li.active a {
	background: #FF173D;
	border-radius: 5px;
	color: #FFFFFF;
}

.dropdown-notification .dropdown-menu li .desc {
	font-weight: bold;
	line-height: 125%;
}

.see-more {
	font-size: 14px;
	color: #FF173D;
}

.notif-unread {
	background-color: #FFF9C7;
	padding: 15px;
	border: none;
}

.notif-item {
	border-bottom: 1px solid #EFEFEF;
}

.dropdown-menu.w-0.show {
	width: fit-content;
	padding: 5px;
	border: none;
}

.dropdown-menu.w-0.show a.dropdown-item {
	margin: 0px;
}

.dropdown-menu::before {
	content: "";
	display: inline-block;
	right: 15px;
	position: absolute;
	top: -8px;
}

.dropdown-menu::after {
	border-bottom: 8px solid #FFFFFF;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	content: "";
	display: inline-block;
	right: 15px;
	position: absolute;
	top: -7px;
}

.district-item,
.representative-item {
	font-weight: bold;
}

select#inputState {
	padding-bottom: 15px;
}

.btn-filter {
	height: 42px;
}

.filter-form label {
	font-size: 14px;
}

#inputAddress::-webkit-input-placeholder,
#inputCity::-webkit-input-placeholder,
#inputCity::-webkit-input-placeholder {
	color: #BDBDBD;
}

.card-countries {
	border: none;
	padding: 0px;
}

.card-countries h3 {
	font-size: 18px;
	line-height: 27px;
	letter-spacing: -0.2px;
}

.my-tab-container {
	width: 100%!important;
	margin: 0!important;
	background-color: #F8F8F8;
}

.my-custom-nav-item {
	margin-left: 12px;
	background-color: #E0E0E0;
	border-radius: 5px 5px 0px 0px;
}

.my-custom-nav-item a.nav-link.active {
	border-color: #fff;
}

.check-countries {
	padding: 0;
	list-style: none;
}

.filter-header label {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -0.2px;
}

.custom-close {
	font-size: 17px;
}

#name-in-map {
	font-size: 16px;
	line-height: 18px;
}

#state-in-map {
	font-size: 14px;
	line-height: 21px;
}

#name-in-map,
#state-in-map {
	font-family: 'Inter';
	letter-spacing: -0.2px;
}

.photo-in-map {
	border-radius: 10px;
	max-width:100px !important ;
}

.floatButton {
	background: #F8F8F8;
	position: absolute;
	border-radius: 0px 0px 5px 5px;
	-webkit-transform: rotate(-90deg);
	top: 300px;
	z-index: 1;
	float: left;
	left: -65px;
}

.floatButton label {
	padding: 15px 0px 15px 15px;
	padding-right: 30px;
	margin: 0;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -0.2px;
	color: #262F3B;
}

#floatButton {
	display: none;
}


/*Tags Input*/

.bootstrap-tagsinput .tag {
	margin-right: 2px;
	color: white;
	font-size: 14px;
	background: #676d75 !important;
	padding: 3px 7px;
	border-radius: 5px;
	margin-bottom: 5px;
	float: left;
	line-height: 16px;
}

.bootstrap-tagsinput input {
	font-size: 14px;
	/*background: url(../img/icon-search.png) no-repeat 5px 7px #fff;*/
	/*padding-left: 30px;*/
}

.bootstrap-tagsinput {
	width: 100%;
	line-height: 32px;
}

span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
	color: #ffffff;
	text-decoration: none;
	outline: 0;
	background-color: #FF173D;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
	padding: 0;
	content: "\e903";
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-size: 8px;
}

span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
	width: 100%
}

span.twitter-typeahead .tt-suggestion {
	text-overflow: ellipsis;
	overflow: hidden;
}

.card-body .box-latest-rep h3,
.box-latest-staff h3,
.box-latest-dir h3,
.box-latest-map h3,
.box-act-dir h3 {
	font-size: 18px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #262F3B;
	margin-bottom: 7px;
	margin-top: 5px;
	text-align: center;
}

.card-body .box-latest-rep .desc-latest-rep,
.box-latest-staff .desc-latest-staff,
.box-latest-dir .desc-latest-dir,
.box-latest-map .desc-latest-map {
	font-size: 14px;
	text-align: center;
	color: #676D75;
}

.box-act-dir .desc-act-dir {
	font-size: 14px;
	text-align: center;
	color: #676D75;
	padding-top: 100px;
}

.box-latest-rep,
.box-latest-staff {
	background-image: url("../img/bg-lock.png");
	height: 300px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.box-latest-dir {
	background-image: url("../img/bg-latest-dir.png");
	height: 290px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.box-latest-map {
	background-image: url("../img/bg-latest-map.png");
	height: 382px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.box-act-dir {
	background-image: url("../img/bg-activity-directory.png");
	height: 999px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.list-people ul .col-md-2 {
	max-width: 50px;
}

.list-people ul .col-md-10 {
	max-width: calc(100% - 60px);
}

.dropdown-notification.show-overlay .dropdown-menu .col-md-2 {
	max-width: 60px;
}

.dropdown-notification.show-overlay .dropdown-menu .col-md-10 {
	max-width: calc(100% - 60px);
}

.ava-committee {
    background: #f9163e;
    width: 50px;
    height: 70px;
    position: relative;
    overflow: visible;
    float: left;
    margin-right: 25px;
    margin-bottom: 10px;
    line-height: normal;
    text-align: center;
}
.ava-committee small {
    line-height: 10px;
    color: #fff;
    font-size: 10px;
}

.ava-committee img {
    height: 50px;
    position: relative;
    top: -9px;
}

.ava-committee small {
    position: relative;
    top: 0;
}

.ava-committee small:last-child {
    top: -15px;
}

.ava-committee img + small {
    top: -18px;
}


.ava-committee span {
	position: absolute;
	top: -17px;
	right: -17px;
	width: auto;
	line-height: normal;
}

.badge-number {
	background: #f9163e;
	padding: 1px 6px;
	font-weight: bold !important;
	color: #fff;
	border-radius: 100px;
	display: inline-block !important;
	width: auto !important;
	border: 2px solid #fff;
	font-size: 12px;
	position: absolute;
	right: -5px;
	top: 3px;
}

.state-comittee-details {
    padding: 15px 20px;
    background: #eee;
    position: relative;
    padding-left: 150px;
    border-top: 5px solid #f9163e;
    margin-bottom: 10px;
}

.state-comittee-details h4 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: -0.2px;
    color: #262F3B;
    margin-bottom: 0 !important;
}

.state-comittee-details h4 + p {
    font-size: 21px;
    margin-bottom:10px;
}
.state-comittee-details .ava-committee {
    position: absolute;
    left: 0;
    /* transform: scale(1.2); */
    transform-origin: top;
    height: 100%;
    width: 130px;
    top: 0;
}

.state-comittee-details .ava-committee .badge-number {
    /* font-size: 10px; */
    top: 6px;
}
.state-comittee-details .phone-no .office-phone {
    font-weight: bold;
    margin-top: 6px;
    display: inline-block;
    color: #262F3B;
}
.state-comittee-details .phone-no{
font-weight:bold}

.state-comittee-details .ava-committee img  {
    width: 110px !important;
    height: auto;
}

.state-comittee-details .ava-committee small {
    display: block;
    font-size: 14px;
    margin: 20px 0 10px;
    padding: 0 5px;
}

.inputs-otp{
	text-align: center;
	font-weight: bold;
}

/*ERROR*/
#error-page{background:#F8F8F8;border-top: 5px solid #f9163e;}
#error-box,#error-page{
	text-align: center;
	min-height: 100vh;
	position: relative;
}
#error-box .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}
#error-box span {
    /* color:#f9163e; */
    font-family:'Poppins',Inter,sans-serif;
    font-weight: 700;
    margin-top: 20px;
}
#error-box .lead{
    background:#fff;
    padding:4%;
    width: 60%;
    margin: 0 auto;
    /* font-weight:bold; */
}


#choose-plan{
padding: 75px 0 0;
background: #F8F8F8
}
.upgrade-plan{
/*padding: 25px 0 50px;
background: #F8F8F8*/
}

#choose-plan h2,.upgrade-plan h2{ 
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 42px;
line-height: 60px;
/* identical to box height, or 143% */

text-align: center;
letter-spacing: -1.2px;

color: #262F3B;
}

#choose-plan p{ 
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 150%;
/* or 30px */

text-align: center;
letter-spacing: -0.2px;

color: #676D75;
}
.plan-white {
    background: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    min-height: 250px;
    position: relative;
    padding-bottom: 70px;
    cursor: pointer;
}

.plan-white .btn{
  display:block;
  width: calc(100% - 40px);
  background:#262f3b;
  color:#fff;
  position: absolute;
  bottom:10px;
}
.plan-box {
    margin: 40px 0;
}
#choose-plan .plan-box .size-people{font-family: Inter;font-style: normal;font-weight: bold;font-size: 16px;line-height: 22px;
/* identical to box height */text-align: center;color: #262F3B;margin: 0;}
.plan-white input {
    position: absolute;
    top: 10px;
    left: 10px;
}
.plan-benefit .col-md-10{background: #FFFFFF;box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.06);border-radius: 3px;padding: 10px 30px;border-top: 5px solid #f9173e;}
#choose-plan .plan-benefit p,
#choose-plan .plan-benefit li{
  font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
text-align: left;
/* or 137% */

letter-spacing: -0.2px;

color: #262F3B;

}
.plan-benefit h3 {
     text-align: center;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 60px;
    text-align: center;
    letter-spacing: -1.2px;
    color: #262F3B;
    margin: 20px 0;
}

.plan-benefit h4 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 36px;
    color: #f9183e;
    background: #F1F1F1;
    border-radius: 3px;
    padding: 10px 20px;
    margin-bottom: 20px;
}
#choose-plan .plan-white h3 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 39px;
/* identical to box height */
    text-align: center;
    color: #262F3B;
}

#choose-plan .plan-white h4 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 42px;
/* identical to box height */
    text-align: center;
    color: #FF173D;
}
.upgrade-plan .panel-title a {
    background: #FFFFFF;
/* Gray 5 */
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 3px;
    display: block;
    padding: 15px;
    margin-top: 20px;
    font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    
/* or 81px */
    letter-spacing: -0.2px;
    color: #262F3B;
    text-decoration: none
}
.plan-white.active,.plan-white:hover {
    border: 1px solid #f9163e;
}

.plan-white.active .btn,.plan-white:hover .btn {
    background: #f9163e;
}
.upgrade-plan  .panel-body {
    padding: 20px;
    font-size: 16px;
    line-height: 150%;
    color: #4f5865;
}
.upgrade-plan  .panel-heading a:before {
    content: '';
    float: right;
    transition: all 0.5s;
    top: 8px;
    right: 10px;
    background: url(../img/arrow-faq.png) no-repeat 0;
    display: block;
    width: 20px;
    height: 20px;
}

.upgrade-plan  .panel-heading a[aria-expanded="true"]:before {transform: rotate(-180deg);}
@media(max-width: 768px){

.row-features{
  padding: 20px 0
}
#features-box-list .row {
    display: block;
}

#features-box-list .row .col {
    display: block;
    padding: 10px;
    text-align: left;
}

#features-box-list p {
    text-align: left;
}

#features-detail .col-md-6 img{
  max-width: 95%
}
#features-detail .col-md-6{
  padding: 20px;
  text-align: center;
}

.row-features h6{
  font-size: 14px;
}

.row-features h2{
  font-size: 28px;
  line-height: normal;
}

.row-features p{
  font-size: 16px;
}
#choose-plan .plan-benefit p,
#choose-plan .plan-benefit li{
  font-size: 14px;
}
#choose-plan .plan-benefit h4 {
  font-size: 18px;
  line-height: normal;
}
.plan-box .row {
    display: block;
}

.plan-box .row .col {
    margin-bottom: 20px;
}
.plan-box {
    margin: 10px 0;
}

#choose-plan h2, .upgrade-plan h2 {
    font-size: 24px;
    line-height: normal;
}
section#choose-plan {
    padding: 25px;
}
#choose-plan p {
    font-size: 18px;
    line-height: normal;
}
ul.step-plan {
    margin: 0;
}

ul.step-plan li{
    font-size: 12px;
    padding: 5px;
}

ul.step-plan li small {
    display: block;
    float: none;
    margin: 0 auto;
}
.upgrade-plan .nav-full .ava-circle {
    position: absolute;
    right: 0;
    top: 0;
}

.upgrade-plan .nav-full 
 .col-md-4 {
    width: auto;
    margin-bottom: 20px;
}

.upgrade-plan .nav-full .col-md-4:first-child a {font-size: 0;width: 30px;height: 30px;}

.upgrade-plan .nav-full .col-md-4:nth-child(2) img {
    height: 43px;
}

.upgrade-plan .nav-full .col-md-4:nth-child(3) {
    width: 80px;
}

.upgrade-plan .nav-full .col-md-4:nth-child(2) {
    width: calc(100% - 140px);
}

.upgrade-plan .nav-full {padding-bottom: 10px;}
}


/* The check_plan */
.check_plan {
  display: block;
  position: absolute;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.check_plan input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark_plan {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
  border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.check_plan:hover input ~ .checkmark_plan {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.check_plan input:checked ~ .checkmark_plan {
  background: url(../img/icon-check-big.png) no-repeat;
  border: 1px solid #f9163e;
  background-size: 100%;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark_plan:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.check_plan input:checked ~ .checkmark_plan:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.check_plan .checkmark_plan:after {
 	top: 9px;
 	left: 9px;
 	width: 8px;
 	height: 8px;
 	border-radius: 50%;
 	background: none;
}

@media(max-width: 600px){
#choose-plan .plan-white h3 {
    font-size: 20px;
    line-height: normal;
    margin-top: 20px;
}

#choose-plan .plan-white h4 {
    font-size: 23px;
    line-height: normal;
}

.plan-white {
    min-height: auto;
}
.plan-benefit,.plan-box .row .col{
padding: 0
}
}

.modal-team .select2-container {
    width: 100% !important;
}
label.custom-radio .text-link {
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    display: block;
    padding: 10px;
    background: #e8e8e8;
    color: #867f7f !important;
}

textarea.form-control,#modal-guide .select-custom+.select2-container--default .select2-selection--single, .select-issue-dropdown+.select2-container--default .select2-selection--single, .card-legislator-filter .select2-container--default .select2-selection--single, .select-frequency-dropdown+.select2-container--default .select2-selection--single {
    border: 1px solid #a2a2a278 !important;
}

#modal-guide .modal-dialog {
    max-width: 700px;
}

#modal-guide .modal-dialog p {
    font-size: 14px;
    margin: 20px;
}

#modal-guide .carousel-indicators {
    bottom: 0;
    position: relative;
}

#modal-guide .carousel-indicators li {
    background: #fff;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 100px;
}

#modal-guide img {
    border: 1px solid #eee;
    width: 75%;
}
#modal-guide .modal-header,#modal-guide .modal-body {
    background:#fff
}
#modal-guide .modal-footer {
    position:relative;
    background: #262F3B;
    border: none;
    padding: 20px;
    margin: 10px -16px -16px;
    border-radius: 0;
}
#modal-guide  .modal-content {
    border: none;
}
span.step-icons {
    position: absolute;
    background: #f9163e;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    border-radius: 100px;
    margin-left: -20px;
    font-weight: bold;
    border: 3px solid #fff;
    box-shadow: 0 10px 10px #ccc;
}

.input-group.input-qty .btn {
    padding: 2px 10px;
    color: #f9163e;
    border: 1px solid #f9163e;
    height: calc(1.5em + .75rem + 2px);
}

.input-group.input-qty .form-control {
    width: 50px;
    margin: 0 5px;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    height: calc(1.5em + .75rem + 1px);
    padding: .375rem .75rem;
    font-size: 16px;
    flex: none;
}

.input-group.input-qty {margin-bottom: 10px;margin-top: -10px;}

.input-group.input-qty 
 label {
    display: block;
    width: 100%;
}

.form-billing .check_plan input,.form-billing .check_plan {
    width: 100%;
}

.form-billing .check_plan {top: 0;left: 0;padding: 32px;}

.form-billing .check_plan .checkmark_plan {
    top: 17px;
    left: 20px;
}
.form-billing .plan-white {
    min-height: auto;
    padding-bottom: 10px;
    text-align: left;
    border:1px solid #ccc;
    margin-bottom:20px;
}
.form-billing .plan-white.active {

    border:1px solid #f9173e
}
.form-billing .plan-white h3 {margin-left:50px;
    font-size:20px}


.form-billing-other {
    padding: 20px;
    margin-top: -21px;
    background: #fff;
    border: 1px solid #f9173e;
    position: relative;
    z-index: 9;
}

a.btn.btn-delete {
    font-size: 14px;
    padding: 0;
    color: #fff;
    background: #bdbdbd;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100px;
    margin-top: 9px;
}
.plan-payment .form-billing .form-group.w-50 {
    margin-top: 0;
}


.search-empty h3 {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Inter',sans-serif;
}

.search-empty {
    padding: 20px;
}

.search-empty .box-illustration {
    margin: 0;
    width: 100%;
}

.search-empty .box-illustration img {
    margin-bottom: 20px;
    /*mix-blend-mode: luminosity;
    opacity: .7;*/
}
.box-latest-rep.box-sub-lock h3 {
    font-size: 22px;
}

.box-latest-rep.box-sub-lock {
    text-align: center;
}

.box-latest-rep.box-sub-lock .desc-latest-rep {
    font-size: 14px;
}

.modal-issue .add-options.card-legislator a i {
    margin-right: 10px;
}

.comitte-details-info {
    background: #eee;
    padding: 30px;
    border-bottom: 2px solid #fff
}

.comitte-details-info h3 {
    color: #f9163e;
    text-align: center;
}
.comitte-details-info h4 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
}
.comitte-details-info h6 {
    font-size: 18px;
    text-align: center;
}
.state-comittee-details .phone-no label {
    font-size: 16px;
    font-weight: normal;
}


.name-link .ava-circle img{
	height: 50px;
}

a.add-cc {
    position: absolute;
    right: 10px;
    top: 11px;
    color: #fff;
    background: #f9163e;
    padding: 5px 10px;
    border-radius: 3px;
}

.upgrade-plan .billing-payment .card-payment-method td {
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.upgrade-plan .billing-payment .card-payment-method .check_plan {
    left: 10px;
    top: 22px;
}

.comitte-details-info p,.comitte-details-info li {
    font-size: 14px;
}

.upgrade-plan .billing-payment .card-payment-method table {
    max-width: 400px;
}

.upgrade-plan .billing-payment .card-payment-method table h6{
    margin-top: 10px;
    margin-bottom: 0
}
.dropdown-disabled{
	opacity: .4
}

p.list-email-member {
    padding: 10px 10px 0;
    position: relative;
    margin: 0;
}

p.list-email-member a {
    position: relative;
    top: -5px;
    left: 10px;
}
.form-billing .plan-white h3 .no-counter {
    float: right;
    color: #f9163e;
}

.plan-white .no-counter input {
    position: relative;
    width: auto !important;
    min-width: 50px !important;
    max-width: none;
    border: none;
    background: none;
    top: auto;
    left: auto;
    text-align: right;
    font-weight: bold;
    color: #f9163e;
}

.feed-container .box-act-dir {
    height: auto;
    background-size: 190%;
}
.ava-square {
    margin-left: 10px;
    width: 50px
}
.ava-square img {
    width: 100%;
}

#search-all .col-md-2,#search-people .col-md-2,#search-press-releases .col-md-2,#search-committees  .col-md-2{
    position: absolute;
}

#search-all .col-md-10,#search-people .col-md-10,#search-press-releases .col-md-10,#search-committees  .col-md-10 {
    padding-left: 85px !important;
}

#search-committees  .col-md-10 {
    padding-left: 80px !important;
}


.tutorial-plan .col-md-8 div p {
    font-weight: bold;
}

.tutorial-plan .col-md-8 div .step-no {
    color: #f9163e;
    font-size: 22px;
}

.remaining-license {
    font-size: 14px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    /*font-family: 'Poppins';*/
    color: #26303b;
    background: #f5f5f5;
    border-radius: 10px;
    float: right;
}

.remaining-license span{
  padding: 2px 10px;
  background: #f9163e;
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
}
span.badge-license {
    position: absolute;
    right: 10px;
    top: 16px;
    padding: 5px 10px;
    background: #f9163e;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
}

.table-bulk thead tr th{
    background: #26303b;
    color: #fff;
}

.table-bulk thead tr th, .table-bulk tbody tr td {
    font-size: 15px;
    font-family: 'Inter';
    font-weight: normal;
}
.table-bulk a.btn.btn-delete {
    margin: 0;
}

.onboarding-wizard{
    margin: 0;
    padding-top: 20px;
    background: #fff;
}
.onboard-title p{
font-size: 22px
}



.form-billing .plan-white:hover {
    border: 1px solid #f9173e;
}
.form-billing .plan-white:hover .check_plan input ~ .checkmark_plan {
    background: url(../img/icon-check-big.png) no-repeat;
    border: 1px solid #f9163e;
    background-size: 100%;
}

.form-billing .plan-white:hover .check_plan input ~ .checkmark_plan:after {
    display: block;
}


.press-release {
    background: #fff;
    padding: 5% 10%;
    max-width: 100%;
}

.press-release h2 {
    font-size: 36px !important;
    line-height: 150% !important;
    margin: 0 0 20px !important;
}

.press-release h6 {
    margin-bottom: 20px;
}

.press-release p {
    font-size: 18px;
    line-height: 150%;
    font-family: 'Inter';
}


.tutorial-plan {
    padding: 100px 0 0;
}

.tutorial-plan .row {
    padding: 30px 0 30px;
}

.tutorial-plan .row img{
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
}
.tutorial-plan h2 {
    font-size: 44px;
    font-weight: 700;
    margin-bottom:30px;
}
.tutorial-plan h4 {
     font-size: 36px;
    font-weight: 700;
    margin-bottom:30px;
}

.tutorial-plan h5 {
     font-size: 36px;
    font-weight: 700;
    margin-bottom:30px;
}
.tutorial-plan p {
    font-size: 18px
}

.black-section{
    /* color: #fff; */
    /*background: #F8F8F8;*/
    margin: 30px 0;
}
.row.black-section img {
    height: 80px;
    margin: 20px auto;
    display: block;
}
.black-section h6{
  font-family: 'Inter',sans-serif;
  padding: 0 10px 0 0;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  max-width: 95%;
}
.tutorial-plan .text-link img{
  /* text-decoration: underline; */
  margin-left: 5px;
}

.banner-plan {
    background: #f1f1f1;
    margin-top: -20px;
    margin-bottom: 30px;
    width: 100%;
}

.banner-plan .container {
    max-width: 1280px;
}

.tutorial-plan 
 .banner-plan h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

.tutorial-plan img {
max-width: 100%
}
.tutorial-plan h2,
.tutorial-plan h4{
    font-size: 32px;
    line-height: 150%;
    margin-bottom: 20px;
}

.tutorial-plan .panel-body p{font-weight: normal !important;font-size: 16px !important;}
.upgrade-plan .tutorial-plan .panel-heading a:before {
    top: 12px !important;
    position: relative;
}
.tutorial-plan .col-md-8 div .step-no {
    color: #f9163e;
    font-size: 16px;
}

.tutorial-plan .col-md-8 .panel-body div > p {
	font-weight: bold !important;
}

.banner-team{margin-bottom:20px;background:url(../img/bg-team.png) no-repeat #FF173D;background-position: 102% -50px;min-height: 150px;border-radius: 15px;overflow: hidden;color: #fff;}

.banner-team img {
    padding: 30px 20px 0;
    float: left;
}

.banner-team h4 {
    margin-top: 30px;
}

.banner-team h4,.banner-team p {
    max-width: 56%;
}

#modal-change-name .modal-dialog {
    max-width: 700px;
}

.modal-grey .modal-content {
    background: #F1F1F1;
}

.border-0 {
    border: none !important;
}

#modal-change-name .modal-title {
    width: 100%;
}

.badge-owner-invert{
	background: #9F9F9F;
	padding: 2px 5px;
	font-weight: bold;
	border-radius: 2px;
	line-height: normal;
	color: #fff;
}

.dataTables_processing{
	top: 100px !important;
	position: absolute !important;
	background-color: transparent !important;
	height: calc( 100% - 74px) !important;
	border: none !important;
}
 .dataTables_processing > div{
	position: sticky !important;
	top: 45% !important;
	background-color: white;
	border: 1px solid lightgray;
	border-radius: 4px;
	height: 80px !important;
	width: 200px !important;
  }
  .dataTables_processing > div > div{
	top: calc( 50% - 6.5px)  !important;
  }
  .dataTables_processing > div > div:nth-child(1){
	left: 68px !important;
  }
  .dataTables_processing > div > div:nth-child(2){
	left: 68px !important;
  }
  .dataTables_processing > div > div:nth-child(3){
	left: 92px !important;
  }
  .dataTables_processing > div > div:nth-child(4){
	left: 116px !important;
  }

  .table-responsive {
	overflow-x: visible;
  }